@charset "utf-8";
/*cpzs*/
.cpzs_bo{ padding-bottom:32px;}
.cpzs_bo #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative;}
.cpzs_bo #owl-demo .item { width: 100%; display: block; line-height: normal; margin: 0 auto; }
.cpzs_bo #owl-demo .item .newsm { width: 74%; overflow: hidden; display: block; margin: 0 auto; padding:1.2vw 1.2vw 0 1.2vw; position:relative; border:1px #FFF solid; }
.cpzs_bo #owl-demo .item .newsm dt{ width: 100%; overflow: hidden;}
.cpzs_bo #owl-demo .item .newsm dd{ width: 100%; overflow: hidden; height:4.2vw; line-height:4.2vw;}
.border { position: absolute; background: none; transition: all .5s ease-in-out; }
#fourth>.border:nth-of-type(1) { top: 0; left: 0; width: 0; height: 0; border-top: 1px solid #cc0000; }
#fourth>.border:nth-of-type(2) { top: 0; right: 0; width: 0; height: 0; border-right: 1px solid #cc0000; }
#fourth>.border:nth-of-type(3) { bottom: 0; right: 0; width: 0; height: 0; border-bottom: 1px solid #cc0000; }
#fourth>.border:nth-of-type(4) { bottom: 0; left: 0; width: 0; height: 0; border-left: 1px solid #cc0000; }
#fourth:hover .border:nth-of-type(1) { width: 100%; }
#fourth:hover .border:nth-of-type(2) { height: 100%; }
#fourth:hover .border:nth-of-type(3) { width: 100%; }
#fourth:hover .border:nth-of-type(4) { height: 100%; }
.cpzs_bo #owl-demo .item .newsm:hover dd a{ color:#cc0000;}
.cpzs_bo #owl-demo .owl-buttons div { position: absolute; top: 35%; width: 3vw; height: 4.5vw; text-indent: -9999px; z-index: 100; display: block; background:url(../images/awr.png) no-repeat center; background-size:100% 100%; }
.cpzs_bo #owl-demo .owl-buttons div:hover { background:url(../images/awr_ed.png) no-repeat center; background-size:100% 100%;}
.cpzs_bo #owl-demo .owl-buttons div.owl-prev { left: 0; }
.cpzs_bo #owl-demo .owl-buttons div.owl-next, .cpzs_bo #owl-demo .owl-buttons div.owl-next:hover{ right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.cpzs_bo .owl-pagination { width: 100%; height: 16px; text-align: center; margin-top: 16px; display: block; }
.cpzs_bo .owl-page { display: inline-block; width: 16px; height: 16px; margin: 0 8px; background:url(../images/ioc4.png) no-repeat;*display: inline;*zoom: 1;}
.cpzs_bo .owl-pagination .active { background:url(../images/ioc5.png) no-repeat; }
/*case*/
.case_bo #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; display: flex;}
.case_bo #owl-demo .item { width: 100%; display: block; line-height: normal; margin: 0 auto; }
.case_bo #owl-demo .item .newsm { width:99.8%; overflow: hidden; display: block; position:relative; padding:2.3vw 0 2.9vw 0; margin: 0 auto;}
.case_bo #owl-demo .item .newsm dt{ width: 100%; height:23vw; display:block; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.case_bo #owl-demo .item .newsm dd{ width: 100%; overflow: hidden; height:2.9vw; position:absolute; left:0; bottom:0; z-index:10;}
.case_bo #owl-demo .item .newsm dd span{ width: 100%; overflow: hidden; height:2.8vw; line-height:2.8vw; display:block;}
.case_bo #owl-demo .item .newsm dd em{ width:24%; height:2px; display:block; background:#cccccc; margin:0 auto;}
.case_bo #owl-demo .item .newsm p{ width:84%; overflow:hidden; position:absolute; left:8%; top:-100%; z-index:10;}
.case_bo #owl-demo .item .newsm .ip_bg{ width:100%; height:100%; background:url(../images/hy.png) repeat; position:absolute; left:0; bottom:-100%; z-index:1;}
.case_bo #owl-demo .item .newsm .ip_bg .ibg_ny{ width:93%; height:26.2vw; margin:0 auto; position:relative; margin-top:0.9vw;}
.case_bo #owl-demo .item .newsm i{ width:16%; overflow:hidden; position:absolute; left:42%; bottom:-100%; z-index:10;}
.case_bo #owl-demo .item .newsm .pic{ display:none; width: 100%; overflow: hidden;}
.case_bo #owl-demo .item .newsm:hover{ padding:0 0 0 0;}
.case_bo #owl-demo .item .newsm:hover dt{ height:28.2vw;}
.case_bo #owl-demo .item .newsm:hover dd{ width: 100%; height:5.4vw; background:#cc0033; color:#FFF; bottom:4.4vw;}
.case_bo #owl-demo .item .newsm:hover dd span{ height:4vw; line-height:4vw;}
.case_bo #owl-demo .item .newsm:hover dd em{ background:#FFF;}
.case_bo #owl-demo .item .newsm:hover i{ bottom:12.5vw;}
.case_bo #owl-demo .item .newsm:hover p{ top:2.4vw; color:#FFF;}
.case_bo #owl-demo .item .newsm:hover .ip_bg{ bottom:0;}
#fourthy>.border:nth-of-type(1) { top: 0; left: 0; width: 0; height: 0; border-top: 1px solid #FFF; }
#fourthy>.border:nth-of-type(2) { top: 0; right: 0; width: 0; height: 0; border-right: 1px solid #FFF; }
#fourthy>.border:nth-of-type(3) { bottom: 0; right: 0; width: 0; height: 0; border-bottom: 1px solid #FFF; }
#fourthy>.border:nth-of-type(4) { bottom: 0; left: 0; width: 0; height: 0; border-left: 1px solid #FFF; }
.case_bo #owl-demo .item .newsm:hover:hover .border:nth-of-type(1) { width: 100%; }
.case_bo #owl-demo .item .newsm:hover:hover .border:nth-of-type(2) { height: 100%; }
.case_bo #owl-demo .item .newsm:hover:hover .border:nth-of-type(3) { width: 100%; }
.case_bo #owl-demo .item .newsm:hover:hover .border:nth-of-type(4) { height: 100%; }
.case_bo #owl-demo .owl-buttons div { position: absolute; top: 35%; width: 3vw; height: 4.5vw; text-indent: -9999px; z-index: 100; display: block; background:url(../images/awr.png) no-repeat center; background-size:100% 100%; }
.case_bo #owl-demo .owl-buttons div:hover { background:url(../images/awr_ed.png) no-repeat center; background-size:100% 100%;}
.case_bo #owl-demo .owl-buttons div.owl-prev { left: 0; }
.case_bo #owl-demo .owl-buttons div.owl-next, .cpzs_bo #owl-demo .owl-buttons div.owl-next:hover{ right: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.case_bo .owl-pagination { width: 100%; height: 16px; text-align: center; margin-top: 16px; display: block; }
.case_bo .owl-page { display: inline-block; width: 16px; height: 16px; margin: 0 8px; background:url(../images/ioc4.png) no-repeat;*display: inline;*zoom: 1;}
.case_bo .owl-pagination .active { background:url(../images/ioc5.png) no-repeat; }

