*{margin: 0;padding: 0;list-style: none;box-sizing: border-box;text-decoration: none;font-family: 'siyuan', 'Microsoft YaHei',"Arial";line-height: 1;}
.img{display: flex;align-items: center;justify-content: center;font-size: 0;overflow: hidden;user-select:none}
.img img{max-width: 100%;max-height: 100%;object-fit: contain;transition: all .3s;}

.btn{display: flex;align-items: center;justify-content: center;transition: all 0.3s;cursor: pointer;}

.text2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.text3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.text4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
.text5{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}

input,select,textarea{border: none;outline: none;background: none;}
textarea{resize: none;}

html{font-size: calc(100vw / 192);}

.container{width: 1400px;margin: 0 auto;}

.pc{display: block;}
.mb{display: none;}

.flex{display: flex;}

/* body{opacity: 0;transition: all 1s;} */

@font-face {
  font-family: "siyuan";
  font-weight: 500;
  src: url("./SourceHanSansCN-Regular.otf") format("trueType");
  font-display: swap;
}
  
@font-face {
  font-family: "siyuanB";
  font-weight: 800;
  src: url("./SourceHanSansCN-Bold.otf") format("trueType");
  font-display: swap;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}
input[type='number'] {
  -moz-appearance: textfield;
}

.bold{font-family: 'siyuanB';font-weight: bold;}
strong{font-family: 'siyuanB';font-weight: bold;}
b{font-family: 'siyuanB';font-weight: bold;}

.img.hover{position: relative;}
.img.hover img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;right: 0;bottom: 0;margin: auto;}
.img.hover .nor{z-index: 111;opacity: 1;}
.img.hover .hov{z-index: 11;opacity: 0;}
.img.hover:hover .nor{z-index: 11;opacity: 0;}
.img.hover:hover .hov{z-index: 111;opacity: 1;}



.page>.container{box-shadow: 0px 7px 29px 0px rgba(100, 100, 111, 0.2);min-height: 100vh;}


