@charset "utf-8";
.fl {float: left;}
.fr {float: right;}
.w1200-con {width: 1200px;margin: 0 auto;}
.three {height: 612px;overflow: hidden;background: #fff;}
.three .top {width: 100%;overflow: hidden;float: left;margin-top: 30px;background-color: #eee;}
.three .top .top-left-box {width: 790px;padding: 0px 0px 0px 95px;min-height: 80px;overflow: hidden;float: left;font-size: 22px;color: #333;text-align: center;background: url(../images/gzlw.png) no-repeat left top;}
.three .top .top-left-box ul li {margin-top:5px;width:100%;float: left;font-size: 16px;color: #333;text-align: left;line-height: 30px;}
.three .top .top-right-box {width: 217px;height: 80px;text-align: center;}
.three .top .top-right-box img {width: 100%;height: 100%;}
.three .bottom {width: 100%;overflow: visible;float: left;margin-top: 30px;padding-top: 40px;border-top: solid 1px #ececec;}
.three .bottom .bottom-left-box {width: 600px;height: 400px;overflow: hidden;float: left;}
.three .bottom .bottom-left-box .device {width: 100%;height: 400px;overflow: hidden;margin: 0 auto;position: relative;}
.three .bottom .bottom-left-box .swiper-container {width: 100%;overflow: hidden;}
.three .bottom .bottom-left-box .swiper-wrapper {width: 100%;height: 400px;/*overflow: hidden;*/}
.three .bottom .bottom-left-box .swiper-slide {width: 100%;height: 400px;overflow: hidden;text-align: center;position: relative;}
.three .bottom .bottom-left-box .swiper-slide a {display: block;width: 100%;height: 100%;}
.three .bottom .bottom-left-box .swiper-slide img {width: 100%;height: 100%;overflow: hidden;vertical-align: middle;}
.three .bottom .bottom-left-box .swiper-title {position: absolute;left: 0px;bottom: 0px;z-index: 99999;width: 100%;height: 50px;line-height: 60px;color: #fff;font-size: 16px;text-align: left;text-indent: 1em;background: url("../images/picbg.png") repeat-x;}
.three .bottom .bottom-left-box .pagination {position: absolute;right: 30px;bottom: 35px;width: auto;text-align: center;height: auto;z-index: 999;}
.three .bottom .bottom-left-box .swiper-pagination-switch {display: inline-block;width: 5px;height: 16px;margin: 0 5px;cursor: pointer;background: #fff;}
.three .bottom .bottom-left-box .swiper-active-switch {height: 30px;background: #dc3014;}
.three .bottom .bottom-right-box {width: 575px;height: 369px;overflow: visible;float: right;}
.three .bottom .bottom-right-box .nav-all-box {width: 100%;height: 40px;float: left;overflow: visible;border-bottom: 1px solid #c6c6c6;}
.three .bottom .bottom-right-box .nav-all-box ul li {width: auto;height: 38px;float: left;line-height: 28px;margin-left: 25px;font-size: 20px;color: #0f0f0f;position: relative;}
.three .bottom .bottom-right-box .nav-all-box ul li:first-child {margin-left: 0px;}
.three .bottom .bottom-right-box .nav-all-box ul li a {color: #787878;}
.three .bottom .bottom-right-box .nav-all-box ul .style-active {height: 35px;line-height: 30px;color: #004485;font-size: 20px;font-weight: 600;transition: all 200ms ease;}
.three .bottom .bottom-right-box .nav-all-box ul .style-active a {color: #181717;}
.three .bottom .bottom-right-box .nav-all-box ul .style-active:after {content: '';display: block;position: absolute;left: -10px;top: 50%;margin-top: -2.5px;width: 4px;height: 5px;background: #e9350c;}
.three .bottom .bottom-right-box .nav-all-box ul .style-active:before {content: '';display: block;position: absolute;right: -10px;top: 50%;margin-top: -2.5px;width: 4px;height: 5px;background: #e9350c;}
.three .bottom .bottom-right-box .con-text-box {width: 100%;overflow: hidden;float: left;margin-top: 0px;}
.three .bottom .bottom-right-box .con-text-box .con-ul-box {display: none;opacity: 0;width: 100%;height: 360px;overflow: hidden;float: left;}
.three .bottom .bottom-right-box .con-text-box .on-active {display: block;opacity: 1;transition: all 700ms ease;}
.three .bottom .bottom-right-box .con-text-box .con-ul-box ul li {width: 100%;height: 50px;float: left;line-height: 50px;font-size:16px;border-bottom: 1px solid #e5e5e5;}
.three .bottom .bottom-right-box .con-text-box .con-ul-box ul li .li-title {width: 460px;height: 50px;float: left;text-align: left;text-indent: 1em;background: url("../images/dian.png") no-repeat center left;}
.three .bottom .bottom-right-box .con-text-box .con-ul-box ul li .li-time {width: 100px;height: 50px;float: right;font-size: 14px;text-indent: 1.5em;text-align: left;color: #a0a0a0;background: url() no-repeat center left;}
.three .bottom .bottom-right-box .zt-box {width: 100%;height: 120px;overflow: visible;float: left;margin-top: 11px;}
.three .bottom .bottom-right-box .device {width: 100%;height: 75px;overflow: visible;margin: 0 auto;position: relative;}
.three .bottom .bottom-right-box .swiper-container {width: 100%;height: 120px!important;overflow: hidden;}
.three .bottom .bottom-right-box .swiper-wrapper {width: 100%;/*overflow: hidden;*/}
.three .bottom .bottom-right-box .swiper-slide {width: 100%;height: 120px!important;overflow: hidden;text-align: center;position: relative;}
.three .bottom .bottom-right-box .swiper-slide a {display: block;width: 100%;height: 120px!important;}
.three .bottom .bottom-right-box .swiper-slide img {width: 100%;height: 120px!important;overflow: hidden;vertical-align: middle;}
.three .bottom .bottom-right-box .pagination {position: absolute;right: -20px;bottom: -5px;width: 10px;text-align: center;height: auto;z-index: 999;}
.three .bottom .bottom-right-box .swiper-pagination-switch {display: inline-block;width: 11px;height: 5px;float: left;margin: 5px 0px;cursor: pointer;background: #0749a5;}
.three .bottom .bottom-right-box .swiper-active-switch {width: 20px;background: #dc3014;}




._bd_r_box .zt-box {width: 100%;height: 120px;overflow: visible;float: left;margin-top: 11px;}
._bd_r_box .device {width: 100%;height: 75px;overflow: visible;margin: 0 auto;position: relative;}
._bd_r_box .swiper-container {width: 100%;height: 120px!important;overflow: hidden;}
._bd_r_box .swiper-wrapper {width: 100%;/*overflow: hidden;*/}
._bd_r_box .swiper-slide {width: 100%;height: 120px!important;overflow: hidden;text-align: center;position: relative;}
._bd_r_box .swiper-slide a {display: block;width: 100%;height: 120px!important;}
._bd_r_box .swiper-slide img {width: 100%;height: 120px!important;overflow: hidden;vertical-align: middle;}
._bd_r_box .pagination {position: absolute;right: -20px;bottom: -5px;width: 10px;text-align: center;height: auto;z-index: 999;}
._bd_r_box .swiper-pagination-switch {display: inline-block;width: 11px;height: 5px;float: left;margin: 5px 0px;cursor: pointer;background: #0749a5;}
._bd_r_box .swiper-active-switch {width: 20px;background: #dc3014;}