@import url(fonts/siyuan.css);
html,body {font-size: 18px; color: #333; padding: 0px; text-decoration: none; font-family: 'siyuan', airal;  background: #fff; -webkit-text-size-adjust: none; user-select: text;}
table {   border-spacing: 0}
td,th { white-space: nowrap; word-break: keep-all; border: solid #fff 1px; white-space: pre-line; word-break: break-all !important; word-wrap: break-word !important;   display: table-cell;  vertical-align: middle !important;  white-space: normal !important; height: auto;  vertical-align: text-top;  padding: 7px;display: table-cell;}
* { padding: 0;    margin: 0;}
a,a:focus,a:active {    color: #000;    text-decoration: none;    outline: 0px none;}
.mf10{margin-left:-10px;}
.m100{margin:100px auto 50px auto !important;}
.mb30{margin-bottom: 0px;}
h1,h2,h3,h4 {    margin: 0;    padding: 0;}
a:hover,a:active {    text-decoration: none;}
ul,dl,dl dd {    padding: 0;    margin: 0;}
ul li {   list-style: none;}
.fl {float: left;}
.fr {float: right}
.ct {text-align: center;}
.cl{text-align:left;}
.cr{text-align:right;}
.clear {clear: both;}
.it{font-style: italic;}

.fu{display: flex;-webkit-display:flex;-moz-display:flex;justify-content: space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;box-sizing: border-box;}    
.swiper-button-next, .swiper-button-prev{outline: none;}
.w1360{width: 1360px;margin:0 auto;overflow: hidden;}
.w100{width: 100%;overflow:hidden;}
.nbanner{margin-top: 80px;}
header{position: absolute;top: 0;/*background-color: rgba(255, 255, 255, 0);*/z-index: 999;width: 100%;background: transparent;}
.head{margin-top: 20px; margin-left: auto;  margin-right:auto;margin-bottom: 20px;display: flex;justify-content: space-between;}
header .logo{width:20%;height: 48px;display: table-cell;vertical-align: middle;}
header .logo img{    height: auto;  max-height: 100%; margin: auto;}
.headbg{    background-color: rgba(0, 0, 0, 0.7);  background-size: cover;}
.headhbg{    background-color: rgba(0, 0, 0, 1);  background-size: cover;}
.menub{width: 80%;display:flex}
.menu{display: flex;width: 90%;}
.menu ul{margin-top: 20px;width: 100%;}
.menu .active,.menu ul li a:hover span{background-color:rgba(185,38,30,1);background-size: cover;border-radius: 20px;}
.menu ul li{line-height: 30px;text-align: center;font-size: 16px;color:#fff;flex: 1;}
.menu ul li a{color:#fff;display: inline-block;width:100%;position: relative;padding:0 10px;box-sizing: border-box;}
.menu ul li span{display: inline-block;float: left;width: 90%;}
.menu ul li abbr{display: inline-block;float: right;font-style: normal;}
.menu ul li i{display: none;}
.menuchild{display: none;position: absolute;flex-direction: column-reverse;border-radius:10px;width: auto !important;margin-top: 0 !important;
padding:10px;box-shadow: 0 1px 6px rgba(0,0,0,0.15); background-color: rgba(247, 247, 247, 1); }
.menu ul li:hover .menuchild{display: block;}
.menu .menuchild li{padding:0 10px;text-align: center;font-size: 14px;  }
.menu .menuchild li a{color: #000;width: 100%;display: block;}
.menu .menuchild li:hover a{color: #b9261e;background: transparent;}
.menuchild li .menu2child{display: none;padding-right: 30px;position: absolute;z-index: 30;top: 0;left:100px;width: 160px !important;height:100%;  margin-top: 0 !important;padding:10px 0;}
.menuchild li .menu2childc{flex-direction: column-reverse;border-radius:10px;  box-shadow: 0 1px 6px rgba(0,0,0,0.15); margin-top: 0 !important; padding:10px 0;
   background-color: rgba(247, 247, 247, 1);position: absolute;left: 35px;}
.menuchild li:hover .menu2child{display: block;}
.menu2childc li a{color: #000 !important;}
.menu2childc li:hover a{color: #b9261e !important;}

.search{width: 10%;text-align: center;}
.search i{display: inline-block;width: 20px;font-size: 25px;line-height: 40px;color: #fff;margin-top:15px;}
.search:hover .searchc{display: block;}
.searchc{ display:none;  transform-origin: center top;  z-index: 100; position: absolute;  margin-left:-120px; border-radius: 4px;  padding:10px;
    -webkit-box-shadow: 0 0 10px 0 rgba(53, 53, 53, 0.12);  box-shadow: 0 0 10px 0 rgba(53, 53, 53, 0.12);  background-color: #fff; width: 240px;}
.searchc form{border:2px solid rgba(185, 38, 30, 1);border-radius: 5px;}
.searchc input{height:35px;line-height:35px;background-color: #fff;-webkit-box-flex: 1;  -ms-flex: 1;  -webkit-flex: 1;  -moz-box-flex: 1;  flex: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
    box-sizing: border-box;border: none;outline: none;}
.searchc button{    color: #fff;font-size: 15px;height: 37px;width: 50px;background-color: #b9261e;border: none;display: inline-block;    margin-right: -15px;cursor: pointer;}    
.searchc:hover .searchc{display: block;}
.banner{/*position: absolute;top:0;left: 0;*/z-index: 9;height: 100vh;margin-top: -100px;}
.banner video{width: 100%;background-size: cover;    object-fit: cover;}
.headbg{background-image: none;  background-color: rgba(0, 0, 0, 0.7); background-size: cover;}

.liucheng{}
.liucheng .title{width: 60%;margin:1.6% auto;}
.liucheng .title h3{text-align: center;   font-size: 36px;  color: #000; }
.liucheng .title p{text-align: center;   font-size: 22px;  color: #666;   margin:12px auto;display: block;}
.liucheng .title p::after,.liucheng .title p::before{content: "";display: inline-block;width: 100px;height: 1px;background-color: #eee;margin-bottom: 10px}
.liucheng .title p::after{margin-left:10px;}
.liucheng .title p::before{margin-right: 10px;}
.liucheng .title abbr{font-size: 20px;  color: #8C8C8C;  text-align: right;display: block;}
.liucheng .liuchengcontent{display: flex;justify-content: space-between;}
.liucheng .left{width: 70%;}
.liucheng .left ul{display: flex;width: 100%;margin:20px auto;}
.liucheng .left ul li{    width: 14.28%;transition: all 0.3s;padding:60px 0;display:flex;flex-direction: column;justify-content: flex-start;align-items: center;}
.liucheng .left ul li i{display: block;width: 50px;height: 84px;margin: 0 auto 30px auto;background-size: contain;} 
.liucheng .left ul li:nth-child(1){background-color: #f2f0f3}
.liucheng .left ul li:nth-child(1) i{background: url(../image/1.png) center no-repeat;;}
.liucheng .left ul li:nth-child(2){background-color: #e7e7e7}
.liucheng .left ul li:nth-child(2) i{background: url(../image/2.png) center no-repeat;}
.liucheng .left ul li:nth-child(3){background-color: #fff}
.liucheng .left ul li:nth-child(3) i{background: url(../image/3.png) center no-repeat;}
.liucheng .left ul li:nth-child(4){background-color: #f2f0f3}
.liucheng .left ul li:nth-child(4) i{background: url(../image/4.png) center no-repeat;}
.liucheng .left ul li:nth-child(5){background-color: #e7e7e7}
.liucheng .left ul li:nth-child(5) i{background: url(../image/5.png) center no-repeat;}
.liucheng .left ul li:nth-child(6){background-color: #fff}
.liucheng .left ul li:nth-child(6) i{background: url(../image/6.png) center no-repeat;}
.liucheng .left ul li:nth-child(7){background-color: #f2f0f3}
.liucheng .left ul li:nth-child(7) i{background: url(../image/7.png) center no-repeat;}
.liucheng .left ul li:hover{background-color: rgba(185, 38, 30, 1);}
.liucheng .left ul li:hover i{ filter: hue-rotate(180deg) brightness(200%);}
.liucheng .left ul li:hover span{color: #fff;}
.liucheng .left ul li:hover span:nth-child(3){color:rgba(255,255,255,0.6)}
.liucheng .left ul li p{font-size:18px;color:#333333;writing-mode:tb-rl;transition:all 0.3s;}
.liucheng .left ul li p span{font-size:18px;color:#333333;display: inline-block;}  
.liucheng .left ul li p span:nth-child(3){font-size:16px;color:#999999;}
.liucheng .right{width:403px;background: url(../image/liuchengrbg.jpg) no-repeat;padding:5% 3%;text-align: left;box-sizing: border-box;margin:20px 0;}
.liucheng .right p{text-align:center;width:88px;height:64px;border:2px solid #666666;}
.liucheng .right p>b{color:#333333;font-size:26px;line-height:1;}
.liucheng .right abbr{display: block;color:#333333;font-size:26px;line-height:1;margin:20px 0;font-size: 43px;}
.liucheng .right span{display: block;width:120px;height:47px;line-height:47px;text-align:center;border-radius: 4px;color: rgba(255, 255, 255, 1); background: rgba(185, 38, 30, 1);}
.liucheng .right span a{color: #fff;display: block;width: 100%;height: 100%;}

.indexpro{margin:30px auto 30px auto;height:800px;background: url(../image/indexprobg.jpg) top center no-repeat;background-size: cover; }
.indexpro .title{padding-top: 4.3548%;}
.indexpro .title h3{text-align:center;font-size:36px;color:#000;line-height:1.7;}
.indexpro .title span{display: block;text-align:center;font-size:22px;color:#666;margin:0 28px;}
.indexpro .title p{color:#666666;font-size:16px;text-align:center;line-height: 1.5;    margin: 1.59% auto 0 auto;width: 80%;}
.indexpro ul{padding:2% 0;box-sizing: border-box;}
.indexpro ul li{    width: 24%;background-color: rgba(255, 255, 255, 1);padding: 10px 10px 30px 10px;transition: all 0.5s;   text-align: center;  border: 1px solid #EAEAEA;  margin: 0px;box-sizing: border-box;position: relative;}
.indexpro ul li .pimg{height:290px;line-height: 290px;overflow: hidden;}
.indexpro ul li .pimg img{   max-width: 100%;transition: all 0.5s ease;}
.indexpro ul li:hover .pimg img{transform: scale(1.05);}
.indexpro ul li p{margin: 20px 0 0 0; font-weight: bold;  transition: all 0.5s;}
.indexpro ul li p>a{color:#333;font-size:18px;margin-top:20px;}
.indexpro .more{width:100%;height:2px;color:#b7b7b7;margin:20px auto 0 auto; font-weight:bold;transition:all 0.5s;display: flex;}
.indexpro .more::before{height:2px;content:"";display: block;width: 0;background-color: #B9261E;margin-left:50%;}
.indexpro .more::after{height:2px;content:"";display: block;width: 0;background-color: #B9261E;margin-right:50%;}
.indexpro ul li:hover .more::after{width: 50%; transition: all 0.8s;margin-right:0;}
.indexpro ul li:hover .more::before{width: 50%;transition: all 0.8s;margin-left:0}


.indexabout{background:url(../image/indexaboutbg.jpg) center no-repeat;padding:4.35% 0;}
.indexabout .left{width:639px;overflow: hidden;}
.indexabout .left img{max-width: 100%;}
.indexabout .right{flex:1;margin-left:3.5%;padding:20px 0;box-sizing: border-box;}
.indexabout .right abbr{display: block;font-size:28px;color:#E53333;font-weight: bold;}
.indexabout .right b{font-size:30px;color:#333333;display: block;margin:10px 0;}
.indexabout .right span{display:block;font-size:23px;color:#999999;font-weight: bold;margin-bottom: 30px;}
.indexabout .right p{color: #666666;   line-height: 2; font-size: 16px;margin:10px 0;}
.indexabout .right .more{display: block;width:120px;height:47px;line-height:47px;text-align:center;border-radius: 4px;color: rgba(255, 255, 255, 1); 
    margin-top:30px;background: rgba(185, 38, 30, 1);}
.indexabout .right .more a{color: #fff;display: block;width: 100%;height: 100%;}

.fangan{margin-top: 1.6129%; margin-bottom: 1.6129%;background-color: #fff;}
.fangan .title{width: 60%;margin:1.6% auto;}
.fangan .title h3{text-align: center;   font-size: 36px;  color: #000; }
.fangan .title p{text-align: center;   font-size: 22px;  color: #666;   margin:12px auto;display: block;}
.fangan .title p::after,.fangan .title p::before{content: "";display: inline-block;width:100px;height: 1px;background-color: #eee;margin-bottom: 10px}
.fangan .title p::after{margin-left:10px;}
.fangan .title p::before{margin-right: 10px;}
.fangan ul{flex-wrap: wrap;padding: 0 10px;}
.fangan ul::after{content: "";display: block;width: 33%;}
.fangan ul li{margin-bottom:35px;padding:15px;width:calc(33.3% - 20px);box-sizing: border-box;    border-radius: 6px;}
.fangan ul li:hover{box-shadow: 0px 0px 8px 0px rgba(169,169,169,0.3);}
.fangan ul li .pimg{width: 100%; height:265px; margin: 0 auto; overflow: hidden;}
.fangan ul li .pimg img{    transition: transform .36s ease, -webkit-transform .36s ease;max-height: 100%;}
.fangan ul li:hover .pimg img{transform: scale(1.1);}
.fangan ul li h3{margin-top: 20px;line-height: 1.7;font-weight: normal;font-size: 16px;}
.fangan ul li h3>a{color: #000;}
.fangan ul li:hover h3>a{color: rgba(185, 38, 30, 1);}
.fangan ul li abbr{display: block;    margin-top: 9px;  max-width: 100%;  line-height: 1; font-size: 14px; color: #999;}
.fangan ul li p{color: rgb(102, 102, 102, 1);font-size: 14px;    margin-top: 18px;}
.fangan ul li span{font-weight: normal;font-size:12px;display: inline-block;    height: 20px;   line-height: 18px; padding: 0 8px; border: 1px solid #e5e5e5; margin-top: 12px;
    margin-right: 15px; border-radius: 5px;float: left;color: #999; }
.fangan ul li .line{display: block; width: 40px;  height: 28px; overflow: hidden;position: relative;float:right;margin-top:10px}
.fangan ul li .line::before{content: "";  display: inline-block;  position: absolute;  left: 0;   top: 0;  width: 30px;  height: 28px;background: url(../image/vbg01.png) -23px -324px;
    -webkit-transition: all .36s ease; transition: all .36s ease;}
.fangan ul li .line::after{content: "";  display: inline-block;  position: absolute;  left: -30px;  top: 0;  width: 30px;  height: 28px;background: url(../image/vbg01.png) -23px -324px;
    -webkit-transition: all .36s ease;  transition: all .36s ease; opacity: 0;}
.fangan ul li:hover .line::before{left:30px;opacity: 0;}
.fangan ul li:hover .line::after{left:0;opacity: 1;}
.fangan ul li:hover a{color: #b9261e;}

.indexnews{margin-top: 1.6129%; margin-bottom: 1.6129%;background-color: #fff;}
.indexnews .title{width: 60%;margin:1.6% auto;}
.indexnews .title h3{text-align: center;   font-size: 36px;  color: #000; }
.indexnews .title p{text-align: center;   font-size: 22px;  color: #666;   margin:12px auto;display: block;}
.indexnews .title p::after,.indexnews .title p::before{content: "";display: inline-block;width:100px;height: 1px;background-color: #eee;margin-bottom: 10px}
.indexnews .title p::after{margin-left:10px;}
.indexnews .title p::before{margin-right: 10px;}
.indexnews ul{width: 100%;padding: 0 15px;box-sizing: border-box;}
.indexnews ul li{margin-bottom:35px;padding:15px;width:32%;box-sizing: border-box;    border-radius: 6px;}
.indexnews ul li:hover{box-shadow: 0px 0px 8px 0px rgba(169,169,169,0.3);}
.indexnews ul li .pimg{width: 100%; height:325px;line-height: 325px; margin: 0 auto; overflow: hidden;text-align: center;}
.indexnews ul li .pimg img{    transition: transform .36s ease, -webkit-transform .36s ease;max-width: 100%;}
.indexnews ul li:hover .pimg img{transform: scale(1.1);}
.indexnews ul li h3{margin-top: 20px;line-height: 1.7;font-weight: normal;font-size: 16px;}
.indexnews ul li h3>a{color: #000;}
.indexnews ul li:hover h3>a{color: rgba(185, 38, 30, 1);}
.indexnews ul li abbr{display: block;    margin-top: 9px;  max-width: 100%;  line-height: 1; font-size: 14px; color: #999;}
.indexnews ul li p{color: rgb(102, 102, 102, 1);font-size: 14px;    margin-top: 18px;height: 45px;overflow: hidden;}
.indexnews ul li span{font-weight: normal;font-size:12px;display: inline-block;    height: 20px;   line-height: 18px; padding: 0 8px; border: 1px solid #e5e5e5; margin-top: 12px;
    margin-right: 15px; border-radius: 5px;float: left;color: #999; }
.indexnews ul li .line{display: block; width: 40px;  height: 28px; overflow: hidden;position: relative;float:right;margin-top:10px}
.indexnews ul li .line::before{content: "";  display: inline-block;  position: absolute;  left: 0;   top: 0;  width: 30px;  height: 28px;background: url(../image/vbg01.png) -23px -324px;
    -webkit-transition: all .36s ease; transition: all .36s ease;}
.indexnews ul li .line::after{content: "";  display: inline-block;  position: absolute;  left: -30px;  top: 0;  width: 30px;  height: 28px;background: url(../image/vbg01.png) -23px -324px;
    -webkit-transition: all .36s ease;  transition: all .36s ease; opacity: 0;}
.indexnews ul li:hover .line::before{left:30px;opacity: 0;}
.indexnews ul li:hover .line::after{left:0;opacity: 1;}
.indexnews ul li:hover a{color: #b9261e;}

footer{    background-color: rgba(49, 54, 57, 1);padding-top: 4.0455%; padding-bottom: 1.5666%;}
footer ul li:nth-child(1){width: 30%;}
footer ul li:nth-child(1) abbr{display: block;font-size: 32px; color: rgb(255, 255, 255);margin:15px 0;}
footer ul li:nth-child(1) p{margin:10px 0;display: flex;}
footer ul li:nth-child(1) p i{width: 18px;height: 20px;display: inline-block;}
footer ul li:nth-child(1) p span{font-size:16px;color:#fff;vertical-align:middle;display:inline-block;padding-left:10px}
footer ul li:nth-child(2){width: 50%;display: flex;justify-content: space-between;padding:0 20px;box-sizing: border-box;}
footer ul li dl{width: 24%;}
footer ul li dl dt{font-size:16px;color:#fff;line-height:30px;}
footer ul li .line{background: url(../image/footline.png) left center no-repeat;margin:30px auto;height: 2px;width: 100%;}
footer ul li dl dd{line-height: 2;}
footer ul li dl dd a{font-size:14px;color:rgb(255,255,255,0.42);text-decoration:none;}
footer ul li:nth-child(3){width: 20%;text-align: center;}
footer ul li:nth-child(3) p{color:rgb(255,255,255,0.42);font-size: 14px;}
.copyright{color: rgb(255, 255, 255, 0.4);margin:2% auto 0 auto;text-align: center;font-size: 14px;}
.copyright p{line-height: 2;}
.copyright a{color: rgb(255, 255, 255, 0.4);}
.back_top_wrapper {position: fixed;width: 45px;height:45px;line-height:45px;right: 21px;bottom: 47px;z-index: 999;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
	box-sizing: border-box;background: #B9261E;border-radius: 50%;transition: all 0.3s ease;text-align: center;}
.back_top_wrapper:hover{bottom:56px; box-shadow: 0px 0px 8px 0px rgba(169,169,169,0.3);}
.back_top_wrapper i{color: #fff;font-size: 35px;width: 30px;margin:auto;display: inline-block;}

.crumbs{height: 90px;line-height: 90px;background-color: rgba(248, 248, 248, 1);}
.crumbs p{color: #333333;   cursor: pointer;   font-size: 14px;   font-weight: 500;   padding-right: 5px;   white-space: nowrap; display: inline-block;}
.crumbs p>a{color:#000;}
.aboutview{    padding-left: 0.5208%;  padding-right: 0.5208%;  padding-top: 2.6042%;color: #404040;}
.aboutview h1{font-size: 30px;text-align: center;}
.aboutview .aboutcontent{display: flex;flex-wrap: wrap;justify-content: space-between;margin:4% 0;}
.aboutview .left{width: 50%;padding-right: 30px;box-sizing: border-box;}
.aboutview .left strong{font-size: 36px;}
.aboutview .left p{color: #404040;  white-space: initial;   word-break: break-all;  word-wrap: break-word;line-height: 30px;font-size: 16px;margin-top: 10px;text-indent: 35px;}
.aboutview .relpic{margin-top: 30px;}
.aboutview .relpic ul li{width: 32%;overflow: hidden;}
.aboutview .relpic ul li .pic{height:260px;overflow: hidden;}
.aboutview .relpic ul li .pic img{max-width: 100%;}
.aboutview .relpic ul li p{height: 52px;line-height: 52px;background-color: #b9261e;text-align: center;color: #fff;font-size: 16px;}
.aboutview .right{flex: 1;}
.aboutview .right img{max-width: 100%;}
.contact{margin:3% 0;}
.contentlist{padding-top: 2.6765%; padding-bottom: 2.6765%;display: flex;flex-wrap: wrap;box-sizing: border-box;}
.catleft{width: 290px;overflow: hidden;}
.catleft dl{border: 1px solid #ececec;}
.catleft dl dt{    color: #fff;   height: 80px;   text-align: center;   line-height: 80px;   font-size: 28px; background: #b9261e;margin-bottom: 10px;}
.catleft dl dd{margin:10px;padding:0 20px;border-bottom-width: 5px !important;height: 50px;line-height: 50px;overflow: hidden;box-sizing: border-box;background: rgba(248, 248, 248, 1)}
.catleft dl dd i{display: inline-block;width: 20px;height: 20px;margin-right:-20px;font-size: 20px;}
.catleft dl dd a{    font-size: 16px;color: rgba(53, 53, 53, 1);width: calc(100% - 20px);display: inline-block;}
.catleft dl dd:hover i,.catleft dl>.active i{color: #fff;}
.catleft dl dd:hover ,.catleft dl dd.active{background-color:rgba(185, 38, 30, 1);}
.catleft dl dd:hover a,.catleft dl>.active a{color: #fff;}
.catleft ul li.active a{color:#666 ;}
.catleft ul{display: none;padding:0 20px;}
.catleft ul li{height: 40px;line-height: 40px;overflow: hidden;margin:0 10px;list-style:inside;}
.catleft ul li a{color: rgba(124, 124, 124, 1);font-size: 14px;}
.catleft ul li:hover a,.catleft ul li.active a,.catleft ul li.active{color: rgba(185, 38, 30, 1);}
.catleft .show{display: block;}

.catleft .lianxi{margin-top: 30px;border:1px solid #ececec;border-top: 2px solid #b9261e;padding: 10px 15px;box-sizing: border-box;display: flex;justify-content: space-between;}
.catleft .lianxi img{width:60px;}
.catleft .lianxi .txt{color: #4e4e4e;}
.catleft .lianxi .txt p{height: 40px;font-size: 16px;}
.catleft .lianxi .txt a{display: block;background:rgba(185, 38, 30, 1) ;    padding: 0 15px; line-height: 32px;border-radius: 30px;font-size: 20px;color: #fff;}
.catright{flex: 1;margin-left:4%;}
.downlist ul li{height: 58px;line-height: 58px;text-align: left;overflow: hidden;}
.downlist .title{color: rgba(101, 113, 128, 1);font-size: 16px;}
.downlist .title li,.downlist .list li{width: 17%;}
.downlist .list{  font-size: 14px; color: rgba(102, 102, 102, 1);}
.downlist .title li:nth-child(2),.downlist .list li:nth-child(2){width:30% ;text-align: left;}
.downlist .title li:nth-child(3),.downlist .list li:nth-child(3){text-align: center;}
.downlist .button{display: block;height: 40px;line-height: 40px;  background: #f2f3f5;  border-radius: 3px;  text-align: center;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;box-sizing: border-box;
    padding: 0 10px;}
.downlist ul li:hover .button{background: #b9261e;color: #fff; }   

.newslist ul li{box-shadow: 0px 0px 8px 0px rgba(169,169,169,0.3);    padding: 10px;box-sizing: border-box;margin-bottom: 30px;border-radius: 5px;width: 99%;}
.newslist ul li h3{float:left;width:80%;font-size: 16px;  color: rgba(51, 51, 51, 1);  font-style: normal;  font-weight: normal;  text-decoration: none;text-align: left;}
.newslist ul li abbr{display: inline-block;   margin-top: 9px;   max-width: 100%;   line-height: 1;   font-size: 14px;  color: #999;float: right;}
.newslist ul li p{display:block;clear:both;font-size: 14px;color: rgb(102, 102, 102, 1);margin-top: 40px;    line-height: 1.7;}
.newslist ul li span{display: block;width:80px;margin-top: 20px;height: 26px;   line-height: 24px;  padding: 0 8px; border: 1px solid #e5e5e5;border-radius: 5px;    color: #999;    font-size: 12px;}

.newview h1{color: rgba(51, 51, 51, 1);font-size: 18px;text-align: left;height: 50px;}
.newview abbr{display: block;margin-bottom: 24px;    font-size: 14px;   color: #666;   word-wrap: break-word; line-height: 1.6;}
.newview span{padding-right: 25px;display: inline-block;font-size: 14px;color:#999 ;height: 30px;}
.newview .content{    padding-top: 30px;  border-top: 1px solid #ebebeb;  margin-bottom: 30px;}
.newview .content p{text-indent: 2em !important;   margin: 10px 0 !important;  line-height: 2 !important;font-size: 14px;}
.newview .next,.product .next{border-top: 1px dashed #efefef; padding-top: 26px;margin-top: 30px;margin-bottom: 30px;}
.newview .next a,.product .next a{display: inline-block;   -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;   box-sizing: border-box;  height: 25px; line-height: 23px;
    margin-right: 15px;  padding: 0 10px;  border: 1px solid #c7c7c7;  border-radius: 3px;  color: #6f6f6f; font-size: 14px;}
.newview .next ul ,.product .next ul  {margin-top: 30px;} 
.newview .next ul li,.product .next ul li{width: 49%;font-size: 14px;    color: #333;}
.newview .next ul li a,.product .next ul li a{font-size: 14px;    color: #333;border: none;}

.relnews,.relcase{background-color: rgba(248, 248, 248, 1);padding:3% 0;}
.relnews h2,.relcase h2{color: rgb(185, 38, 30);font-size: 30px;text-align: center;margin-top: 30px;}
.relnews ul,.relcase ul {margin-top: 30px;}
.relnews ul li,.relcase ul li{background-color: #fff;}
.relcase h3{text-align: center;}

.caselist .searcht{height: 40px;line-height: 40px;float: left;}
.caselist .searcht span{color: #b9261e;}
.caselist .searchp{height: 40px;line-height: 40px;float: right;margin-bottom: 30px;}
.caselist .searchp form{display: block;position: relative;}
.caselist .searchp input{line-height: 40px;border: 1px solid #e5e5e5;padding:0 15px}
.caselist .searchp button{display: block;position: absolute;right: 5px;top:8px;width: 25px;height: 25px;border: none;background: transparent;font-size: 17px;color: #4e4e4e;}
.caselist ul{flex-wrap: wrap;padding: 0 10px;}
.caselist ul::after{content: "";display: block;width: 33%;}
.caselist ul li{margin-bottom:15px;padding:15px;width:calc(33.3% - 20px);box-sizing: border-box;    border-radius: 6px;box-shadow: 0px 0px 8px 0px rgba(169,169,169,0.3);
}
.caselist ul li .pimg{width: 100%; height:260px; margin: 0 auto; overflow: hidden;}
.caselist ul li .pimg img{    transition: transform .36s ease, -webkit-transform .36s ease;max-width: 100%;}
.caselist ul li:hover .pimg img{transform: scale(1.1);}
.caselist ul li h3{margin-top: 20px;line-height: 1.7;font-size: 18px;}
.caselist ul li h3>a{color: #000;}
.caselist ul li:hover h3>a{color: rgba(185, 38, 30, 1);}
.caselist ul li abbr{display: block;    margin-top: 9px;  max-width: 100%;  line-height: 1; font-size: 14px; color: #999;}
.caselist ul li p{color: rgb(102, 102, 102, 1);font-size: 14px;    margin-top: 18px;}
.caselist ul li span{font-weight: normal;display: inline-block;    height: 26px;   line-height: 24px; padding: 0 8px; border: 1px solid #e5e5e5; margin-top: 12px;
    margin-right: 15px; border-radius: 5px;float: left;color: #999; font-size: 14px;}
.caselist ul li .line{display: block; width: 40px;  height: 28px; overflow: hidden;position: relative;float:right;margin-top:10px}
.caselist ul li .line::before{content: "";  display: inline-block;  position: absolute;  left: 0;   top: 0;  width: 30px;  height: 28px;background: url(../image/vbg01.png) -23px -324px;
    -webkit-transition: all .36s ease; transition: all .36s ease;}
.caselist ul li .line::after{content: "";  display: inline-block;  position: absolute;  left: -30px;  top: 0;  width: 30px;  height: 28px;background: url(../image/vbg01.png) -23px -324px;
    -webkit-transition: all .36s ease;  transition: all .36s ease; opacity: 0;}
.caselist ul li:hover .line::before{left:30px;opacity: 0;}
.caselist ul li:hover .line::after{left:0;opacity: 1;}
.caselist ul li:hover a{color: #b9261e;}
.relcase ul li{width:calc(25% - 20px);}
.prolist ul::after{content: "";display: block;width: calc(25% - 20px);}
.product{display: flex;flex-wrap: wrap;}
.product .pleft{width: 36.875rem;float: left;overflow: hidden;position: relative;}
.product .bigSwiper .swiper-slide{width: 100%;overflow: hidden;}
.product .bigSwiper .swiper-slide img{transition: all 0.6s;}
.product .bigSwiper .swiper-slide:hover img{transform: scale(1.1);}
.product .smallSwiper{margin-top:10px !important;padding: 0 30px !important;}
.product .smallSwiper::after{ content:"";flex: 0 0 auto; /* 不让它占满剩余空间，仅作为布局辅助 */width: calc(100% / 4);}
.product .smallSwiper .swiper-slide {  height: 100%; flex: 0 0 calc(100% / 4 - 10px); border:1px solid #b9261e }
.product  .smallSwiper .swiper-slide-thumb-active {  opacity: 1; }
.product .swiper-slide img { display: block;  width: 100%; height: 100%; object-fit: cover;}
.product  .swiper-button-prev{color:#b3b3b3;left:0;width:calc(var(--swiper-navigation-size)/ 50 * 27);}
.product .swiper-button-next{color:#b3b3b3;right:0;width:calc(var(--swiper-navigation-size)/ 50 * 27);}
.product .swiper-button-prev:after, .product .swiper-rtl .swiper-button-next:after{font-size:1.875rem;}
.product .swiper-button-next:after, .product .swiper-rtl .swiper-button-prev:after{font-size:1.875rem;}

.product .pright{flex:1;margin-left: 30px;}
.product .pright h1{font-size: 20px;  line-height: 40px;  color: #333;}
.product .pright span{display: block;background: #b9261e;    border-radius: 4px;    line-height: 42px; text-align: center;    width: 138px;margin-top: 40px;}
.product .pright span a{color: #fff;font-size: 16px;}
.product .next{display: block;}
.product .next ul li{margin-bottom: 10px;}
.product .next ul li span{    display: inline-block;  width: 80px;  height: 30px;  line-height: 28px;  text-align: center;  border-radius: 15px; border: 1px solid #e9e9e9;
    cursor: pointer;background: #fff !important;}
.product .next ul li span a{display: inline-block;float: left;}

.productview {margin-top: 10px;}
.productview .title{    border: 1px solid #f0f0f0;height:54px;line-height: 54px;}
.productview .title span{display: block;width: 160px;padding: 0 8px;border-right: 1px solid #f0f0f0;border-top: 2px solid #b9261e;text-align: center;    color: #b9261e;font-size: 15px;}
.productcontent{margin: 25px 15px;font-size: 14px;color: #333;    line-height: 1.8;    text-wrap: wrap;    margin-top: 10px !important;  margin-bottom: 10px !important;
    text-indent: 2em !important;}

.contactform{margin:20px auto;}
.contactform h4{color: #404040;text-align: center;    line-height: 1.5;    font-size: 30px;margin-bottom: 30px;} 
.contactform ul{flex-wrap: wrap;}  
.contactform ul li{width:calc(50% - 10px);min-width: calc(180px + 2.4%);margin-bottom: 20px;}
.contactform label{font-weight: 400;  font-size: 14px;  color: #666; margin-bottom: 12px;display: inline-block;}
.contactform input,.contactform textarea{    font-size: 13px;color: #333;width: 100%;   border: 0;  padding-left: 14px;  height: 44px; line-height: 44px; outline: 0;box-sizing: border-box;
    border-radius: 0;background: rgba(204, 204, 204, 0.15)} 
.contactform textarea{height: 100px;}
.contactform .required_icon { color: red; display: inline-block;}    
.contactform .verify{width: 30%;float: left;}
.contactform img{display: inline-block;padding-left: 20px;float:left;}
.contactform .submit{background-color: rgba(185, 38, 30, 1);    padding: 0 10px;width: 100%;   max-width: 335px;  height: 44px;  line-height: 44px; font-size: 16px;
    border: none;   outline: 0;  color: #fff;  cursor: pointer;text-align: center;}
.contactlist  {margin:3% auto;}
.contactlist ul li{width: 25%;    background: #f8f8f8;text-align: center;}
.contactlist .title{    height: 120px;    display: flex;  justify-content: center;  align-items: center;}
.contactlist .title i{display: block;width: 85px;height: 85px;transition: all 0.3s ease;}
.contactlist .title i img{max-width: 100%;}
.contactlist ul li:hover i{transform:  scaleX(-1);}
.contactlist ul li:nth-child(odd) .title{background:#b9261e ;}
.contactlist ul li:nth-child(even) .title{    background: #eb4138;}
.contactlist ul li p,.contactlist ul li p a{text-align: center;font-size:18px;color:#666;}
.contactlist ul li p{padding:30px 0;position: relative;height:160px;box-sizing: border-box;}
.contactlist ul li abbr{display: block;position: absolute;z-index: 2;height: 0%;top:0;left:0;transition: all 0.5s ease;width: 100%;}
.contactlist ul li:nth-child(odd):hover abbr{background:#b9261e ;height: 100%;}
.contactlist ul li:nth-child(even):hover abbr{background: #eb4138;height: 100%;}
.contactlist ul li b{font-size: 20px;color: #333;display: block;}
.contactlist ul li p>span{display: block;color: #333;position: absolute;z-index: 88;text-align: center;width: 100%;}
.contactlist ul li:hover p>span,.contactlist ul li:hover b{color: #fff;}
.page{margin: 20px auto;text-align: center;font-size: 16px;}
.page .page-num{color:#5c5251;width:31px;height: 31px;line-height:31px;display: inline-block;font-size: 16px;}
.page .page-num-current{color:#dd3927;text-align: center;}
.page .page-prev{height: 31px;line-height:31px;text-align: center;display: inline-block;}
.page .page-next{height: 31px;line-height:31px;text-align: center;display: inline-block;}

.menuList{display: none;}
.micon,.micon{display: none;}
.mfoot{display: none;}
@media screen and (max-width:1380px) {
    .w1360{width: 100%;}
    
}
@media screen and (max-width:1224px) {
    .indexpro{height: auto;}
    .indexpro ul li .pimg{height: auto;line-height:normal}
}
@media screen and (max-width:820px) {
    .w1360{width: 100%;}
    header{background-image: none;   background-color: rgba(0, 0, 0, 0.7);  background-size: cover;}
    header .logo{flex:1;text-align: center;}
    .head{margin-top: 10px;margin-bottom: 10px;}
    .menub{position: absolute;width: 100%;display: none;top: 60px;background-color: #fff;}
    .menulist{   width: 30px;   height:30px;display: block;z-index: 99;margin-left:20px}
    .lineDiv {    background-color: rgba(169, 169, 169, 1); height: 2px;}
    .lineTop {   margin-top:10px;  }
    .lineMiddle {    margin-top: 6px; }
    .lineButtom {    margin-top: 6px; }
    .menuactive .lineButtom{display: none;}
    .menuactive .lineTop{transform: rotate(45deg);    margin-top: 20px;}
    .menuactive .lineMiddle {transform: rotate(-45deg);margin-top: -1px;}
    .menu {width: 100%;}
    .menu ul{flex-wrap: wrap;}
    .menu ul li{flex: 1 0 auto;box-sizing: border-box;text-align: left;width: 90%;margin:0 5%;position: relative;border-top: 1px solid #f2f2f2;}
    .menu ul li a{width: 80%;}
    .menu ul li abbr{display: none;}
    .menu ul li i{display: block;position: absolute;top: 13px;color: #333;right: 20%;font-size:20px;}
    .menu .active, .menu ul li span{color: #333;width: calc(100% - 50px);padding:5px 26px;border-radius: 0; }
    .menu .active, .menu ul li a:hover span{background-color: transparent;}
    .menu .menuchild li a{width: 80%;display: inline-block;}
    .menuchild,.menuchild li .menu2child{width: 100% !important;padding:0;position: static;border-radius: 0;background-color: #fff;box-shadow: none;z-index: 100;}
    .menu .menuchild li,.menuchild li .menu2child li{text-align: left;padding-left: 26px;border-top: 1px solid #f2f2f2;line-height:40px;}
    .menuchild li .menu2childc{position: static;background-color: transparent;box-shadow: none;border-radius:0}
    .micon{width: 15%;display: inline-block;}
    .menu .menuchild li{margin:0 0;width: 100%;font-size: 16px;}
    .back_top_wrapper{bottom: 15%;}
    .mfoot{height: 51px;position: fixed;bottom: 0;left: 0;display: block;background: #fff;width: 100%;z-index: 999;}
    .mfoot ul{position: relative;}
    .mfoot ul li{width: 20%;text-align: center;padding:2% 0;height: 100%;box-sizing: border-box;position: relative;}
    .mfoot ul li i{display: block;font-size:22px;}
    .mfoot ul li span{display: block;color: rgba(102, 102, 102, 1);    font-size: 13px;}
    .mfoot ul li a{width: 100%;height: 100%;display: block;;}
    .mfoot ul li:nth-child(3) i{width:40px;height: 40px;position: absolute;top: -5px;left:50%;border: 2px solid #fff;transform:translate(-50%,-15px);background: #B9261E;border-radius: 50%;}
    .mfoot ul li:nth-child(3) i::before{margin-top: 28%;display: block;display: block;color: #fff;}
    .mfoot ul li:nth-child(3) span{margin-top: 22px;}
    .banner{margin-top: 68px;height:30vh}
    .banner video{height:100%}
    .liucheng .title{width: 100%;}
    .liucheng .title p::after, .liucheng .title p::before{width: 20px;}
    .liucheng .title abbr{text-align: center;}
    .liucheng .left{width: 100%;}
    .liucheng .right{width: 100%;}
    .liucheng .liuchengcontent,.indexpro ul, .indexabout .fu,.indexnews ul{flex-wrap: wrap;-ms-flex-wrap:warp;-moz-flex-wrap:wrap;padding:0  10px;
    }
    .indexpro ul{margin-top: 20px;}
    .indexpro ul li{width: 49%;margin-bottom: 20px;}
    .indexabout .left{width:100%;}
    .indexabout .right{width:100%;margin-left:0;}
    .fangan .title p::after, .fangan .title p::before{width:20px;}
    .fangan ul li{width:49%;padding:15px 5px;margin-bottom: 15px;}
    .fangan ul li .pimg{height:200px;}
    .indexnews .title p::after, .indexnews .title p::before{width: 20px;}
    .indexnews ul li{width:100%;}
    .indexnews ul li .pimg{height:auto;line-height: normal;}
    footer ul li:nth-child(1),footer ul li:nth-child(2){display: none;}
    footer ul li:nth-child(3){width: 100%;}
    .copyright{padding-bottom: 10%;}
    .nbanner{margin-top: 68px;}
    .nbanner img{max-width: 100%;}
    .aboutview{    padding-left: 2%; padding-right: 2%;box-sizing: border-box;}
    .aboutview .left strong{font-size: 26px;text-align: center;display: block;}
    .aboutview .left{width: 100%;padding-right: 0;}
    .aboutview .right{width: 100%;}
    .relpic ul{flex-wrap: wrap;-ms-flex-wrap:warp;-moz-flex-wrap:wrap;padding:0  10px;}
    .aboutview .relpic ul li{width: 100%;margin-bottom: 15px;box-sizing: border-box;}
    .catleft{width: 100%;}
    .catleft .lianxi{display: none;}
    .catright{margin-left: 0;}
    .caselist .searcht{font-size: 14px;}
    .caselist ul li{width: 50%;}
    .newview{padding: 0 10px;}
    .newview h1{text-align: center;}
    .product .pleft{width: 96%;padding: 0 10px;box-sizing: border-box;margin: 0 auto;}
    .product .next,.productview,.productview,.contactform{padding: 0 10px;box-sizing: border-box;}
    .caselist ul li .pimg{height: 320px;}
}
@media screen and (max-width:431px) {
    .liucheng .left ul li i{width: 40px;    height: 65px;background-size: contain !important;}
    .liucheng .left ul li p span{font-size: 14px;}
    .caselist ul li{width: 100%;}
    .contactlist ul{flex-wrap: wrap;padding: 0 10px;box-sizing: border-box;}
    .contactlist ul li{width: 50%;}
    .contactlist ul li p{height: 180px;}
    .contactform ul li{min-width:calc(120px + 2.4%)}
    .contactform .submit{max-width: 100%;}
    .downlist{padding: 0 10px;}
    .downlist ul li:nth-child(4){display: none};
    .newslist ul li abbr{float: left;}
    .newslist ul{padding: 0 10px;}
    .caselist ul li .pimg{height: auto;}
    .caselist ul li h3{margin-top: 0;}
    .contactform .verify{width: 100%;}
}