.header{display: flex;align-items: center;justify-content: space-between;height: 90px;padding: 0 20px;position: relative;z-index: 111;background: #fff;}
.header .logo{display: flex;align-items: center;}
.header .logo .img{max-width: 200px;height: 56px;}
.header .logo .textBox{margin-left: 20px;display: flex;flex-direction: column;align-items: center;border-left: 2.3px solid transparent;position: relative;/*height: 46px;*/padding: 0px 0;padding-left: 20px;}
.header .logo .textBox::before{position: absolute;top: 0;bottom: 0;left: 0;width: 2.3px;background: linear-gradient(180deg, rgba(216, 216, 216, 0) 0%, #DDDDDD 55%, rgba(216, 216, 216, 0) 100%);content: "";}
.header .logo .textBox .cn{font-size: 30px;color: #111111;font-weight: bold;letter-spacing: 0.1em;}
.header .logo .textBox .en{font-size: 16px;color: #333;letter-spacing: 0.03em;margin-top: 6px;font-weight: bold;}


.header .iconList{display: flex;align-items: center;height: 100%;margin-left: 47px;}
.header .iconList>.img{width: 30px;height: 30px;margin-right: 12px;position: relative;cursor: pointer;}
.header .iconList>.img:last-child{margin-right: 0;}
.header .iconList>.img.code{overflow: visible;}
.header .iconList>.img.code .codeBox{position: absolute;top: calc(100% + 32px);left: 50%;transform: translateX(-50%);opacity: 0;visibility: hidden;transition: all 0.3s;}
.header .iconList>.img.code .codeBox .code{width: 70px;height: 70px;position: relative;border-radius: 6px;background: #fff;overflow: visible;box-shadow: 0px 2px 15px 0px rgba(99, 99, 99, 0.2);}
.header .iconList>.img.code .codeBox .code img{width: 60px;height: 60px;}
.header .iconList>.img.code .codeBox .icon{position: absolute;top: -6px;left: 0;right: 0;width: 10px;height: 8px;margin: auto;}
.header .iconList>.img.code:hover .codeBox{opacity: 1;visibility: visible;top: calc(100% + 12px);}


.header .menu{display: flex;height: 100%;flex: 1;justify-content: flex-end;}
.header .menu .one{position: relative;height: 100%;display: flex;margin-right: 30px;align-items: center;}
.header .menu .one:last-child{margin-right: 0;}
.header .menu .one .text{font-size: 20px;color: #333;transition: all 0.3s;position: relative;line-height: 26px;font-weight: bold;}
.header .menu .one:hover .text{color: #C30E23;}
.header .menu .one.active .text{color: #C30E23;}
.header .menu .one .text::after{opacity: 0;position: absolute;top: calc(100% + 3px);width: 100%;left: 0;height: 3px;background: #C30E23;content: "";border-radius: 30px;}
.header .menu .one.active .text::after{opacity: 1;}


.header .menu .two{opacity: 0;position: absolute;top: calc(100% + 20px);left: 50%;transform: translateX(-50%);width: 140px;border-radius: 6px;background: #fff;overflow: visible;box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.15);padding: 10px 0 6px;transition: all 0.3s;visibility: hidden;z-index: 111;}
.header .menu .one:hover .two{opacity: 1;top: calc(100% - 16px);visibility: visible;}
.header .menu .two .icon{position: absolute;top: -6px;left: 0;right: 0;width: 16px;height: 15px;margin: auto;}
.header .menu .two .second{display: flex;align-items: center;justify-content: center;width: 100%;height: 43px;font-size: 16px;transition: all 0.3s;color: #333333;}
.header .menu .two .second:hover{color: #fff;background: #C30E23;}



.footer{border-top: 2px solid #C30E23;}
.footer .top{padding: 30px 60px 30px 50px;display: flex;justify-content: space-between;}
.footer .top .left .title{font-size: 18px;line-height: 23px;color: #333;margin-bottom: 3px;}
.footer .top .left .list .one{font-size: 16px;line-height: 30px;color: #777777;/*width: 250px;*/margin-right: 30px;transition: all 0.3s;display: block;}
.footer .top .left .list .one:hover{color: #C30E23;}

.footer .top .right{display: flex;}
.footer .top .right .one{width: 200px;display: flex;flex-direction: column;align-items: center;}
.footer .top .right .title{font-size: 18px;line-height: 23px;color: #333;margin-bottom: 10px;}
.footer .top .right .code{border: 1px solid #EEEEEE;border-radius: 10px;width: 80px;height: 80px;}
.footer .top .right .code img{width: 66px;height: 66px;}
.footer .top .right .desc{font-size: 16px;line-height: 20px;color: #777;margin-top: 10px;}


.footer .bot{padding: 30px 0 26px;display: flex;flex-direction: column;align-items: center;background: #F5F5F5;}
.footer .bot .flex{margin-bottom: 10px;}
.footer .bot .flex:last-child{margin-bottom: 0;}
.footer .bot .flex .icp{font-size: 16px;line-height: 20px;color: #333333;margin-left: 20px;display: block;transition: all 0.3s;}
.footer .bot .flex .icp:hover{color: #C30E23;}

.footer .bot .flex .one{margin-right: 50px;display: flex;align-items: center;}
.footer .bot .flex .one:last-child{margin-right: 0;}
.footer .bot .flex .icon{width: 20px;height: 20px;margin-right: 6px;}
.footer .bot .flex .text{font-size: 16px;line-height: 20px;color: #333333;}




.index .banner .next{width: 60px;height: 60px;right: 50px;top: 0;bottom: 0;margin: auto;position: absolute;box-shadow: 0px 7px 29px 0px rgba(100, 100, 111, 0.2);border-radius: 50%;background: #fff;transition: all 0.3s;z-index: 111;cursor: pointer;}
.index .banner .next img{width: 14px;height: 26px;}
.index .banner .next:hover{background: #C30E23;}

.index .banner .prev{width: 60px;height: 60px;left: 50px;top: 0;bottom: 0;margin: auto;position: absolute;box-shadow: 0px 7px 29px 0px rgba(100, 100, 111, 0.2);border-radius: 50%;background: #fff;transition: all 0.3s;z-index: 111;cursor: pointer;}
.index .banner .prev img{width: 14px;height: 26px;}
.index .banner .prev:hover{background: #C30E23;}



.index .floor1{margin-top: 40px;display: flex;justify-content: space-between;align-items: flex-start;padding: 0 50px;}
.index .floor1 .swiper{width: 620px;height: 410px;border-radius: 20px;overflow: hidden;margin-right: 60px;position: relative;/*margin-top: 10px;*/}
.index .floor1 .swiper .one{position: relative;width: 620px;height: 410px;display: block;}
.index .floor1 .swiper .one .img{width: 100%;height: 100%;}
.index .floor1 .swiper .one .img img{width: 100%;height: 100%;object-fit: cover;}
.index .floor1 .swiper .one .textBox{position: absolute;bottom: 0;left: 0;right: 0;height: 60px;padding: 0px 26px;background: rgba(0, 0, 0, 0.5);display: flex;align-items: center;}
.index .floor1 .swiper .one .textBox .title{font-size: 18px;color: #FFFFFF;width: 450px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index .floor1 .swiper .swiper-pagination{right: 0;left: auto;bottom: 0;height: 60px;width: auto;padding-right: 26px;display: flex;align-items: center;}
.index .floor1 .swiper .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background: rgba(255, 255, 255, 0.6);opacity: 1;border-radius: 10px;transition: all 0.3s;margin: 0 0 0 6px;}
.index .floor1 .swiper .swiper-pagination .swiper-pagination-bullet-active{background: #C30E23;}
.index .floor1 .swiper .next{position: absolute;top: 0;bottom: 0;right: 10px;width: 48px;transition: all 0.3s;height: 48px;z-index: 111;margin: auto;cursor: pointer;}
.index .floor1 .swiper .prev{position: absolute;top: 0;bottom: 0;left: 10px;width: 48px;transition: all 0.3s;height: 48px;z-index: 111;margin: auto;cursor: pointer;}


.index .floor1 .right{width: 620px;}
.index .floor1 .right .menu{padding-bottom: 20px;border-bottom: 1px solid #eee;display: flex;position: relative;}
.index .floor1 .right .menu .one{margin-right: 40px;padding: 4px 6px;display: flex;align-items: center;font-size: 26px;line-height: 30px;color: #333333;cursor: pointer;transition: all 0.3s;position: relative;margin-bottom: -2px;}
.index .floor1 .right .menu .one.active{color: #C30E23;font-size: 30px;font-weight: bold;}
.index .floor1 .right .menu .one::after{position: absolute;bottom: calc(-20px + 1px);left: 6px;right: 6px;background: #C30E23;height: 1px;content: "";opacity: 0;transition: all 0.3s;}
.index .floor1 .right .menu .one.active::after{opacity: 1;}
.index .floor1 .right .menu .one:hover{color: #C30E23;}
.index .floor1 .right .menu .one:last-child{margin-right: 0;}

.index .floor1 .right .box{display: none;padding: 27px 0px 0;}
.index .floor1 .right .box.active{display: block;}

.index .floor1 .right .box .one{margin-bottom: 20px;display: flex;align-items: center;position: relative;padding-left: 15px;height: 30px;justify-content: space-between;}
.index .floor1 .right .box .one:last-child{margin-bottom: 0;}
.index .floor1 .right .box .one::before{position: absolute;top: 0;left: 0;bottom: 0;margin: auto;width: 5px;height: 5px;background: #d8d8d8;content: "";border-radius: 50%;transition: all 0.3s;}
.index .floor1 .right .box .one .time{width: 130px;text-align: right;font-size: 18px;color: #777;line-height: 30px;flex-shrink: 0;transition: all 0.3s;}
.index .floor1 .right .box .one .title{font-size: 18px;color: #333333;line-height: 30px;transition: all 0.3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index .floor1 .right .box .one:hover .title{color: #C30E23;}
.index .floor1 .right .box .one:hover .time{color: #C30E23;}
.index .floor1 .right .box .one:hover::before{background: #E4A838;}


.index .line{margin: 44px 0 50px;}


.index .floor2{padding: 0 50px;display: flex;justify-content: space-between;}
.index .floor2>.one{width: 400px;}
.index .floor2>.one .titleBox{height: 100px;padding-bottom: 20px;border-bottom: 1px solid #EEEEEE;position: relative;}
.index .floor2>.one .bg{width: 74px;height: 80px;}
.index .floor2>.one .flex{display: flex;align-items: center;justify-content: space-between;position: absolute;top: 0;left: 0;height: 80px;padding-left: 24px;z-index: 111;right: 0;}
.index .floor2>.one .flex .right{width: 24px;height: 24px;}
.index .floor2>.one .flex .left{display: flex;align-items: flex-end;}
.index .floor2>.one .flex .left .title{font-size: 32px;line-height: 40px;color: #333333;}
.index .floor2>.one .flex .left .title span{color: #C30E23;}
.index .floor2>.one .flex .left .en{padding-left: 13px;font-size: 16px;line-height: 24px;color: #777777;position: relative;}
.index .floor2>.one .flex .left .en::before{position: absolute;left: 4px;bottom: 5px;transform: rotate(15deg);width: 1px;height: 16px;background: #DDDDDD;content: "";}

.index .floor2>.one .content{padding-top: 10px;color: #666;font-size: 18px;line-height: 2;text-indent: 2em;}
.index .floor2>.one .content *{font-size: 18px;line-height: 2;}
.index .floor2>.one .content p{margin-bottom: 9px;text-indent: 2em;}
.index .floor2>.one .content p:last-child{margin-bottom: 0px;}
.index .floor2>.one .content img{max-width: 100%;height: auto !important;}
.index .floor2>.one:nth-child(2) .box:first-child .content{text-indent: 0;}
.index .floor2>.one:nth-child(2) .content p{text-indent: 0;}



.index .floor2>.one .menu{padding-bottom: 10px;border-bottom: 1px solid #eee;display: flex;position: relative;margin-top: 10px;}
.index .floor2>.one .menu .one{margin-right: 40px;display: flex;align-items: center;font-size: 18px;line-height: 30px;color: #333333;cursor: pointer;transition: all 0.3s;position: relative;margin-bottom: -2px;}
.index .floor2>.one .menu .one.active{color: #C30E23;}
.index .floor2>.one .menu .one::after{position: absolute;bottom: calc(-10px + 1px);left: 0px;right: 0px;background: #C30E23;height: 1px;content: "";opacity: 0;transition: all 0.3s;}
.index .floor2>.one .menu .one.active::after{opacity: 1;}
.index .floor2>.one .menu .one:hover{color: #C30E23;}
.index .floor2>.one .menu .one:last-child{margin-right: 0;}

.index .floor2>.one .box{display: none;padding: 20px 0px 0;}
.index .floor2>.one .box.active{display: block;}

.index .floor2>.one .box .one{margin-bottom: 10px;display: flex;align-items: center;position: relative;padding-left: 11px;height: 30px;justify-content: space-between;}
.index .floor2>.one .box .one:last-child{margin-bottom: 0;}
.index .floor2>.one .box .one::before{position: absolute;top: 0;left: 0;bottom: 0;margin: auto;width: 5px;height: 5px;background: #d8d8d8;content: "";border-radius: 50%;transition: all 0.3s;}
.index .floor2>.one .box .one .title{font-size: 18px;color: #333333;line-height: 30px;transition: all 0.3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index .floor2>.one .box .one:hover .title{color: #C30E23;}
.index .floor2>.one .box .one:hover::before{background: #E4A838;}


.index .floor2>.one .imgBox{margin: 15px auto 0;position: relative;width: 303px;height: 303px;}
.index .floor2>.one .imgBox .bg{width: 100%;height: 100%;z-index: 1;}

.index .floor2>.one .imgBox .normal{position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 140px;height: 140px;display: flex;align-items: center;justify-content: center;box-shadow: 0px 7px 29px 0px rgba(100, 100, 111, 0.2);border-radius: 50%;font-size: 20px;line-height: 29px;color: #333333;margin: auto;text-align: center;background: #fff;z-index: 5;}

.index .floor2>.one .imgBox .one{position: absolute;z-index: 4;transition: all 0.3s;background: #0E7ED0;width: 110px;height: 110px;border-radius: 50%;overflow: hidden;}
.index .floor2>.one .imgBox .one:hover{z-index: 6;background: none;}
.index .floor2>.one .imgBox .one .back{width: 100%;height: 100%;border: 2px solid transparent;transition: all 0.3s;border-radius: 50%;}
.index .floor2>.one .imgBox .one:hover .back{width: 100%;height: 100%;border: 2px solid #E4A838;}
.index .floor2>.one .imgBox .one:hover .nor{z-index: 11;opacity: 0;}
.index .floor2>.one .imgBox .one:hover .hov{z-index: 111;opacity: 1;}

.index .floor2>.one .imgBox .one .flex{width: 100%;height: 100%;display: flex;align-items: center;flex-direction: column;margin: 0;padding: 27px 0 0;justify-content: flex-start;}
.index .floor2>.one .imgBox .one .icon{width: 20px;height: 20px;margin-bottom: 4px;}
.index .floor2>.one .imgBox .one .text{font-size: 16px;color: #FFFFFF;}


.index .floor2>.one .imgBox .one:nth-child(2){top: 5px;left: 30px;}
.index .floor2>.one .imgBox .one:nth-child(3){top: 5px;right: 30px;}
.index .floor2>.one .imgBox .one:nth-child(4){top: 132px;left: -12px;}
.index .floor2>.one .imgBox .one:nth-child(5){top: 132px;right: -12px;}
.index .floor2>.one .imgBox .one:nth-child(6){top: 211px;right: 0;left: 0;margin: auto;}



.index .floor3{margin-top: 60px;padding: 25px 150px;display: flex;justify-content: space-between;background: #F5F5F5;}
.index .floor3 .one{width: 200px;height: 200px;display: flex;flex-direction: column;align-items: center;padding-top: 40px;}
.index .floor3 .one .img{width: 80px;height: 80px;margin-bottom: 20px;}
.index .floor3 .one .text{font-size: 20px;color: #333;}
.index .floor3 .one:hover .nor{z-index: 11;opacity: 0;}
.index .floor3 .one:hover .hov{z-index: 111;opacity: 1;}



.inpage .menuBox{margin-top: -60px;width: 300px;flex-shrink: 0;border-radius: 0px 40px 0px 0px;overflow: hidden;background: #fff;box-shadow: 0px 8px 24px 0px rgba(149, 157, 165, 0.2);padding: 20px;}

.inpage .menuBox .titleBox{height: 100px;padding-bottom: 20px;border-bottom: 1px solid #EEEEEE;position: relative;margin-bottom: 20px;}
.inpage .menuBox .bg{width: 74px;height: 80px;}
.inpage .menuBox .textBox{display: flex;align-items: flex-end;position: absolute;top: 0;left: 0;height: 80px;padding-left: 24px;z-index: 111;right: 0;padding-bottom: 20px;white-space: nowrap;}
.inpage .menuBox .textBox .title{font-size: 32px;line-height: 40px;color: #333333;}
.inpage .menuBox .textBox .title span{color: #C30E23;}
.inpage .menuBox .textBox .en{padding-left: 13px;font-size: 16px;line-height: 24px;color: #777777;position: relative;}
.inpage .menuBox .textBox .en::before{position: absolute;left: 4px;bottom: 5px;transform: rotate(15deg);width: 1px;height: 16px;background: #DDDDDD;content: "";}

.inpage .menuBox .menu .one{width: 100%;height: 58px;display: flex;align-items: center;padding: 0 20px;border-radius: 6px;transition: all 0.3s;border-bottom: 1px dashed #eee;color: #333333;font-size: 18px;}
.inpage .menuBox .menu .one:hover{color: #C30E23;}
.inpage .menuBox .menu .one.active{color: #fff;background: #C30E23;border-bottom: 0;font-size: 20px;}


.inpage .bread{height: 60px;border-bottom: 1px solid #eee;padding: 0 50px;display: flex;align-items: center;}
.inpage .bread .icon{width: 16px;height: 16px;margin-right: 10px;}
.inpage .bread .icon:first-child{margin-right: 15px;}
.inpage .bread .text{color: #333333;font-size: 18px;margin-right: 10px;transition: all 0.3s;}
.inpage .bread a.text:hover{color: #C30E23;}


.inpage .contentBlock{border-bottom: 1px solid #EEEEEE;margin-bottom: 80px;flex: 1;}
.inpage .contentBox{padding: 0 50px 50px;}

.inpage .pageTitle{height: 84px;padding-top: 30px;border-bottom: 1px solid #EEEEEE;display: flex;margin-bottom: 50px;}
.inpage .pageTitle .text{font-size: 32px;color: #333333;height: 100%;position: relative;}
.inpage .pageTitle .text::after{position: absolute;bottom: -1px;left: 0;right: 0;height: 1px;background: #C30E23;content: "";}

.inpage .content *{/*font-size: 20px;line-height: 40px;*/line-height: 1.4;}
.inpage .content img{max-width: 100%;font-size: 0;line-height: 1;display: block;margin: 0 auto;}


.inpage .lingdaoBox{display: flex;padding: 0px 0 80px;}
.inpage .lingdaoBox .head{width: 300px;height: 300px;flex-shrink: 0;border-radius: 50%;overflow: visible;position: relative;margin-right: 50px;}
.inpage .lingdaoBox .head img{position: relative;z-index: 111;}
.inpage .lingdaoBox .head::after{position: absolute;z-index: 1;top: 19px;left: 9px;background: rgba(195, 14, 35, 0.1);border-radius: 50%;width: 300px;height: 300px;content: "";}

.inpage .lingdaoBox .textBox{flex: 1;padding-top: 20px;}
.inpage .lingdaoBox .textBox .titleBox{display: flex;position: relative;padding-left: 15px;margin-bottom: 40px;}
.inpage .lingdaoBox .textBox .titleBox .icon{width: 60px;height: 60px;flex-shrink: 0;margin-right: 10px;position: relative;z-index: 111;}
.inpage .lingdaoBox .textBox .titleBox .cn{font-size: 30px;color: #333333;line-height: 43px;position: relative;z-index: 111;}
.inpage .lingdaoBox .textBox .titleBox .en{font-size: 16px;color: #A5878B;line-height: 23px;position: relative;z-index: 111;}
.inpage .lingdaoBox .textBox .titleBox::after{position: absolute;top: 30px;left: 0;width: 225px;height: 40px;border-radius: 40px 0 0 40px;background: linear-gradient(90deg, rgba(195, 14, 35, 0.2) 0%, rgba(195, 14, 35, 0) 100%);content: "";z-index: 1;}



.newList{display: flex;flex-wrap: wrap;margin-top: -40px;}
.newList .one{width: calc((100% - 60px) / 3);margin-top: 30px;margin-right: 30px;}
.newList .one:nth-child(3n){margin-right: 0;}
.newList .one .name{font-size: 18px;line-height: 26px;height: 52px;color: #333;transition: all 0.3s;}
.newList .one:hover .name{color: #C30E23;}
.newList .one .big{margin-top: 12px;margin-bottom: 20px;width: 100%;height: 200px;position: relative;}
.newList .one .big::before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(195, 14, 35, 0.6);content: "";transition: all 0.3s;opacity: 0;}
.newList .one:hover .big::before{opacity: 1;}
.newList .one .flex{display: flex;align-items: center;justify-content: space-between;border-top: 1px solid #EEEEEE;padding-top: 20px;}
.newList .one .flex .left{display: flex;align-items: center;}
.newList .one .flex .right{display: flex;align-items: center;}
.newList .one .flex .left .icon{width: 14px;height: 14px;margin-right: 6px;flex-shrink: 0;}
.newList .one .flex .right .icon{width: 16px;height: 16px;margin-left: 10px;flex-shrink: 0;}
.newList .one .flex .left .text{font-size: 16px;line-height: 24px;color: #666666;}
.newList .one .flex .right .text{font-size: 16px;line-height: 24px;color: #666666;transition: all 0.3s;}
.newList .one:hover .flex .right .text{color: #C30E23;}
.newList .one:hover .nor{z-index: 11;opacity: 0;}
.newList .one:hover .hov{z-index: 111;opacity: 1;}



.news .contentBlock{border-bottom: 0;}
.news .pageList{border-bottom: 0;border-top: 1px solid #EEEEEE;padding-left: 50px;padding-top: 50px;}

.join .contentBlock{border-bottom: 0;}
.join .pageList{border-bottom: 0;border-top: 1px solid #EEEEEE;padding-left: 50px;padding-top: 50px;}

.pageList{display: flex;align-items: center;}

.pageList .prev{width: 70px;height: 40px;margin-right: 11px;background: #F5F5F5;border-radius: 10px;font-size: 14px;color: #3D3D3D;display: flex;align-items: center;justify-content: center;transition: all 0.3s;cursor: pointer;}
.pageList .prev:hover{color: #fff;background: #C30E23;}

.pageList .next{width: 70px;height: 40px;background: #F5F5F5;border-radius: 10px;font-size: 14px;color: #3D3D3D;display: flex;align-items: center;justify-content: center;transition: all 0.3s;cursor: pointer;}
.pageList .next:hover{color: #fff;background: #C30E23;}

.pageList .one{min-width: 40px;padding: 0 12px;height: 40px;margin-right: 11px;background: #F5F5F5;border-radius: 10px;font-size: 14px;color: #3D3D3D;display: flex;align-items: center;justify-content: center;transition: all 0.3s;cursor: pointer;}
.pageList .one:hover{color: #fff;background: #C30E23;}
.pageList .one.active{color: #fff;background: #C30E23;}

.pageList .point{min-width: 40px;padding: 0 12px;height: 40px;margin-right: 11px;background: #F5F5F5;border-radius: 10px;font-size: 14px;color: #3D3D3D;display: flex;align-items: center;justify-content: center;transition: all 0.3s;}


.inpage .detailBox .title{font-size: 28px;line-height: 40px;color: #333333;}
.inpage .detailBox .flex{display: flex;align-items: center;margin: 20px 0 30px;}
.inpage .detailBox .flex .icon{width: 16px;height: 16px;flex-shrink: 0;margin-right: 6px;}
.inpage .detailBox .flex .text{font-size: 16px;line-height: 24px;color: #666666;}
.inpage .detailBox .flex>div{margin-right: 24px;display: flex;align-items: center;}




.jiaruCate{display: flex;justify-content: space-between;}
.jiaruCate .one{width: 228px;border-radius: 10px;transition: all 0.3s;position: relative;overflow: hidden;display: block;}
.jiaruCate .one:hover{transform: translateY(-10px);}
.jiaruCate .one .bg{width: 100%;height: 300px;}
.jiaruCate .one .title{height: 80px;display: flex;align-items: center;justify-content: center;position: absolute;bottom: 0;left: 0;right: 0;font-size: 20px;color: #FFFFFF;}
.jiaruCate .one .title::before{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(0deg, #000000 -26%, rgba(0, 0, 0, 0) 99%);transition: all 0.3s;opacity: 1;content: "";z-index: 11;}
.jiaruCate .one:hover .title::before{opacity: 0;z-index: 1;}
.jiaruCate .one .title::after{position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(0deg, #C30E23 0%, rgba(195, 14, 35, 0) 99%);transition: all 0.3s;opacity: 0;content: "";z-index: 1;}
.jiaruCate .one:hover .title::after{opacity: 1;z-index: 11;}
.jiaruCate .one .title .text{position: relative;z-index: 111;}


.jiaruList .one{display: flex;align-items: flex-start;justify-content: space-between;padding: 30px;border: 1px solid #EEEEEE;border-radius: 10px;transition: all 0.3s;margin-bottom: 30px;}
.jiaruList .one:hover{box-shadow: 0px 8px 24px 0px rgba(149, 157, 165, 0.2);}
.jiaruList .one:last-child{margin-bottom: 0;}

.jiaruList .one .name{font-size: 24px;line-height: 30px;color: #333333;margin-bottom: 20px;}
.jiaruList .one .flex{display: flex;}
.jiaruList .one .flex .desc{margin-right: 50px;font-size: 16px;line-height: 20px;color: #333;}
.jiaruList .one .flex .desc:last-child{margin-right: 0;}
.jiaruList .one .flex .desc span{color: #999999;line-height: 20px;margin-right: 4px;}

.jiaruList .one .btn{height: 36px;background: #C30E23;border-radius: 6px;padding: 0 10px;font-size: 16px;color: #FFFFFF;}
.jiaruList .one .btn .icon{width: 16px;height: 16px;flex-shrink: 0;margin-left: 10px;}
.jiaruList .one:hover .btn{background: #0E7ED0;}


.jiaruDetail{margin-top: -20px;}
.jiaruDetail .name{font-size: 28px;color: #333333;background: #F5F5F5;position: relative;padding-left: 25px;height: 60px;display: flex;align-items: center;}
.jiaruDetail .name::before{position: absolute;left: 0;top: 0;width: 5px;height: 100%;background: #C30E23;content: "";}

.jiaruDetail .box{padding: 24px 25px 0;display: flex;flex-direction: column;align-items: flex-start;}
.jiaruDetail .flex{display: flex;margin-bottom: 15px;flex-wrap: wrap;}
.jiaruDetail .flex .desc{margin-right: 50px;font-size: 16px;line-height: 20px;color: #333;margin-bottom: 20px;}
.jiaruDetail .flex .desc span{color: #999999;line-height: 20px;margin-right: 4px;}

.jiaruDetail .detail{border-top: 1px solid #EEEEEE;font-size: 20px;line-height: 40px;color: #666;}
.jiaruDetail .detail *{font-size: 20px;line-height: 40px;}

.jiaruDetail .btn{height: 36px;background: #C30E23;border-radius: 6px;padding: 0 10px;font-size: 18px;color: #FFFFFF;margin-top: 50px;}
.jiaruDetail .btn .icon{width: 16px;height: 16px;flex-shrink: 0;margin-left: 10px;}
.jiaruDetail .btn:hover{background: #0E7ED0;}


.jiaruForm{margin-top: -20px;}
.jiaruForm .desc{font-size: 18px;line-height: 32px;color: #666666;margin-bottom: 30px;}
.jiaruForm .line{display: flex;justify-content: space-between;margin-bottom: 20px;}
.jiaruForm .line .half{width: 490px;}

.jiaruForm .line .input{height: 64px;width: 100%;border: 1px solid #EEEEEE;border-radius: 6px;padding: 0 20px;display: flex;align-items: flex-start;justify-content: center;flex-direction: column;background: #F5F5F5;transition: all 0.3s;}
.jiaruForm .line .input:hover{background: #fff;}
.jiaruForm .line .input.active{background: #fff;}

.jiaruForm .line .input .name{font-size: 18px;line-height: 32px;color: #999999;transition: all 0.3s;}
.jiaruForm .line .input.active .name{font-size: 14px;line-height: 17px;}

.jiaruForm .line .input input{width: 100%;height: 0;overflow: hidden;transition: all 0.3s;font-size: 18px;color: #333333;}
.jiaruForm .line .input.active input{height: 23px;}


.jiaruForm .line .textarea{height: 150px;width: 100%;border: 1px solid #EEEEEE;border-radius: 6px;padding: 10px 20px;display: flex;align-items: flex-start;justify-content: flex-start;flex-direction: column;background: #F5F5F5;transition: all 0.3s;}
.jiaruForm .line .textarea:hover{background: #fff;}
.jiaruForm .line .textarea.active{background: #fff;}

.jiaruForm .line .textarea .name{font-size: 18px;line-height: 32px;color: #999999;transition: all 0.3s;}
.jiaruForm .line .textarea.active .name{font-size: 14px;line-height: 17px;}

.jiaruForm .line .textarea textarea{width: 100%;height: 0;overflow: hidden;transition: all 0.3s;font-size: 18px;color: #333333;line-height: 23px;}
.jiaruForm .line .textarea.active textarea{height: calc(100% - 17px);}

.jiaruForm .btn{height: 36px;background: #C30E23;border-radius: 6px;padding: 0 10px;font-size: 18px;color: #FFFFFF;margin-top: 30px;width: 112px;}
.jiaruForm .btn:hover{background: #0E7ED0;}



.contactBox{font-size: 18px;line-height: 40px;margin-top: -20px;color: #666666;}
.contactBox img{max-width: 100%;margin-top: 30px;}



.searchPage{position: relative;z-index: 11;background: #fff;min-height: calc(60vh);}
.searchPage .bg{width: 100%;left: 0;top: -90px;position: absolute;z-index: 1;}
.searchPage .box{position: relative;z-index: 11;padding-top: 60px;display: flex;flex-direction: column;align-items: center;}
.searchPage .box .title{font-size: 32px;line-height: 43px;color: #3D3D3D;margin-bottom: 30px;}
.searchPage .box .searchBox{width: 800px;height: 60px;display: flex;align-items: center;padding: 0 16px;border: 1px solid #EEEEEE;background: #FFFFFF;border-radius: 10px;}
.searchPage .box .searchBox .icon{width: 50px;height: 50px;margin-right: 10px;flex-shrink: 0;}
.searchPage .box .searchBox input{height: 100%;flex: 1;font-size: 18px;color: #333;}
.searchPage .box .searchBox input::placeholder{color: #888888;}

.searchPage .box .tip{margin-top: 26px;display: flex;align-items: center;}
.searchPage .box .tip .flex{display: flex;align-items: center;margin-right: 33px;}
.searchPage .box .tip .flex .icon{width: 20px;height: 20px;flex-shrink: 0;margin-right: 5px;}
.searchPage .box .tip .flex .text{font-size: 18px;color: #666;line-height: 23px;}
.searchPage .box .tip .one{margin-right: 30px;font-size: 18px;line-height: 23px;color: #333333;transition: all 0.3s;cursor: pointer;}
.searchPage .box .tip .one:last-child{margin-right: 0px;}
.searchPage .box .tip .one:hover{color: #C30E23;}


.searchPage .top{height: 50px;padding: 0 50px;display: flex;align-items: center;font-size: 18px;color: #777777;background: #F5F5F5;}
.searchPage .searchList{padding: 0 50px 80px;}
.searchPage .list{padding-top: 14px;margin-bottom: 50px;}
.searchPage .list .one{padding-bottom: 26px;border-bottom: 1px solid #EEEEEE;padding-top: 26px;display: block;}
.searchPage .list .one .time{font-size: 18px;line-height: 30px;margin-top: 6px;color: #777777;}
.searchPage .list .one .name{font-size: 18px;line-height: 30px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.searchPage .list .one .name span{color: #C30E23;}










































@media(max-width:750px){
    .pc{display: none;}
    .mb{display: block;}

    html{font-size: calc(100vw / 75);}

    

}