@charset "utf-8"; @font-face { font-family: DINCond-Bold; src: url('../font/DINCond-Bold.ttf'); } /*重置样式*/ /*html{*/ /*filter: grayscale(100%);*/ /*-webkit-filter: grayscale(100%);*/ /*-ms-filter: grayscale(100%);*/ /*-o-filter: grayscale(100%);*/ /*filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*/ /*}*/ *{margin: 0;padding: 0;list-style: none;text-decoration: none;list-style: none;} html,body{font-size: 14px;font-family:"Microsoft YaHei";color: #666;background: #f6f6f6;} a{color: #666;-webkit-tap-highlight-color:transparent;} p{line-height: inherit;} h1,h2,h3,h4,h5{font-weight: normal;} img { border: none; } table{border-collapse: collapse;} audio,canvas,video{display: inline-block; *display: inline; *zoom: 1;outline: none;} input{padding: 0;margin: 0;height: auto;outline: none;border: none;color: #666;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-tap-highlight-color: rgba(0,0,0,0);lighting-color: rgba(0,0,0,0);background: rgba(0,0,0,0);} input,select,textarea{outline:none; border:none; font-family:"Microsoft YaHei";} textarea{resize:none} /*ios按钮椭圆重置*/ input[type=button], input[type=submit], input[type=file],input[type=reset] { cursor: pointer; -webkit-appearance: none;} /*公共样式*/ /*.web{transition: .5s;}*/ .clear:after{content: '';display: block;clear: both;} .clearfix:after{content: '';display: block;clear: both;} .content_area{width: 100%;max-width:1200px;margin: 0 auto;position: relative;} .content_area:after{content: '';display: block;clear: both;} .isTable{display: table;} .isTableCell{display: table-cell;} /*公共背景*/ .pubBg{height: 576px;margin: 0 auto -576px;} /*首页公共*/ .idxPubT{color: #1e77ce;font-size: 16px;border-bottom: 1px solid #dfdfdf;position: relative;} .idxPubT span{height: 100%;padding: 3px 0 8px;display: inline-block;border-bottom: 1px solid #1e77ce;margin-bottom: -1px;} .idxPubT a{display: block;width: 20px;height: 20px;position: absolute;right: 2px;top: 40%;transform: translateY(-50%);} .idxPubT a:before{content: '';display: block;width: 100%;height: 3px;background: #bababa;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .idxPubT a:after{content: '';display: block;width: 3px;height: 100%;background: #bababa;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .idxPubT a:hover:before, .idxPubT a:hover:after{background: #1E77CE;} .idxSwp .swiper-container{height: 100%;} .idxSwp .swiper-container .swiper-slide{height: 100%;position: relative;display: block;} .idxSwp .swiper-container .swiper-slide img{display: none;} .idxSwp .swiper-container .swiper-slide p{display: block;padding: 18px 40px 18px 24px;box-sizing: border-box;background: rgba(0,0,0,.6);position: absolute;bottom: 0;left: 0;width: 100%;color: #fff;font-size: 14px;} .idxSwp .slick-dots{position: absolute;right: 0;bottom: 16px;z-index: 6;text-align: right;padding-right: 16px;box-sizing: border-box;} .idxSwp .slick-dots li{opacity: 1;background: #fff;width: 10px;height: 10px;display: inline-block;position: relative;overflow: hidden;border-radius: 100%;margin: 0 4px;cursor: pointer;} .idxSwp .slick-dots li button{opacity:0;position: absolute;width: 100%;height: 100%;} .idxSwp .slick-dots li.slick-active{background: #1e77ce;} .operateBig .slick-dots{position: static;margin-top: 20px;} .operateBig .slick-dots li{opacity: 1;background: #ddd;width: 10px;height: 10px;display: inline-block;position: relative;overflow: hidden;border-radius: 100%;margin: 0 4px;cursor: pointer;} .operateBig .slick-dots li button{opacity:0;position: absolute;width: 100%;height: 100%;} .operateBig .slick-dots li.slick-active{background: #1e77ce;} .idxCont{padding-bottom: 36px;} /*头部*/ .header{position: relative;padding: 37px 0;} .header .content_area{height: 100%;} .header h1{height: 100%;float: left;display: table;float: left;} .header h1 a{display: table-cell;vertical-align: middle;} .header h1 a img{display: block;} .hdRight{float: right;} .hdSearch{width: 235px;height: 32px;border-radius: 16px;overflow: hidden;background: #fff;} .menu .hdSearch{display: none;} .hdSearch input{height: 100%;float: left;font-size: 14px;} .hdSearch .sr{width: 180px;padding: 0 22px;box-sizing: border-box;color: #333333;width: 76.59%;} .hdSearch .tj{width: 55px;text-align: center;background: #78bd35;color: #fff;width: 23.4%;} .hdWechat{padding: 2px 0;position: relative;margin: 10px 0 10px 10px;height: 20px;padding-left: 25px;cursor: pointer;background: url(../images/wx.png) no-repeat center left;background-size: 19px 15px;color: #fff;font-size: 14px;z-index: 5;} .hdWechat img{max-width: 117px;height: auto;display: block;position: absolute;left: 0;top:30px;display: none;} .hdWechat:hover img{display: block;} .menu .hdRight{display: none;} /*导航*/ .menu{height: 51px;color: #fff;background: #6d8aa7;} .nav{float: left;} .navItem{float: left;position: relative;z-index: 99;} .navItem a:hover{text-decoration: underline;} .navItem p{margin-left: -1px;display: block;line-height: 51px;padding:0 40px;position: relative ;color: #fff;} .navItem p a{display: block;color: #fff;} .navItem:hover p{background: #597188;} .navItem p a:before{content: '';isolation: auto;width: 1px;height: 15px;background: rgba(255,255,255,.3);position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .navItem:hover p a:before{display: none;} .navItem:last-child p a:before{display: none;} .navSub{padding: 15px 0;background: #627c96;position: absolute;left: 0;top: 51px;width: 100%;z-index: 10;display: none;padding: 15px 0;} .navSubLi{position: relative;} .navSubHd{} .navSubHd a{padding: 5px;box-sizing: border-box;display: block;text-align: center;color: #fff;} .navSubBd{position:absolute;left:100%;bottom: 0;width: 110%;transform:rotateY(90deg);transform-origin:left top;} .navSubLi:hover .navSubBd{transform: rotateY(0) translateY(15px);transition:.5s;} .navSubBd a{display:block;padding:5px 5px 5px 15px;box-sizing:border-box;color:#fff;background:rgb(112,136,159);border-bottom:1px solid #ffffff30;} .menuDate{float: right;line-height: 51px;font-size: 16px;padding-right: 24px;} /*公司新闻*/ .idxGsxw{height: 443px;padding: 25px;box-sizing: border-box;background: #fff;} .idxGsxwSwp{height: 100%;width: 53.913%;float: left;} .idxGsxwR{width: 42.1739%;float: right;} .idxGsxwRB{padding: 16px 0;border-bottom: 1px solid #dfdfdf;} .idxGsxwRB .title{font-size: 18px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .idxGsxwRB .text{font-size: 14px;color: #999999;line-height: 24px;margin-top: 6px;height: 72px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-align: justify;} .idxGsxwRList{margin-top: 20px;} .idxGsxwRList li{position: relative;padding: 5px 70px 5px 0;box-sizing: border-box;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .idxGsxwRList li a{color: #333333;font-size: 14px;} .idxGsxwRList li span{font-size: 14px;color: #999;font-family: DINCond-Bold;position: absolute;right: 0;} .idxGsxw a:hover{color: #1E77CE;} /*公司简介*/ .idxContDiv{padding:10px 0 25px 0;width: 48.3333%;background: #fff;margin: 30px 0;box-sizing: border-box;} .idxContDiv .idxPubT {margin-bottom: 24px;} .idxContDiv .idxPubT span{margin-left: 25px;} .idxContDiv .idxPubT a{right: 25px;} .idxAbout{float: left;} .idxAboutCont{height: 287px;padding: 0 25px;position: relative;} .idxAboutCont .pic{width: 53.65%;float: left;height: 100%;} .idxAboutCont .pic img{display: none;} .idxAboutCont .txt{padding-left: 53.65%;margin-left: 25px;} .idxAboutCont .txt .nr{color: #999999;font-size: 14px;line-height: 22px;height: 154px;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;overflow: hidden;text-align: justify;} .idxAboutCont h3{font-size: 18px;color: #333;padding-top: 16px;} .idxAboutCont h3:after{content: '';display: block;width: 50px;height: 1px;background: #e7e7e7;margin: 25px 0;} .idxAboutCont h3 a:hover{color: #1e77ce;} .idxZsgj{float: right;} .idxZsgjSwp{height: 287px;padding: 0 25px;} .idxZsgjSwp .idxSwpPagin .swiper-pagination-bullet{width: 8px;height: 8px;} .idxZsgjSwp .idxSwpPagin .swiper-pagination-bullet-active{background: #78bd35;} .idxZsgjSwp .swiper-container .swiper-slide p{background: linear-gradient(rgba(0, 0, 0, 0.1) , rgba(0, 0, 0, 0.5));} /*宣传片*/ .idxVideo{height: 227px;position: relative;cursor: pointer;} .idxVideoC{cursor: pointer;color: #fff;padding-top: 70px;transition: .5s;box-sizing: border-box;text-align: center;width: 490px;background: url(../images/playbtn.png) no-repeat center top;background-size: 57px 57px;position: absolute;top: 55%;left: 50%;transform: translate(-50%,-50%);margin: 0 auto;max-width: 90%;} .idxVideo:hover .idxVideoC{} /*公告信息*/ .idxContDiv2{width: 31.4166%;float: left;margin-top: 35px;margin-right: 2.875%;} .idxContDiv2:last-child{margin-right: 0;} .idxggxx{height: 300px;padding:0 25px;box-sizing: border-box;} .idxggxx .idxGsxwRList li{padding: 9px 0;} .idxggxx .idxGsxwRList li a:hover{color: #1E77CE;} .idxggxxHYDT{display: block;width: 100%;height: 100%;position: relative;} .idxggxxHYDT img{display: block;width: 108px;height: 44px;position: absolute;left: 50%;top: 60%;transform: translate(-50%,-50%);} .idxggxxHYDT .text{color: #fff;text-align: center;position: absolute;left: 0;top: 60px;width: 100%;} .idxggxxHYDT .text .cn{font-size: 20px;font-weight: bold;} .idxggxxHYDT .text .en{ font-size: 20px; font-weight: 500; margin-top: 5px; } /*底部*/ .footer{ background: #e7e7e7; } .ftTop{padding: 50px 0;} .ftNav{display: table;float: left;width: 63%;} .ftNavItem{display: table-cell;width: 100px;} .ftNavItem p{margin-bottom: 16px;} .ftNavItem p a{font-size: 14px;color: #333333;} .ftNavItem div{} .ftNavItem div a{display: block;margin-top: 5px;color: #333333;opacity: .5} .ftNavItem a:hover{text-decoration: underline;} .ftInfo{float: right;width: 36%;} .ftInfo .ftQrCode{width: 117px;text-align: center;font-size: 14px;color: #333333;margin-right: 14%;float: right;} .ftInfo .ftQrCode img{width: 100%;} .ftInfo .ftInfoText{float: right;} .ftInfo .ftInfoText h4{font-size: 16px;color: #333333;font-weight: bold;margin: 10px 0 20px;} .ftInfo .ftInfoText ul li{margin-bottom: 10px;font-size: 14px;color: rgba(51,51,51,.6);padding-left: 40px;box-sizing: border-box;position: relative;} .ftInfo .ftInfoText ul li.fttel p{font-size: 22px;font-family: DINCond-Bold;} .ftInfo .ftInfoText ul li.fttel p a{color: #1E77CE;} .ftInfo .ftInfoText ul li.fttel span{top: 3px;} .ftInfo .ftInfoText ul li span{position: absolute;left: 0;top: 0;} .ftBot{border-top: 1px solid #ddd;padding: 27px 0;} .ftBotCopy{font-size: 12px;color: #7e7e7e;} .ftBotCopy a{color: #7E7E7E;} .ftBotCopy a:hover{color: #333;} .frLinks{width: 227px;height: 30px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .frLinksBtn{cursor: pointer;display: block;font-size: 14px;color: #7e7e7e;width: 100%;height: 100%;border-radius: 30px;border: 1px solid #7e7e7e;line-height: 30px;padding: 0 20px;box-sizing: border-box;} .frLinksBtn:before{content: '';display: block;width: 8px;height: 8px;border-left: 1px solid #bababa;border-bottom: 1px solid #bababa;position: absolute;right: 18px;top: 13px;transform: rotateZ(135deg);} .linksList{position: absolute;left: 0;bottom: 100%;width: 100%;background: #fff;padding: 10px 0;border-radius:10px ;transform: rotateX(90deg);transform-origin: left bottom;transition: .5s;} .frLinks:hover .linksList{transform: rotateX(0);} .linksList a{display: block;padding: 5px 10px;box-sizing: border-box;color: #7E7E7E;border-bottom: 1px dashed #eee;} .linksList a:last-child{border-bottom: none;} .linksList a:hover{color: #1E77CE;} /*视频载体s*/ .video_bg{background:rgba(0,0,0,.5);position:fixed;top:0;left:0;width:100vw;height:100vh;z-index: 120;display:none;}.video_box{max-width:90%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}.video_box video{width:100%;}.about_video .hd{width:100%;height:80px;background:rgba(27,27,27,.5);position:absolute;bottom:0;}.video_hd_li{width:25%;height:100%;margin:0 12.5%;float:left;list-style:none;cursor:pointer;transform:translateY(-102px);transition:.5s;}.video_hd_li.on{transform:translateY(-132px);}.video_hd_pic{height:102px;opacity:0;transition:.5s;}.video_hd_li.on .video_hd_pic{opacity:1;}.video_hd_pic img{width:100%;display:block;}.video_hd_cont{color:#fff;}.video_hd_li.on .video_hd_cont{background:#d80a67;position:relative;}.video_hd_icon{width:50px;height:50px;overflow:hidden;margin:0 auto;}.video_hd_li.on .video_hd_icon{background:#fff;border-radius:50%;transform:translateY(-25px);}.video_hd_li.on .video_hd_icon img{transform:translateY(-50px);}.video_hd_title{font-size:14px;text-align:center;margin:0px auto 10px;}.video_hd_arr{text-align:center;}.video_hd_li.on .video_hd_arr{padding-bottom:10px;}.video_close{display:block;position:absolute;right:-10px;top:-10px;transform:translate(50%,-50%);width:50px;height:50px;border-radius:50%;background:rgba(0,0,0,.5);border:2px solid #fff;overflow:hidden;cursor:pointer;}.video_close:before{content:'';display:block;width:30px;height:2px;background:#fff;position:absolute;top:0;left:0;left:50%;top:50%;transform-origin:center;transform:translate(-50%,-50%) rotateZ(45deg);}.video_close:after{content:'';display:block;width:2px;height:30px;background:#fff;position:absolute;top:0;left:0;left:50%;top:50%;transform-origin:center;transform:translate(-50%,-50%) rotateZ(45deg);}@media (max-width:960px){.video_box{width:90%;}.video_close{width:5vw;height:5vw;transform:translate(50%,-50%);right:0;top:0;z-index:10;}.video_close:before{width:80%;}.video_close:after{height:80%;}} /*视频载体e*/ /*内页公共样式*/ .inCont{padding: 0 27px 80px;margin-bottom: 70px;background: #fff;box-sizing: border-box;} .crumb{border-bottom: 1px solid #e6e6e6;padding: 18px 0 18px 36px;box-sizing: border-box;background: url(../images/bread_icon.png) no-repeat left 7px top 20px;background-size: 15px 16px;} .crumb a{padding-right: 15px;background: url(../images/breadcrumb_r.png) no-repeat center right;margin-right: 10px;} .crumb a:last-child{background: none;margin-right: 0;} .crumb a:hover{color:#1e77ce;} .inContainer{padding-top: 35px;} .inContainer{position: relative;} .inSide{width: 16%;float: left;} .inSide h3{font-size: 22px;color: #1e77ce;margin-bottom: 20px;} .inContent{float: right;width: 79.56%;} /*.inSide div a{position: relative;display: block;margin-top: 1px;font-size: 14px;border-bottom: 1px solid #e8e8e8;color: #333;padding: 17px 20px;box-sizing: border-box;} .inSide div a:first-child{border-top: 1px solid #E8E8E8;} .inSide div a:before{content: '';display: block;width: 12px;height: 10px;background: url(../images/breadcrumb_r.png) no-repeat center;background-size: 100% 100%;position: absolute;right: 25px;top: 50%;transform: translateY(-50%);} .inSide div a:hover:before, .inSide div a.active:before{filter: brightness(2);} .inSide div a:hover, .inSide div a.active{background: #1e77ce;color: #fff;border-color: #1e77ce;}*/ /*新增二级导航20191205am*/ .inSide ul{margin-bottom: .6rem;} .inSide ul li{position: relative;} .inSide ul li .inSideB{position: relative;display: block;margin-top: 1px;font-size: 14px;border-bottom: 1px solid #e8e8e8;color: #333;padding: 17px 20px;box-sizing: border-box;} .inSide ul li .inSideB:before{content: '';display: block;width: 12px;height: 10px;background: url(../images/breadcrumb_r.png) no-repeat center;background-size: 100% 100%;position: absolute;right: 25px;top: 50%;transform: translateY(-50%);} .inSide ul li .inSideB:hover:before, .inSide ul li .inSideB.active:before{filter: brightness(2);} .inSide ul li .inSideB:hover, .inSide ul li .inSideB.active {background: #1e77ce; border-color: #1e77ce;color: #fff;} .inSide ul li .insideD{position: absolute;left: 100%;top: 0;transform: rotateY(90deg);transform-origin: left top;transition: .5s;z-index: 500;} .inSide ul li:hover .insideD{transform: rotateY(0);} .inSide ul li .insideD .insideDa{width: 183px;height: 54px;position: relative;padding: 0px 20px;font-size: 14px;color: #333333;background: #fcfcfc;line-height: 54px;box-sizing: border-box;display: block;border-bottom: 1px solid #e8e8e8;} .inSide ul li .insideD .insideDa:before{content: '';display: block;width: 12px;height: 10px;background: url(../images/breadcrumb_r.png) no-repeat center;background-size: 100% 100%;position: absolute;right: 25px;top: 50%;transform: translateY(-50%);} .inSide ul li .insideD .insideDa.active, .inSide ul li .insideD .insideDa:hover{background: rgb(52, 132, 211);border-color: rgb(52, 132, 211);color: #fff;} .inSide ul li .insideD .insideDa.active:before, .inSide ul li .insideD .insideDa:hover:before{filter: brightness(2);} /*公司简介*/ .inAbout{padding-bottom: 40px;} .inData{padding-bottom: 50px;display: none;} .inData li{float: left;width: 16.66%;text-align: center;} .inData li div b{font-family: DINCond-Bold;font-size: 46px;color: #1e77ce;} .inData li div span{font-size: 16px;color: #333333;padding-left: 5px;} .inData li p{font-size: 14px;color: #999999;padding-top: 5px;} .inAbCont .img img{float: right;padding: 0 0 22px 22px;} .inAbCont h3{font-size: 16px;color: #333;font-weight: bold;} .inAbCont{font-size: 14px;color: #666;line-height: 26px;} .inAbSwp{margin-top: 50px;padding-top: 50px;border-top: 1px solid #e8e8e8;text-align: center;} .inAbSwp img{width: 100%;display: block;} .inAbSwp p{text-align: center;padding: 10px;box-sizing: border-box;font-size: 14px;} /*组织架构*/ .zzjg{padding: 10px 0 0;} .zzjg img{max-width: 100%;} /*旗下企业*/ .qxqy{padding-bottom: 40px;} .qxTop{padding: 0 10% 28px;box-sizing: border-box;border-bottom: 10px solid #ebebeb;} .qxTop .qxB{font-size: 22px;color: #333333;text-align: center;font-weight: bold;} .qxTop .qxNr{font-size: 14px;margin-top: 20px;line-height: 26px;color: #333333;text-align: center;} .qxList{margin: 45px auto 0;} .qxList li{float: left;margin-bottom: .36rem;background: #f9f8f8;width: 4.35rem;cursor: pointer;position: relative;} .qxList li:nth-child(2n){float: right;} .qxList li:nth-child(2n):after{content: '';display: block;clear: both;} .qxList li .pic{position: relative;width: 100%;height: 2.37rem;} .qxList li .pic span{background: #1e77ce;color: #fff;font-size: 16px;padding: 5px 20px;position: absolute;bottom: 15px;left: 25px;} .qxList li .txt{background: #f6f6f6;padding: 10px 10px 10px 20px;position: relative;display: none;} .qxList li .txt:before{content: '';display: block;width:4px ;height: 32px;background: #dfdfdf;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .qxList li .txt p{font-size: 14px;margin: 3px 0;position: relative;padding-left: 44px;box-sizing: border-box;} .qxList li .txt p span{position: absolute;left: 0;top: 0;} .qxList li .txt p b{font-size: 16px;color: #333333;font-family: DINCond-Bold;} .qxMore{display: block;width: 267px;height: 40px;background: #1e77ce url(../images/qxmore.png) no-repeat center right 60px;background-size: 29px 16px;color: #fff;line-height: 40px;padding-right: 20px;box-sizing: border-box;float: right;text-align: right;max-width: 60%;} .qxList li .qxTc{display: none;} .qxTcBox{z-index: 10;position: fixed;width: 100vw;height: 100vh;top: 0;left: 0;background: rgba(0,0,0,.8);transform: scale(0);} .qxTcBox.active{transform: scale(1);} .qxTcBox .isTable{width: 100%;height: 100%;} .qxTcBox .isTableCell{vertical-align: middle;} .qxTcCont{padding: 50px 50px 30px 50px;/* box-sizing: border-box; */width: 718px;/* min-height: 266px; */background: #fff;border-radius: 5px;position: absolute;left: 50%;top: 50%;} .qxTcCont .qxTc{display: block;} .qxTcMask{position: absolute;left: 0;top: 0;width: 100vw;height: 100vh;cursor: pointer;} .qxTcClose{width: 36px;height: 36px;border-radius: 50%;cursor: pointer;border: 2px solid #333;background: #fff;position: absolute;right: 0;top: 0;transform: translate(50%,-50%);} .qxTcClose:before{content: '';display: block;width: 2px;height: 66%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotateZ(45deg);background: #666666;} .qxTcClose:after{content: '';display: block;width: 2px;height: 66%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotateZ(-45deg);background: #666;} .qxTc{position: relative;} .qxTcPic{width: 370px;float: left;} .qxTcPic img{width: 100%;} .qxTcTxt{max-width: 300px;float: right;margin-left: 40px;} .qxTcTi{font-size: 22px;font-weight: bold;color: #474747;border-bottom: 1px solid #ccc;margin-bottom: 20px;padding-top: 8px;padding-bottom: 17px;} .qxTcTiNr{font-size: 14px;color: #474747;line-height: 26px;text-align: justify;} .qxTc img{float: left;margin:0 40px 20px 0;max-width: 370px;} /*旗下企业弹窗轮播*/ .qxTcCont .swiper-pagination{width: 100%;text-align: center;position: relative;margin: 10px auto 0;} .qxTcCont .swiper-pagination .swiper-pagination-bullet{margin: 0 2px;outline: none;} .qxTcBtn{cursor: pointer;width: 20px;height: 20px;outline: none;border-left: 1px solid #fff;border-bottom: 1px solid #fff;position: absolute;top: 50%;} .qxTcBtnP{left: 0;transform: translate(-200%,-50%) rotateZ(45deg);} .qxTcBtnN{right: 0;transform: translate(200%,-50%) rotateZ(-135deg);} /*旗下企业遮罩内容*/ .qxqyNr{display: flex;align-items: center;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,.8);color: #fff;font-size: 14px;line-height: 24px;text-align: justify;padding: 0 10%;box-sizing: border-box;opacity: 0;transition: .3s;} .qxList li:hover .qxqyNr{opacity: 1;} /*旗下企业列表第三版*/ .qxqyList{padding: 40px 0;} .qxqyList li{position: relative;margin-bottom: 24px;} .qxqyList li img{display: block;max-width: 100%;} .qxqyList li .qxINR{color: #fff;background: rgba(0,0,0,.5);position: absolute;left: 0rem;bottom: .3rem;max-width: 400px;padding: .2rem .3rem;} .qxqyList li .ti{font-size: 18px;font-weight: bold;} .qxqyList li .nr{font-size: 14px;line-height: 26px;margin-top: 20px; box-sizing: border-box; padding-right: 10px; /*display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;overflow: hidden;*/ max-height: 182px; overflow: auto; } .scrollBar::-webkit-scrollbar {width: 10px;height: 6px;} .scrollBar::-webkit-scrollbar-thumb:hover { border: 1px solid #636363;background-color: #929292;} .scrollBar::-webkit-scrollbar-thumb {background-color: #cfcfd2;border-radius: 8px;background-clip: padding-box;min-height: 28px;} .scrollBar::-webkit-scrollbar-track-piece {background: #f3f3f3;} /*公司荣誉*/ .gsry{} .gsryTop{background: #f6f6f6;position: relative;} .gsryTop .img{width: 49%;height: 100%;position: absolute;left: 0;top: 0;} .gsryTop .img img{display: none;} .gsryTop .txt{float: right;background: #fff;margin: 2.5%;width: 46%;padding: 2.5%;box-sizing: border-box;} .gsryTop .txt .ti{font-size: 22px;color: #000;} .gsryTop .txt .nr{font-size: 14px;line-height: 26px;margin-top: 10px;} .gsrySwp{margin: 36px auto;position: relative;} .tripSmall_swiper{height: 46px;line-height: 44px;background: #f6f6f6;color: #333333;font-size: 18px;font-family: DINCond-Bold;} .tripSmall_swiper p{margin: 0 10px;} .tripSmall_swiper .swiper-slide{width: auto;text-align: center;cursor: pointer;} .tripSmall_swiper .swiper-slide-thumb-active p{color: #1e77ce;border-bottom-color: #1e77ce;} .tripSmall_swiper .swiper-slide.active p{color: #1e77ce;border-bottom-color: #1e77ce;} .tripSmall_swiper .swiper-slide p{position: relative;} .tripSmall_swiper .swiper-slide p:after{position: absolute;width: 30px;left: 50%;transform: translateX(-50%);bottom:0;height: 2px;background: #1e77ce;content: '';opacity: 0;} .tripSmall_swiper .swiper-slide.active p:after{opacity: 1;} .tripBig_swiper{} .tripBig_swiper li{margin-top: 20px;line-height: 24px;padding-left: 30px;box-sizing: border-box;position: relative;cursor: pointer;} .tripBig_swiper li:hover{color: #1E77CE;} .tripBig_swiper li:before{content: '';display: block;transition: .3s;width: 7px;height: 7px;border-radius: 50%;border: 1px solid #cacaca;position: absolute;left: 0;top: 7px;} .tripBig_swiper li:hover:before{background: #1E77CE;border-color: #1E77CE;} .trip_title{} .trip_cont{margin-top: 10px; display: none;} .trip_cont img{max-width: 100%;} .gsrySwpBtn{outline: none;cursor: pointer;width: 10px;height: 10px;border-left:1px solid #333;border-bottom: 1px solid #333;position: absolute;top: 16px;} .gsrySwpPrev{left: 0;transform: translate(-16px, 0) rotateZ(45deg);} .gsrySwpNext{right: 0;transform: translate(15px, 0) rotateZ(180deg) rotateZ(45deg);} /*经营理念*/ .jyln{} .jylnTop{background: url(../images/jybg.png);padding: 0 2.732% 34px;box-sizing: border-box;position: relative;border: 1px solid #eee;} .jylnTop:before{content: '';display: block;width: 65px;height: 65px;background: url(../images/jymsk.png) no-repeat center;background-size: 100% 100%;position: absolute;right: -1px;top: -1px;} .jylnTopT{padding: 20px 0 15px;font-size: 22px;color: #1e77ce;font-weight: bold;border-bottom: #1e77ce 2px solid;width: 86%;} .jylnTopPic{position: relative;margin: 0 auto;text-align: center;padding: 0 2%;box-sizing: border-box;width: 96%;} .jylnTopPic img{max-width: 100%;} .jylnTopPic .txt{color: #fff;padding: 135px 0;padding: 1.35rem 1%;} .jylnTopPic .txt .cn{font-size: 26px;letter-spacing: 10px;letter-spacing: .1rem;} .jylnTopPic .txt .en{font-size: 16px;/* text-transform: uppercase; */letter-spacing: 2px;letter-spacing: .02rem;} .jylnTopPic .txt .en p{margin-top: 10px;} .jylnTopCont .img{position: absolute;left: 0;top: 0;width: 48.6%;height: 100%;} .jylnTopCont .img img{display: none;} .jylnTopCont{position: relative;width: 86%;margin: 34px 0 0;} .jylnTopCont .txt{width: 41%;float: right;padding: 25px 0;font-size: 16px;color: #333333;line-height: 32px;} .jyVideo{margin: 50px auto;} .jyVideo video{border: none;outline: none; object-fit: cover;} /*VI形象*/ .inVi{} .viLogo{border-bottom: #f7f7f7 14px solid;padding: 30px 0;} .viLogo img{display: block;margin: 0 auto;max-width: 90%;} .viCont {padding: 15px 0 40px;} .viCont .ti{font-weight: bold;font-size: 16px;color: #333333;padding: 15px 0;font-size: 18px;} .viCont .txt{font-size: 14px;color: #333333;line-height: 26px;} .viList{} .viList li{text-align: center;float: left;margin-bottom: 10px;width: 47.541%;} .viList li:nth-child(2n){float: right;} .viList li:nth-child(2n):after{content: '';display: block;clear: both;} .viList li div{} .viList li div img{display: block;width: 100%;border: 1px solid #f6f6f6;box-sizing: border-box;} .viList li:hover div img{border-color: #6fbb37;} .viList li p{padding: 20px ;box-sizing: border-box;} /*企业宣传片*/ .xcp .idxVideo{height: auto;padding: 1.5rem 0;margin: 15px auto;} .xcp .idxVideoC div{margin-top: 30px;font-size: 14px;line-height: 26px;} .xcp .idxVideoC{position: relative;left: inherit;top: inherit;transform: translate(0,0);} /*社会责任*/ .shzr{} .shzrNf{overflow: auto;min-width: 100%;border-bottom: 1px solid #e6e6e6;} .shzrNf a{padding: 5px 0 8px;border-bottom: 1px solid rgba(0,0,0,0);display: inline-block;font-size: 20px;font-family:DINCond-Bold;margin-right: 4.4%;transition: .3s;} .shzrNf a:hover, .shzrNf a.active{border-color: #1e77ce;color:#1e77ce ;} .shzrPlace{padding: 25px 0;} .shzrPlace a{display: inline-block;font-size: 14px;color: #333333;margin: 0 25px 16px 0;margin: 0 2.8% 1.7% 0;} .shzrPlace a:hover, .shzrPlace a.active{color: #1e77ce;} .shzrSwp{} .shzrSwpItem{width: 46.99%;float: left;} .shzrSwpItem:nth-child(2n){float: right;} .shzrSwpTi{height: 40px;line-height: 40px;text-align: center;color: #fff;background: #1e77ce;position: relative;z-index: 2;} .shzrSwpTi:before{content: '';display: block;width: 15px;height: 15px;background: #1e77ce;transform: rotateZ(45deg) translate(-50%,0) skew(-15deg,-15deg);position: absolute;left: 50%;bottom: -12px;} .shSwiper{} .shSwiper .swiper-slide{/* background: #666; */} .shSwiper img{width: 100%;cursor: pointer;display: block;} .shSwiperBtn{z-index: 4;width: 20px;height: 20px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;position: absolute;top: 170px;cursor: pointer;} .shSwiperPrev{left: 15px;transform: translate(0,-50%) rotateZ(45deg);} .shSwiperNext{right: 15px;transform: translate(0,-50%) rotateZ(-135deg);} .shzrSwpInfo{text-align: justify;padding: 10px 0;font-size: 14px;line-height: 26px;} /*地址信息*/ /*城市分站*/ .city{padding: 10px 0 80px;} .city_search{margin-bottom: 50px;position: relative;z-index: 12;} .city_select{float: left;width: 88.75%;} .city_select_li{float: left;margin-right: 2.55%;width: 31.9%;height: 45px;position: relative;} .city_default{position: relative;cursor: pointer;font-size: 14px;color: #333333;width: 100%;height: 100%;line-height: 40px;padding:0 18% 0 10%;border: 1px solid #DEDEDE;box-sizing: border-box;} .city_default:before{content: '';display: block;width: 10px;height: 10px;border-bottom: 1px solid #d7d7d7;border-left: 1px solid #d7d7d7;transform: rotateZ(-45deg);position: absolute;right: 10px;top: 25%;transition: .3s;} .city_select_li.active{z-index: 5;} .city_select_li.active .city_default:before{transform: rotateZ(135deg);transform-origin: center;top: 38%;} .city_options{box-shadow: 0px 2px 4px #DEDEDE;box-sizing: border-box;border-top: none;position: relative;background: rgba(255,255,255,.95);display: none;z-index: 5;} .city_options a{display: block;padding: 5px 18% 5px 10% ;font-size: 12px;line-height: 22px;cursor: pointer;} .city_options a:hover{background: rgb(246, 246, 246);color: #333;} .search_btn{width: 93PX;height: 45PX;line-height: 45px;background: #1e77ce;text-align: center;color: #fff;background-size: 100% 100%;display: block;float: left;/* margin: 8px 0 0 0; */} /*地图板块*/ .ditu{min-height: 465px;width:100%;background-size:cover;margin:0 auto;} .dittus-des{position:absolute;left:140px;right:0;height:100%;top:0} .baidu_map_content .bd_cont_box{display:none} .bd_cont_box{display:flex;justify-content:space-between;align-items:center} .bd_cont_box .bdmap_cont_img{width:104px;float:left} .bd_cont_box .bdmap_cont_img img{width:100%} .bd_cont_box .bdmap_cont_words{width:204px;float:left;margin-left:15px;text-align:justify} .bd_cont_box .bdmap_cont_words h4{font-weight: bold;margin-bottom: 10px;} .bd_cont_box .bdmap_cont_words p{padding: .2em 0;} .anchorBL,.BMap_cpyCtrl{display:none} /*地址信息*/ .cityItem{padding-right: 230px;position: relative;min-height: 465px;box-sizing: border-box;} .cityInfo{width: 230px;position: absolute;right: 0;top: 0;border: 1px solid #e8e8e8;height: 100%;box-sizing: border-box;padding: 20px;} .cityInfo .txt{margin-top: 20px;font-size: 14px;color: #666;} .cityInfo .txt a{color: #666;} .cityInfo .txt a:hover{color: #1e77ce;} .cityInfo .txt h3{font-weight: bold;color: #333333;font-size: 18px;} .cityInfo .txt p{margin-top: 8px;} /*联系方式*/ .lxfs{} .lxfs .cityItem{padding-right: 0;padding-bottom: 40px;} .lxfsTop{position: relative;margin-top: 10px;} .lxfsTop .img{position: absolute;left: 0;top: 0;height: 100%;width: 43.5%;} .lxfsTop .img img{display: none;} .lxfsTop .txt{float: right;width: 54%;padding: 19px 0;} .lxfsTop .txt h3{margin-bottom: 20px;color: #1e77ce;font-weight: bold;font-size: 22px;} .lxfsTop .txt div{font-size: 14px;color: #666666;line-height: 26px;} .lxfsMain{margin: 45px auto;} .lxfsMain li{font-size: 18px;color: #333333;float: left;} .lxfsMain li.lxTel{width: 27.33%;float: left;} .lxfsMain li.lxFax{position: relative;width: 33.15%;margin: 0 auto;text-align: center;} .lxfsMain li.lxFax:before{content: '';display: block;width: 1px;height: 40px;background: #e8e8e8;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .lxfsMain li.lxFax:after{content: '';display: block;width: 1px;height: 40px;background: #e8e8e8;position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .lxfsMain li.lxAdd{float: right;} .lxfsMain li div{display: inline-block;margin: 0 auto;padding-left: 60px;min-height: 50px;} .lxfsMain li.lxTel div{background: url(../images/lx1.png) no-repeat center left;background-size: 50px 50px;box-sizing: border-box;} .lxfsMain li.lxFax div{background: url(../images/lx2.png) no-repeat center left;background-size: 50px 50px;box-sizing: border-box;margin: 0 auto;text-align: left;} .lxfsMain li.lxAdd div{background: url(../images/lx3.png) no-repeat center left;background-size: 50px 50px;box-sizing: border-box;} .lxfsMain li div b{font-weight: bold;font-family: DINCond-Bold;font-size: 18px;} .lxfsMain li div .ti{font-size: 18px;} .lxfsMain li div .nr{font-size: 14px;margin-top: 3px;} /*加入我们*/ .join{padding-bottom: 40px;} .joinHd{background: #6d8aa7;color: #fff;padding: 10px 5%;box-sizing: border-box;} .joinHd:after, .joinBdTop:after{content: '';display: block;clear: both;} .joinHd div, .joinBdTop div{float: left;font-size: 14px;} .zwmc{width: 25.76%;text-align: left;} .xueli{width: 17.5%;text-align: center;} .gzdd{width: 25%;text-align: center;} .fbrq{width: 30%;text-align: center;} .joinBdTop .fbrq{font-family:DINCond-Bold;} .joinItem{border-bottom: 1px solid #e8e8e8;} .joinBdTop{cursor: pointer;background: #f4f4f4;color: #333333;padding: 15px 5%;box-sizing: border-box;position: relative;} .joinBdTop:before{content: '';display: block;width: 10px;height: 10px;border-left: 1px solid #6a6a6a;border-bottom: 1px solid #6a6a6a;position: absolute;right: 3%;top: 15px;transform: rotateZ(-45deg);} .joinBot{display: none;padding: 25px 5%;background: #eeeeee;color: #333;line-height: 26px;} .joinBot .txt{} .joinBot .sqzw{display: inline-block;padding: 8px 34px;text-align: center;color: #fff;background: #1e77ce;margin: 30px 0 20px;} /*信息中心列表*/ .newsList{} .newsBig{background: #f6f6f6;position: relative;} .newsBig .img{width: 50%;height: 100%;position: absolute;left: 0;top: 0;} .newsBig .img img{display: none;} .newsBig .txt{width: 50%;float: right;padding: 50px 4% 60px;box-sizing: border-box;} .newsBig .txt .ti{font-size: 18px;color: #333333;display: inline-block;margin-bottom: 25px;} .newsBig .txt .nr{font-size: 14px;color: #666666;line-height: 22px;} .newsBig .txt .num{margin-top: 26px;} .newsBig .txt .num span{padding-left: 25px;display: inline-block;height: 20px;margin-right: 10px;} .newsBig .txt .num .time{background: url(../images/newstime.png) no-repeat center left;background-size: 20px 20px;} .newsBig .txt .num .view{background: url(../images/newsview.png) no-repeat center left;background-size: 20px 20px;} .newsUl{margin: 10px auto 30px;} .newsUl li{padding: 15px 70px 15px 0;border-bottom: 1px solid #e9e9e9;box-sizing: border-box;position: relative;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .newsUl li a{font-size: 14px;padding: 20px 0 20px 20px;box-sizing: border-box;position: relative;} .newsUl li a:before{content: '';display: block;width: 7px;height: 7px;border: 1px solid #cacaca;border-radius: 50%;position: absolute;left: 0;top: 27px;} .newsUl li span{font-size: 16px;color: #999999;font-family: DINCond-Bold;position: absolute;right: 0;top: 15px;} .newsUl li:hover, .newsUl li:hover span, .newsUl li:hover a{color: #1e77ce;} .newsUl li:hover a:before{border-color: #1E77CE;background: #1E77CE;} .inpagins{text-align: center;line-height: 32px;margin: 10px auto;} .inpagins a{border: 1px solid #E9E9E9;border-radius: 5px;padding:0 10px;} .inpagins a:hover, .inpagins a.active{background: #1E77CE;border-color: #1E77CE;color: #fff;} .inpagins a, .inpagins span, .inpagins p{display: inline-block;margin: 5px 0;} .inpagins p{margin: 0 15px;} .inpagins p input{text-align: center;width: 34px;border-radius: 5px;border: 1px solid #E9E9E9;height: 32px;} /*信息中心详情*/ .newsDe{} .newsDeTi{font-size: 22px;color: #1e77ce;text-align: center;} .newsDeFbt{padding: 17px 0;margin: 10px auto;border-bottom: 1px solid #E9E9E9;color: #999999;} .newsDeFbt p{float: left;} .newsDeFbt p span{display: inline-block;margin-right: 20px;} .newsDeFbt p span b{font-family: DINCond-Bold;} .newsDeFbt div{float: right;} .newsDeFbt div span{display: inline-block;transform: translateY(-4px);} .newsDeCont{margin: 30px auto;color: #333;font-size: 14px;line-height: 26px;} .newsDeCont img{max-width: 100%;} .newsDeCont video{border: none;outline: none;object-fit: cover;width: 560px;max-width: 100%;height:auto;} .newsDeBack{text-align: right;} .newsDeBack a{display: inline-block;padding-left: 32px;color: #999999;font-size: 14px;background: url(../images/newsback.png) no-repeat center left;background-size: 20px 15px;} .newsSX{margin: 20px auto;padding: 10px 0 40px;border-top: 1px solid #E9E9E9;} .newsSX p{float: left;width: 50%;position: relative;padding:0 0 0 70px;box-sizing: border-box;} .newsSX p a{position: relative;} .newsSX p a:hover{color: #1E77CE;} .newsSX p span{position: absolute;top: -1px;} .newsSX p span:nth-child(1){left: 0;} .newsSX p:nth-child(2n){text-align: right;padding: 0 70px 0 0 ;} .newsSX p:nth-child(2n) span{right: 0;} .newsSX p span:before{content: '';display: block;width: 1px;height: 15px;background: #000033;position: absolute;right: -15px;top: 3px;} .newsSX p:nth-child(2) span:before{right: 54px;} /*公司新闻列表*/ .gsxwB{display: block;position: relative;height: 602px;width: 65.79%;float: left;position: relative;} .gsxwB{text-align: center;} .gsxwB .ti{color: #fff;position: absolute;width: 90%;left: 5%;top: 20%;text-align: center;color: #fff;font-size: 22px;} .gsxwB .more{width: 140px;height: 50px;transition: .3s;line-height: 50px;text-align: center;background: #1E77CE;color: #fff;font-size: 14px;position: absolute;left: 50%;bottom: 11%;margin-left: -70px;padding-right: 20px;box-sizing: border-box;} .gsxwB .more:before{content: '';display: block;width: 10px;height: 10px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;position: absolute;right: 20px;top: 50%;transform: translateY(-50%) rotateZ(-135deg);} .gsxwB:hover .more{transform: translateY(-5px);} .gsxwB .img{display: none;} .gsxwA{display: block;height: 287px;width: 31.26%;transition: .3s;float: left;margin:0 0 2.95% 2.95%;background: #f6f6f6;} .gsxwA:nth-child(3n+1){margin-left: 0;} .gsxwA{padding: 2.5%;box-sizing: border-box;position: relative;} .gsxwA .date{font-size: 16px;color: #333;} .gsxwA .txt{font-size: 16px;color: #1e77ce;font-weight: bold;margin: 20px 0;height: 88px;line-height: 28px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .gsxwA .more{transition: .3s;} .gsxwA .more span{color: #333;font-size: 14px;position: relative;} .gsxwA .more span:before{content: '';display: block;width: 8px;height: 8px;border-left: 1px solid #333;border-bottom: 1px solid #333;position: absolute;right: -20px;top: 50%;transform: translateY(-50%) rotateZ(-135deg);} .gsxwA .more{position: absolute;left: 10%;bottom: 40px;} .gsxwA.active .more span, .gsxwA.active .txt, .gsxwA.active .date{color: #fff;} .gsxwA.active .more span:before{border-color: #fff;} .gsxwA:nth-child(2){background: #1e77ce;padding-top: 60px;text-align: center;} .gsxwA:nth-child(2) .more span, .gsxwA:nth-child(2) .txt, .gsxwA:nth-child(2) .date{color: #fff;} .gsxwA:nth-child(2) .more span:before{border-color: #fff;} .gsxwA:nth-child(4){background: #1e77ce;padding-top: 60px;text-align: center;} .gsxwA:nth-child(4) .more span, .gsxwA:nth-child(4) .txt, .gsxwA:nth-child(4) .date{color: #fff;} .gsxwA:nth-child(4) .more span:before{border-color: #fff;} .gsxwA:nth-child(7){background: #1e77ce;padding-top: 60px;text-align: center;} .gsxwA:nth-child(7) .more span, .gsxwA:nth-child(7) .txt, .gsxwA:nth-child(7) .date{color: #fff;} .gsxwA:nth-child(7) .more span:before{border-color: #fff;} .gsxwA:nth-child(12){background: #1e77ce;padding-top: 60px;text-align: center;} .gsxwA:nth-child(12) .more span, .gsxwA:nth-child(12) .txt, .gsxwA:nth-child(12) .date{color: #fff;} .gsxwA:nth-child(12) .more span:before{border-color: #fff;} .gsxwA:hover .more{left: 50%;transform: translateX(-50%);} /*发展历程*/ .fzlcTop{background: url(../images/fztopbg.png);background-size: cover;color: #fff;text-align: center;padding: 0.55rem .5rem 0.55rem;box-sizing: border-box;} .fzlcTop h3{font-size: 32px;font-weight: bold;letter-spacing: 12px;} .fzlcTop h4{font-size: 13px;margin-top: 5px;} .fzlcList{position: relative;margin: 40px auto 0;padding: .4rem 0 .5rem;} .fzlcList:before{content: '';display: block;width: 1px;height: 100%;position: absolute;left: 50%;background: #ccc;} .fzlcList li{width: 100%;display: flex;align-items: center;color: #333;position: relative;margin: 10px auto;} .fzlcList li:before{content: '';display: block;width: .2rem;height: .2rem;border-radius: 50%;background: #dbdbdb;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .fzlcList li:hover{background: #1E77CE;color: #fff;position: relative;} .fzlcList li .fzD{width: 50%;padding: 0 .3rem;box-sizing: border-box;} .fzYear{text-align: right;font-size: 20px;} .fzlcList li:nth-child(2n) .fzYear{order: 2;text-align: left;} .fzNr{font-size: 14px;} .fzlcList li:nth-child(2n) .fzNr{text-align: right;} .fzMore{display:block;font-size: 14px;color: #fff;border: 1px solid #fff;transition: .3s;background: #1E77CE;margin: 0px auto 70px;width: 60px;text-align: center;padding: .1rem .2rem;position: relative;} .fzMore:hover{background: #fff;color: #1E77CE;border: 1px solid #1E77CE;} .fzMore:before{content: '';display: block;width: 10px;height: 10px;border-bottom: 1px solid #1E77CE;border-left: 1px solid #1E77CE;position: absolute;bottom: -40px;left: 50%;transform: translateX(-50%) rotateZ(-45deg);} .fzMore:after{content: '';display: block;width: 1px;height: 10px;background: #1E77CE;position: absolute;bottom: -32px;left: 50%;} .fzNr .nr{padding: 20px 0;border-bottom: 1px solid #ccc;} /*科普之窗*/ .kpzcList{display: flex;justify-content: space-between;flex-wrap: wrap;} .kpzcList li{width: 47%;margin-bottom: 40px;} .kpzcList li img{display: block;width: 100%;} .kpzcList li h3{font-size: 18px;color: #333333;padding: 20px 0 10px;border-bottom: 1px solid #ddd;margin-bottom: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .yyslList li h3{padding-right: 90px;position: relative;box-sizing: border-box;} .yyslList li h3 span{font-size: 14px;color: #999;position: absolute;right: 0;top: .22rem;padding-right: 24px;} .yyslList li h3 span:before{content: '';display: block;width: 17px;height: 17px;background: url(../images/more1.png) no-repeat center;background-size: 100%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .kpzcList li p{color: #999;font-size: 14px;padding-right: 26px;box-sizing: border-box;position: relative;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .kpzcList li p:before{content: '';display: block;width: 1px;height: 10px;background: #999;position: absolute;right: 6px;top: 5px;} .kpzcList li p:after{content: '';display: block;width: 10px;height: 1px;background: #999;position: absolute;right: 2px;top: 9px;} .kpzcList li:hover h3, .kpzcList li:hover p{color: #1E77CE;} /*共筑清水梦*/ .qsm{} .qsmSwp{padding-right: 50px;box-sizing: border-box;position: relative;} .qsmTop{position: relative;padding-top: 20px;margin-bottom: 45px;} .qsmTI { background-image: -moz-linear-gradient( 120deg, rgb(132,207,242) 0%, rgb(18,125,197) 100%); background-image: -webkit-linear-gradient( 120deg, rgb(132,207,242) 0%, rgb(18,125,197) 100%); background-image: -ms-linear-gradient( 120deg, rgb(132,207,242) 0%, rgb(18,125,197) 100%); box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35); width: 226px; height: 279px; z-index: 2; float: left; margin: 0 30px 20px 0; position: relative; } .qsmTI:before{content: '';width: 48px;height: 48px;background: url(../images/sdi.png);background-size: 100% 100%;position: absolute;right: 28px;bottom: 32px;} .qsmTI .cont{color: #fff;position: absolute;top: 39px;left: 28px;} .qsmTI .cont h3{font-size: 22px;} .qsmTI .cont h4{font-size: 14px;margin-top: 5px;} .qsmTC{font-size: 14px;line-height: 26px;color: #666666;} .qsmSwpC{position: relative;box-sizing: border-box;} .qsmSwpC img{display: block;width: 100%;} .qsmSwpC p{max-width: 70%;color: #fff;font-size: 16px;position: absolute;bottom: 32px;left: 35px;padding: 10px 26px;background: rgba(0,0,0,.5);} .qsmSwpBtn{width: 50px;height: 50%;background: #6d8aa7;outline: none;cursor: pointer;} .qsmSwpBtn:before{content: '';display: block;width: 15px;height: 15px;border-left: 1px solid #fff;border-bottom: 1px solid #fff;position: absolute;top: 50%;left: 50%;transform: translate(-20%,-50%) rotateZ(45deg);} .qsmSwpPrev{position: absolute;right: 0;top: 0;} .qsmSwpNext{position: absolute;right: 0;bottom: 0;transform: rotateY(180deg);background: #e7e7e7;} .qsmSwpNext:before{border-color: #464646;} /*科普之窗详情*/ .kepu{position: relative;padding-bottom: 0px;} .kepuB{position: relative;} .kepuSwp{position: relative;} .kepuSwp .swiper-container{position: relative;max-width: 593px;width: 100%;margin: 0;} .kepuSwp .swiper-slide{outline: none;} .kepuSwp .swiper-slide img{display: block;width: 100%;cursor: move;outline: none;} .kepuPagin{font-family: DINCond-Bold;font-size: 22px;color: #999;position: absolute;left: inherit;right: 10px;top: 20px;height: 30px;width: auto;z-index: 30;} .kepuPagin .swiper-pagination-current{color: #333;} .kepuBtns{width: calc(100% - 5.5rem);position: absolute;right: 0;top: 100%;z-index: 20;} .kepuBtnsB{width: 176px;height: 0.55rem;background: #1e77ce;position: relative;} .kepuBtnsB:before{content: '';display: block;height: 30%;width: 1px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .kepuBtn{cursor: pointer;outline: none;width: 50%;height: 100%;position: relative;float: left;} .kepuBtn:before{content: '';display: block;width: 0.1rem;height: 0.1rem;border-left: 1px solid #fff;border-bottom: 1px solid #fff;position: absolute;left: 50%;top: 50%;} .kepuPrev:before{transform: translate(-50%,-50%) rotateZ(45deg);} .kepuNext:before{transform: translate(-50%,-50%) rotateZ(-135deg);} .kepuTi{color: #333333;font-size: 22px;} .kepuTi span{position: relative;border-bottom: 1px solid #e8e8e8;margin-top: 18px;padding: 12px 50px 12px 0;display: inline-block;} .kepuTi span:before{content: '';display: block;width: 10px;height: 10px;border-left:1px solid #ccc ;border-bottom: 1px solid #ccc;position: absolute;right: 5px;top: 50%;transform:translate(0,-50%) rotateZ(225deg);} .kepuCont{} .kepuSwpNr{position: absolute;right: 0;bottom: -.28rem;background: #f3f3f3;z-index: 5;padding: .4rem 0.34rem .8rem;box-sizing: border-box;font-size: 14px;color: #333333;line-height: 26px;width: calc(100% - 5.5rem);height: calc(100% - 50px);text-align: justify;} /*运营实力*/ .operate{} .operateBig{} .operateBig img{width: 100%;} .opeBCont{} .opeBCont .ti{font-weight: bold;font-size: 22px;color: #333333;} .opeBCont .txt{margin: 20px 0;font-size: 14px;color: #999999;line-height: 26px;} .opeBCont .txt img{max-width: 100%;} .operateSmall{} .operSPic{border: 3px solid #fff;position: relative;} .operSPic img{width: 100%;display: block;} .operSPic:before{content: '';display: block;width: 100%;height: 100%;background: rgba(0,0,0,.2);position: absolute;left: 0;top: 0;} .swiper-slide-thumb-active .operSPic{border: 3px solid #1e77ce;} .swiper-slide-thumb-active .operSPic:before{display: none;} /*净水视频*/ .jssp{} .jsspT{position: relative;} .jsspT .pic{width: 47.76%;} .jsspT .pic img{display: block;width: 100%;} .jsspT .txt{width: 47.43%;position: absolute;right: 0;top: 0;height: 100%;border-bottom: 1px solid #e6e6e6;} .jsspT .txt .ti{color: #333333;font-size: 18px;font-weight: bold;padding-top: 5px;} .jsspT .txt .nr{color: #999999;font-size: 14px;margin-top: 20px;line-height: 26px;text-align: justify;} .jsspB{margin: .6rem auto 0;} /*党团引领列表*/ /*.dtyl{width: 100%;}*/ .dtyllist{display: flex;justify-content: space-between;flex-wrap: wrap;} .dtyl .item{width: 49%;margin-bottom: 40px;position: relative;padding-bottom: 14px;border-bottom: 1px solid #dfdfdf;} .dtyl .item .pic{display: block;position: relative;} .dtyl .item.isVideo .pic:before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,.5) url(../images/playbtn.png) no-repeat center;background-size: 56px 56px;cursor: pointer;} .dtyl .item .pic img{display: block;width: 100%;} .dtyl .item .ti{margin: 20px 0 10px;font-size: 16px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .dtyl .item:hover .ti{color: #1e77ce;} .dtyl .item .bot{font-size: 14px;color: #999999;} .dtyl .item .bot .date{position: relative;} .dtyl .item .bot .date:before{content: '';display: block;width: 1px;background: #ddd;height: 13px;position: absolute;right: -10px; top: 50%;transform: translateY(-50%);} .dtyl .item .bot .more{color: #999999;margin-left: 17px;} .dtyl .item .bot .more:hover{text-decoration: underline;} /**/ .sptbn{position: relative;margin: 0 auto;text-align: center;width: 560px;max-width: 100%;cursor: pointer;} .poster11{position: absolute;width: 100%;height: 100%;top:0;left: 0;z-index: 9;} .poster11:after{content: '';position: absolute;width: 64px;height: 64px;background-image: url("../images/play.png");top:50%;left: 50%;margin: -32px 0 0 -32px;} .sptbn video{background: #000;max-width: 100%;display: block;} .inAbSwp{margin: 0 -15px;} .inAbSwp .dfreq{padding: 0 15px;}