@charset "utf-8";
/*banner*/
.conrp { width: 100%; overflow: hidden; margin-top: 110px; position: relative; padding-bottom: 10vh; }
.conrp #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; }
.conrp #owl-demo .item { width: 100%; display: block; position: relative; height: auto; overflow: hidden; }
.conrp #owl-demo .item img { width: 100%; display: block; vertical-align: top; transition: all 1s ease 2.5s; transform: perspective(1000px) translate3d(0, 0, 100px); }
.conrp #owl-demo .active .item img { transition: all 5s ease 0s; transform: perspective(1000px) translate3d(0, 0, 0px); }
.conrp .owl-pagination { width: 100%; overflow: hidden; position: absolute; left: 0; bottom: 18%; text-align: center; display: block; }
.conrp .owl-pagination .owl-page { border: 1px #fff solid; }
.conrp .owl-page.active { border: 1px #dd0000 solid; }
.conrp .owl-buttons { display: none; }
/*about_date*/
.about_date { position: absolute; left: 0; bottom: 0; z-index: 2; }
.about_date dl { width: 23%; padding: 1.2vw 0; background: #cc0000; color: #FFF; margin: 0.5vw 1% 0 1%; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-i; }
.about_date dl dt img { width: auto; height: 3.3vw; }
.about_date dl:hover { margin: 0 1% 0 1%; }
.about_l { width: 41%; position: relative; }
.about_l .more1 { display: block; float: right; border-bottom: 1px #dd0000 solid; color: #dd0000; padding-bottom: 3px; margin-top:10px; }
.about_l .more1:hover { opacity: 0.8; }
.about_r { width: 55%; }
.ti1 { background: url(../images/line.jpg) no-repeat left bottom; padding-bottom: 34px; }
.about_l .why p { position: relative; padding-left: 15px; }
.about_l .why p:after { content: ''; width: 4px; height: 4px; border-radius: 100%; background: #dd0000; position: absolute; left: 0; top: 25%; }
.about_r .bgf8 { width: 49%; }
/*产品展示*/
.ti2 { background: url(../images/tit.png) no-repeat center bottom; padding-bottom: 34px; }
.more2 { width: 10.4vw; height: 40px; line-height: 40px; text-align: center; color: #dd0000; border: 1px #dd0000 solid; }
.more2:hover { background: #dd0000; color: #FFF; }
.border { position: absolute; background: none; transition: all .5s ease-in-out; }
.border:nth-of-type(1) { top: 0; left: 0; width: 0; height: 0; border-top: 1px solid #dd0000; }
.border:nth-of-type(2) { top: 0; right: 0; width: 0; height: 0; border-right: 1px solid #dd0000; }
.border:nth-of-type(3) { bottom: 0; right: 0; width: 0; height: 0; border-bottom: 1px solid #dd0000; }
.border:nth-of-type(4) { bottom: 0; left: 0; width: 0; height: 0; border-left: 1px solid #dd0000; }
.cpzs #owl-demo .item { display: block; overflow: hidden; }
.cpzs #owl-demo .item dl { display: block; overflow: hidden; }
.cpzs #owl-demo .item dl dt { overflow: hidden; height: auto; position: relative; border: 1px #eeeeee solid; }
.cpzs #owl-demo .item dl:hover dt .border:nth-of-type(1) { width: 100%; }
.cpzs #owl-demo .item dl:hover dt .border:nth-of-type(2) { height: 100%; }
.cpzs #owl-demo .item dl:hover dt .border:nth-of-type(3) { width: 100%; }
.cpzs #owl-demo .item dl:hover dt .border:nth-of-type(4) { height: 100%; }
.cpzs #owl-demo .item dl:hover dd a { color: #dd0000; }
.cpzs .owl-pagination { width: 100%; overflow: hidden; padding-top: 20px; text-align: center; }
/*应用*/
.case_bo { width: 25%; margin-bottom: 10px; display: flex; flex-wrap: wrap; position: relative; }
.case_bo dl dt { overflow: hidden; height: auto; border: 1px #eeeeee solid; }
.case_bo dl dd .use_txt { width: 100%; height: 36px; line-height: 36px; position: relative; }
.case_bo dl:hover dt img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.case_bo dl:hover dd .use_txt a { color: #dd0000; }
.case_bo dl:hover dd .use_txt .border:nth-of-type(1) { width: 100%; }
.case_bo dl:hover dd .use_txt .border:nth-of-type(2) { height: 100%; }
.case_bo dl:hover dd .use_txt .border:nth-of-type(3) { width: 100%; }
.case_bo dl:hover dd .use_txt .border:nth-of-type(4) { height: 100%; }
/*team*/
.team #owl-demo .item { display: block; overflow: hidden; }
.team #owl-demo .item dl { display: block; overflow: hidden; }
.team #owl-demo .item dl dt { width: 20%; }
.team #owl-demo .item dl dd { width: 72%; }
.team .owl-pagination { width: 100%; overflow: hidden; padding-top: 20px; text-align: center; }
/*news*/
.news_ly { width: 65%; }
.tia { background: url(../images/li.png) repeat-x bottom; }
.tia span { padding: 0 20px 14px 20px; border-bottom: 3px #dd0000 solid; }
.tia a.frn { color: #dd0000; }
.tia a.frn:hover { color: #000; }
.new_img { width: 36%; height: auto; }

.new_txt li.f14 { position: relative; padding-left: 15px; margin-top: 12px; }
.new_txt li.f14:after { content: ''; width: 4px; height: 4px; border-radius: 100%; background: #dd0000; position: absolute; left: 0; top: 35%; }
.new_txt li:hover a { color: #dd0000; }
.news_ry { width: 63%; }

.news_rs{ width: 33%;}

 @media screen and (max-width: 1210px) and (min-width:0) {
/*banner*/
.conrp { margin-top: 0.78rem; padding-bottom: 0; }
.conrp .owl-pagination { bottom: 5%; }
/*about_date*/
.about_date { position: inherit; left: inherit; bottom: inherit; z-index: inherit; padding: 0.3rem 0; }
.about_date dl { width: 48%; padding: 0.25rem 0; margin: 0.15rem 1% 0 1%; }
.about_date dl dt img { height: 0.66rem; }
.about_l { width: 100%; }
.about_l .more1 { position: inherit; right: inherit; bottom: inherit; float: left; margin-top: 0.15rem; }
.about_r { width: 100%; padding-top: 0.2rem; }
.ti1 { padding-bottom: 0.34rem; }
.about_l .why p { padding-left: 0.15rem; }
.about_l .why p:after { top: 20%; }
.about_r .bgf8 { width: 100%; margin-top: 0.15rem; }
.why { padding-top: 0.25rem; }
/*产品展示*/
.ti2 { padding-bottom: 0.34rem; }
.more2 { width: 2.2rem; height: 0.6rem; line-height: 0.6rem; }
/*应用*/
.case_bo { width: 50%; margin-bottom: 0.1rem; }
.case_bo dl dd .use_txt { height: 0.56rem; line-height: normal; border: 1px #dd0000 solid; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 0 5px; }
/*news*/
.news_ly { width: 100%; }
.tia span { padding: 0 0.2rem 0.14rem 0.2rem; }
.new_img { width: 100%; height: auto; }
.new_txt { width: 100%; margin-top: 0.1rem; }
.new_txt li.f14 { padding-left: 0.15rem; margin-top: 0.05rem; }
.new_txt li.f14:after { top: 20%; }
.news_ry, .news_rs { width: 100%; margin-top: 0.2rem; }
}