/* top */
.top{height: 50px;background: #166fff;}
.logo{margin-top: 7px;}
.top-r li{display: inline-block;margin:22px 0 0 90px;}
.top-r li a{color: #fff;font-size: 16px;}
.top-r li a:hover{color: #fff;opacity: .8;}

/* banner */
.ban{height: 340px;}
.ban0{height: 340px;background: url(../images/zwgj/banner01.gif) no-repeat center center;}
.ban1{height: 340px;background: url(../images/zwgj/banner02.jpg) no-repeat center center;}
.ban2{height: 340px;background: url(../images/zwgj/banner03.jpg) no-repeat center center;}
.ban-wrap .el-carousel__button{width: 10px;height: 10px;opacity: 1;border-radius: 50%;margin: 0 5px;}
.ban-wrap .el-carousel__indicator.is-active button{background: #fdc838;}

.cont{width: 1200px;margin: 0 auto; font-family: Arial,sans-serif,Microsoft YaHei;}

.product li{display: inline-block;width: 224px;margin-right: 16px; text-align: center;vertical-align: top;}
.product li:last-child{ margin:0; }
.product li:hover{transform: translateY(-10px);-o-transform: translateY(-10px);-ms-transform: translateY(-10px);-webkit-transform: translateY(-10px);
    transition: transform 0.3s;-o-transition: transform 0.3s;-ms-transition: transform 0.3s;-webkit-transition: transform 0.3s;}
.pro-tit{font-weight: 500;text-align: center;font-size: 32px;line-height: 130px;margin-top: 15px;}
.pro-top{width: 220px;height: 196px;background: url(../images/zwgj/xk_img1.png) no-repeat center center;background-size: cover; margin:0 auto;}
.pro2{background-image: url(../images/zwgj/xk_img2.png);}
.pro3{background-image: url(../images/zwgj/xk_img3.png);}
.pro4{background-image: url(../images/zwgj/xk_img4.png);}
.pro5{background-image: url(../images/zwgj/xk_img5.png);}

.pro6{background-image: url(../images/zwgj/jx_img1.png);}
.pro7{background-image: url(../images/zwgj/jx_img2.png);}
.pro8{background-image: url(../images/zwgj/jx_img3.png);}
.pro9{background-image: url(../images/zwgj/jx_img4.png);}
.pro10{background-image: url(../images/zwgj/jx_img5.png);}
.pro-top h2{    background: rgb(5,0 ,84,0.4);height: 60px;width: 280px;margin: 3px 0 0 10px; letter-spacing: 1px;font-size: 15px;color: #fff;display: table-cell;vertical-align: middle;}
.pro6 h2{ padding: 0 22px;}
.pro-desc{color: #999;line-height: 1.5;margin: 10px 2px;display: block; text-align: left;}
.product li:hover .pro-desc{color: #666;}
.product li.offline .pro-top h2{height: 270px;background: rgba(165, 175, 253, .5);}
.product li.offline .tishi{line-height: 2.5;font-size: 24px;color: #7ef9ff;}
.product li.offline:hover{transform: translateY(0);}

.pro-wrap{height: 570px;background: url(../images/zwgj/bg1.jpg) no-repeat top center;margin-top: 50px;overflow: hidden;}
.pro-top .tishi{color: #80e1f9;font-size: 18px;line-height: 8;}

.news{height: 480px;background: url(../images/zwgj/bg2.jpg) no-repeat top left;}
.news-lef{background: rgba(22, 111, 255, .2);padding: 20px;margin-top: 60px;position: relative;padding-right: 30px;}
.news-lef h2{font-size: 20px;color: #166fff;font-weight: 600;font-style: italic;text-align: center;letter-spacing: 2px;margin: 10px 0 25px;}
.news-lef::after{content: '';display: block;width: 0;height: 0;position: absolute;right: 0;top: 180px;
    border-top: 15px solid transparent; border-right: 15px solid #166fff; border-bottom: 15px solid transparent;}
.news-rig{width: 47%;background: #166fff;height: 100%;padding-left: 3%;}
.news-rig h2{color: #fff;font-weight: 500;font-size: 32px;margin: 40px 0;}
.news-rig li{color: #fff;font-size: 18px;margin-bottom: 28px; position:relative; padding:0 120px 0 15px;}
.news-rig li a{color: #fff;font-size:18px;margin-bottom: 28px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: list-item;}
.news-rig li a:hover{opacity: .8;}
.news-rig li::before{content: '';display: inline-block;width: 8px;height: 20px;background: #fff;vertical-align: middle;position: absolute;left: 0;top: 3px;}
.news-rig .date{ position: absolute;right: 20px; top:3px; opacity: .7;font-size: 16px;}