#ban img{width:100%;display:block;}.pronav{position:absolute;bottom:0;left:0;width:100%;height:100px;background:rgba(0,0,0,.6);}#pronav-slick .item{width:100%;height:100px;text-align:center;padding:0 3px;}#pronav-slick .item .img-wrap{display:inline-block;width:45px;height:45px;overflow:hidden;margin-top:8px;}#pronav-slick .item .img-wrap img{width:100%;}#pronav-slick .item .txt{color:#fff;margin-top:6px;font-size:15px;}#pronav-slick .item:hover{background:#fff;}#pronav-slick .item:hover .txt{color:#333;}#pronav-slick .item:hover .img-wrap img{margin-top:-100%;}.mid-section{margin:35px 0;}.mid-section-wrap{width:100%;max-width:1200px;margin:0 auto;}#news-swiper .item{position:relative;height:0;padding-bottom:63%;overflow:hidden;}#news-swiper .item img{width:100%;}#news-swiper .item .txt-bg{position:absolute;width:100%;height:30px;left:0;bottom:0;line-height:30px;background:rgba(0,0,0,.5);padding-right:90px;}#news-swiper .item .txt{color:#fff;padding:0 5px;}.num-dots{position:absolute;width:90px;height:30px;bottom:0;right:0;}.num-dots li{display:inline-block;}.num-dots li button{width:30px;height:30px;background:transparent;border:none;color:#fff;outline:none;font-size:14px;}.num-dots li.slick-active button{background:#01aef0;}.homenews-list-wrap{background:#f5f5f5;min-height:253px;}.hn-top-head{position:relative;height:30px;}.hn-top-head .hn-tab{margin-left:20px;font-size:0;float:left;}.hn-top-head .hn-tab li{display:inline-block;position:relative;width:100px;height:30px;line-height:30px;color:#333;font-size:14px;text-align:center;z-index:2;cursor:pointer;}.hn-top-head .hn-tab li:after{position:absolute;top:0;left:0;content:'';width:100%;height:30px;background:#fff;transform:skewx(-20deg);transform-origin:left bottom;box-shadow:0 0 2px #ccc;z-index:-1;}.hn-top-head .hn-tab li.active{color:#fff;}.hn-top-head .hn-tab li.active:after{background:#01aef0;}.hn-top-head .hn-more{float:right;margin-right:20px;line-height:30px;color:#999;font-weight:bold;font-size:14px;}.hn-list{padding:12px 0 0 20px;}.hn-list li{position:relative;height:40px;line-height:40px;padding-right:60px;}.hn-list .hn-tit{font-size:14px;color:#333;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.hn-list .hn-date{position:absolute;top:0;right:20px;line-height:35px;color:#999;}.hn-list li:hover .hn-tit{color:#ff9b05;}.hn-list li:hover .hn-date{color:#ff9b05;}.mid-other{padding-left:15px;}.mid-other .video-link{height:0;padding-bottom:39.4%;overflow:hidden;}.mo-bottom{margin-top:15px;}.mo-bottom-link{width:48%;padding:18px;color:#fff;position:relative;}.mo-bottom-link img{position:absolute;right:18px;top:18px;width:45px;}.mo-bottom-link .ch{font-size:18px;font-weight:bold;}.mo-bottom-link .en{font-size:12px;margin-top:10px;}.homecase-section{padding:35px 0 55px;background:#f4f4f4;}.homecase-head{margin-bottom:20px;padding:0 10px;}.section-title{float:left;}.section-title .ch{font-size:20px;font-weight:bold;color:#333;margin-right:5px;}.section-title .en{font-size:12px;color:#999;}.filter-unit{float:right;}.filter-unit .select-skin{position:relative;display:inline-block;width:150px;height:30px;margin-right:15px;overflow:hidden;z-index:1;}.filter-unit .select-skin.border::before{border-color:#00afef;border-radius:40px;z-index:-1;}.filter-unit .select-skin select{position:relative;appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;background:transparent;width:100%;width:170px\0/;height:30px;border:none;outline:none;padding-left:15px;z-index:5;}.filter-unit .select-skin .arrow-icon{position:absolute;line-height:30px;top:0;right:15px;z-index:1;}.filter-unit .filter-btn{display:inline-block;width:50px;height:30px;line-height:30px;text-align:center;color:#fff;background:#00b2f3;border-radius:15px;font-size:18px;cursor:pointer;float:right;}.homecase-cont{width:100%;max-width:1480px;margin:0 auto;}.hc-item{display:block;padding:0 10px;}.hc-cont{position:relative;height:0;padding-bottom:128.5%;overflow:hidden;}.hc-cont:hover .hc-info{top:0;opacity:1;}.hc-info{position:absolute;top:100%;left:0;width:100%;height:100%;padding:0 15px;background:rgba(0,178,243,.5);color:#fff;opacity:0;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}.hc-info .t1{font-size:16px;margin-bottom:10px;}.hc-info .txt{font-size:14px;height:66px;line-height:22px;overflow:hidden;margin-bottom:20px;}.hc-info .tech-img .wrap{width:40px;height:40px;margin:0 5px;float:left;overflow:hidden;}.hc-info .tech-img .wrap img{width:100%;}.hc-info .more{margin-top:20px;}.hc-title{font-size:16px;color:#555;text-align:center;margin-top:10px;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}.homeus-section{position:relative;} .hu-blue-bg{ /*background:#01aef0;*/ padding-top:20px; background:#01aef0 center top no-repeat;background-size:contain;background-position: center 80px; } .hu-list{ padding-bottom:120px; /*background: center top no-repeat;background-size:contain;background-position: center 43px;*/ } .hu-list ul{width:68%;margin:0 auto;font-size:0;} .hu-list ul li{display:inline-block;width:33.33%;}.hu-column-img{width:120px;height:120px;overflow:hidden;margin:0 auto 5px;}.hu-column-title{text-align:center;font-size:16px;font-weight:bold;color:#fff;}.hu-column-img:hover img{margin-top:-100%;}.hu-desc{margin-top:-70px;margin-bottom:50px;}.hu-desc-cont{width:80%;margin:0 auto;background:#fff;padding:40px 60px;border-radius:10px;box-shadow:0 5px 10px #aaa;text-align:center;}.hu-tit-ch{font-size:24px;color:#333;font-weight:bold;}.hu-tit-en{font-size:12px;color:#999;margin-top:5px;}.hu-txt{font-size:12px;color:#9c9c9c;line-height:25px;margin:20px 0;text-align:justify;}.hu-more{display:inline-block;position:relative;width:120px;height:30px;line-height:30px;z-index:1;color:#555;}.hu-more:after{content:'';position:absolute;width:100%;height:100%;border:1px solid #ddd;top:0;left:0;z-index:-1;-webkit-transform:skewx(-20deg);-moz-transform:skewx(-20deg);-ms-transform:skewx(-20deg);-o-transform:skewx(-20deg);transform:skewx(-20deg);transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}.hu-more:hover{color:#fff;}.hu-more:hover:after{background:#01aef0;}.video-wraper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:120;overflow-y:auto;background:rgba(0,0,0,.6);display:none;}.video-block{position:absolute;top:0;left:0;width:100%;height:100%;}.video-block .bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:125;}.video-part{width:800px;height:auto;margin:0 auto;background:#f5f5f5;position:relative;border-radius:10px;z-index:130;}#index-video{width:100%;height:400px;}#index_pro_box,#index_pro_box ul,#index_pro_box li{height:255px;}#index_pro_box{clear:both;overflow:hidden;position:relative;margin:0 auto;}#index_pro_box ul{overflow:hidden;position:absolute;left:0;top:0;}#index_pro_box li{float:left;width:265px;list-style:none;padding:0 8px;}#index_pro_box li .b_pic{display:block;width:265px;height:210px;}#index_pro_box li a{display:block;overflow:hidden;}#index_pro_box li .i_pic{position:relative;overflow:hidden;}#index_pro_box li .i_alpha{position:absolute;bottom:-100%;left:0;width:100%;height:100%;padding:15px;background:rgba(0,178,243,.5);color:#fff;opacity:0;transition:all 0.3s ease;}#index_pro_box li:hover .i_alpha{bottom:0;opacity:1;}#index_pro_box li strong{font-weight:normal;font-size:16px;display:block;margin-bottom:10px;}#index_pro_box li .i_con{font-size:14px;line-height:22px;height:45px;overflow:hidden;margin-bottom:10px;}#index_pro_box li dl{font-size:0;}#index_pro_box li dd{margin-right:8px;display:inline-block;width:40px;height:40px;overflow:hidden;}#index_pro_box li dd img{display:block;width:40px;height:auto;}#index_pro_box li .i_more{position:absolute;right:10px;bottom:10px;font-size:12px;font-weight:normal;}#index_pro_box li h1{font-size:16px;color:#555;text-align:center;margin-top:10px;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:normal;}body{overflow-x:hidden;}@media screen and (max-width:1199px){.mid-section-wrap{max-width:992px;}.homenews-list-wrap{min-height:209px;}.hn-list li{height:32px;line-height:32px;}.mid-other{padding-left:11px;}.mo-bottom{margin-top:10px;}.mo-bottom-link{width:49%;padding:16px 10px;}.mo-bottom-link .ch{font-size:16px;}.mo-bottom-link .en{margin-top:4px;}.mo-bottom-link img{width:36px;right:10px;}}@media screen and (max-width:991px){.pronav{position:relative;background:transparent;}#pronav-slick .item .img-wrap img{margin-top:-100%;}#pronav-slick .item .txt{color:#333;}.mid-section-wrap{max-width:768px;}.mid-other{margin-top:10px;padding-left:0;}.homenews-list-wrap{min-height:242px;}.hn-list li{height:40px;line-height:40px;}.hc-info{display:none;}.hc-item{padding:0 5px;}.hu-list{padding-bottom:100px;}.hu-column-img{width:100px;height:100px;}.hu-desc{margin-top:-70px;margin-bottom:30px;}.hu-desc-cont{padding:30px 40px;}.video-part{width:600px;}}@media screen and (max-width:767px){#pronav-slick .item .txt{font-size:12px;}.mid-section{margin:15px 0;}.mid-section-wrap{max-width:600px;}.homenews-list-wrap{min-height:189px;}.hn-list{padding:8px 0 0 20px;}.hn-list li{height:30px;line-height:30px;}.hn-list .hn-tit{font-size:12px;}.homecase-section{padding:20px 0 15px;}.hc-title{font-size:14px;}.video-part{width:590px;}}@media screen and (max-width:600px){.mid-section-wrap{max-width:480px;}.homenews-swiper,.homenews-list-wrap{width:100%;}.homenews-list-wrap{margin-top:10px;}.homecase-head{padding:0 5px;margin-bottom:10px;}.section-title{float:none;text-align:center;}.filter-unit{float:none;text-align:center;margin-top:10px;}.filter-unit .select-skin{width:120px;margin-right:0;}.video-part{width:480px;}#index-video{height:200px;}}@media screen and (max-width:480px){.hu-column-img{width:70px;height:70px;}.hu-column-title{font-size:14px;font-weight:normal;}.hu-desc{margin-top:-80px;margin-bottom:20px;}.hu-desc-cont{width:95%;padding:20px 30px;}.hu-tit-ch{font-size:20px;}.hu-txt{margin:10px 0;}.video-part{width:310px;}} #index_pro_box::before, #index_pro_box::after{ content: ""; position: absolute; top:0; width:15px; height: 100%; background: #f4f4f4; z-index: 3; } #index_pro_box::before{ left:0; } #index_pro_box::after{ right: 0; } .index_container{ padding-left: 15px; padding-right: 15px; } .index_about_us{ width:90%; } #mobile_banner .limit_box img{ width:100%; height: auto; max-width: 100%; max-height: 100%; } /*.index_show_hide{ display: none; }*/ .index_bg_body{ position:fixed; top:0; left: 0; width:100%; height: 100%; background:url(/uploads/image/shimgs/cn_index_bg.jpg) no-repeat center center; background-size: cover; } .index_bg_body .center_detail{ margin-left: auto; margin-right: auto; width:100%; position: absolute; bottom:5%; left:0; right: 0; padding-left: 15px; padding-right: 15px; } .index_bg_body .info_text{ /* font-size:30px; font-weight: bolder; color: #fff; text-shadow: 0 0 5px rgba(0,0,0,0.5); letter-spacing: 2px;*/ margin-bottom:25px; } .index_bg_body .info_text img{ width:60%; height: auto; max-width: 250px; max-height: 100%; display: block; } .index_bg_body .index_btn_list{ } .index_bg_body .index_btn_list .item{ margin-bottom: 10px; } .index_bg_body .index_btn_list .item a{ color: #fff; background-color: rgba(15,114,207,0.8); height: 70px; line-height: 70px; border-radius: 5px; overflow: hidden; display: block; padding-left: 25px; } .index_bg_body .index_btn_list .item img{ width:35px; height: 35px; display: inline-block; margin-top: -5px; } .index_bg_body .index_btn_list .item .tit{ font-size: 18px; font-weight: bold; display: inline-block; margin-left: 25px; } @media (max-width: 767px){ .pronav{ margin-top: 10px; margin-bottom: 25px; } .pronav, #pronav-slick .item{ height:55px; } #pronav-slick .item .img-wrap img{ width:30px; margin-left: auto; margin-right: auto; } #pronav-slick .item .img-wrap img, #pronav-slick .item:hover .img-wrap img { margin-top: -43%; } .section-title{ text-align: left; padding-left: 12px; padding-right: 12px; } .hu-list ul{ width:90%; } .hu-desc-cont{ padding-top: 40px; padding-bottom: 40px; } .hu-more{ margin-top: 20px; line-height: 35px; } .hu-desc{ margin-bottom:40px; } /*首页移动端导航*/ .index_mo_nav{ background: rgba(0,0,0,0.2); } .index_mo_nav .header_search_box button.btn1{ width: 18px; height: 18px; background-size: 18px 18px; margin-top:23px; } .index_mo_nav .header_search_box button.btn1:hover, .index_mo_nav .header_search_box button.btn1{ background-image: url(/uploads/image/shimgs/search_white.png); } .index_mo_nav .navicon .icon{ background-color: #fff; } }