@import url(font/siyuan.css);
html,body {
    font-size: 16px;
    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: #1d61c4;    text-decoration: none;    outline: 0px none;}
.m30 {    margin-top: 1.875rem;}
.m15 {    margin-top: 0.9375rem;}
.m45 {    margin-top: 2.8125rem;}
.m25{margin-left:25px;}
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;}
.clear {clear: both;}
.p75 {  padding: 4.6875rem 0;}
.p85 {  padding: 5.3125rem 0;}

.w100 {width: 100%;   overflow: hidden;}
.w1500{ width: 1500px;margin:0 auto;overflow: hidden;}
.w1200 {  width: 75rem;  margin:0 auto;  overflow: hidden;}
.w1560 {  width: 97.5rem;   margin:0 auto;   overflow: hidden;}
.swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-button-next, .swiper-button-prev{outline: none;font-size: 14px;}
.top{position: absolute;top: 0;height: 50px;line-height: 50px;color: #fff;text-align: left;z-index: 99;left:10%;}
.head{position: absolute;top: 50px;left:0;z-index: 999;border-top: 1px solid rgba(255,255,255,0.5);border-bottom: 1px solid rgba(255,255,255,0.5);height: 60px;line-height: 60px;box-sizing: border-box;}
.menu{width: 100%;box-sizing: border-box;height: 60px;overflow: hidden;}
.menu ul{display: flex;-webkit-display:flex;-ms-display:flex;justify-content: space-between;-webkit-justify-content: space-between;-ms-justify-content: space-between;}
.menu ul li{min-width:10%;text-align: center;border-right: 1px solid rgba(255,255,255,0.5);box-sizing: border-box;line-height: 60px;}
.menu ul li:nth-child(2){width: 12%;}
.menu ul li:last-child(1){width: 25px;}
.menu ul li a{color:#fff;width: 100%;display: block;}
.menu .active a{color: #f4ca23;}
.search{text-align: left;margin-top: 5px;margin-left: 20px;}
.logo{vertical-align: middle;padding: 0 10px;width: 100%;box-sizing: border-box;}
.banner{position: relative;top: 0;}
.banner img{width: 100%;}
.banner .swiper-button-next,.banner .swiper-button-prev{color:#f4ca23}
.banner1{align-items: center;justify-content: center;text-align: center;height: 600px;}
.banner1 .tbox{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 600px;}
.banner1 span,.banner1 abbr,.banner1 p{display: block;}
.banner1 abbr{	height: 49px;font-family: Impact;font-size: 60px;line-height: 48px;letter-spacing: 0px;color: #ffffff;opacity: 0.1;}
.banner1 p{	height: 39px;font-size: 40px;line-height: 48px;letter-spacing: 0px;color: #f4ca23;font-weight: bold;width: 100%;text-align: center;top: 25px;position: absolute;}    
.banner1 span{color:#fff;margin-top:45px;}
.banner1 span a{display: inline-block; color: #fff;}
.banner1 span i{display: inline-block;background: url(../images/home.png) no-repeat;width: 30px;height: 24px;}
.sousuo1{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background-color: rgba(0, 0, 0,0.5);z-index: 99999;display: none;}
.sousuo1 form{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.sousuo1 .cha{cursor: pointer;position: absolute;right: 50px;top: 50px;width: 40px;}
.sousuo1 input{width: 500px;font-size: 24px;line-height: 45px;background: none;border: none;border-bottom: 2px solid #fff;color: #fff;}
.sousuo1 input::-webkit-input-placeholder {color: #fff;}
.sousuo1 input::-moz-placeholder {color: #fff;} 
.sousuo1 input:-ms-input-placeholder {color: #fff;} 
.sousuo1 input:-moz-placeholder {color: #fff;} 
.sousuo1 button{width: 50px;background:none;border: none;position: absolute;right: -50px;top: -6px;}
.sousuo1 button img{width: 100%;display: block;}
.sousuo1 .cha img{width: 100%;}
.product{margin:60px auto;}
.product .left{float:left;width: 19%;}
.product .left .tt{font-weight: bold;font-size: 28px;color: #000;}
.product .left p{font-size: 18px;color: #000;line-height: 45px;margin:35px 0 0 0;}
.product .left span{display:block;font-size: 14px;color: #646566;line-height: 30px;margin-bottom: 25px;}
.product .left .more{width: 172px;height: 45px;line-height: 45px;text-align: center;background: #333333;}
.product .left .more a{width: 100%;display: block;color: #fff;font-size: 14px;}
.product .right{float:right;width: 70%;overflow: hidden;}
.product .right .protabs ul{display: flex;justify-content:flex-start;}
.product .right .protabs ul li{width: 20%;text-align: center;height: 45px;line-height: 45px;}
.product .right .protabs ul li a{color: #000;}
.product .right .protabs ul li:hover,.product .right .protabs .active{background: #000;}
.product .right .protabs ul li:hover a,.product .right .protabs .active a{color: #fff;}
#tabs-container{width: 100%;margin-top:20px;box-sizing: border-box;}
.product .right .prolist{padding:10px;position: relative;}
.product .right .prolist a{display: none;position: absolute;}
.product .right .prolist .swiper-slide{height: 320px;border: 1px solid #fff;overflow: hidden;}
.product .right .prolist .swiper-slide img{max-width: 100%;padding: 10px;box-sizing: border-box;transition: all 0.6s;}
.product .right .prolist .swiper-slide a{font-weight: bold;display: block;width: 100%;height: 100%;transition: all 1s;}
.product .right .prolist .swiper-slide p{transition: all 0.6s;align-items: center;justify-content: center;display: grid;height: 0;
    padding: 0 15px;box-sizing: border-box;overflow: hidden;color: #fff;}
.product .right .prolist .swiper-slide:hover p{color: #fff;height: 100%;
    text-shadow: 0 0 1px black, 0 0 1px black, 0 0 1px black, 0 0 1px black;}
    .product .right .prolist .swiper-slide:hover img{transform: scale(0.98);}  
.product .right .prolist .swiper-slide:hover{border: 1px solid #e7e6e6;box-shadow: #e7e6e6 0px 0px 4px}
.product .right .prolist .swiper-pagination-bullet{width:40px;height: 5px;border-radius:0;}
.product .right .prolist .swiper-pagination-bullet-active{background:#f4ca23;}
.product .right .prolist .swiper-horizontal>.swiper-pagination-bullets,
.product .right .prolist .swiper-pagination-bullets.swiper-pagination-horizontal,
.product .right .prolist .swiper-pagination-custom,
.product .right .prolist .swiper-pagination-fraction{top: var(--swiper-pagination-top,95%);}
.about{margin:80px auto;}
.about h3{font-size: 36px;color: #000;text-align: center;}
.about span{color: #646566;display: block;text-align: center;height: 50px;line-height: 50px;}
.about .ul1{width: 36%;height:640px;background: url(../images/indexabout.jpg) left center no-repeat;float: left;margin-top:40px;position: relative;}
.about .ul1 p{display: block;top: 50%;left: 50%;transform: translate(-50%,-50%);position: absolute;text-align: center;font-size: 28px;text-transform: uppercase;}
.about .ul1 p>a{display: block;width: 100%;height: 100%;color:#e2e2e2;}
.about ul{width:64%;float: right;margin-top:40px;}
.about ul li{float:left;width: 50%;height: 320px;display: block;justify-content: center;align-items: center;color:#fff;
    text-align:center;box-sizing: border-box;}
.about .bg{width:100%;height:100%;padding: 90px 0;box-sizing: border-box;transition: all 0.6s;}    
.about ul li .bg i{width: 126px;height: 80px;background: url(../images/indexaboutico.png) no-repeat;display: block;margin: auto;}
.about ul li .bg p{font-size: 26px; display: block;height: 50px;line-height: 50px;}
.about ul li .bg abbr::before{content: "";width: 100px;height: 2px;background-color: #000;display: none;}
.about ul li .bg abbr{color:#000;padding: 15px 0 7px 0;display: none;font-family: "arial";text-transform: uppercase;}
.about ul li .bg b{font-size: 50px;color: #000;padding: 7px 0;display: none;font-family: "Impact";}
.about ul li .bg small{background: url(../images/jiabg.png) center no-repeat;color: #000;display: none;}
.about ul li .bg span{font-size: 26px;display: none;color: #000;}
.about ul li:nth-child(1) i{background-position: 0 0;}
.about ul li:nth-child(2) i{background-position: -134px 0;}
.about ul li:nth-child(3) i{background-position: -270px 0;}
.about ul li:nth-child(4) i{background-position: -410px 0;}
.about ul li:nth-child(1){background: url(../images/indexaboutbg.jpg) center no-repeat;background-size: cover;}
.about ul li:nth-child(2){background: url(../images/indexaboutbg2.jpg) center no-repeat;background-size: cover;}
.about ul li:nth-child(3){background: url(../images/indexaboutbg3.jpg) center no-repeat;background-size: cover;}
.about ul li:nth-child(4){background: url(../images/indexaboutbg4.jpg) center no-repeat;background-size: cover;}
.about ul li:hover .bg{background-color:rgba(251, 212, 53,0.5);padding: 40px 0;}
.about ul li:hover p{color: #000;}
.about ul li:hover i{display: none;}
.about ul li:hover small{display: block;}
.about ul li:hover b{display: block;}
.about ul li:hover abbr{display: block;}
.about ul li:hover abbr::before{display: block;margin:0 auto 10px auto;}
.about ul li:hover span{display: block;}
.xuanze{float: left;width: 49%;height: 450px;background:url(../images/xuanzebg.jpg) no-repeat center / cover;}
.xuanze ul{padding: 106px 0;width: 100%;box-sizing: border-box;display: flex;height: 307px;}
.xuanze ul li{flex: 1 auto;text-align: center;height: 307px;}
.xuanze ul li:hover i{transform: scale(1.1);}
.xuanze ul li p{color: #fff;}
.xuanze ul li i{display: block;transition: all 1s;width: 49px;height: 49px;background: url(../images/xuanzeico.png) left center no-repeat;margin: 0 auto;}
.xuanze ul li abbr{display: block;font-size: 14px;color: #fff;text-align: center;height: 40px;line-height: 40px;}
.xuanze ul li:nth-child(1) i{background-position: 0 0;}
.xuanze ul li:nth-child(2) i{background-position: -99px 0;}
.xuanze ul li:nth-child(3) i{background-position: -184px 0;}
.xuanze ul li:nth-child(4) i{background-position: -270px 0;}
.xuanze .xzc{height: 141px;background: rgba(0, 0, 0,0.5);text-align: center;align-items: center;border-top: 1px solid #fff;box-sizing: border-box;display: grid;padding: 20px 0;}
.xuanze .xzc strong{height: 50px;line-height: 50px;color: #fff;font-size: 36px;}
.xuanze .xzc p{padding: 0 20px;}
.xuanze .xzc p>a{height: 42px;line-height: 42px;background: url(../images/more.png) right no-repeat;color: #FFF;display: block;width: 100%;box-sizing: border-box;}

.lingyu{float:right;width: 49%;height: 450px;background:url(../images/lingyubg.jpg) no-repeat center / cover;}
.lingyu ul{padding: 106px 0;width: 100%;box-sizing: border-box;display: flex;height: 307px;}
.lingyu ul li{flex: 1 auto;text-align: center;height: 307px;}
.lingyu ul li p{color: #fff;}
.lingyu ul li i{transition:all 1s;display: block;width: 49px;height: 49px;background: url(../images/lingyuico.png) left center no-repeat;margin: 0 auto;}
.lingyu ul li:hover i{transform: scale(1.1);}
.lingyu ul li abbr{display: block;font-size: 14px;color: #fff;text-align: center;height: 40px;line-height: 40px;}
.lingyu ul li:nth-child(1) i{background-position: 0 0;}
.lingyu ul li:nth-child(2) i{background-position: -99px 0;}
.lingyu ul li:nth-child(3) i{background-position: -184px 0;}
.lingyu ul li:nth-child(4) i{background-position: -270px 0;}
.lingyu .xzc{height: 141px;background: rgba(0, 0, 0,0.5);text-align: center;align-items: center;border-top: 1px solid #fff;box-sizing: border-box;display: grid;padding: 20px 0;}
.lingyu .xzc strong{height: 50px;line-height: 50px;color: #fff;font-size: 36px;}
.lingyu .xzc p{padding: 0 20px;}
.lingyu .xzc p>a{height: 42px;line-height: 42px;background: url(../images/more.png) right no-repeat;color: #FFF;display: block;width: 100%;box-sizing: border-box;}

.chejian{margin:80px auto 30px auto;}
.chejian h3{font-size: 36px;color: #000;text-align: center;}
.chejian span{color: #646566;display: block;text-align: center;height: 50px;line-height: 50px;}
.chejian .swiper-container{margin:30px auto 0 auto;position: relative;}
.chejian span{color: #646566;display: block;text-align: center;height: 50px;line-height: 50px;}
.chejian .swiper-slide{	  transition: 300ms;overflow: hidden;height: 550px;}
.chejian .swiper-slide img{height: 100%;transition: all 0.6s;}
.chejian .swiper-slide:hover img{transform: scale(1.1);}
.chejian .swiper-slide-active,.chejian .swiper-slide-duplicate-active{width:50% !important;}
.chejian .swiper-slide-next,.chejian .swiper-slide-prev{width: 25% !important;}
.chejian .swiper-pagination-bullet {display: inline-block;width: 10px;height: 10px;}
.chejian .swiper-button-next,.chejian .swiper-button-prev{background-color:#f4ca23;color:#fff;padding:10px;width:30px;height:30px;transition:opacity 0.3s ease;}
.chejian .swiper-button-next:after,.chejian .swiper-button-prev:after{font-size:25px;}
.chejian .swiper-button-next{right: 27%;  transform: translateX(-27%);}
.chejian .swiper-button-prev{left: 31%;  transform: translateX(-31%);}

.news{margin:30px auto 0 auto;background: url(../images/newbg.jpg) bottom center / cover;padding-top: 60px;}
.news h3{font-size: 36px;color: #000;text-align: center;}
.news span{color: #646566;display: block;text-align: center;height: 50px;line-height: 50px;}
.news ul{height: 540px;margin-top:30px;box-sizing:border-box;display: flex;-webkit-display:flex;-ms-display:flex;justify-content: space-between;-webkit-justify-content: space-between;-ms-justify-content: space-between;}
.news ul li{width: 32.5%;height: 490px;box-sizing:border-box;overflow: hidden;}
.news .pimg{height:270px;text-align: center;position: relative;box-sizing: border-box;overflow: hidden;}
.news .pimg img{width: 100%;height: 100%;vertical-align: middle;position: absolute;z-index: 11;display: block;transition: all 0.6s;}
.news .pimg span{display: block;font-size: 30px;line-height:40px;color: #f4ca23;position: absolute;z-index: 22;padding:12px;}
.news .pimg abbr{right:0;display: block;color: #b3b3b3;height:40px;line-height:40px;color: #b3b3b3;position:absolute;z-index: 22;padding:12px;}
.news .tbox{background: #fff;text-align: left;padding:22px;}
.news .tbox b{font-size: 18px;line-height: 25px;display: block;height: 25px;overflow: hidden;;}
.news .tbox b>a{color: #000;width: 100%;height: 100%;display: block;;}
.news .tbox p{line-height: 25px;color:#646566;height: 55px;margin-top:15px;overflow: hidden;}
.news .tbox span{height:50px;line-height: 50px;border: solid 1px #ccc;transition: all 1s;font-size: 28px;margin-top: 15px;}
.news .tbox span>a{color: #cccccc;width: 100%;height: 100%; display: block;}
.news .b1{display: none;width: 100%;}
.news .b2{display: block;width: 50px;margin:0 auto;}
.news ul li:hover .pimg img{transform: scale(1.1);}
.news ul li:hover .tbox{background: #f4ca23;}
.news ul li:hover .b1{display: block;font-size: 16px;background: url(../images/newhover.jpg) center center / cover;}
.news ul li:hover .b1 a{color: #000;}
.news ul li:hover .b2{display: none;}
.news ul li:hover a{color:#fff;}
.news ul li:hover .tbox p{color: #fff;}

.foot{background-color: #272727;padding:30px 0;border-top: 4px solid #f4ca23;box-sizing: border-box;}
.footlogo{width: 15%;float: left;}
.foot ul{width:80%;float:right;display: flex;-webkit-display:flex;-ms-display:flex;justify-content: space-between;-webkit-justify-content: space-between;-ms-justify-content: space-between;}
.foot ul li{flex:1 auto;color: #d0d0d0;height: 60px;line-height: 60px;padding: 0 10px;text-align: center;}
.foot ul li::after{display: inline-block;content:"/";float:right;}
.foot ul li a{color: #d0d0d0;}
.footico{float:left;width: 85%;margin-top:60px;}
.footico ul{float:left;display: flex;-webkit-display:flex;-ms-display:flex;justify-content: space-between;-webkit-justify-content: space-between;-ms-justify-content: space-between;}
.footico ul li{height: 51px;line-height:22px;font-size: 14px; display: flex; justify-content: center; align-items: center;}
.footico ul li::after{display: none;}
.footico ul li span{float:left;display: inline-block;color: #e2e2e2;margin-left:10px;}
.footico ul li i{float:left;display:inline-block;width: 41px;height: 41px;background: #333 url(../images/footico.png) center no-repeat;border-radius: 50%;}
.footico ul li:nth-child(1) i{background-position: 10px 3px;}
.footico ul li:nth-child(2) i{background-position: -27px 3px;}
.footico ul li:nth-child(3) i{background-position: -64px 3px;}
.footico ul li:nth-child(4) i{background-position: -100px 3px;}
.footewm{float:right;width: 15%;margin-top:30px;text-align: right;}

.copyright{height: 40px;line-height: 40px;background:#19191c;color: #e2e2e2;text-align: center;}
.copyright a{color: #e2e2e2;}

.productlist{margin:60px auto 20px auto;}
.productlist h3{color:#333;font-size: 36px;text-align: center;}
.productlist abbr{display: block;color: #646566;text-align: center;margin-bottom: 40px;}
.productlist .left{float:left;width: 310px; }
.productlist .left dl dt{height: 69px;line-height:69px;background: #f4ca23;color:#fff;text-align: center;font-size: 20px;font-weight: bold;}
.productlist .left dl dd{height: 69px;line-height:69px;background-color: #f7f7f7;padding: 0 22px;overflow: hidden;border-bottom: 1px solid #fff;}
.productlist .left dl dd a{color: #000;width: 96%;display: block;}
.productlist .left dl dd a::after{display: inline-block;content: ">";color:#000;width: 10px;float: right;}
.productlist .left dl dd:hover,.productlist .left .active{background:url(../images/catbg.jpg) left center no-repeat;color:#fff;}
.productlist .left dl dd:hover a,.productlist .left .active a{color: #fff;}
.productlist .left dl dd:hover a::after,.productlist .left .active a::after{color: #fff;}
.productlist .right{float:right;width:78%;}
.productlist .right ul{width:100%;display: flex;-webkit-display:flex;-ms-display:flex;justify-content: space-between;-webkit-justify-content: space-between;-ms-justify-content: space-between;
    flex-wrap: wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;}
.productlist .right ul::after{content:"";flex: 1 0 auto;display: block;}    
.productlist .right ul li{flex:0 0 calc(100% / 4);border: 1px solid #fff;overflow: hidden;width: 24.5%;height:100%;margin-bottom: 20px;padding:5px;position: relative;box-sizing: border-box;}
.productlist .right ul li a{color: #fff;width: 100%;height: 100%;display: block;}
.productlist .right ul li img{width: 100%;box-sizing: border-box;transition: all 0.6s;}
.productlist .right ul li .tbox{height:100%;width:100%;transition: all 0.6s;display: none;;text-align:center;
    box-sizing: border-box;overflow: hidden;color: #fff;position: absolute;left: 50%;transform: translate(-50%,0%);top: 0;padding:10px;box-sizing: border-box;}
.productlist .right ul li .tbox i{width: 46px;height: 46px;display: block;background: url(../images/proico.png) no-repeat;margin: 25px auto;}    
.productlist .right ul li .tbox span{display: block;background: #f4ca23;width: 40px;height: 40px;line-height:40px;text-align: center;;color:#fff;margin:0 auto;}  
.productlist .right ul li p{font-size: 18px;}  
.productlist .right ul li:hover .tbox{height:200px;left:50%;top: 35%;transform: translate(-50%,-25%);display: block;}
.productlist .right ul li:hover .tbox p{color: #fff;text-shadow: 0 0 2px black, 0 0 1px black, 0 0 2px black, 0 0 2px black;}
.productlist .right ul li:hover img{transform: scale(0.98);}  
.productlist .right ul li:hover{border: 1px solid #e7e6e6;box-shadow: #e7e6e6 0px 0px 4px}
/*产品详情*/
.productlist .right .pimg{float:left;width: 630px;max-height: 630px;text-align: center;vertical-align: middle;}
.productlist .right .pimg img{max-width: 100%;width: auto;vertical-align: middle;}
.productlist .right .pbox{float: left;width:400px;margin-top: 80px;padding-left:30px;box-sizing: border-box;}
.productlist .right .pbox h1{line-height: 40px;font-size: 26px;color: #000;}
.productlist .right .pbox p{line-height: 30px;font-size: 18px;color: #000;}
.productlist .right .pbox span{float:left;margin-top:30px;display: inline-block;width: 150px;height: 40px;line-height: 40px;background-color: #333;text-align: center;}
.productlist .right .pbox span>a{color: #fff;display: block;width: 100%;height: 100%;}

.productlist .right .pview{margin-top:20px;line-height: 25px;}
.productlist .right .pview h3{height: 40px;line-height: 40px;border-bottom:4px solid #e6e6e6;width: 100%;text-align: left;font-size: 20px;margin-bottom:30px;}
.productlist .right .pview h3>span{width:10%;display: block;border-bottom: 4px solid #f4ca23;padding-left: 20px;margin-top: 30px;}
.productlist .right .pview img{max-width: 100%;}
.productlist .right dl{margin:30px auto;}
.productlist .right dl dt{height: 40px;line-height: 40px;border-bottom:4px solid #e6e6e6;width: 100%;text-align: left;font-size: 20px;margin-bottom:30px;}
.productlist .right dl dt>span{width:10%;display: block;border-bottom: 4px solid #f4ca23;padding-left: 20px;margin-top: 30px;}
.productlist .right dl dd{float:left;height:30px;line-height:30px;background-color: #d0d0d0;text-align: center;padding: 0 10px;margin-right: 10px;}
.productlist .right dl dd a{color: #000;}
.productlist .right ul{display: flex;-webkit-display:flex;-ms-display:flex;justify-content: space-between;-webkit-justify-content: space-between;-ms-justify-content: space-between;}
.productlist .right ul li{width: 33%;}

.pages{width: 100%;text-align: center;}
.pages span{display: inline-block;margin:0 2px}
.pages a{color: #000;}
.pages .page-num{width: 30px;height: 30px;line-height: 30px;border: 1px solid #ccc;display: inline-block;margin:0 2px}
.pages .page-num-current{color:#fff;background-color:#f4ca23;}

.about abbr{display: block;color: #646566;text-align: center;margin-bottom: 40px;}
.about .aview{line-height: 25px;margin: 30px auto;}
.about .aview img{max-width: 100%;}
.about .aview a{color: #000;}

.bview ul{width:100%;display: flex;margin-top:0;-webkit-display:flex;-ms-display:flex;justify-content: space-between;-webkit-justify-content: space-between;-ms-justify-content: space-between;}
.bview ul li{width: 25%;height: 320px;display: block;justify-content: center;align-items: center;color:#fff;text-align:center;box-sizing: border-box;}
.bview .bg{width:100%;height:100%;padding: 90px 0;box-sizing: border-box;transition: all 0.6s;}    
.bview ul li .bg i{width: 126px;height: 80px;background: url(../images/indexaboutico.png) no-repeat;display: block;margin: auto;}
.bview ul li .bg p{font-size: 26px; display: block;height: 50px;line-height: 50px;}
.bview ul li .bg abbr::before{content: "";width: 100px;height: 2px;background-color: #000;display: none;}
.bview ul li .bg abbr{color:#000;padding: 15px 0 7px 0;display: none;font-family: "arial";text-transform: uppercase;margin-bottom: 0;}
.bview ul li .bg b{font-size: 50px;color: #000;padding: 7px 0;display: none;font-family: "Impact";}
.bview ul li .bg small{background: url(../images/jiabg.png) center no-repeat;color: #000;display: none;}
.bview ul li .bg span{font-size: 26px;display: none;color: #000;}
.bview ul li:nth-child(1) i{background-position: 0 0;}
.bview ul li:nth-child(2) i{background-position: -134px 0;}
.bview ul li:nth-child(3) i{background-position: -270px 0;}
.bview ul li:nth-child(4) i{background-position: -410px 0;}
.bview ul li:nth-child(1){background: url(../images/indexaboutbg.jpg) center no-repeat;background-size: cover;}
.bview ul li:nth-child(2){background: url(../images/indexaboutbg2.jpg) center no-repeat;background-size: cover;}
.bview ul li:nth-child(3){background: url(../images/indexaboutbg3.jpg) center no-repeat;background-size: cover;}
.bview ul li:nth-child(4){background: url(../images/indexaboutbg4.jpg) center no-repeat;background-size: cover;}
.bview ul li:hover .bg{background-color:rgba(251, 212, 53,0.5);padding: 40px 0;}
.bview ul li:hover p{color: #000;}
.bview ul li:hover i{display: none;}
.bview ul li:hover small{display: block;}
.bview ul li:hover b{display: block;}
.bview ul li:hover abbr{display: block;}
.bview ul li:hover abbr::before{display: block;margin:0 auto 10px auto;}
.bview ul li:hover span{display: block;}

.contact{margin:60px auto 20px auto;}
.contact h3{color:#333;font-size: 36px;text-align: center;}
.contact abbr{display: block;color: #646566;text-align: center;margin-bottom: 40px;}
.contact .left{float:left;width: 35%;margin-top: 100px;}
.contact .left p{font-size: 36px;font-weight: bold;}
.contact .left b{display: block;margin-top:10px;}
.contact .left ul{margin-top: 30px;}
.contact .left ul li{height: 80px;line-height:22px;font-size: 14px;}
.contact .left ul li::after{display: none;}
.contact .left ul li span{display: block;color: #333;margin-left:50px;}
.contact .left ul li i{float:left;display:inline-block;width: 41px;height: 41px;background: #333 url(../images/footico.png) center no-repeat;border-radius: 50%;}
.contact .left ul li:nth-child(1) i{background-position: 10px 3px;}
.contact .left ul li:nth-child(2) i{background-position: -27px 3px;}
.contact .left ul li:nth-child(3) i{background-position: -64px 3px;}
.contact .left ul li:nth-child(4) i{background-position: -100px 3px;}
.contact .right{float:right;width: 64%;}

.contactform{background: url(../images/guestbg.jpg) center center / cover;height: 1000px;padding: 135px 80px;box-sizing: border-box;}
.contactform form{background: #fff;border-radius: 20px;padding:93px;box-sizing: border-box;display: flex;justify-content: space-between;flex-wrap: wrap;}
.contactform form span{width:100%;display: block;font-size: 36px;text-align: center;margin-bottom: 80px;font-weight: bold;}
.contactform form input{display: inline-block;height: 60px;line-height: 60px;padding: 0 10px; margin: 20px 0;width: 47%;color: #383838;background-color: #ffffff;
	border: solid 1px rgba(178, 178, 178, 0.35);outline: none;}
.contactform form input:hover{	background-blend-mode: ;border-style: solid;border-width: 1px;border-image-source: linear-gradient(30deg, 
		#f4ca23 0%, #f48f23 24%, 	#f4ca23 84%, 	#f48f23 100%);	border-image-slice: 1;}
.contactform textarea{display: block;width: 100%;height: 90px;padding: 10px;border: solid 1px rgba(178, 178, 178, 0.35);font-family: "siyuan";}
.contactform textarea:hover{background-blend-mode: ;border-style: solid;border-width: 1px;border-image-source: linear-gradient(30deg, 
    #f4ca23 0%, #f48f23 24%, 	#f4ca23 84%, 	#f48f23 100%);	border-image-slice: 1;}
.contactform img{width: 160px;display: block;height: 60px;margin-top: 20px;float: left;}    
.contactform .submit{display: block;width: 120px;margin: 0 auto;height: 50px;line-height: 50px;background-color: #f4ca23;border-radius: 20px;color: #fff;
outline: none;border: none;}

.newslist{margin:60px auto 20px auto;}
.newslist h3{color:#333;font-size: 36px;text-align: center;}
.newslist abbr{display: block;color: #646566;text-align: center;margin-bottom: 40px;}
.newslist .newstop{background-color: #f7f7f7;padding: 60px 0;}
.newslist .newstop .pimg{float:left;width: 45%;height: 378px;}
.newslist .newstop .pimg img{width: 100%;}
.newslist .newstop .pbox{float:right;width:55%;height: 378px;background: #fff;padding:5% 5%;box-sizing: border-box;}
.newslist .newstop .pbox span{display: block;color: #999999;height: 35px;line-height: 35px;font-size: 14px;}
.newslist .newstop .pbox dl {width: 100%;}
.newslist .newstop .pbox dl dt{height:60px;line-height: 60px;font-size: 26px;border-bottom:2px solid #f7f7f7; }
.newslist .newstop .pbox dl dt a{color:#000;}
.newslist .newstop .pbox dl dd{display: inline-block;padding: 5px 10px;margin:10px 10px 8px 0;border-radius: 12px;border: solid 1px #f7f7f7;}
.newslist .newstop .pbox dl dd a{color: #999999;}
.newslist .newstop .pbox p {margin-top: 10px;}
.newslist .newstop .pbox p a{color: #999999;}
.newslist ul{height: 100%;margin-bottom: 30px;}
.newslist ul li{margin-top: 30px;}
.newslist ul li span{display: block;color: #999999;height: 35px;line-height: 35px;font-size: 14px;text-align: left;}
.newslist ul li p{height: 70px;line-height: 74px;border-bottom:2px solid #e6e6e6; }
.newslist ul li p>a{color: #000000;font-size: 18px;}
.newslist ul li:hover p{border-bottom:2px solid #f4ca23;}
.newslist ul li:hover p>a{color: #f48f23;}

.newsview{margin:60px auto 20px auto;}
.newsview h3{color:#333;font-size: 36px;text-align: center;}
.newsview abbr{display: block;color: #646566;text-align: center;margin-bottom: 40px;}
.newsview h1{font-size: 26px;text-align: left;border-bottom: 2px solid #f7f7f7;height: 60px;line-height: 60px;}
.newsview dl{text-align: left;display: flex;justify-content: start;}
.newsview dl dt{float: left;color: #999999;padding: 5px 10px;height: 45px;line-height: 45px;}
.newsview dl dd{float:left;display: inline-block;padding: 5px 10px;margin:10px 10px;border-radius: 12px;border: solid 1px #f7f7f7;color: #999999;}
.newsview dl dd a{color: #646566;}
.newsview .content{line-height: 25px;color: #4d4d4d;}
.newsview .pre{width: 50%;float: left;color: #4d4d4d;height: 60px;line-height: 60px;}
.newsview .next{width: 50%;float: right;color: #4d4d4d;height: 60px;line-height: 60px;}
.newsview .pre a,.newsview .next a{color: #4d4d4d;}
.newsview .pview{line-height: 25px;}
.newsview .pview h3{height: 40px;line-height: 40px;border-bottom:4px solid #e6e6e6;width: 100%;text-align: left;font-size: 20px;margin-bottom:10px;}
.newsview .pview h3>span{width:10%;display: block;border-bottom: 4px solid #f4ca23;padding-left: 20px;margin-top: 30px;}
.newsview ul{display: flex;-webkit-display:flex;-ms-display:flex;justify-content: space-between;-webkit-justify-content: space-between;-ms-justify-content: space-between;flex-wrap: wrap;}
.newsview ul li{width: 49.5%;border-bottom: 1px solid #e6e6e6;}
.newsview ul li span{float:right;width: 15px;height: 15px;color: #fff;}
.newsview ul li a{color: #333333;width: 100%;}
.newsview ul li p{float:left;height: 50px;line-height: 50px;}
.newsview ul li span{display: block;float:right;width: 20px;height: 20px;background-color: #f4ca23;color: #fff;text-align: center;line-height: 20px;margin-top: 10px;}
.newsview ul li abbr{display: block;color: #999999;margin-top: 0;margin-bottom:0px;text-align: left;height: 25px;line-height: 35px;}
@media screen and (max-width: 1441px) {
    .w1500{width: 1280px;}
    .productlist .right{width:74.5%;}
    .productlist .right .pimg{width: 50%;}
    .productlist .right .pbox{width: 48%;}
}
@media screen and (max-width: 1220px) {
    .w1500{width: 100%;padding: 0 15px;box-sizing: border-box;}
    .top{left:0}
}
@media screen and (max-width: 768px) {
    .w1500{width: 100%;}
    .logo img{width: 100%;}
    .menu ul {  flex-direction: column;  position: absolute;   background-color: #fff;   top: 5rem; left: 0;   right: 0;     height: auto;  width: 100%;  overflow-y: auto; display: none;z-index: 999;}
    .menu ul li { width: 100%; border-bottom: 1px solid #ccc;  box-sizing: border-box;    padding: 5px 0;}
    .menu ul li a{display: inline-block;padding-left: 15px;width: 80%;}
    .menu .menu-item{display: block;}
    .hamburger {font-size: 2rem; display: inline-block;   cursor: pointer;float: right;border: none;outline: none;background-color: #fff;}
    .menu-item{float: right;font-size: 16px;margin-right: 15px;margin-top: 6px !important;}
    .menu ul li:hover .huwaia{display: none ;}
}