/*abouts*/
.abouts{ width: 100%; overflow:hidden; background:url(../images/bg1.jpg) no-repeat center fixed; background-size:cover; color:#FFF; padding:4.2vw 0;}
.abouts a{ color:#FFF;}
.abouts .about_l{ width:37%; overflow:hidden; float:left;}
.abouts .about_l .about_top{ width: 100%; overflow:hidden;} 
.abouts .about_l .about_top a{ padding:2.6vw 0 1.5vw 0;}
.abouts .about_l .about_top em{ width:43%; height:2px; display:block; background:#cc0033;}
.abouts .about_l .more{ width:auto; height:48px; line-height:48px; float:left; border:1px #ffffff solid; padding:0 20px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px;}
.abouts .about_l .more span{ width:auto; height:48px; line-height:48px; display:block; float:left; padding-right:30px;}
.abouts .about_l .more i{ width:30px; height:48px; background:url(../images/ioc3.png) no-repeat center; float:right; display:block;}
.abouts .about_l .more:hover{ background:#cc0000; border:1px #cc0000 solid;}
.abouts .about_l .more:hover span{ padding-right:60px;}
.abouts .about_r{ width:57%; overflow:hidden; float:right; position:relative; padding-bottom:8.5vw;}
.abouts .about_r dt{ overflow:hidden;}
.abouts .about_r dd{ width: 100%; overflow:hidden; position:absolute; left:0; bottom:0;}
.abouts .about_r dd span{ width:39%; overflow:hidden; display:block; float:left; margin-left:2%;}
.abouts .about_r dd i{ width:42%; overflow:hidden; display:block; float:right; margin-right:2%;}
.abouts .about_r img{ width:calc(100% - 10px); border:5px #FFF solid;}
/*news*/
.news{ width: 100%; overflow:hidden; background:url(../images/bg2.jpg) no-repeat center top #FFF;}
.news .news_bo{ width:80%; background:#FFF; margin:30px auto 0 auto;}
.news .news_bo .news_l{ width:60%; overflow:hidden; float:left;}
.news .news_bo .news_l li{ width: 100%; overflow:hidden; padding:10px 0;}
.news .news_bo .news_l li .time{ width:17%; overflow:hidden; float:left; text-align:center; border-right:1px #cccccc solid; margin-top:3%;}
.news .news_bo .news_l li .time dt{ width: 100%; overflow:hidden;}
.news .news_bo .news_l li .time dt{ width: 100%; overflow:hidden;}
.news .news_bo .news_l li .news_ny{ width:65%; overflow:hidden; float:left; margin-left:5%;}
.news .news_bo .news_l li .news_ny a{ width: 100%; overflow:hidden; height:24px; line-height:24px;}
.news .news_bo .news_l li .news_ny p{ width: 100%; overflow:hidden; height:6vw;}
.news .news_bo .news_l li:hover{ background:#003d8c; color:#FFF;}
.news .news_bo .news_l li:hover a{ color:#FFF;}
.news .news_bo .news_r{ width:40%; overflow:hidden; float:right;}
.news .news_bo .news_r #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative;}
.news .news_bo .news_r #owl-demo .item { width: 100%; overflow:hidden; display: block; position: relative;}
.news .news_bo .news_r #owl-demo .item dt{ width: 100%; overflow:hidden;}
.news .news_bo .news_r #owl-demo .item dd{ width: 100%; overflow:hidden; padding:1.2vw 0; background:url(../images/hy.png) repeat; position:absolute; left:0; bottom:0; z-index:5;}
.news .news_bo .news_r #owl-demo .item dd a{ color:#FFF;}
.news .news_bo .news_r #owl-demo .owl-buttons div { display:none;}
.news .news_bo .news_r .owl-pagination { width: 100%; height: 16px; text-align: center; display: block; position:absolute; left:0; bottom:20%; z-index:10; }
.news .news_bo .news_r .owl-page { display: inline-block; width: 16px; height: 16px; margin: 0 8px; background:url(../images/ioc4.png) no-repeat;*display: inline;*zoom: 1;}
.news .news_bo .news_r .owl-pagination .active { background:url(../images/ioc5.png) no-repeat; }

.news_red{ padding-bottom:32px;}
.news_red #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative;}
.news_red #owl-demo .item { width: 100%; overflow:hidden; display: block; position: relative;}
.news_red #owl-demo .item .newsm { width:90%; overflow: hidden; display: block; margin: 0 auto; border:1px #ececec solid; padding:1.4vw 0;}
.news_red #owl-demo .item .newsm a{ width:86%; overflow:hidden; margin:0 auto; height:24px; line-height:24px;}
.news_red #owl-demo .item .newsm p{ width:86%; overflow:hidden; margin:0 auto;}
.news_red #owl-demo .item .newsm p.lihe2{ height:5.6vw;}
.news_red #owl-demo .item .newsm:hover{ background:#cc0000; color:#FFF; border:1px #cc0000 solid;}
.news_red #owl-demo .item .newsm:hover a{ color:#FFF; font-weight:bold;}
.news_red #owl-demo .owl-buttons div { display:none;}
.news_red .owl-pagination { width: 100%; height: 16px; text-align: center; margin-top: 16px; display: block; }
.news_red .owl-page { display: inline-block; width: 16px; height: 16px; margin: 0 8px; background:url(../images/ioc4.png) no-repeat;*display: inline;*zoom: 1;}
.news_red .owl-pagination .active { background:url(../images/ioc5.png) no-repeat; }

/*youshi*/
.youshi{ width: 100%; overflow:hidden; background:url(../images/bg3.jpg) no-repeat center; background-size:cover; padding:5vw 0; color:#FFF;}
.youshi a{ color:#FFF;}
.youshi .ys_nr{ width:25%; overflow:hidden; float:left; text-align:center;}
.youshi .ys_nr dt{ width:56%; overflow:hidden; margin:0 auto; position:relative; padding:0 5px;}
.youshi .ys_nr dt i{ width: 100%; overflow:hidden; display:block;}
.youshi .ys_nr dt i .ysa{ width: 100%; overflow:hidden; display:block;}
.youshi .ys_nr dt i .ysb{ width: 100%; overflow:hidden; display:block; position:absolute; left:0; bottom:-100%;}
.youshi .ys_nr dt span{ width: 45%; height:45%; display:block; position:absolute; left:27.5%; top:27.5%; z-index:10;}
.youshi .ys_nr:hover dt i .ysb{ bottom:0;} 




.youshi .ys_nr.ys1 dt span{ background:url(../images/ys1.png) no-repeat center; background-size:contain;}
.youshi .ys_nr.ys2 dt span{ background:url(../images/ys2.png) no-repeat center; background-size:contain;}
.youshi .ys_nr.ys3 dt span{ background:url(../images/ys3.png) no-repeat center; background-size:contain;}
.youshi .ys_nr.ys4 dt span{ background:url(../images/ys4.png) no-repeat center; background-size:contain;}


@media screen and (max-width: 1700px) and (min-width:0) {
.cpzs_bo #owl-demo .item .newsm { width: 78%; }
}
@media screen and (max-width: 1449px) and (min-width:0) {
.cpzs_bo #owl-demo .item .newsm { width: 82%; }
.news .news_bo{ width:90%; margin:25px auto 0 auto;}
}
@media screen and (max-width: 1200px) and (min-width:0) {
.cpzs_bo #owl-demo .item .newsm { width: 88%; }


.news .news_bo .news_l li .news_ny p{ height:7vw;}
.news_red #owl-demo .item .newsm p.lihe2{ height:7vw;}

}
@media screen and (max-width: 1024px) and (min-width:0) {
.cpzs_bo #owl-demo .item .newsm { width: 90%; padding:0 0 0 0;}
.cpzs_bo #owl-demo .item .newsm dd{ height:52px; line-height:52px;}
.cpzs_bo #owl-demo .owl-buttons div { top: 30%; width: 30px; height: 45px;}
/*case*/
.case_bo{ padding-bottom:32px;}
.case_bo #owl-demo .item .newsm { width: 90%; padding:0 0 0 0;}
.case_bo #owl-demo .item .newsm dt{ display:none;}
.case_bo #owl-demo .item .newsm .pic{ display:block;}

.case_bo #owl-demo .item .newsm dd{ height:60px; position:inherit; left:inherit; bottom:inherit; z-index:inherit;}
.case_bo #owl-demo .item .newsm dd span{ height:58px; line-height:58px;}
.case_bo #owl-demo .item .newsm dd em{ width:24%;}
.case_bo #owl-demo .item .newsm p{ display:none;}
.case_bo #owl-demo .item .newsm .ip_bg{ display:none;}
.case_bo #owl-demo .item .newsm i{ display:none;}
/*abouts*/
.abouts .about_l{ width:100%; float:inherit;}
.abouts .about_l .about_top a{ padding:0 0 20px 0;}
.abouts .about_l .about_top em{ width:16%;}
.abouts .about_l .more span{ padding-right:20px;}
.abouts .about_r{ width:100%; margin-top:20px;}

/*news*/
.news .news_bo{ margin:20px auto 0 auto;}
.news .news_bo .news_l{ width:100%; float:inherit;}
.news .news_bo .news_l li .time{ width:20%; margin-top:3%;}
.news .news_bo .news_l li .news_ny{ width:75%; margin-left:2%;}
.news .news_bo .news_l li .news_ny a{ font-weight:bolder;}
.news .news_bo .news_l li .news_ny p{ height:1rem;}
.news .news_bo .news_r{ width:100%; float:inherit; margin-top:20px;}
.news .news_bo .news_r #owl-demo .item dd{ padding:8px 0;}
.news .news_bo .news_r .owl-pagination { bottom:12%;}
.news_red #owl-demo .item .newsm{ width:95%;}
.news_red #owl-demo .item .newsm p.lihe2{ height:1rem;}

}

@media screen and (max-width: 768px) and (min-width:0) {
.youshi .ys_nr{ width:50%; margin-bottom:20px;}

}
@media screen and (max-width: 420px) and (min-width:0) {
.abouts .about_r{ width:100%; float:inherit; position:inherit; padding-bottom:0; margin-top:20px;}

.abouts .about_r dd{ width:inherit; position:inherit; left:inherit; bottom:inherit; float:left;}
.abouts .about_r dd span{ width:inherit; margin-left:0; margin-top:20px;}
.abouts .about_r dd i{ width:inherit; margin-right:0; margin-top:20px;}
.abouts .about_r img{ width:calc(100% - 6px); border:3px #FFF solid;}


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



}