.w100 { width: 100%; }
.margin-top15 { margin-top: 15px; }
.index-head img { width: 100%; }
.index-bg { background: url(../images/index_bg1.jpg) no-repeat top left; background-size: 100%; }
.index-btns { width: 100%; }
.index-btns:before { content: ""; display: block; margin-top: 140%; }
.index-btns a { width: 25%; padding: 1px; }
.index-btns a img { width: 100%; }
/*header*/
.header { background: url(../images/header_bg1.jpg) repeat; background-size: 100%; width: 100%; }
.header .navbar-brand img { max-width: 40%; }
.header .form-inline { justify-content: flex-end; color:#FFFFFF; }
.header .form-inline img { max-width: 50%; }
.banner01 { margin: 0 -15px; position: relative; }
.banner01 img { width: 100%; }
.banner01 .banner-title { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 26px; color: #FFFFFF; font-weight: bold; z-index: 100; }
.container-nav { /*margin-top:13%;*/ /*position: absolute;*/ margin-top: 56px; }
/*栏目列表通用样式*/
.list01 { margin: 0 -15px; }
.list01 .media { font-size: 12px; border-bottom: 1px solid #ddd; }
.list01 a:hover, .list01 a::after { text-decoration: none; }
.list02 { margin: 0; }
.list02 .media .a-img { max-width: 30%; }
.list02 .media img { max-width: 100%; }
.list02 .media .mt-0 a { color: #555; }
.list02 a:hover, .list02 a::after { text-decoration: none; }
.list02 h5 { font-size: 16px; color: #555; }
.list02 .media { font-size: 12px; border-bottom: 1px solid #ddd; color: #aaa; padding: 5px 0; }
.list-status { margin-top: 15px; font-size: 14px; color: #555; }
.list-status .status-left { float: left; }
.list-status .status-right { float: right; margin-right: 10px; }
.list-date { float: right; padding-right: 10px; }
/*联系我们*/
.contact-tit { height: 24px; width: 120%; margin: 0-15px; line-height: 24px; background-color: #fb882d; }
.contact-tit h5 { color: #fff; font-size: 14px; padding: 3px 0 0 15px; }
.contact-tit2 { font-size: 14px; padding: 10px 0; }
.contact-tit3 { font-size: 14px; padding: 3px 0; }
.contact-wuliu { display: block; width: 100px; height: 26px; background: url(../images/btn_wuliu.png) no-repeat center center; background-size: 100%; float: left; }
.contact-list .media-body { padding: 5px 10px 5px 15px; }
.contact-list .media .mt-0 { font-size: 14px; color: #ff6633; font-weight: bold; }
.contact-list .media span { margin-right: 2px; }
/*市场活动*/
.market-title { position: absolute; top: 15%; left: 33%; color: #df420e; font-size: 26px; font-weight: bold; }
.market-list .media { padding: 0 10px; }
.market-list .media .mt-0 a { color: #555; font-size: 14px; font-weight: 500; }
.market-list .media .a-img { width: 36%; }
.market-list .media img { width: 100%; }
.market-list .media-body p { margin-bottom: 20px; }
.market-list .media-body span { padding-right: 5px; }
.market-list .media-body span:before { content: "●"; color: #ff6633; font-size: 10px; padding-right: 5px; }
.market-list .media-body .markt-status { float: right; }
.market-nav { margin: 0 -15px; padding: 25px 0; background: #efefef; }
.market-nav .nav-line { width: 100%; }
.market-nav .nav-line .nav-link { width: 45%; }
.market-nav .nav { display: flex; -ms-flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; justify-content: center; font-size: 10px; }
.market-nav .nav a { text-align: center; }
.market-nav .nav .nav-link { display: block; padding: .1rem .5rem; border: 1px solid #df420e; margin: 4px; border-radius: 25px; }
.market-nav .nav a { color: #df420e; }
.market-nav .nav .nav-link.active { color: #fff; pointer-events: none; cursor: default; background: #df420e; }
/*黑科技*/
.industry-index-bg { background: url(../images/industryIndex_bg1.jpg) no-repeat top left; background-size: 100%; }
.industry-index-btns:before { content: ""; display: block; margin-top: 125%; }
.industry-index-btns .btn-row { width: 100%; padding-left: 1%; }
.industry-index-btns .index-btn { margin: 8px; text-align: center; float: left; }
.industry-index-btns .btn-col1 { width: 25%; }
.industry-index-btns .btn-col2 { padding-top: 7px; width: 25%; }
.industry-index-btns .btn-col3 { width: 25%; }
.industry-index-btns .btn-col4 { width: 25%; }
.industry-index-btns .index-btn img { width: 100%; }
/*历久弥新*/
.news-index-bg { background: url(../images/newsIndex_bg3.jpg) no-repeat top left; background-size: 100%; }
.news-index-btns:before { content: ""; display: block; margin-top: 130%; }
.news-index-btns .btn-row { width: 100%; }
.news-index-btns .index-btn { margin: 8px; text-align: center; float: left; }
.news-index-btns .btn-col1 { width: 19%; }
.news-index-btns .btn-col2 { width: 19%; }
.news-index-btns .btn-col3 { width: 19%; }
.news-index-btns .btn-col4 { width: 43%; }
.news-index-btns .index-btn img { width: 100%; }
/*新闻列表*/
.news-title { width: 100%; padding: 30px 20px; background: #faf7f8; margin-top: 0; margin-bottom: 0; }
.news-title img { float: left; width: 18px; }
.news-title .title-text { float: left; color: #d14832; font-size: 16px; font-weight: bold; margin-left: 10px; }
.news-more { text-align: right; padding: 20px 30px; line-height: 1px; width: 100%; }
.news-more a { font-size: 16px; font-weight: bold; color: #d14832; line-height: 1; }

.news-list1 a { color: #aaa; }
.news-list1 .media { padding: 20px; }
.news-list1 .media h5 { color: #555; font-size: 16px; }
.news-list1 .media .pic { max-width: 20%; padding: 5px 5px 5px 0; }
.news-list1 .date { float: left; clear: both; width: 100%; color: #aaa; text-align: right; }

.news-list2 { }
.news-list2 .media { padding: 10px; }
.news-list2 .media a { color: #aaa; }
.news-list2 .media h5 a { color: #555; font-size: 16px; }
.news-list2 .media .pic { max-width: 40%; padding: 5px 5px 5px 0; }
.news-list2 .date { background: #df420e; float: left; min-width: 70px; min-height: 70px; margin-right: 15px; color: #fff; text-align: center; margin-top: 5px; }
.news-list2 .date .dd { font-size: 32px; border-bottom: 1px solid #fff; }
.news-list2 .date .ym { font-size: 15px; font-weight: 100; }
/*产品中心*/
.product-index-bg { background: url(../images/product_index_banner1.jpg) no-repeat top left; background-size: 100%; }
.product-index-btns:before { content: ""; display: block; margin-top: 128%; }
.product-index-btns .btn-row { width: 100%; }
.product-index-btns .index-btn { margin: 2px; text-align: center; float: left; }
.product-index-btns .btn-col1 { width: 28%; }
.product-index-btns .btn-col2 { width: 30%; }
.product-index-btns .btn-col3 { width: 28%; }
.product-index-btns .btn-col4 { width: 14%; }
.product-index-btns .index-btn .btn-title a { color: #fff; font-size: 12px; }
.product-index-btns .index-btn img { width: 35px; }
.product-title { position: absolute; top: 15%; left: 9%; color: #fff; font-size: 26px; }
.product-list .media { padding: 10px; }
.product-list .media .media-body { /*display: flex; align-self: center;*/ }
.product-list .media .mt-0 a { color: #555; font-size: 16px; font-weight: 500; }
.product-list .media .a-img { max-width: 25%; }
.product-list .media img { max-width: 100%; }
/*行业案例*/
.solution-nav { margin: 0 -15px; padding: 35px 0; background: #efefef; font-size: 12px; position: relative; }
.solution-nav:before { content: ""; display: block; margin-top: -15%; }
.solution-nav .btn-toolbar { background: #fff; width: 100%; padding: 20px; border-radius: 5px; }
.solution-nav .btn-toolbar a { color: #df420e; }
.solution-nav a:hover { text-decoration: none; }
.solution-nav .dropdown-pannel { padding: 0 20px; }
.solution-nav .card { border: 0; }
.solution-nav .card-body { padding: 0; }
.solution-nav .card a { color: #757575; }
.solution-nav .card ul { list-style-type: none;/*padding-inline-start: 20px;*/ }
.solution-nav .card li { float: left; min-width: 135px; }
.solution-nav .card .search { padding: 5px 20px 25px 20px; }
.solution-list .media .mt-0 a { color: #555; font-size: 14px; font-weight: 500; }
.solution-list .media-body { padding: 5px 10px 5px 5px; }
.solution-list .media .a-img { max-width: 30%; }
.solution-list .media img { max-width: 100%; }
.solution-list .solution-more a { float: right; color: #fff; /*pointer-events: none;*/ cursor: default; background: #f28433; display: block; padding: .1rem .8rem; border: 1px solid #df420e; border-radius: 25px; margin-top: 30px; }
.page-item.active .page-link { z-index: 1; color: #fff; background-color: #1F9AE8; border-color: #1F9AE8; }
/*客户支持*/
.support-list a { color: #aaa; }
.support-list .media { padding: 20px; }
.support-list .media h5 { color: #555; font-size: 16px; }
.support-list .media .mr-3 { max-width: 12%; border-right: 1px; border-right: 1px solid #ddd; padding: 10px 10px 10px 0; }
.support-list .media .ml-3 { max-width: 3%; margin-top: 15px; }
/*智能运维*/
.rockii_bg { background: url(../images/rockii_bg2.jpg) no-repeat top left; background-size: 100%; text-align: center; }
.rockii-logo { margin-top: 20px; }
.rockii-logo img { width: 100%; }
.rockii-cnt1 img { width: 85%; }
.rockii-cnt1:before { content: ""; display: block; margin-top: 16%; }
.rockii-cnt2 img { width: 85%; }
.rockii-cnt2:before { content: ""; display: block; margin-top: 12%; }
.rockii-cnt3 img { width: 85%; }
.rockii-cnt3:before { content: ""; display: block; margin-top: 30%; }
.rockii-cnt3:after { content: ""; display: block; margin-top: 50%; }
.tce .rockii-btn { width: 100%; text-align: center; position: absolute; bottom: 6%; }
.tce .rockii-btn img { width: 75%; }
/*公司简介*/
.container .intro { margin-left: -30px; margin-right: -15px; }
/*detials*/
.detail { font-size: 14px; }
.detail h2 { margin-top: 20px; font-size: 20px; }
.detail .detail-base { margin: 10px 0; padding: 5px 0; border-bottom: 1px solid #ddd; }
.detail .detail-author { color: #00739e; margin-left: 10px; }
.detail .detail-goback { margin-left: 50px; }
.detail-banner { margin: 15px 0; }
.detail-banner img { width: 100%; }
.detail-text img { width: 100%; }
.detail .cform { width: 100%; margin: 0 auto; background-color: #f0f0f0; display: block; border: 0; box-shadow: none; margin-bottom: 20px; margin-top: 20px; }
.detail .cform .cbtn { background: #e16532; color: #fff; }
.detail .cdownload .cbtn { background: #e16532; color: #fff; }
/*tce*/
.tce { margin-left: -15px; margin-right: -15px; }
.tce img { width: 100%; }
/*站点脚注*/
.site-feet { margin-top:20px; background: #f8f9fa; padding: 0.5rem 1rem; font-size: 14px; }
.site-feet .navbar-nav { padding: 10px 0; text-align: center; }
/*搜索*/
.search-index { background: url(../images/search_bg1.jpg) top left no-repeat; background-size: 100% 100%; min-height: 580px; width: 100%; }
.search-index .search-bar:before { content: ""; display: block; }
.search-index .search-btn img { width: 160px; }
.search-bar-bg { background: url(../images/banner.jpg) top left no-repeat; background-size: 100% 100%; }
.search-bar { width: 100%; padding: 60px 70px; text-align: center; }
.search-bar .search-input { background-color: rgba(255,255,255,1); border: 1px solid #fff !important; }
.search-bar .btn { color: #fff; border: 1px solid #fff; }
.panelbox .modal-dialog { margin: 0; padding: 0; position: absolute; left: 0; top: 0; }
.panelbox .modal-dialog .modal-content { border: 0; border-radius: 0; width: 220px; height: 100vh; overflow: auto; background: -webkit-linear-gradient(#1F9AE8, #045BA9); background: -o-linear-gradient(#1F9AE8, #045BA9); background: -moz-linear-gradient(#1F9AE8, #045BA9); background: linear-gradient(#1F9AE8, #045BA9); }
.panelbox .modal-dialog .modal-content .modal-body { padding: 0; }
.panelbox.show .modal-dialog { transform: translate(0, 0) !important; }
.panelbox-left .modal-dialog { transform: translate(-100%, 0) !important; }
.panelbox-right .modal-dialog { transform: translate(100%, 0) !important; left: auto; right: 0; }
/*panel control*/
.fa_icon1 { display: inline-block; vertical-align: middle; width: 14px; height: 15px; background: url(../images/fa_icon1.png) no-repeat; background-size: 100% 100%; margin-top: -3px; }
.icon_search { display: inline-block; vertical-align: middle; width: 14px; height: 15px; background: url(../images/icon_search.png) no-repeat; background-size: 100% 100%; margin-top: -3px; }
.fa_icon_down { display: inline-block; vertical-align: middle; width: 14px; height: 9px; background: url(../images/fa_icon_down.png) no-repeat; background-size: 100% 100%; float: right; margin: 10px 20px 0 0; }
.fa_icon_up { display: inline-block; vertical-align: middle; width: 14px; height: 9px; background: url(../images/fa_icon_up.png) no-repeat; background-size: 100% 100%; float: right; margin: 10px 20px 0 0; }
.side-nav { margin: 0; padding: 0; }
.side-nav ul { margin: 0; padding: 0; }
.side-nav li { list-style: none; list-style-type: none; margin: 0; padding: 0; }
.side-nav li a { display: inline-block; color: #fff; text-decoration: none; outline: none; cursor: pointer; padding: 2px 0; width: 100%; }
.side-nav li a:hover { text-decoration: none; }
.side-nav li.level1 { padding: 15px 0 15px 30px; border-bottom: solid 1px #fff; }
.side-nav li.level1 a span { font-size: 1.0rem; font-weight: 500; padding-left: 15px; }
.side-nav li.level2 a span { font-size: 0.8rem; font-weight: 500; padding-left: 30px; }
.side-nav li.level3 a { font-size: 0.7rem; font-weight: 500; padding-left: 15px; }
.go-hang { position: fixed; bottom: 40px; right: 20px; width: 46px; z-index: 999; }
.go-hang a { display: block; width: 46px; height: 46px; margin-bottom: 10px; background-image: url(../images/go-back3.png); }
.go-hang .go-back { background-position: 0 0; }