html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0px;border: 0;font-size: 100%;outline: none;}
caption,h1, h2, h3, h4, h5, h6, p{margin: 0;padding: 0px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ul, li, ol {list-style: none;}
* {box-sizing: border-box;margin: 0;padding: 0;outline: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table, tbody, tfoot, thead, tr, th, td{margin: 0;padding: 0;}
table{border-collapse:collapse;margin:0 auto!important;}
img {border: 0;outline: 0;vertical-align: middle;}

input, select, textarea, button, option{vertical-align: middle;resize: none;-webkit-appearance: none !important;appearance: none;outline: none;border: none;background: transparent;font-family:'PingFang','΢���ź�', 'Microsoft YaHei','din', 'Arial', sans-serif;box-sizing: border-box;}

::-moz-selection {background: #929090;color: #fff;text-shadow: none;}
::selection {background: #929090;color: #fff;text-shadow: none;}
select{outline: none;}
select::-ms-expand {display: none;}

::-webkit-scrollbar {width: 8px;height: 8px;background-color: rgba(255,255,255,.1);}
::-webkit-scrollbar-thumb {border-radius: 50px;background:#929090;}
::-webkit-scrollbar-thumb:hover {background: #929090;}

a{text-decoration: none;-webkit-transition: 0.5s;transition: 0.5s;}
a:link, a:visited {text-decoration: none;}
a:active, a:hover {text-decoration: none;}
.clear{clear:both;}
.clearfix:before, .clearfix:after {display: table;content: "";line-height: 0px;}
.clearfix:after {clear: both;}

.fl{float: left;}
.fr{float: right;}
.container{position: relative;padding: 0 9%;height: 100%;margin: 0 auto;}
 
*[class*="rect-"] {position: relative;display: block;width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] .full {position: absolute;left: 0;top: 0;width: 100%;height: auto;}
.rect-434 {padding-bottom: 43.4%;}
.rect-50 {padding-bottom: 50%;}
.rect-523 {padding-bottom: 52.3%;}
.rect-65 {padding-bottom: 65%;}
.rect-67 {padding-bottom: 67%;}
.rect-100 {padding-bottom: 100%;}
.rect-140 {padding-bottom: 140%;}

.imgZoom img,.imgY180 img {-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.imgZoom {overflow: hidden;-webkit-transform: rotate(0);transform: rotate(0);}
.imgZoom:hover img {-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.imgY180:hover img {cursor: pointer;-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);transform: rotateY(180deg)}
 
.placeholder{width: 100%;position: relative;height: 90px;} 
.sp_nav,.sjj_nav{display:none;} 
 
.pbanner {position: relative;overflow: hidden;}
.pbanner figure {display: block;line-height: 1;overflow: hidden;}
.pbanner figure img {display: block;position: relative;line-height: 1;width: 100%;height: auto;}
.pbanner figure img{-webkit-animation:scaleUpDown 7s forwards cubic-bezier(.25,.46,.45,.94);-moz-animation:scaleUpDown 7s forwards cubic-bezier(.25,.46,.45,.94);animation:scaleUpDown 7s forwards cubic-bezier(.25,.46,.45,.94)}
@-webkit-keyframes scaleUpDown{from{-webkit-transform:scale(1.1);transform:scale(1.1)}
    to{-webkit-transform:scale(1);transform:scale(1)}
}
@-moz-keyframes scaleUpDown{from{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
    to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
}
@keyframes scaleUpDown{from{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
    to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}
}

 
.catproduct{position:relative;}
.catproduct .catitem{position: relative;background: url(../img/contSwiperbg.jpg) center no-repeat;padding:50px 0;}
.catproduct .catitem .left{float: left;width: 30%;padding: 100px 0;margin-left: 9%;}
.catproduct .catitem .left .cont-item{position: relative;}
.catproduct .catitem .left .cont-item .name{font-size: 38px;color: #5C5959;font-weight: bold;}
.catproduct .catitem .left .cont-item .cont{margin-top: 55px;font-size: 16px;color: #333333;line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical;}
.catproduct .catitem .left .cont-item .more{position: relative;display: block;margin-top: 70px;width: 150px;font-size: 15px;color: #333333;line-height: 44px;text-align: center;border: 2px #d8d8d8 solid;border-radius: 25px;overflow: hidden;background: #ffffff;z-index:1;}
.catproduct .catitem .left .cont-item .more span{position: absolute;z-index: -1;right: 0;bottom: 0;width: 0;height: 100%;background: #da251c;border-radius: 24px;-webkit-transition: all .36s;-moz-transition: all .36s;-ms-transition: all .36s;-o-transition: all .36s;transition: all .36s;}
.catproduct .catitem .left .cont-item .more:hover{color: #ffffff;border: 2px #da251c solid;}
.catproduct .catitem .left .cont-item .more:hover span{width: 100%;height: 100%;}
.catproduct .catitem .right{float: right;width: 52%;background: url(../img/proimgbg.png) no-repeat bottom;background-size: cover;}
.catproduct .catitem .right  img{width: 60%;position: absolute;left: 50%;bottom: 20%;margin-left:-30%;}
.catproduct .catitem:nth-child(2n) .left{float:right;width:30%;margin-left:0;margin-right:9%}
.catproduct .catitem:nth-child(2n) .right{float:left;width:52%;transform: rotateY(180deg);}
.catproduct .catitem:nth-child(2n) .right img{transform: rotateY(180deg);}
 
.application{padding: 60px 0;background: #f1f1f1;}
.application .application_title{position: relative;font-size: 36px;color: #333333;}
.application .application_video{position: relative;margin-top: 35px;display: grid;grid-gap: 30px;grid-template-columns: repeat(4,1fr);}
.application .application_video .item{position: relative;cursor: pointer;background:#ffffff}
.application .application_video .item::after{position: absolute;content: '';width: 0;height: 2px;left: 0;bottom: 0;background: #da251c;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
.application .application_video .item .infor{padding: 20px 4%;background: #ffffff;}
.application .application_video .item .tit{margin-bottom: 10px;font-size: 17px;color: #000000;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;}
.application .application_video .item .inform{font-size: 13px;color: #999999;}
.application .application_video .item .img{position: relative;}
.application .application_video .item .mask{position: absolute;background-color: #000000;text-align: center;top:0;opacity: 0;width: 100%;height: 100%;display: table;transition: all 0.5s;-webkit-transition: all 0.5s;}
.application .application_video .item .solve_videoed{opacity: 1;font-size: 50px;color: #ffffff;text-align: center;display: table-cell;height: 100%;vertical-align: middle;}
.application .application_video .item:hover .mask{opacity: 0.65;}
.application .application_video .item:hover .tit{color: #da251c;}
.application .application_video .item:hover::after{width: 100%;}
 
.solve_video{display:none;position:fixed;left:0;top:0;z-index:9999;width:100%;height:100vh;background: rgba(0, 0, 0, .9);}
.solve_video .solveList{position: relative;padding: 40px;background: #fff;width: 60%;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.solve_video .solveclose{position:absolute;right:10px;top:10px;border-radius:100%;cursor: pointer;}