@charset "utf-8";

/*banner*/
.conrp { width: 100%; overflow: hidden; position: relative; }
.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; }
.conrp #owl-demo .item .pcimg { width: 100%; height: auto; display: block; }
.conrp #owl-demo .item .moimg { width: 100%; height: auto; display: none; }
.conrp #owl-demo .active .item img { animation: mobileburns 10s infinite; }
.conrp .owl-pagination { width: 100%; overflow: hidden; position: absolute; left: 0; bottom: 5%; text-align: center; display: block; }
.owl-page { display: inline-block; width: 16px; height: 16px; margin: 0 8px; background: #01257b; *display: inline; *zoom: 1; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; opacity:0.6;}
.owl-page.active { background: #d20000; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; opacity:1;}
.owl-buttons div { width: 50px; height: 100%; background:url(../images/next.png) no-repeat center; display: block; position: absolute; top: 0; opacity:0.6;}
.owl-buttons div:hover { opacity:1;}
.owl-buttons div.owl-next, .conrp .owl-buttons div:hover.owl-next { left:5%; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.owl-buttons div.owl-prev { right:5%; }

/*abouts*/
.abouts, .cpfl, .youshi{ background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed;}
.abouts .abouts1{ width:23.73%; overflow:hidden; float:left;}
.abouts .abouts1 .ioca{ width:auto; position:absolute; left:11%; bottom:0;}
.abouts .about_top dl dt{ width:78%; overflow:hidden; position:absolute; left:11%; top:0;}
.jtl{ position:relative;}
.jtl i{ width:12px; height:1px; background:#fff; position:absolute; left:0; top:50.6%;}
.jtl em{ padding-left:7px;}
.abouts .about_top dl:hover dt .jtl i{ width:20px;}
.abouts .about_top dl:hover dt .jtl em{ padding-left:15px;}
.abouts .abouts2{ width:38.135%; overflow:hidden; float:left;}
.abouts .abouts2 .f28{ padding-top:30%;}
.abouts .abcn{ background:url(../images/map.png) no-repeat 65% top;}
.abouts .about_l{ width:43%; overflow:hidden; float:left;}
.more{ width:8.5vw; height:2.5vw; line-height:2.5vw; border-radius:2.5vw; -moz-border-radius: 2.5vw; -webkit-border-radius: 2.5vw; background:#d20000; text-align:center; color:#FFF;}
.more:hover{ background:#01257b; color:#FFF;}
.about_r{ width:45.6%; overflow:hidden; float:right;}
.about_r dl{ width:48.5%; overflow:hidden; box-sizing: border-box; -moz-box-sizing: border-box; border:1px #e5e5e5 solid;}
.about_r dl:nth-of-type(1){ float:left; margin-left:51.5%;}
.about_r dl:nth-of-type(2){ float:left;}
.about_r dl:nth-of-type(3){ float:right;}
.about_r dl dd{ width:17.5%;}
.about_r dl dd span{ display:block;}
.about_r dl dd i{ display:none;}
.about_r dl:hover{ border:1px #01257b solid; color:#d20000;}
.about_r dl:hover dd span{ display:none;}
.about_r dl:hover dd i{ display:block;} 
/*产品分类*/
.cplb dl{ width:25%; overflow:hidden; float:left; position:relative;}
.cplb dl .nrt{ width:100%; overflow:hidden; border-right:1px #dcdcdc solid; border-bottom:1px #dcdcdc solid; box-sizing: border-box; -moz-box-sizing: border-box;}
.cplb dl:nth-of-type(4) .nrt, .cplb dl:nth-of-type(8) .nrt{ border-right:none;}
.cplb dl:nth-of-type(5) .nrt, .cplb dl:nth-of-type(6) .nrt, .cplb dl:nth-of-type(7) .nrt, .cplb dl:nth-of-type(8) .nrt{ border-bottom:none;}
.cplb dl dd a{ width:48px; height:24px; line-height:24px; display:block; background:#c9c9c9; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:0 auto; color:#FFF; text-align:center;}
.cplb dl dd a .jtl{ width:14px; margin:0 auto; overflow:hidden;}
.cplb dl:hover dt a{ color:#01257b; font-weight:bold;}
.cplb dl:hover dd a{ background:#d20000;} 
.cplb dl:hover dd a .jtl{ width:25px;}
.cplb dl:hover dd a .jtl i{ width:20px;} 
.cplb dl:hover dd a .jtl em{ padding-left:15px;}
.cplb dl:nth-of-type(1):after, .cplb dl:nth-of-type(2):after, .cplb dl:nth-of-type(3):after{ content: ''; width: 5px; height: 5px; border-radius: 100% 0 0 0; background: #626262; position: absolute; right:0; bottom:0; -webkit-animation: warn 3s ease-out; -moz-animation: warn 3s ease-out; animation: warn 3s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.cplb dl:nth-of-type(2):before, .cplb dl:nth-of-type(3):before, .cplb dl:nth-of-type(4):before{ content: ''; width: 5px; height: 5px; border-radius:0 100% 0 0; background: #626262; position: absolute; left:0; bottom:0; -webkit-animation: warn 3s ease-out; -moz-animation: warn 3s ease-out; animation: warn 3s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.cplb dl:nth-of-type(5):after, .cplb dl:nth-of-type(6):after, .cplb dl:nth-of-type(7):after{ content: ''; width: 5px; height: 5px; border-radius:0 0 0 100%; background: #626262; position: absolute; top:0; right:0; -webkit-animation: warn 3s ease-out; -moz-animation: warn 3s ease-out; animation: warn 3s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.cplb dl:nth-of-type(6):before, .cplb dl:nth-of-type(7):before, .cplb dl:nth-of-type(8):before{ content: ''; width: 5px; height: 5px; border-radius:0 0 100% 0; background: #626262; position: absolute; left:0; top:0; -webkit-animation: warn 3s ease-out; -moz-animation: warn 3s ease-out; animation: warn 3s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.cplb dl ol{ display:none;}
/*rmcp*/
.rmcp #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; }
.rmcp #owl-demo .item .conb{ background:#f4f4f4;}
.rmcp #owl-demo .item .conb dt{ width:92%; overflow:hidden; margin:0 auto; height:1.2vw; line-height:1.2vw;}
.rmcp #owl-demo .item .conb dd{ width:92%; overflow:hidden; margin:0 auto; height:auto;}
.morea{ width:8.5vw; height:2.5vw; line-height:2.5vw; border-radius:2.5vw; -moz-border-radius: 2.5vw; -webkit-border-radius: 2.5vw; background:#01257b; color:#FFF; position:relative;}
.morea:hover{ background:#d20000; color:#FFF;}
.morea i{ width:0.6vw; height:1px; background:#fff; position:absolute; right:1.5vw; top:50.6%;}
.morea em{ margin-left:2vw;}
.rmcp #owl-demo .item .conb:hover dt a{ color:#d20000;}
.rmcp #owl-demo .item .conb:hover dd 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);}
.rmcp #owl-demo .item .conb:hover .morea{ background:#d20000; color:#FFF;} 
.rmcp #owl-demo .item .conb:hover .morea i{ width:1vw;}
.rmcp .owl-buttons { display: none; }
.rmcp .owl-pagination{ width: 100%; overflow: hidden; text-align: center; display: block; padding-top:20px;}
/*youshi*/
.youshi_top{ position:relative; padding-bottom:4vw;}
.youshi_top .youshi_l{ width:27.33%; overflow:hidden; float:left;}
.youshi_top .youshi_img{ width:40.4%; overflow:hidden; float:left; position:relative; margin-left:2.8%;}
.youshi_top .youshi_img dt{ width:85%; overflow:hidden; margin:0 auto;}
.youshi_top .youshi_img dd{ width:100%; overflow:hidden; position:absolute; left:0; bottom:0;}
.yous{ overflow:hidden; position:absolute; z-index:5;}
.yous .ysnr{ overflow:hidden; position:relative;}
.yous .ysnr .dot{ width: 18px; height: 18px; display: block; border-radius: 50%; position: relative;}
.yous .ysnr .dot span{ width: 18px; height: 18px; border-radius: 50%; background:rgba(210,0,0,0.2);}
.yous .ysnr .dot i{ width: 8px; height: 8px; border-radius: 50%; background:rgba(210,0,0,1); position:absolute; left:5px; top:5px;}
.yous .ysnr em{ height:1px; background:#fff; position:absolute;}
.yous.ys21{ width:45%; right:0; top:5%;}
.yous.ys21 .dot{ margin:7vw 0 1vw 1vw; float:left;}
.yous.ys21 dl{ width:56.7%; float:right;}
.yous.ys21 em{ width:60%; left:0%; top:22%; -webkit-transform: rotate(150deg); transform: rotate(150deg); }
.yous.ys22{ width:44%; left:0; top:30%;}
.yous.ys22 .dot{ float:right; margin:1vw 1vw 0 0;}
.yous.ys22 dl{ width:64.1%; float:left; margin:7vw 0 0 0; text-align:right;}
.yous.ys22 em{ width:33%; right:3%; top:37%; -webkit-transform: rotate(150deg); transform: rotate(150deg); }
.yous.ys23{ width:45%; right:0; top:38%;}
.yous.ys23 .dot{ margin:1vw 0 1vw 1vw; float:left;}
.yous.ys23 dl{ width:56.7%; float:right;}
.yous.ys23 em{ width:35%; left:5%; top:22%;}
.ys_bo{ width: 100%; overflow: hidden; background:#FFF; position:absolute; left:0 ; bottom:0;}
.ys_bo .ys_nyt{ width: 100%; overflow: hidden; position:relative;}
.ys_bo .ys_nyt dl{ width:21.7%; overflow: hidden; position:relative; border-top:1px #e5e5e5 solid; border-bottom:1px #e5e5e5 solid;}
.ys_bo .ys_nyt dl em{ width:1px; height:100%; background: #e5e5e5; position: absolute; right: 0; top: 0;}
.ys_bo .ys_nyt dl dt{ width:23%; overflow: hidden;}
.ys_bo .ys_nyt dl dt span{ display:block;}
.ys_bo .ys_nyt dl dt i{ display:none;}
.ys_bo .ys_nyt dl dd{ width:70%; overflow: hidden;}
.ys_bo .ys_nyt dl:hover { color:#d20000;}
.ys_bo .ys_nyt dl:hover dt span{ display:none;}
.ys_bo .ys_nyt dl:hover dt i{ display:block;} 
.ys_bo .ys_nyt .morec{ width:13.2%; height:100%; background:#d20000; color:#FFF; position:absolute; right:0; top:0; text-align:center;}
.ys_bo .ys_nyt .morec .cona{ position:relative; margin-top:28%;}
.ys_bo .ys_nyt .morec .cona i{ width:0.6vw; height:1px; background:#fff; position:absolute; right:2.5vw; top:51.6%;}
.ys_bo .ys_nyt .morec .cona em{ margin-left:2vw;}
.ys_bo .ys_nyt .morec:hover{ background:#01257b; color:#FFF;}
.ys_bo .ys_nyt .morec:hover i{ width:1vw;}
/*case*/
.case_bo{ position:relative;}
.case_l{ width:8%; overflow:hidden; float:left; margin-left:11%;}
.case_l p{ width:100%; overflow:hidden;}
.case_l p i{ width:0; height:1px; background:#d20000; float:left; margin-top:8%;}
.case_l p span{ width:100%;}
.case_l p:hover i{ width:24%;}
.case_l p:hover span{ width:auto; float:left; margin-left:10px; color:#d20000;}
.case_bo .mored{ position:absolute; left:11%; bottom:10%;}
.case_bo .mored:hover{ color:#d20000; margin-left:10px;}
.swiper2{ width:80%; float:right; position:relative;}
.swiper2 .swiper-slide{ width:60%;}
.swiper2 .swiper-slide dl{ width: 100%; position: relative; overflow: hidden;}
.swiper2 .swiper-slide dl dt{ width: 78%; overflow: hidden; height:auto; float:left;}
.swiper2 .swiper-slide dl dd{ display:none;}
.swiper2 .swiper-slide-active dl dt{ width: 78%; float:right;}
.swiper2 .swiper-slide-active dl dd{ width:38%; overflow:hidden; background:#01257b; position:absolute; left:0; bottom:10%; z-index:5; display:block;}
.swiper2 .swiper-pagination{ display:none;}
.swiper2 .swiper-button-next, .swiper2 .swiper-button-prev{ width: 3.1%; height: 2.4vw; background:url(../images/awr.jpg) no-repeat center bottom; background-size:contain; display:block; position:absolute; bottom:10%; z-index:8;}
.swiper2 .swiper-button-next:hover, .swiper2 .swiper-button-prev:hover{ background:url(../images/awr_ed.jpg) no-repeat center bottom; background-size:contain;}
.swiper2 .swiper-arrows .swiper-button-prev{ left:19.76%; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.swiper2 .swiper-arrows .swiper-button-next{ left:22.8%;}
/*news*/
.news{ background:url(../images/nbg.jpg) no-repeat center top; background-size:100% 100%;}
.moree{ width:auto; height:3vw; line-height:3vw; border:1px #959595 solid; position:relative; padding:0 1.5vw;}
.moree:hover{ background:#d20000; color:#FFF;}
.moree i{ width:0.6vw; height:1px; background:#959595; position:absolute; right:1.8vw; top:51.8%;}
.moree em{ margin-left:2vw;}
.moree:hover{ border:1px #d20000 solid;}
.moree:hover i{ background:#FFF; width:1vw;}
.news_imgl{ width:24%; overflow:hidden; float:left;}
.news_imgl dt{ width:100%; height:auto; overflow:hidden;}
.news_imgl dd{ width:100%; overflow:hidden;}
.mored{ position:relative; float:left;}
.mored i{ width:0.6vw; height:1px; background:#282828; position:absolute; right:2px; top:51.8%;}
.mored em{ margin-left:1vw;}
.tita{ height:24px; line-height:24px;}
.news_imgl: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);}
.news_imgl:hover a{ color:#d20000;}
.news_imgl:hover .mored i{ width:1vw; background:#d20000;} 

.news_img2{ width:70%; overflow:hidden; float:right; margin-right:2%;}
.news_img2 dl{ border-bottom:1px #e4e4e4 solid;}
.news_img2 dl:last-child{ border-bottom:none;}
.news_img2 dl dt{ width:34.6%; overflow:hidden; float:left; height:auto;}
.news_img2 dl dd{ width:62.2%; overflow:hidden; float:right;}
.news_img2 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);}
.news_img2 dl:hover a{ color:#d20000;} 
.news_img2 dl:hover .mored i{ width:1vw; background:#d20000;}  










 @media screen and (max-width: 1600px) and (min-width:0) {
/*banner*/
.owl-page { width: 13px; height: 13px; margin: 0 6px; }
/*case*/
.case_l{ margin-left:9%;}
.case_bo .mored{ left:9%;}
.swiper2{ width:82%;}


}
@media screen and (max-width: 1400px) and (min-width:0) {
/*banner*/
.owl-page { width: 12px; height: 12px; margin: 0 5px; }
.morea em{ margin-left:1vw;}
/*case*/
.case_l{ margin-left:8%;}
.case_bo .mored{ left:8%;}
.swiper2{ width:82%;}


}
@media screen and (max-width: 1200px) and (min-width:0) {
/*banner*/
.conrp .owl-pagination{ bottom: 10px;}
.owl-page { width: 10px; height: 10px; margin: 0 4px; }
.case_l{ margin-left: 7%;}
.case_bo .mored{ left:7%;}
}
@media screen and (max-width: 1100px) and (min-width:0) {
.case_l{ margin-left: 6%;}
.case_bo .mored{ left:6%;}
.swiper2{ width:83%;}


}
/*wap*/
@media screen and (max-width: 1024px) and (min-width:0) {

/*banner*/
.conrp #owl-demo .item .pcimg { display: none; }
.conrp #owl-demo .item .moimg { display: block; }
.conrp #owl-demo .active .item img { animation: none; }
.owl-page { width: 10px; height: 10px; margin: 0 5px; }
.owl-buttons { display: none; }

/*abouts*/
.jtl em{ padding-left:0;}
.abouts, .cpfl, .youshi{ background-position: center top; background-attachment:scroll;}
.abouts .about_top dl dt{ width:90%; left:5%;}
.abouts .abouts2{ width:38.135%;}
.abouts .abouts2 .f28{ padding-top:0.1rem;}
.abouts .about_top .pt20, .abouts .about_top .pt25{ padding-top:0.1rem;}
.abouts .abcn{ background:url(../images/map.png) no-repeat center top;}
.abouts .about_l{ width:100%; float:none;}
.more{ width:auto; height:auto; line-height:none; border-radius:0.35rem; -moz-border-radius: 0.35rem; -webkit-border-radius: 0.35rem; padding:0.15rem 0.4rem; float:left;}
.about_r{ width:100%; float:none;}
.about_r dl{ width:33.33%; float:left;}
.about_r dl:nth-of-type(1){ float:left; margin-left:0%;}
.about_r dl:nth-of-type(3){ float:left;}
.about_r dl dd{ width:20%;}
.about_r dl dd span{ display:none;}
.about_r dl dd i{ display:block;}

/*产品分类*/
.cplb dl dd a{ width:30%; height:0.35rem; line-height:0.35rem; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.cplb dl dd a .jtl i{ display:none;}
/*rmcp*/
.rmcp #owl-demo .item .conb dt{ height:0.3rem; line-height:0.3rem;}

.morea{ width:40%; height:auto; line-height:none; border-radius:0.35rem; -moz-border-radius: 0.35rem; -webkit-border-radius: 0.35rem; padding:0.15rem 0;}
.morea:hover{ background:#d20000; color:#FFF;}
.morea i{ display:none;}
.morea em{ margin-left:20%;}
.rmcp #owl-demo .item .conb:hover .morea i{ width:11.7%;}
.rmcp .owl-pagination{ padding-top:0.2rem;}

/*youshi*/
.youshi{ display:none;} 

/*case*/

.case_l{ width:90%; float:none; margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:0;}
.case_l p{ width:25%; text-align:center; float:left;}
.case_l p a{ width:95%; overflow:hidden; margin:0 auto; display:block; height:auto; line-height:none; border-radius:0.35rem; -moz-border-radius: 0.35rem; -webkit-border-radius: 0.35rem; padding:0.15rem 0; background:#01257b; color:#FFF;}
.case_l p i{ display:none;}
.case_bo .mored{ display:none;}

.swiper2{ width:90%; float:none; margin-left:auto; margin-right:auto; margin-top:0.4rem; margin-bottom:0; padding-bottom:0.48rem;}
.swiper2 .swiper-slide{ width:100%;}
.swiper2 .swiper-slide dl dt{ width: 70%; float:right;}
.swiper2 .swiper-slide-active dl dd{ width:45%; bottom:5%;}
.swiper2 .swiper-button-next, .swiper2 .swiper-button-prev{ width: 10%; height:100%; background:url(../images/next.png) no-repeat center; background-size:contain; display:block; position:absolute; bottom:0; z-index:8;}
.swiper2 .swiper-button-next:hover, .swiper2 .swiper-button-prev:hover{ background:none;}
.swiper2 .swiper-arrows .swiper-button-prev{ right:1%; left:inherit; -webkit-transform: rotate(0); transform: rotate(0);}
.swiper2 .swiper-arrows .swiper-button-next{ left:1%; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
/*news*/
.news{ background:none; background-size:auto; background-color:#f6f6f6;}
.newt{ width:100%; overflow:hidden; text-align:center;}
.newt.fl{ float:none;}
.moree{ width:40%; height:auto; line-height:none; border-radius:0.35rem; -moz-border-radius: 0.35rem; -webkit-border-radius: 0.35rem; padding:0.15rem 0; border:none; background:#d20000; color:#FFF; margin-left:auto; margin-right:auto; margin-top:0.15rem; text-align:center;}
.moree.fr{ float:none;}
.moree i{ display:none;}
.moree em{ margin-left:20%;}

.news_imgl{ width:90%; float:none; margin:0 auto; border-bottom:1px #e4e4e4 solid; padding-bottom:0.25rem;}
.news_imgl dt{ width: 40%; overflow:hidden; float:left;}
.news_imgl dd{ width: 57%; overflow:hidden; float:right;}
.news_imgl dd.pt50{ padding-top:0;}
.mored{ color:#d20000;}
.mored i{ display:none;}
.mored em{ margin-left:0.1rem;}
.tita{ height:0.3rem; line-height:0.3rem;}
.news_img2{ width:90%; float:none; margin-right:auto; margin-left:auto;}
.news_img2 dl dt{ width:40%;}
.news_img2 dl dd{ width:57%;}
.news .tsar{ display:none;}
.news_imgl dd p.pt15, .news_img2 dl dd p.pt15{ padding-top:0;}
.news_imgl dd p.lihe32, .news_img2 dl dd p.lihe32{ height:1.8rem; overflow:hidden;}
.news_imgl dd p.pt50, .news_img2 dl dd p.pt50{ padding-top:0.2rem;}

}
 @media screen and (max-width: 768px) and (min-width:0) {

/*abouts*/
.abouts.padt100{ padding:0.4rem 0;}
.abouts .about_top{ display:none;}
.abouts p.pt50{ padding-top:0;}
.abouts .abcn{ background:url(../images/map.png) no-repeat center top; background-size:contain;}
.about_l.pt20{ padding-top:0;}
.about_r dl{ width:100%; float:none; margin-top:0.15rem;}
.about_r dl dd{ width:40px;}

/*产品分类*/
.cplb dl{ width:33.33%;}
.cplb dl dt .opac7{ display:none;}
.cplb dl:nth-of-type(3) .nrt{ border-right:none;}
.cplb dl:nth-of-type(4) .nrt, .cplb dl:nth-of-type(8) .nrt{ border-right:1px #dcdcdc solid;}
.cplb dl:nth-of-type(5) .nrt{ border-bottom:1px #dcdcdc solid;}
.cplb dl:nth-of-type(6) .nrt{ border-bottom:1px #dcdcdc solid; border-right:none;}

.cplb dl:nth-of-type(1):after, .cplb dl:nth-of-type(2):after, .cplb dl:nth-of-type(3):after{ -webkit-animation:none; -moz-animation:none; animation:none; -webkit-animation-iteration-count: none; -moz-animation-iteration-count: none; animation-iteration-count:none;}
.cplb dl:nth-of-type(2):before, .cplb dl:nth-of-type(3):before, .cplb dl:nth-of-type(4):before{ content: ''; width: 5px; height: 5px; border-radius:0 100% 0 0; background: #626262; position: absolute; left:0; bottom:0; -webkit-animation:none; -moz-animation:none; animation:none; -webkit-animation-iteration-count: none; -moz-animation-iteration-count: none; animation-iteration-count: none;}

.cplb dl:nth-of-type(5):after, .cplb dl:nth-of-type(6):after, .cplb dl:nth-of-type(7):after{ content: ''; width: 5px; height: 5px; border-radius:0 0 0 100%; background: #626262; position: absolute; top:0; right:0; -webkit-animation:none; -moz-animation:none; animation:none; -webkit-animation-iteration-count: none; -moz-animation-iteration-count: none; animation-iteration-count: none;}

.cplb dl:nth-of-type(6):before, .cplb dl:nth-of-type(7):before, .cplb dl:nth-of-type(8):before{ content: ''; width: 5px; height: 5px; border-radius:0 0 100% 0; background: #626262; position: absolute; left:0; top:0; -webkit-animation:none; -moz-animation:none; animation:none; -webkit-animation-iteration-count: none; -moz-animation-iteration-count: none; animation-iteration-count: none;}

.cplb dl:nth-of-type(3):after{ background:none;}
.cplb dl:nth-of-type(4):before{ border-radius:0 0 0 100%; top:0; right:0; left:inherit; bottom:inherit;}
.cplb dl:nth-of-type(5):before{ content: ''; width: 5px; height: 5px; border-radius:0 0 100% 0; position: absolute; left:0; top:0; background: #626262;}
.cplb dl:nth-of-type(7):before{ background:none;}
.cplb dl:nth-of-type(4):after{ content: ''; width: 5px; height: 5px; border-radius:100% 0 0 0; position: absolute; right:0; bottom:0; background: #626262;}
.cplb dl:nth-of-type(8):after{ content: ''; width: 5px; height: 5px; border-radius:0 0 0 100%; background: #626262; position: absolute; top:0; right:0; -webkit-animation:none; -moz-animation:none; animation:none; -webkit-animation-iteration-count: none; -moz-animation-iteration-count: none; animation-iteration-count: none;}
.cplb dl:nth-of-type(6):after{ top:inherit; right:inherit; left:0; bottom:0; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.cplb dl:nth-of-type(5) ol{ display:block; content: ''; width: 5px; height: 5px; border-radius:0 100% 0 0; background: #626262; position: absolute; bottom:0;}
.cplb dl:nth-of-type(5) ol.ioa{ left:0;}
.cplb dl:nth-of-type(5) ol.iob{ right:0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
/*case*/
.swiper2 .swiper-slide dl dt{ width: 100%; float:none;}
.swiper2 .swiper-slide-active dl dd{ width:100%; bottom:inherit; left:inherit; position:inherit;}

/*news*/
.tita{ height:auto; line-height:normal;}
.news_imgl dd p.lihe32, .news_img2 dl dd p.lihe32{ display:none;}





}
@media screen and (max-width: 420px) and (min-width:0) {

.morea{ width:44%;}

.rmcp .owl-page { display: none;}
.rmcp .owl-buttons { display:block;}
.rmcp .owl-buttons div { width:10%; background-size:contain; opacity:1;}
.rmcp .owl-buttons div.owl-next, .conrp .owl-buttons div:hover.owl-next { left:1%;}
.rmcp .owl-buttons div.owl-prev { right:1%; }
.rmcp .owl-pagination{ display: none;}

.case_l p{ width:50%;}
}
 @media screen and (max-width: 320px) and (min-width:0) {
}





/* animation */
@keyframes mobileburns { 5% {
 transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
 animation-timing-function: ease-in;
}
 65% {
 transform: scale3d(1.2, 1.2, 1.2) translate3d(-100px, -30px, 0px);
 animation-timing-function: ease-in;
}
 80% {
 transform: scale3d(1.2, 1.2, 1.2) translate3d(-100px, -30px, 0px);
 animation-timing-function: ease-in;
}
 100% {
 transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
 animation-timing-function: ease-in;
}
}