@charset "utf-8"; /*@font-face {*/ /* font-family:'shsc';*/ /* src: url(../fonts/SourceHanSansCN.otf);*/ /*}*/ body{font-family: -apple-system, BlinkMacSystemFont,"PingFang SC", "Microsoft YaHei", "Lantinghei SC", "Helvetica Neue", Arial, "Open Sans", "Hiragino Sans GB", sans-serif;font-size:14px;color:#000;overflow-x:hidden;} *{box-sizing: border-box;margin:0;padding:0;} *{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;} a{text-decoration: none;color:#333} a:hover{color:#3881FD} ul,li{list-style-type:none;} ul, ol, dl{margin:0} .bold{font-weight:bold;} /* 禁止长按链接与图片弹出菜单 */ a,img{-webkit-touch-callout: none;} img{border:0;max-width:100%;vertical-align:middle;} /*ios android去除自带阴影的样式*/ a,input{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} button,input{border-radius: 0;border:none;outline: none;} input::-webkit-input-placeholder {color:#98999B} ul{padding-left:0!important;} .fl{float:left} .fr{float:right!important;} .rel{position:relative;} .abl{position:absolute;z-index:1;} .clear{clear:both;} .ovh{overflow:hidden;} .ellip1{overflow:hidden;text-overflow: ellipsis;white-space:nowrap;} .clearfix{clear:both;} .h100{height:100%;} @media screen and (min-width:1200px) { .container{padding-left:0!important;padding-right:0!important;} } /* 上移动态 */ .transy{transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;} .transy:hover{transform: translateY(-5px);} /* 放大 */ .pic,.bimg{overflow:hidden;} .biao img,.pic img{transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;cursor:pointer;} .pic img,.bimg img{width:100%;height:100%;} .biao:hover img{opacity:.88} .pic:hover img{webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);} .bimg img {transition: all 2.6s ease-in 0s; } .bimg:hover img {transform: scale(1.09) !important; } .pimg:hover{transform: scale(1.09) !important; } .pimg{height:100%;width:100%;transition: all 2.6s ease-in 0s;} /* header */ .header{background:#166FB3;padding:8px 0;overflow:hidden;color:#fff;position:fixed;top:0;width:100%;z-index:44;} .header .logo{float:left;} .header .langbox{height:60px;} .header a{color:#fff} .header a:hover{color:rgba(255,255,255,.8)} .header .lang span{padding:0 7px;} .header .search{margin:0 15px 0 20px;} .header .search input{width: 166px;height: 36px;line-height:36px;background: #eee;border-radius: 6px;padding:0 10px;float:left;color:#666} .header .search button{width: 36px;height: 36px;background: #1FBDFD url(../img/icon_so.png) no-repeat center;border-radius: 6px;text-align:center;float:left;margin-left:3px} .header .search button:hover,.header .langbox a.email:hover{opacity:.88;} .header .langbox a.email{width: 51px;height: 36px;background: #1FBDFD;border-radius: 6px;line-height:36px;text-align:center;} .header .langbox a.email i{font-size:18px} .menu{clear:both;background:rgba(135, 135, 135,.8);height:52px;font-size:16px;position:fixed;top:84px;width:100%;left:0;z-index:44;} .menu.on{background:rgba(135, 135, 135,1);} .menu ul li{line-height:52px;position:relative;} .menu ul li a{color:#fff;position:relative;z-index:1;display:block;} .menu ul li .subnav{width:265px;position:absolute;background:#464646;display:none;z-index:2;max-height:600px;overflow-y:auto} /* 滚动条 */ .menu ul li .subnav::-webkit-scrollbar{width:2px;} .menu ul li .subnav::-webkit-scrollbar-thumb:vertical{height: 5px;background-color: #fff;-webkit-border-radius: 6px;} .menu .menu_ul li{width:11.11%;float:left;text-align:center;} .menu ul li .subnav li{width:100%;text-align:left;padding-left:58px;height:50px;line-height:50px;font-size:15px} .menu ul li::after{content:"";width:0;height:52px;position:absolute;left:0;z-index:0;background:#1FBDFD;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;top:0;} .menu ul li:hover::after,.menu ul li.on::after{width:100%;} .menu .menu_ul li:hover .subnav{animation:anim1 0.2s;display:block;display:block;} .menu ul li:hover .subnav li::after{width:0} .menu ul li:hover .subnav li:hover::after,.menu ul li.on.nothis:hover::after{width:100%;} .menu ul li.on.nothis::after{width:0} .pc_top.on .header{display:none} .pc_top.on .menu{top:0;} /* .menu ul li:hover .subnav li:hover::after{display:none;} .menu ul li:hover .subnav li:hover{background:#1FBDFD;} */ /* 加载动画 */ @keyframes anim1{ 0%{ opacity: 0; transform: translate(0, 50px) } 100%{opacity: 1; transform: translate(0, 0) } } /* 手机菜单 */ .mtop1{height:60px;background:#c1c1c1} .phone-nav{position: fixed;left: 0;width: 100%;height: 100%;top: 60px;z-index: 30;} .phone-nav .box{position: fixed;left: 0;top: 60px;z-index: 10;width: 100%;height: 100%;display: flex;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;} .phone-nav .close{width: 20%;background: rgba(0, 0, 0, 0.3);background-size: 15px;} .phone-nav .inner{width:100%;background: #f6f6f6;} .phone-nav ul{max-height: 90vh;} .phone-nav ul::-webkit-scrollbar{width: 4px;} .phone-nav ul::-webkit-scrollbar-track{background-color: #f7f8f9;border-radius: 5px;} .phone-nav ul::-webkit-scrollbar-thumb{background-color: #017A4F;} .phone-nav ul li a{display: block;} .phone-nav ul li.on > a,.phone-nav ul li.active > a{color: #166FB3;background: #fff;} .phone-nav ul li.on .cat:after{background: url(../img/nav-down.png) no-repeat right center;background-size: 13px;} .phone-nav ul li > a{font-size: 16px;color: #333;line-height: 54px;padding: 0 15px;background: #f6f6f6;border-bottom: 1px solid #d6d6d6;position: relative;letter-spacing: 3px;} .phone-nav ul li > a.cat:after{content: "";display: inline-block;position: absolute;width: 20px;height: 100%;background: url(../img/nav-right.png) no-repeat right center;background-size:12px;right: 15px;top: 0;z-index: 10;font-weight: 500;} .phone-nav ul li .navs{display: none;background: #fff;max-height: 35rem;overflow-y: auto;} .phone-nav ul li .navs a{position: relative;font-size: 13px;color: #666;padding: 0 15px;line-height:42px;border-bottom: 1px solid #d6d6d6;} .phone-nav ul li .navs a.on,.phone-nav ul li .navs a.active{color: #017A4F;font-weight: 700;} .header-wrapper .logo-box a{display: block;} .header-wrapper .other-box .line{width: 3px;height: 24px;background: #666;} .header-wrapper .other-box .search{width: 26px;height: 26px;background: url(../img/search.png) no-repeat;background-size:2rem;cursor: pointer;margin:5px 15px 0 15px;} .header-wrapper .other-box .language{display: block;font-size:1.3rem;color: #666;font-family: Arial;text-transform: uppercase;} .header-wrapper .other-box .language:hover{color: #5797d6;font-weight: 700;} .header-wrapper .other-box .language i{font-style:normal;padding:0 5px} .nav-icon{display: block;width: 25px;height: 25px;position: relative;margin-top: 21px;} .nav-icon span{display: block;width: 25px;position: relative;border: 1.5px solid #166FB3;border-radius: 80px;margin-left: 0;} .nav-icon span:after,.nav-icon span:before{content: '';position: absolute;display: block;width: 25px;background: #166FB3;border: 1.5px solid #166FB3;transition: all .3s ease;box-sizing: border-box;border-radius: 30px;left: -2px;} .nav-icon span:before{transform: rotate(0) translateY(-10px);} .nav-icon span:after{transform: rotate(0) translateY(6px);} .nav-icon.on span{background-color: transparent;border-color: transparent;} .nav-icon.on span:before{transform: rotate(-45deg) translateY(0);} .nav-icon.on span:after{transform: rotate(45deg) translateY(0);} /* footer */ .footer_wrap{background:#898989;clear:both;} .footer{width:100%;position:relative;z-index:1;padding:20px 0} .footer .input-inline{width:100%;max-width:300px;} .footer .fbox1{padding:18px 0;clear:both;position:relative;z-index:1} .footer .fbox2{font-size:14px;padding:40px 0 20px 0;clear:both;border-top:1px solid #B5B5B5;margin-top:5px;position:relative;z-index:0} .footer .fbox2 .lxfs{max-width:430px;float:right;margin-right:4.3%} .footer .fbox2 .lxfs .lxfs_ul li{color:#ccc;font-size:16px;line-height:37px;margin-bottom:15px;} .footer .fbox2 .lxfs .lxfs_ul li i{font-size:18px;float:left;margin-right:10px;text-align:center;width:37px;height:37px;line-height:37px;border: 1px solid #EAEAEA; border-radius: 50%;color:#EAEAEA;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;} .footer .share{padding:0;margin-top:12px;} .footer .share li{float:left;margin-right:25px;width: 45px;height: 45px;line-height:45px;border-radius:50%;text-align:center;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;} .footer .share li i{font-size:24px;color:#fff;vertical-align:middle;} .footer .share li img{max-width:initial!important} .footer .share li .ewm{position:absolute;z-index:2;margin-top:15px;display:none;margin-left:-42px} .footer .share li .ewm:before{content:"";position:absolute;top:-20px;border:10px solid transparent;border-bottom:10px solid #fff;left:42%} .footer .share li:hover .ewm{display:block;} .footer .share li:nth-child(1){background:#43AB35;} .footer .share li:nth-child(2){background:#1C9BEC;} .footer .share li:nth-child(3){background:#63D8FA;} .footer .share li:nth-child(4){background:#FF0000;} .footer .share li:nth-child(5){background:#3D5B97;} .footer .share li:nth-child(6){background:#1467BF;} .footer .share li:hover{opacity:.8;} .footer .footer_nav .title{color:#EAEAEA;font-size:16px} .footer .footer_nav a{color:#ccc} .footer .footer_nav a:hover{color:rgba(255,255,255,.8)} .footer .footer_nav .dd{margin-top:10px} .footer .footer_nav .dd li{height:28px;line-height:28px;font-size:14px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;} .footer .footer_nav .dd a{color:#ccc} .footer .footer_nav .dd a:hover{color:rgba(255,255,255,.8)!important} .footer .footer_nav .dd li:hover a{color:rgba(255,255,255,.8)!important} .copyright{color:#ccc;font-size:13px;height:60px;line-height:60px;border-top:1px solid #B5B5B5;} .copyright a{color:#ccc} .copyright a:hover{color:rgba(255,255,255,.8)} .copyright .tech{float:right;} .logo .lg{float:left;margin:2px 12px 0 0} .logo .ovh p{margin-bottom:0px;font-size:13px} .logo{color:#fff} .footer .logo{color:#EAEAEA} #gotop{position:fixed;bottom:5%;right:2%;z-index:22;transition: all .36s;opacity: 0;transform: scale(.1);} #gotop.show {opacity: 1;transform: scale(1);} /* 首页 */ /* index*/ html,body,.slide .swiper-slide{position: relative;height: 100%;} .slide .swiper-slide .container{display: flex;height:100%;flex-direction: column;justify-content:center;} .swiper-container{width: 100%;height: 100%;} .slide{ display: flex;align-items: center;height:112%;} /* slide */ .slide .swiper-container{position:relative;} .slide .swiper-container::before{content:"";width:250px;height:102px;background:url(../img/zxt.png) no-repeat bottom center;position:absolute;bottom:0;z-index:0;background-size:100% 100%;z-index:2;left:0} .slide .swiper-container::after{content:"";width:100%;height:114px;background:url(../img/bgc3.png) no-repeat bottom center;position:absolute;bottom:0;z-index:0;background-size:100% 100%;z-index:1;} .slide .ban-slide-bj{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;overflow: hidden;background: no-repeat center;background-size: cover;} .slide .ban-slide-bj1{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;} .slide .swiper-slide-active .ban-slide-bj{transform: scale(1.15);-ms-transform: scale(1.15);-webkit-transform: scale(1.15);transition:all linear 5s;-webkit-transition:all linear 5s;} .slide .more2{text-align:left;} .more2.white a{color:#fff;border-color:#fff} .more2.white a span{color:#fff} .more2.white a:hover{border-color:#1FBDFD} .more2.white a i{background:url(../img/icon_jt02.png) no-repeat right center;} .slide .slide_txt{position:relative;z-index:3;color:#fff;width:100%;height:100%} .slide .slide_txt .container{height:100%} .slide .slide_txt .txt1{font-size:55px} .slide .slide_txt .txt2{font-size:44px;font-weight:bold;margin:-10px 0 30px 0} .node .swiper-pagination{position:absolute;right:20%;bottom:30px;z-index:22;} .node .swiper-pagination .swiper-pagination-bullet{width:30px;height:30px;position: relative;background: transparent;margin: 0 20px;opacity: 1;cursor:pointer;border:1px solid #aaa} .node .swiper-pagination .swiper-pagination-bullet:before{content: "";position: absolute;width: 4px;height: 4px;left: 50%;top: 50%;margin-left: -2px;margin-top: -2px;background: #00BCFF;border-radius: 50%;} .node .swiper-pagination .ui-loop{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;/*opacity: 0;*/ transition: all .3s;} .node .swiper-pagination .ui-loop svg{position: absolute;left: 0;top: 0;transition: all .3s;} .node .swiper-pagination .swiper-pagination-bullet .ui-loop{opacity:0;} .node .swiper-pagination .swiper-pagination-bullet-active{border:0} .node .swiper-pagination .ui-loop .path-loop-bg{fill: none;width: 100%;height: 100%;stroke: #aaa;stroke-miterlimit: 10;stroke-width: 3px;opacity: 0;} .node .swiper-pagination .ui-loop .path-loop{fill: none;stroke:#00BCFF;stroke-miterlimit: 10;stroke-width: 2px;opacity: 0;transition: opacity .3s 1s;} .node .swiper-pagination .swiper-pagination-bullet-active .ui-loop .path-loop-bg{opacity: .2;} .node .swiper-pagination.swiper-pagination span.swiper-pagination-bullet-active .ui-loop{opacity: 1;} .node .swiper-pagination.swiper-pagination span.swiper-pagination-bullet-active .path-loop{opacity: 1;} /* section1 */ .section1{clear:both;position:relative;overflow:hidden;} .section1::before{content:"";width:250px;position:absolute;top:-15px;height:105%;left:0;z-index:1;background:#0C6EB5;} .p120{padding:110px 0} .slide .sjt1{opacity:0;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;} .slide:hover .sjt1{opacity:1} /* section1*/ .section1{padding-bottom:60px} .section1 .sec1_wrap{position:relative;z-index:1;padding-bottom:110px} .section1 .list_video li{display:none;} .section1 .list_video li .item{position:relative;} .section1 .list_video li .item video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:none;} .section1 .list_video li .item .play{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);cursor:pointer} .section1 .list_video{position:absolute;left:0;width:50%;} .section1 .box1{position:initial;} .section1 .lang_txt{text-align:center;margin-bottom:18px;font-size:16px;} .section1 .tab_sp{margin:30px 0;position:absolute;bottom:2%;left:15%} .section1 .tab_sp li{width:120px;height:38px;line-height:38px;text-align:center;background: #0C6EB5;border-radius: 19px;margin:0 23px;position:relative} .section1 .tab_sp li a{display:block;color:#fff} .section1 .tab_sp li:hover,.section1 .tab_sp li.on{background:#1FBDFD;} .section1 .tab_sp li.on:before{content:"";border:10px solid transparent;border-bottom:10px solid #1FBDFD;position:absolute;left:50%;top:-20px;transform:translateX(-50%)} .section1 .sec1_info{padding-left:60px} .section1 .sec1_title{font-size:48px;font-weight:bold;} .section1 .sec1_desc{margin:25px 0;} .section1 .sec1_desc,.section1 .sec1_desc p{font-size:16px;line-height:32px;color:#666} /* index-two 行业推荐 */ .index-two{background: url(../img/intw-bj.png) no-repeat left top ;background-size: 76.04%;overflow:hidden;} .intw-wrap{position: relative;} .intw-left{width:50%;position:relative;z-index:2;margin-top:90px;box-shadow: 0px 0px 36px 4px rgba(0, 0, 0, 0.1);} .intw-left .js_title{font-size:48px;font-weight:bold;} .intw-left .more2{text-align:left;} .intw-right{width: 71.47%;margin-top:-120px;position: absolute;top: 0; right: 0;max-width:1070px;} .intw-font{background-color: #fff;padding: 46px 55px;} .intw-ul{margin-top:18px;z-index: 99;} .intw-ul span{color: #888;} .intw-ul a{color: #888;} .intw-ul img{float: right;display: none;} .intw-ul li{width:100%;padding: 15px 0 ;font-size:16px;color:#666;position:relative;cursor:pointer;} .intw-ul li::after{content:"";position:absolute;bottom:0;background:#0C6CB1;width:0;height:1px;transition:all ease-in .4s;left:0;} .intw-ul li:hover::after{width:100%;} .intw-ul li img{margin-top:13px} .intw-ul li:hover img{display: block;} .intw-ul li.on span{color:#0C6CB1;} .intw-ul li .num{color: #000;font-size: 50px;} .intw-right .intw-active{top: 10%;left:0; z-index: 10000;} .intw-active{top: 10%;left:0;z-index: 10000;/* width: 20%!important; */ height: 20%;color: #000;font-size: 50px;} .intw-left .more2 span{color:#666} .intw-left .more2 a:hover span{color:#fff} .list-news2 li:hover .item{background:#fff;} .section2 .more2{margin-bottom:0} .list-news2 li:nth-child(n+4){display:none;} .list-news2.show2 li:nth-child(n+4){display:unset;} /* section3 */ .section3{clear:both;background:#F7F7F7;} .section3 .grid{margin:0 -7px} .section3 .bimg{margin:7px;position:relative;max-height:440px;} .section3 .bimg .msk_con{position:absolute;width:100%;bottom:0;left:0;z-index:1;max-width:709px;color:#fff} .section3 .middle-x8 .msk_con{margin-left:69px;transition:all ease .25s;transform: translateY(120px);} .section3 .bimg .more2{text-align:left;} .section3 .bimg:hover .msk_con{transform: translateY(0px);} .section3 .msk_con .con_tit{font-size:30px;font-weight:bold;} .section3 .msk_con .con_desc{font-size:16px;line-height:32px;margin:15px 0 25px 0;height:64px;overflow:hidden;} .section3 .msk_con2 .biao img{width:90px} .section3 .bimg .msk_con2{position:absolute;width:100%;bottom:0;left:0;z-index:1;color:#fff;height:100%;text-align:center;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;} .section3 .bimg .msk_con2 .con_tit2{font-size:36px;font-weight:bold;margin-top:15px;;} .section3 .bimg:hover .con_tit2{opacity:.88;} .section3 .bimg:hover .biao img {transform: scale(1)!important; } .xgnr .swiper-container,.xgnr2 .swiper-container{position:initial} .xgnr,.xgnr2{position:relative;padding:35px 75px} /* 新闻资讯 */ .f-40{font-size:40px} .f-20{font-size:20px} .f-16{font-size:16px} .ny_slide{height:660px;position:relative} .tkg{clear:both;height:83px} .ny_slide::after{content:"";width:100%;height:114px;background:url(../img/bgc.png) no-repeat bottom center;position:absolute;bottom:-2px;z-index:0;background-size:100%;z-index:2;} .ny_slide2::after{content:"";width:100%;height:114px;background:url(../img/bgc2.png) no-repeat bottom center;background-size:100%;} .ny_slide::before{content:"";width:100%;height:100%;background:rgba(0,0,0,0);top:0;left:0;z-index:1;position:absolute;} .ny_slide .container{position:relative;} .bgt{background-repeat:no-repeat;background-size:cover;background-position:top center;} .sen_link_box{font-size: 0;position: absolute;color: #fff;padding-bottom: .7rem;bottom:25%;z-index:3;width:100%} .pre_box{display: inline-block;vertical-align: middle;min-width: 260px;padding-right: 3.6vw;} .ws1{min-width:300px;padding-right:1vw;} .at_present{line-height: 1.5;font-weight: 700;margin-top:0px;} .at_present_en{font-family: "word";color: rgba(255,255,255,.4);text-transform: inherit;line-height: 1;} .sty_line{display: inline-block;vertical-align: middle;height: 1px;background-color: rgba(255,255,255,.5);margin: 0 ;width: 0%;transition: width .5s ease .2s;width:62%;z-index:3;position:absolute;right:16%;left:auto;top:45%} .sen_link_con{display: inline-block;vertical-align: middle;text-align: center;min-width: 13.54vw;position: absolute;line-height: 1rem;right:0;} .sen_link_con i{transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;} .sen_link_con:hover i::before{content: "\f107";} .sen_link_con > a{font-weight: 700;position: relative;display: block;padding: 0 .35rem;color:#fff} .sen_link_con > a i{position: absolute;top: 50%;right: 0;transform: translateY(-50%) rotate(0deg);transition: all .5s ease;} .search_case{width:250px;min-height:100px;position:absolute;right:-48px;top:15px;opacity:0;transform:translateY(50px);transition:all .5s ease;pointer-events:none;z-index:1;} .search_case .sbox{box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);margin-top:20px;-webkit-box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0 99px rgba(29,56,75,.4);background:#fff;padding:12px 15px 25px 15px;border-radius:10px;} .pul_initial .search_case{top:64px;} .search_case .sbox::after{content:'';display:block;width:18px;height:18px;transform:rotate(45deg);top:12px;right:50%;background-color:#fff;position:absolute;} .sen_link_con .search_case a{text-align: left;display: block;color: #999999;line-height:45px;border-bottom: 1px solid #e1e1e1;transition: all .5s ease;position: relative;} .sen_link_con .search_case a:hover,.sen_link_con .search_case a.on{color: #0C6EB5;border-bottom: 1px solid #0C6EB5;} .sen_link_con .search_case a::after{content: '';display: block;position: absolute;left: 0;bottom: -1px;background-color: #0C6EB5;height: 1px;width: 0;transition: width .5s ease;} .sen_link_con .search_case a:hover,.sen_link_con .search_case a.on{color: #0C6EB5;} .sen_link_con .search_case a:hover::after,.sen_link_con .search_case a.on::after{width: 100%;} .ab_on{-webkit-animation: feIn .5s ease;animation: feIn .5s ease;} @keyframes feIn{0%{opacity: 0;transform: scale(.5) translateX(-50%);} 100%{opacity: 1;transform: scale(1) translateX(-50%);};} .sen_link_con:hover .search_case{opacity: 1;transform: translateY(0);pointer-events: auto;} .sen_link_con .search_case::after{left: 50%;right: auto;transform: translateX(-50%) rotate(45deg);} .sen_link_con:hover .search_case{opacity:1;transform:translateY(0);pointer-events:auto;} /* 新闻 */ /* typecat */ .typecat{text-align:center;color:#333;font-size:48px;margin-bottom:35px;font-weight:bold;} /* more */ .alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);} .more a{color:#A71F24;font-size:16px;padding-bottom:10px;position:relative;padding: 10px 14px 10px 18px;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);} .more span{position:relative;z-index:1;} .more a i{margin-left:16px;} .more a:hover{background: #1FBDFD; color: #fff;border: 1px solid #1FBDFD;} .main .list-news li{cursor:pointer;position:relative;padding:45px 0px;} .main .list-news li .item{transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;} .main .list-news li .item .pbox{overflow:hidden;} .main .list-news li:hover .item{box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);} .main .list-news li::before{content:"";position:absolute;bottom:0;background:#E8E8E8;height:1px;width:100%;} .main .list-news li::after{content:"";position:absolute;bottom:0;background:#0C6EB5;height:1px;width:0;transition: all ease-in .3s;-webkit-transition:all ease-in .3s;} .main .list-news li:hover::after{width:100%;} .main .list-news li .pic{background-repeat:no-repeat;background-size:cover;} .main .list-news li .info{max-width:97%;padding:45px 50px;} .main .list-news li .title{font-size:24px;font-weight:bold;margin-top:10px} .main .list-news li:hover .title a{color:#0C6EB5} .main .list-news li .desc{font-size:16px;line-height:30px;margin:15px 0 30px 0;color:#666;height:60px;overflow:hidden;} .main .list-news li .time{color:#666;position:relative;} /* pages */ .pages{text-align:center;padding:65px 0;font-size:16px;} .pages ul{padding:0;} .pages li {display:inline-block;vertical-align:middle;margin:0 4px;} .pages li a{display:block;border:1px solid #B5B5B5;padding:5px 15px;font-size:14px;color:#666} .pages li:hover a,.pages li.active a{border-color:#2260AF;color:#2260AF;} /* 详情页 */ .gt .f_tit{text-align:center;font-size:24px;background:#1FBDFD;color:#fff;padding:10px 0;} @media (max-width: 1440px){.newsinfo_tit .basecont .gt a{font-size: 16px;};} .newsinfo .news-title{text-align:center;font-size:24px!important;margin-bottom:15px;} .newsinfo .news-time{text-align:center;font-size:14px;padding:15px 0 20px 0;color:#999} .newsinfo .news-time img{height:18px;margin-right:5px;vertical-align:middle;margin-top:-3px} .newsinfo_tit .basecont .gt a img{height: 100%;float: left;} .newsinfo-section1{width: 100%;padding:20px 0 30px;} @media (max-width: 1440px){.newsinfo-section1{padding: 60px 0;};} @media (max-width: 991px){.newsinfo-section1{padding:1rem 0;};} .newsinfo-section1 .basecont .cont{display: flex;flex-wrap: wrap;margin: 0 -25px;} .newsinfo-section1 .basecont .make-text img{max-width: 100%; height: auto !important;} @media (max-width: 1440px){.newsinfo-section1 .basecont .cont{margin: 0 -15px;};} @media (max-width: 1199px){.newsinfo-section1 .basecont .cont{margin: 0 -14px;};} @media (max-width: 991px){.newsinfo-section1 .basecont .cont{margin: 0;};} .newsinfo-section1 .basecont .cont .lt, .newsinfo-section1 .basecont .cont .gt{padding: 0 25px;} @media (max-width: 1440px){.newsinfo-section1 .basecont .cont .lt,.newsinfo-section1 .basecont .cont .gt{padding: 0 15px;};} @media (max-width: 1199px){.newsinfo-section1 .basecont .cont .lt,.newsinfo-section1 .basecont .cont .gt{padding: 0 14px;};} @media (max-width: 991px){.newsinfo-section1 .basecont .cont .lt,.newsinfo-section1 .basecont .cont .gt{padding: 0;};} .newsinfo-section1 .basecont .cont .lt{width: 76%;} @media (max-width: 991px){.newsinfo-section1 .basecont .cont .lt{width: 100%;margin-bottom: 26px;};} .newsinfo-section1 .basecont .cont .lt .make-text{padding-bottom: 55px;border-bottom: 1px solid #D2D2D2;font-size: 16px;line-height: 2.5;} .newsinfo-section1 .basecont .cont .lt .make-text p{margin-bottom:0} @media (max-width: 991px){.newsinfo-section1 .basecont .cont .lt .make-text{padding-bottom: 33px;font-size:1.4rem};} .newsinfo-section1 .basecont .cont .lt .news_shang{padding: 30px 0;border-bottom: 1px solid #D2D2D2;} @media (max-width: 991px){.newsinfo-section1 .basecont .cont .lt .news_shang{padding: 40px 0;};} .newsinfo-section1 .basecont .cont .lt .news_shang .item{display: block;width: 100%;margin-bottom: 25px;} @media (max-width: 767px){.newsinfo-section1 .basecont .cont .lt .news_shang .item{margin-bottom: 15px;};} .newsinfo-section1 .basecont .cont .lt .news_shang .item span{display: block;line-height: 1;color: #666;font-size: 16px;margin-bottom: 15px;} @media (max-width: 1440px){.newsinfo-section1 .basecont .cont .lt .news_shang .item span{font-size: 14px;};} @media (max-width: 767px){.newsinfo-section1 .basecont .cont .lt .news_shang .item span{margin-bottom: 8px;};} .newsinfo-section1 .basecont .cont .lt .news_shang .item a{color: #666;font-size: 16px;line-height: 26px;} .newsinfo-section1 .basecont .cont .lt .news_shang .item a:hover{color:#1FBDFD} .newsinfo-section1 .basecont .cont .lt .news_shang .item:last-child{margin-bottom: 30px;} @media (max-width: 767px){.newsinfo-section1 .basecont .cont .lt .news_shang .item:last-child{margin-bottom: 20px;};} .newsinfo-section1 .basecont .cont .lt .news_shang .return1{display: flex;font-size: 16px;align-items: center;color:#1FBDFD;} .newsinfo-section1 .basecont .cont .lt .news_shang .return1 i{font-size:20px;} @media (max-width: 1440px){.newsinfo-section1 .basecont .cont .lt .news_shang .return1{font-size: 14px;line-height: 24px;};} .newsinfo-section1 .basecont .cont .lt .news_shang .return1 i{display: block;margin-left: 10px;} .newsinfo-section1 .basecont .cont .lt .meiti{width: 100%;margin-top: 44px;} @media (max-width: 991px){.newsinfo-section1 .basecont .cont .lt .meiti{margin-top: 40px;};} .newsinfo-section1 .basecont .cont .lt .meiti .f_tit{line-height: 1;margin-bottom: 24px;} @media (max-width: 767px){.newsinfo-section1 .basecont .cont .lt .meiti .f_tit{margin-bottom: 16px;};} .newsinfo-section1 .basecont .cont .lt .meiti .text{display: flex;flex-wrap: wrap;} .newsinfo-section1 .basecont .cont .lt .meiti .text .list{margin-right: 44px;font-size: 16px;line-height: 26px;} @media (max-width: 1440px){.newsinfo-section1 .basecont .cont .lt .meiti .text .list{font-size: 14px;line-height: 24px;};} @media (max-width: 767px){.newsinfo-section1 .basecont .cont .lt .meiti .text .list{width: 100%;margin-right: 0;margin-bottom: 14px;};} .newsinfo-section1 .basecont .cont .gt{width: 24%;} @media (max-width: 991px){.newsinfo-section1 .basecont .cont .gt{width: 100%;};} .newsinfo-section1 .basecont .cont .gt .jut{width: 100%;background-color: #FAFAFA;padding:30px 20px;} @media (max-width: 500px){.newsinfo-section1 .basecont .cont .gt .jut{padding: 30px 16px;};} .newsinfo-section1 .basecont .cont .gt .jut .f_tit{line-height: 1;margin-bottom: 30px;font-size:16px;font-weight:bold;} @media (max-width: 767px){.newsinfo-section1 .basecont .cont .gt .jut .f_tit{margin-bottom: 26px;};} .newsinfo-section1 .basecont .cont .gt .jut .item{display: block;width: 100%;margin-bottom: 24px;overflow:hidden} .newsinfo-section1 .basecont .cont .gt .jut .item .bimg{width:120px;float:left;position: relative;margin-right:10px;} .newsinfo-section1 .basecont .cont .gt .jut .item .font{overflow:hidden;} .newsinfo-section1 .basecont .cont .gt .jut .item .font span{font-size: 14px;color: #999;display: block;margin-bottom:5px;} .newsinfo-section1 .basecont .cont .gt .jut .item .font .text{height: 46px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 14px;line-height: 23px;color: #333;} .newsinfo-section1 .basecont .cont .gt .jut .item:hover{text-decoration: none!important;} .newsinfo-section1 .basecont .cont .gt .jut .item:hover .img img{-webkit-transform: scale(1.04);transform: scale(1.04);} .newsinfo-section1 .basecont .cont .gt .jut .item:last-child{margin-bottom: 0;} .newsinfo-section1 .basecont .cont .gt .jut a:hover .text{color:#1FBDFD!important} .weizhi{padding:10px 0 35px 0;color:#666} .p35{padding:35px 0;} /* 员工风采 */ .ygfc{width: 100%;background-size: 100% 100%;margin:0 2 150px 0} .ygfc .swiper-container{width: 95%;padding:50px 0 70px 0;} .ygfc .swiper-slide{width: 70%;} .ygfc .swiper-slide img{display: block;width: 100%;height: 530px;border-radius:20px;} .ygfc .swiper-slide-active img{box-shadow: 0px 0px 36px 4px rgba(0, 0, 0, 0.3);} .ygfc .swiper-button-next,.ygfc .swiper-button-prev{top:48%;width:49px;height:49px;} .ygfc .swiper-button-next{background: url("../img/yjt1.png") no-repeat center;background-size:cover;right:3%} .ygfc .swiper-button-prev{background: url("../img/zjt1.png") no-repeat center;background-size:cover;left:3%} .ygfc .swiper-pagination-bullet{width:12px;height:12px;background:#B5B5B5;opacity:1;margin:0 12px!important} .ygfc .swiper-pagination-bullet-active{background:#0C6EB5;} /* 社会责任 */ .main .list-news2 ul{margin:0 -18px} .main .list-news2 li .item{margin:20px 18px;transition: all .36s;cursor:pointer;border-bottom:1px solid #C9C9C9;position:relative;} .main .list-news2 li .pbox{padding:0 15px 15px 15px;} .main .list-news2 li:hover .item{box-shadow: 0 5px 47px 4px rgba(214, 211, 211, .75);} .main .list-news2 li .item::after{content:"";width:0;height:1px;background: #0C6EB5;position:absolute;bottom:0;left:0;transition: all ease-in .3s;-webkit-transition:all ease-in .3s;} .main .list-news2 li:hover .item::after{width:100%} .main .list-news2 li .time{color:#666;font-size:14px;margin:15px 0 10px 0} .main .list-news2 li .time img{vertical-align:middle;margin-right:8px} .main .list-news2 li .title{font-size:18px;line-height:30px;height:60px;overflow:hidden;margin:15px 0} .main .list-news2 li .title a{color:#666} .main .list-news2 li:hover .title a{color:#0C6EB5} /* join */ #lxwm-zhaoxian{padding:40px 0;} #lxwm-zhaoxian .list li{font-size:12px;margin:10px 0 0 0;padding:0;} #lxwm-zhaoxian .list li p.fold-head{padding: 15px;margin:0;display:flex;align-items:center;justify-content: space-between;font-size:24px;} #lxwm-zhaoxian .list li p.fold-head{background-color:#E7E8EC;padding:15px 65px;cursor:pointer;} #lxwm-zhaoxian .list li:hover p.fold-head{background:rgba(231, 232, 236, .8);} #lxwm-zhaoxian .list li {font-size:18px;color:#666;margin-bottom:10px;} #lxwm-zhaoxian .list li .info {background-color:#Fbfbfb;padding:30px 65px 0 65px;display:none;} #lxwm-zhaoxian .list li .info .text{color:#333333;font-size:14px;line-height:28px;margin-bottom:25px;padding:10px 0} #lxwm-zhaoxian .list li .apply_btn{border-top:1px solid #cdcdcd;text-align:center;overflow:hidden;padding:10px 0;} #lxwm-zhaoxian .list li .apply_btn a{padding:6px 45px;background:#EE1D23;color:#fff;margin:25px 15px;cursor:pointer;border-radius: 6px;display:inline-block} #lxwm-zhaoxian .list li .apply_btn a:hover{opacity:.8;} #lxwm-zhaoxian .list li i.fa{color:#EE1D23;font-size:24px;} #lxwm-zhaoxian .list li .zp1 span{font-size:16px;margin-right:50px;font-weight:bold;} .joblist .job1{padding:60px 0 45px 0} .joblist .job1 .bimg{border-radius:15px;} .joblist .job1 .bimg img{border-radius:15px;} .joblist .job1 .msgbox{background:rgba(255,255,255,.9);box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);border-radius: 11px;padding:50px;position:relative;z-index:1;margin:80px -60px 0 0} .joblist .job1 .msgbox li .biao{width:72px;height:72px;border-radius:50%;background:#0C6EB5;text-align:center;float:left;font-size:40px;color:#fff;margin-right:20px;} .joblist .job1 .msgbox li .msg{overflow:hidden;} .joblist .job1 .msgbox li{overflow:hidden;font-size:18px;line-height:72px;margin:35px 0} #lxwm-zhaoxian .list li.active .fa-plus-circle:before{content:"\f056";} /* 业务咨询 */ #c-contact .c-list-box{background: #fff;box-shadow: 0 1px 50px rgba(0,0,0,.1);} #c-contact .c-list1 li{float: left;position: relative;width: 50%;height: 90px;font-size: 30px;line-height: 90px;text-align: center;color: #333;background: #ddd;cursor: pointer;} #c-contact .c-list1 li:before{content: "";position: absolute;bottom: -20px;left: 50%;margin-left: -10px;border: 10px solid transparent;} #c-contact .c-list1 li.hover{color: #fff;background:#0c6eb5;} #c-contact .c-list1 li.hover:before{border-top: 10px solid #0c6eb5;} #c-contact .c-list2 li{display: none;padding: 0 40px 70px;} #c-contact .c-list2 li.active{display: block;} #c-contact .c-list2 .c-title{padding:20px 0 0 0;font-size: 24px;line-height: 34px;color: #191919;} #c-contact .c-list2 input{width: 100%;height: 60px;background: #f6f6f6;font-size: 16px;color: #666;padding: 0 20px;margin-bottom: 16px;} #c-contact .c-list2 textarea{width: 100%;padding: 17px 20px;font-size: 16px;line-height: 26px;color: #666;border: 0;background: #f6f6f6;height: 225px;margin-bottom: 16px;outline:0;} #c-contact .c-list2 .c-item2 input{float: left;width: -webkit-calc(50% - 10px);width: calc(50% - 10px);} #c-contact .c-list2 .c-item2 select{border: 0;float: right;width: -webkit-calc(50% - 10px);width: calc(50% - 10px);height: 60px;background: #f6f6f6;font-size: 16px;color: #666;padding: 0 20px;margin-bottom: 16px;} #c-contact .c-list2 .c-item2 input:last-child{float: right;} #c-contact .c-list2 button{display: block;margin: 34px auto 0;width:220px;height:58px;font-size: 18px;color: #fff;background:#a71f24; border-radius: 28px; border: none;} #c-contact .c-list2 button:hover{opacity:.88;} #c-contact .f_yanzheng,#c-fixed-pop .f_yanzheng{display: flex;align-items: center;justify-content: space-between;} #c-contact .f_yanzheng input{margin-bottom: 0;width: calc(100% - 256px) !important;} #c-contact .f_yanzheng img{width: 240px;height: 60px;} /* 合作院校 */ .list_yx{overflow:hidden;padding:25px 0 35px 0;} .list_yx li{width:20%;float:left;text-align:center;} .list_yx li .item{margin:10px auto;max-width:190px;} .list_yx li .title{height:35px;line-height:35px;overflow:hidden;margin:15px 0;} /* 合作客户 */ .list_kehu{clear:both;padding:35px 0 45px 0;overflow:hidden;} .list_kehu ul{margin:0 -15px} .list_kehu li{width:20%;float:left;text-align:center;} .list_kehu li .item{border:1px solid #DCDCDC;margin:15px} /* 企业资质 */ .list_honor ul{margin:0 -15px} .list_honor li .item{margin:15px;text-align:center;} .list_honor li .title{height:25px;line-height:25px;margin:15px 0} .more2{text-align:center;margin:55px 0;} .more2 a{width: 236px;height: 48px;border: 1px solid #0C6EB5; border-radius: 25px;line-height:48px;text-align:center;display:inline-block;position:relative;} .more2 a i{width:45px;height:48px;background:url(../img/icon_jt2.png) no-repeat center;float:right;margin-right:15px;position:relative;z-index:2;} .more2 a:hover i{background:url(../img/icon_jt02.png) no-repeat center;} .more2 a span{position:relative;z-index:1;} .more2 a:hover{color:#fff} .more2 a:hover{background: #1FBDFD; color: #fff;border: 1px solid #1FBDFD;} .list_honor li:nth-child(n+13){display:none;} .list_honor.on li:nth-child(n+13){display:block;} .list_honor2{overflow:hidden;} .list_honor2 .bd ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center; } .list_honor2 .bd ul li .bimg img{ width:326px; display:block; } .main .list-news2.wsbox li .title{height:30px;margin:15px 0 5px 0;} .main .list-news2.wscl li .title{height:30px;margin:15px 0 5px 0;text-align:center} /* 团队 */ .list_team ul{padding:15px 0 35px 0} .list_team li{margin:15px 0} .list_team li .item .bimg{width:150px;float:left;margin-right:40px;border-radius:10px;} .list_team li .item .bimg img{border-radius:10px;} .list_team li .item .title{padding:5px 0;border-bottom:1px solid #0C6EB5;font-size:30px;} .list_team li .item .info .desc{margin:18px 0;font-size:16px;line-height:26px;color:#666;} .list_team li .item.gray .bimg img{ filter: grayscale(100%);} .list_team li .item.gray .title{color:gray;border-bottom-color:gray;} /* 课题研究 */ .list_kt{padding:25px 0 0 0} .list_kt li{padding:100px 0;background:#F8F8F8;} .list_kt li .bimg img,.list_kt li .bimg{border-radius:20px!important;} .list_kt li .bimg{max-width:600px;} .list_kt li .kt_box{max-width:580px} .list_kt li .more2{text-align:left;} .list_kt li .kt_title{font-size:38px;margin:45px 0} .list_kt li .kt_desc{font-size:16px;line-height:35px;color:#666;} .list_kt li:nth-child(2n){background:#fff;} .list_kt li:nth-child(2n) .grid{flex-direction: row-reverse;} .list_kt li:nth-child(2n) .kt_box{margin-right:0;padding-left:30px} /* sidebar */ .mc_aside_navbox { padding-left: 20px; } /* 9.11 syc */ .mc_aside_navbox1 .mc_aside_li{/* width: calc(4em + 30px); */ margin: 30px 0;} .mc_aside_navbox{position: fixed;left: 0;padding-left: 40px;top: 50%;transform: translateY(-50%) translateX(-100%);z-index: 99;transition: all .36s ease-out;} .mc_aside_navbox.show{transform: translateY(-50%) translateX(0);} .mc_aside_li{position: relative;z-index: 1;padding-left: 20px;font-size: 12px;line-height: 20px;color: #999999;margin: 60px 0;border-top: 1px solid transparent;border-bottom: 1px solid transparent;cursor: pointer;transition: all .36s;} .mc_aside_li::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 9px;height: 9px;border-radius: 50%;background: #0C6EB5;border: 1px solid #fff;transition: all .36s;} .mc_aside_li::after{display: none;content: "";position: absolute;left: 4px;top: 50%;width: 1px;height: 65px;border-radius: 50%;background: #d4dbf1;z-index: -1;transition: all .36s;} .mc_aside_li:last-child::after{display: none;} .mc_aside_li.on{font-size: 14px;color: #333333;} .mc_aside_li.on::before{box-shadow: 0 0 8px 0 rgba(79, 115, 233, .75);} .mc_aside_li.on::after{background: #0C6EB5;} .mc_aside_nav{position: relative;} .mc_aside_nav::before{content: "";position: absolute;left: 4px;top: 11px;z-index: -2;width: 1px;height: calc(100% - 22px);background: #d4dbf1;transition: all .36s;} .mc_aside_navline{display: block;position: absolute;left: 4px;top: 11px;z-index: -1;width: 1px;max-height: calc(100% - 22px);background: #0C6EB5;transition: all .3s;} /* 新品研发 */ .list_kt2 li .kt_box{padding-left:90px} .list_kt2 li:nth-child(2n) .kt_box{padding-left:0;padding-right:90px} .list_kt2 li .bimg{max-width:450px;text-align:center;margin:0 auto} .main .sxp2{padding:100px 0} .main .sxp2 ul{margin:0 -40px} .main .sxp2 li .item{margin:0 40px;align-items:center;background: #FFFFFF; box-shadow: 0px 0px 27px 3px rgba(0, 0, 0, 0.1); border-radius: 10px;padding:40px 48px;} .main .sxp2 li .icon img{max-width:55px;} .main .sxp2 li .item .title{font-size:30px;margin-bottom:6px;color:#333} .main .sxp2 li .link{font-size:14px;color:#666} .main .sxp2 li .b2{display:none;} .main .sxp2 li:hover .b1{display:none;} .main .sxp2 li:hover .b2{display:inline-block;} .main .sxp2 li:hover .item{background:#1FBDFD} .main .sxp2 li .link i{width:45px;height:20px;background:url(../img/icon_jt2.png) no-repeat center;position:relative;z-index:2;float:left;margin-left:10px} .main .sxp2 li:hover .link i{background:url(../img/icon_jt02.png) no-repeat center;} .main .sxp2 li .link span{float:left;height:20px;line-height:20px} .main .sxp2 li:hover .link,.main .sxp2 li:hover .title{color:#fff} .main .xinpin1 .list_xp1 ul{margin:0 -20px;padding-bottom:35px;} .main .xinpin1 .list_xp1 li .item{margin:20px;text-align:center;} .main .xinpin1 .list_xp1 li .title{height:35px;line-height:35px;font-size:16px;margin-top:15px;} .main .xinpin2{clear:both;padding:80px 0;background:#F8F8F8;} .main .xinpin2 .item{text-align:center;} .main .xinpin2 .item .title{height:35px;line-height:35px;font-size:16px;margin-top:15px;} .main .xinpin2 .slide_t2{padding-bottom:65px;position:relative} .main .xinpin2 .swiper-container{position:initial} .main .xinpin2 .swiper-pagination-progress{bottom:0;top:auto;max-width:825px;margin:0 auto!important;left:50%;transform:translateX(-50%);background:#166FB3;border-radius:3px;} .swiper-pagination-progress .swiper-pagination-progressbar{background:#EC1D23!important;} /* 企业介绍 */ .pb60{padding-bottom:60px;} .p80{padding:80px 0} .radius img{border-radius:10px;} .about1 .bimg{margin:30px 0} .about1 .about1_desc,.about1 .about1_desc p{font-size:16px;line-height:30px;color:#666} .about1 .about1_desc p{margin:15px 0} .list_map li .kt_title{position:relative;padding-left:25px;margin-bottom:25px;font-size:30px;font-weight:normal;} .list_map li .kt_title::before{content:"";width: 12px;height: 12px;background: #FF0000;border-radius: 50%;position:absolute;left:0;top:50%;transform: translateY(-50%);} .list_map li .grid{flex-direction: row-reverse;} .list_map li:nth-child(2n) .grid{flex-direction: row;} .list_map li:nth-child(2n) .kt_box{padding-left:115px} .list_map li .more2 a{max-width:148px;height:38px;line-height:38px} .list_map2{padding:100px 0} .list_map2 li .more2{text-align:left;} .list_map2 li:nth-child(2n) .kt_box{padding-left:0} .list_map2 li .kt_title{margin:15px 0 10px 0} .list_map2 li .more2{margin:20px 0 45px 0} .list_map2 li .kt_desc{line-height:32px;color:#666;} /* 企业文化 */ .main .wh1 .wh1_img{background:url(../img/bg_pp.png) no-repeat;background-size:cover;height:463px;text-align:center;line-height:463px;} .main .wh1 .wh1_info{padding:15% 0 0 80px} .main .wh1 .wh1_title{font-weight:bold;color:#0C6EB5;font-size:24px;margin-bottom:25px;} .main .wh1 .wh1_desc{font-size:16px;color:#666;line-height:40px;} .main .wh1 .wh1_desc2{padding:30px 0 65px 5%} .main .wh1 .wh1_desc strong{color:#333} .main .wh2{clear:both;text-align:center;position:relative;height:775px;overflow:hidden;padding:120px 0} .main .wh2 .bgt{position:absolute;top:0;left:0;z-index:0;} .main .wh2 .list_wh2{padding:120px 0} .main .wh2 .list_wh2 li .item{color:#fff} .main .wh2 .list_wh2 li .title{font-size:24px;font-weight:bold;margin:20px 0 15px 0} .main .wh2 .list_wh2 li .desc{font-size:20px;line-height: 25px;} /* 详情页 */ .main.ptp{padding-top:50px;} .main.ptp2 .weizhi{margin:20px 0 -15px 0} .main .xq1{background:#F7F8FA;padding:30px 0 80px 0;overflow:hidden;} .main .xq1 .newstitle{font-size:48px!important;font-weight:bold;margin:10px 0 45px 0;line-height:60px;} .main .xq1 .time{color:#666;font-size:14px} .main .xq1 .time span{margin:0 35px} .main .content,.main .content p{font-size:18px;line-height:35px;color:#333;} .main .xq2 .rbox{margin-left:25px;} .main .xq2 .rbox .item{background:#F7F8FA;padding:20px 20px ;margin-bottom:18px;overflow:hidden;} .main .xq2 .rbox .item .item_name{font-size:20px;font-weight:bold;margin-bottom:15px;} .main .xq2 .rbox .item .item_title{font-size:18px;line-height:30px;} .main .xq2 .rbox .item .item_title a{color:#666} .main .xq2 .rbox .item .item_title:hover a{color:#3881FD} .main .xq2 .rbox .item .item_time{font-size:14px;color:#999;margin:15px 0 0 0} .main .xq2 .rbox .item_t2 .item_name{position:relative;padding-left:13px} .main .xq2 .rbox .item_t2 .item_name::before{content:"";width: 2px;height: 18px;background: #EE1D23;position:absolute;left:0;top:50%;margin-top:-9px} .main .xq2 .rbox .item_t2 .tags{margin:0 -8px 15px -8px} .main .xq2 .rbox .item_t2 .tags a{height:32px;line-height:32px;padding:0 12px;background: #fff;border: 1px solid #D2D2D2;display:inline-block;margin:6px;font-size:14px;color:#666} .main .xq2 .rbox .item_t2 .tags a:hover{background:#EE1D23;border-color:#EE1D23;color:#fff} .main .xq2 .item_share{clear:both;margin:15px 0 20px 0;overflow:hidden;} .main .xq2 .item_share li{float:left;margin-right:25px;width: 45px;height: 45px;line-height:45px;border-radius:50%;text-align:center;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;} .main .xq2 .item_share li i{font-size:24px;color:#fff;vertical-align:middle;margin-top:-5px} .main .xq2 .item_share li:nth-child(1){background:#43AB35;} .main .xq2 .item_share li:nth-child(2){background:#1C9BEC;} .main .xq2 .item_share li:nth-child(3){background:#E41523;} .footer .share li:hover{opacity:.8;} /* 产品详情 */ .main .show1 .jdt .flip>.flip-prev,.main .jdt .flip>.flip-next{width:48px;height:48px;border-radius:50%;background: rgba(255,255,255,.8);color:#00BCFF} .main .jdt .flip>.flip-prev::before,.main .jdt .flip>.flip-next::before{width:.8rem;height:.8rem;top:1rem} .main .jdt .flip>.flip-prev{left:20px} .main .jdt .flip>.flip-next{right:20px} .main .jdt .nav>li>a{background:#fff;border:0;width:10px;height:10px} .main .jdt .nav>li.active a{background:#00BCFF;} /* 产品详情 */ .main.bgf5{background:#f5f5f5;} .main .show1 .info{margin:40px 0 0 65px} .main .show1 .cp_title{font-weight:bold;font-size:36px} .main .show1 .cp_desc{font-size:16px;line-height:30px;color:#666;margin:35px 0;height:180px;} .main .show1 .contact_btn li{height: 66px; border: 1px solid #0C6EB5;border-radius: 4px;line-height:66px;text-align:center;font-size:18px;padding:0 55px;} .main .show1 .contact_btn li a{color:#0C6EB5} .main .show1 .contact_btn li.li1{background:#0C6EB5;margin-right:33px} .main .show1 .contact_btn li.li1 a{color:#fff} .main .show1 .contact_btn li.li1 a i{width:25px;height:60px;background:url(../img/icon_user2.png) no-repeat center;float:left;margin-right:10px} .main .show1 .contact_btn li:hover a{opacity:.58} .main .show2 .content{padding:45px 0} .xgcp{background: #F5F5F5;padding:80px 0} .xgcp .swiper-button-next, .xgcp .swiper-button-prev{width:44px;height:44px; border: 1px solid #166fb3; border-radius: 50%;background-size:15px 20px;} .xgcp .xg_title{text-align:center;font-size:36px;font-weight:bold;color:#0C6EB5} .xgcp .list-news2{margin-top:30px} .main .list-news2.wsbox li:nth-child(n+4){display:none;} /* 产品列表 */ .main .type2{padding:10px 0 ;border-bottom:1px solid #B5B5B5;align-items:center;margin:15px 0} .main .type2 b{font-size:36px} .main .type2 a{font-size:16px;color:#EC1D23;margin-top:15px} .main .list_pro{padding:45px 0 90px 0;} .main .list_pro ul{margin:0 -20px;} .main .list_pro li .item{text-align:center;margin:20px} .main .list_pro li .title{height:30px;line-height:30px;margin-top:15px;} .main .list_pro li .title a{color:#666} .main .list_pro li .title:hover a{color:#1FBDFD} .main .list_pro .itemlist{padding-bottom:25px} .main .checklist{padding:35px 0 20px 0;position:relative;z-index:1} .itemlist ul li:nth-child(n+5){display:none} .itemlist.on ul li:nth-child(n+5){display:inline-block} .itemlist a.vmore::before{content:"+"} .itemlist.on a.vmore::before{content:"-"} .main .checklist ul.grid{margin:0 -17px} .main .checklist li .item{margin:0 17px} /* select下拉 */ .filter-disabled{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none} .filter-box{position:relative;} .filter-box select{display:none} .filter-text{height:100%;overflow:hidden;position:relative;cursor:pointer;padding:0 30px 0 10px;background:#fff;box-shadow: 0px 0px 18px 2px rgba(0, 0, 0, 0.1); border-radius: 34px;background: #fff;padding:0 20px} .filter-text input{font-size:18px} .filter-text .filter-title{width:100%;height: 65px; line-height:65px;border:0;background-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;cursor:pointer} .filter-list{display:none;width:100%;max-height:300px;background-color:#fff;font-size:16px;position:absolute;top:70px;left:0;z-index:99;border:1px solid #e6e6e6;overflow:auto;border-radius:10px;} .filter-list.filter-open{z-index:99;} .filter-list li.filter-null a{color:#d2d2d2} .filter-list li a{display:block;padding:0 10px;line-height:45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer} .filter-list li:hover{background-color:#f2f2f2} .filter-list li.filter-selected{background-color:#1FBDFD} .filter-list li.filter-selected a{display:block;color:#fff} .filter-list li.filter-disabled{background-color:#fff} .filter-list li.filter-disabled a{display:block;color:#d2d2d2} .filter-list li.filter-disabled:hover a{cursor:not-allowed!important;background-color:#fff} .filter-text .icon{position:absolute;right:30px;top:46%;transition:all .2s;font-size:12px;color:#333} .icon-filter-arrow.filter-show{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)} .filter-list::-webkit-scrollbar{width:4px;height:4px} .filter-list::-webkit-scrollbar-track{background:#fff} .filter-list::-webkit-scrollbar-thumb{background:#cbcbcb} /* main */ .list_yx li:nth-child(5n+1){clear:both} .main{clear:both;margin-top:-2px} .main .lsgyny{padding:35px 0} .gynybt h2{font-size: 48px;color: #333333;} .gynybt p{font-size: 14px;color: #888888;} .gynylb{padding:65px 0} .gynylb dl{position: relative; width:100%;} .gynylb dl dd{width: 12%;position:relative;position: absolute;left: 0;top:0;} .gynylb dl dd p{font-size: 24px;line-height: 1;font-weight: bold;} .gynylb dl dd span{width:11px; height:11px; position:absolute; background:url(../img/dian.png) center no-repeat;right: -6px;top: 5px;} .gynylb dl dt{width: 88%; float:right;padding-left: 60px;font-size: 16px; border-left: 1px solid #166fb3;padding-bottom: 15px;} .gynylb dl dt:hover{color:#1FBDFD} .gynylb dl dt p{margin-top:-8px;} .gynylb dl.fir dd span{width:17px; height:17px; position:absolute; background:url(../img/dian2.png) center no-repeat;right: -8.5px;top: -3px;} .gynylb dl:nth-child(1) dt,.gynylb dl:nth-child(1) dd{color:#ee1d23;} .main .xgsb{background:#fff;} .main .xgsb .list-news2 li:nth-child(n+4){display:initial;} .main .xgsb .list-news2 li .item{border-bottom:0} /* 水处理详情页 */ .main .xqbox1{clear:both;background:#F5F5F5;overflow:hidden;padding-bottom:40px} .main .xqbox1 .weizhi{overflow:hidden;} .main .xqbox1 .xq1_info{padding-left:40px} .main .xqbox1 .xq1_title{font-size:36px;color:#EE1D23} .main .xqbox1 .xq1_sex{font-size:16px;line-height:32px;margin:25px 0 80px 0} .main .xqbox1 .xq1_sex p{margin:2px 0} .main .pro_btn li{width:48%;height:66px;line-height:66px;background:#0C6EB5;color:#fff;float:left;border-radius:4px;text-align:center;font-size:18px;} .main .pro_btn li a{color:#fff;display:block;} .main .pro_btn li a img{margin-right:12px} .main .pro_btn li:hover{opacity:.8;} #trans-tooltip,#tip-arrow-bottom,#tip-arrow-top{display:none!important} .tags{padding:10px 0} .tags a{padding:2px 3px;margin-right:2px;border:1px solid #ddd;border-radius:2px;height:20px;line-height:20px;} /* 弹窗表单 */ .ly{cursor:pointer} .c-pop{position: fixed;top: 0;left: 0;z-index: 910;width: 100%;height: 100%;background: rgba(0, 0, 0, .1);} .c-pop form{position: absolute;top:55%;left: 50%;width: 90%;max-width: 690px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background: #fff;} .c-pop form .c-close{position: absolute;top: -50px;right: -50px;width: 50px;height: 50px;border-radius: 50%;background: rgba(0, 0, 0, .5) url(../img/close.png)no-repeat center /16px auto;cursor: pointer;} .c-pop form .c-title-box{padding: 25px 40px;text-align: center;color: #fff;background:#0C6EB5;} .c-pop form .c-title-box .c-title{margin-bottom: 5px;font-size: 32px!important;line-height: 42px;font-size:14px;} .c-pop form .c-title-box .c-text{font-weight: bold;line-height: 26px;} .c-pop form .c-box{padding: 40px;} .c-pop form .c-list{margin: 0 -5px;display: flex;flex-wrap: wrap;align-items: flex-start;} .c-pop form .c-list li{width: 50%;padding: 0 5px 20px;} .c-pop form .c-list li:nth-child(3), .c-pop form .c-list li:nth-child(4){width: 100%;} .c-pop form .c-list li:nth-child(5){width:100%;} .c-pop form .c-list li:nth-child(5), .c-pop form .c-list li:nth-child(6){padding-bottom: 0;} .c-pop form .c-list .c-text2{margin-bottom: 10px;font-weight: bold;line-height: 1;} .c-pop form .c-list input{padding: 0 20px;width: 100%;height: 60px;line-height: 60px;background: #f4f4f4;} .c-pop form .c-list textarea{padding: 15px 20px;width: 100%;height: 120px;line-height: 26px;background: #f4f4f4;border:1px solid #ddd;outline:0;} .c-pop form button{width: 100%;font-weight: bold;font-size: 16px;line-height: 70px;color: #fff;background:#0C6EB5;cursor: pointer;transition:all ease-in .3x} .c-pop form button:hover{background:#1FBDFD} .c-pop form a{display: block;border: 2px solid #0042ad;font-weight: bold;font-size: 16px;line-height: 66px;text-align: center;color: #0042ad;} .hz_sm{text-align:center;margin:-30px 0 15px 0;color:#666;font-size:16px;} .mess .list{padding:0 15px;} .mess .list ul li{ width: 100%; height: 58px; line-height: 58px; margin-bottom: 26px; padding:0; position: relative; } .mess .list ul .bor{ border:1px solid #e4e4e4; } .mess .list ul li label{ display: block; float: left; height: 56px; width: 70px; text-align: center; font-size: 16px; color: #666666; margin-bottom: 0; font-weight: normal; } .mess .list ul .bor .inp{ width: 56px; line-height: 56px; border:0; padding: 0; float: left; width: 60%; float: left; display: block; } .mess .list ul li .box{ border:1px solid #e4e4e4; width: 45%; } .mess .list ul li .inpp{ width: 56px; line-height: 56px; border:0; padding: 0; float: left; width:60%; float: left; display: block; } .mess .list ul li img{ display: block; float: left; margin-left: 18px; } .mess .list ul .teat textarea{ width: 100%; display: block; height: 310px; font-size: 16px; line-height: 26px; outline:0; border:1px solid #e4e4e4; text-indent: 80px; padding: 16px 10px; color: #666; } .mess .list ul .teat{height: auto;} .mess .list ul .teat label{ display: block; float: left; height: 56px; width: 70px; text-align: center; font-size: 16px; color: #666666; margin-bottom: 0; font-weight: normal; position: absolute; top: 0; left: 0; } .mess .list ul li .reset,.mess .list ul li .submit{ display: block; float: right; width: 30%; height: 42px; line-height: 42px; background-color: #ececec; text-align: center; font-size: 16px; color: #666; border:0; margin-left: 8px; transition: all 0.5s; -webkit-transition: all 0.5s; } .mess .list ul li .submit{ background-color: #0372cd; color: #fff; } .mess .list ul li .reset:hover{ background-color: #ccc; } .mess .list ul li .submit:hover{ background-color: #006cb8 } .popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); justify-content: center; align-items: center; z-index: 1000; } .popup .close{ position:absolute; right:50px; cursor:pointer; z-index:21; top:40px; } .popup .spk{ position:relative; height:100vh; display: flex; align-items: center; background: rgba(0,0,0,.98); justify-content: center; } .popup .close img{ width:50px; } .popup.active { display: flex; } .popup .play{ position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index:2; } .popup .play img{ width:75px; } .video-container { position: relative; width:100%; height:100%; } .video-container video { width: 100%; height: 100%; } .progress-bar { position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background-color: #333; } .progress { width: 0; height: 100%; background-color: #00ff00; transition: width 0.1s; }