.search-results ul li a.container { width: 100% !important; max-width: 1200px; } @font-face { font-family: 'frutigernext'; src: url('../fonts/LT_54361.eot'); src: url('../fonts/LT_54361.eot') format('embedded-opentype'), url('../fonts/LT_54361.woff') format('woff'), url('../fonts/LT_54361.ttf') format('truetype'), url('../images/LT_54361.svg') format('svg'); } @font-face { font-family: 'Huawei_Script_Regular'; src: url('../fonts/Huawei_Script_Regular_Web.eot'); src: url('../fonts/Huawei_Script_Regular_Web.eot') format('embedded-opentype'), url('../fonts/Huawei_Script_Regular_Web.woff') format('woff'), url('../fonts/Huawei_Script_Regular_Web.ttf') format('truetype'), url('../images/Huawei_Script_Regular_Web.svg') format('svg'); } @font-face { font-family: 'frutigernext_medium'; src: url('../fonts/frutigernext-lt-medium.eot'); src: url('../fonts/frutigernext-lt-medium.eot') format('embedded-opentype'), url('../fonts/frutigernext-lt-medium.woff') format('woff'), url('../fonts/frutigernext-lt-medium.ttf') format('truetype'), url('../images/frutigernext-lt-medium.svg') format('svg'); } #loading{width: 100%; height: 50px;} #loading img{display: block; margin: 30px auto !important;} #container, #tab_main_nav_mobile_container{-webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in;} #tab_main_nav_mobile_container.tab_main_nav_mobile_container_active{right: 0px !important;} #tab_main_nav_close_mobile{text-align: center; vertical-align: middle;} #nav-wrap{border-bottom: 1px solid #e5e5e5;} ul{list-style-type: none; margin: 0; padding: 0;} ul.detail li{margin-bottom: 15px; padding-left: 25px; background: url("//www.huawei.com/ucmf/groups/public/documents/img/pic_point_gray.png") no-repeat left top;} a:hover{text-decoration: underline;} html, body{margin: 0; padding: 0;} body{position: relative; font-family: frutigernext, Arial, Helvetica, sans-serif; font-size: 16px;} a{text-decoration: none; color: #333;cursor:pointer;} a:hover{text-decoration: underline;} h1{font-size: 36px; line-height: 48px; margin-top: 0;} h1.center{margin-bottom: 10px;} h1.clr_topMn{margin-top: -12px;} h2{font-size: 24px; letter-spacing: 1px; line-height: 30px;} h2.title{font-size: 36px; text-align: center;} h3{font-size: 18px;} h3.Subtitle{font-size: 14px; color: #999;} h4{font-size: 16px;} h6{margin-top: 24px;} .hover{cursor: pointer; cursor: hand;} .center{text-align: center;} .fl{float:left;} .fr{float:right !important;} #container{position: relative; left: 0px; width: 100%; top: 0;} .container_outer{max-width: 1280px; margin: 0 auto;} .container_inner{margin: 0 3.9%;} h3.bor-btom{padding-bottom: 10px;} .right{text-align: right;} .left{text-align: left !important;} .text-style-1{width: 80%;} .text-style-1 span a{font-size: 18px;} .nav-cont-wrap .text-style-1 span{border-bottom:1px solid #ccc;} .text-style-1 span{border-bottom: 1px solid #ccc; padding-bottom: 10px; font-family: frutigernext_medium, frutigernext, Arial, Helvetica, sans-serif;} #tab_main_nav_container{padding: 15px 0; display: table; width: 100%;} #tab_main_nav_container .cell{display: table-cell; vertical-align: middle;} #tab_main_nav{padding: 10px 0; text-align: right;} #tab_main_nav ul{display: table; float: right; } #tab_main_nav ul li{display: table-cell; font-size: 14px; vertical-align: middle;} #tab_main_nav ul li.divider{padding-left: 20px;} #tab_main_nav ul li a{display: block; color: #000; margin-left: 20px; float: left;} #tab_main_nav ul li i{padding-left: 15px; height: 15px; background: url(/Assets/CNBG/img/icon-home.png) left center no-repeat;} #tab_main_nav ul li.active, #tab_main_nav ul li.active a{color: #b1b1b1;} #nav-cont .nav-list ul li.search{width: 25%; float: right;} #nav-cont .nav-list ul li.search input{float: right; height: 36px; line-height: 36px; border: 0px;} #nav-cont .nav-list ul li.search input[type="text"]{max-width: 150px; border-left: 1px solid #efefef;} #nav-cont .nav-list ul li.search input[type="button"]{height: 36px; width: 32px; background: #fff url(../images/icon_find.png) left center no-repeat; border-right: 1px solid #efefef;} #nav-cont .nav-list{background: #f7f7f7; border-top: 1px solid #eeeeee; line-height: 52px; height: 54px;} #nav-cont .nav-list ul li.navlist{width: 75%; float: left;} #nav-cont .nav-list ul li a{display: block; float: left; color: #323232; margin-left: 30px; height: 37px; font-family: frutigernext_medium, frutigernext, Arial, Helvetica, sans-serif;} #nav-cont .nav-list ul li a.active{text-decoration: none; border-bottom: 1px solid #cb3034; color: #e22835;} #nav-cont .nav-list ul li a:hover{text-decoration: none; border-bottom: 1px solid #cb3034; color: #e22835;} #nav-cont .nav-list ul li span.btn{color: #000 !important; background: #fff; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; padding: 0px 10px; line-height: 36px; height: 36px; overflow: hidden;} #nav-cont .nav-list ul li span i{padding-left: 30px; height: 38px; background: url(../images/icon_slide_down.png) 5px center no-repeat; float: right;} #nav-cont .nav-list ul li span.active i{background: url(../images/icon_slide_up.png) 5px center no-repeat;} .nav-cont-wrap{width: 100%; overflow: hidden; display: block!important;} #nav-want-cont-wrap .nav-cont-wrap ul{width: 100%;} #nav-want-cont-wrap .nav-cont-wrap ul li{width: 100%;} .nav-cont-wrap ul{width: 600%; padding-top: 10px;} .nav-cont-wrap ul li span{display: block; margin-bottom: 5px;} .nav-cont-wrap ul li h4{color: #b6b6b6; margin: 0px; font-weight: normal;} .nav-cont-wrap ul li span a{color: #333;} .nav-cont-wrap ul li span{display: block; margin-bottom: 7px;} .nav-cont-wrap ul li span a:hover{color: #333;} .nav-cont-wrap ul li .morelink{clear: both; margin-top: 30px; position: absolute; bottom: 20px;} .nav-cont-wrap ul li .morelink a{color: #333; font-weight: bold;} #nav-cont-wrap{background: #f7f7f7;} .nav-cont-wrap h3{font-size: 16px; margin: 10px auto 10px;} .nav-cont-wrap h3 + p{margin-top: -5px !important;} .tech-search{width:320px;height:36px;display:block;clear:both;border: 1px solid #cbcbcb;margin:25px 35px 35px 0;} .tech-search input[type="button"]{height: 34px; width: 32px; background: #fff url(../images/icon_find.png) left center no-repeat; border-right: 1px solid #efefef;} .tech-search input[type="text"]{width:286px;text-indent:1em;} .tech-search input{float: left; height: 34px; line-height: 100%; line-height: 36px \9; border: 0px;} .search-header{display: none;} .tech-next-nav{width:40%;float:left;} .tech-next-nav a{color:#656565 !important;} .tech-mar-top{margin-top:35px;} .tech-mar-top span a{line-height:180%;} .nav-cont-wrap{ padding:20px 0; } #container.mobile-menu-open, #footer.mobile-menu-open, .share_nullbox.mobile-menu-open{left: -100% !important; position: fixed;} #tab_main_nav_mobile_container.mobile-menu-open, #tab_main_nav_mobile_next_container.mobile-menu-open{right: 0 !important; box-shadow: -5px 0px 10px rgba(0, 0, 0, .2);} #tab_main_nav_mobile_container ul .search .link-home-nav{float: left;} #tab_main_nav_mobile_container ul li.hasmore1 a em{padding-left: 20px; background: url(../images/CBG_moblie_nav_004.png) 0px 0px no-repeat; position: absolute; right: 5px;} #tab_main_nav_mobile_container ul li.hasmore1 em.jiantou{padding-left: 11px !important; height: 20px; float: right !important; position: inherit !important; margin-top: 8px;} #tab_main_nav_mobile_container ul .search .link-home-nav a{padding-left:5px;color:#cc0000;} #tab_main_nav_mobile{display: none;} #tab_main_nav_mobile_next_container a, #tab_main_nav_mobile_container a{color: #373737;font-family: frutigernext_medium, frutigernext, Arial, Helvetica, sans-serif;} #tab_main_nav_mobile_next_container, #tab_main_nav_mobile_container{position: fixed; z-index: 888; top: 0; right: -100%; width: 100%; height: 100%; background: #fff; overflow: auto;} #tab_main_nav_mobile_container ul>li>ul>li{border-bottom: 1px solid #aac2e2;margin-left: -25px;margin-right: -20px;padding-left: 25px;padding-right: 20px;} #tab_main_nav_mobile_container ul li ul li:last-child{border-bottom-color:#dedefc} #tab_main_nav_mobile_container ul li ul li.active{color: #cc0000;} #tab_main_nav_mobile_container ul li ul li.title{color: #cc0000;margin-left: -25px;margin-right: -20px;padding-left: 25px;padding-right: 20px;} #tab_main_nav_mobile_next_container{z-index: 889; background: #f1f1f1;} #tab_main_nav_mobile_next_container ul{display: none;} #tab_main_nav_mobile_next_container h3{background: url(/Assets/CNBG/img/icon_back.png) 20px center no-repeat #fff; border-bottom: 1px solid #ededed; font-size: 16px; color: #373737; height: 48px; margin: 0px; line-height: 48px; text-align: center;} #tab_main_nav_mobile_next_container ul li, #tab_main_nav_mobile_container ul li{border-bottom: 1px solid #ededed; padding: 10px 20px 10px 25px; font-size: 16px; color: #373737;} #tab_main_nav_mobile_container ul li ul{display:none;margin-left: -25px;margin-right: -20px;margin-top: 10px;margin-bottom: -10px;padding-left: 25px;padding-right: 20px;border-top: 2px solid #999;border-bottom: 2px solid #999;background-color: #d3e9ff;} #tab_main_nav_mobile_container ul li ul li ul{border-bottom: none;border-top: 1px solid #aac2e2;} #tab_main_nav_mobile_container ul li ul li ul li{border-bottom-color: #aac2e2;margin-left: -25px;margin-right: -20px;padding-left: 25px;padding-right: 20px;background-color: #d3e9ff;} #tab_main_nav_mobile_container ul li ul li ul li:last-child{border:none;} #tab_main_nav_mobile_container ul li ul li:hover,#tab_main_nav_mobile_container ul li ul li ul li:hover{background-color:#99ccff;} #tab_main_nav_mobile_container ul li.active{color: #cc0000;} #tab_main_nav_mobile_container ul li.active>a{color: #cc0000 !important;} #tab_main_nav_mobile_container ul li.hasmore em.jiantou{background: url(../images/mobile_all_icons.png) -396px -192px no-repeat; padding-left: 15px; float: right;} #tab_main_nav_mobile_container ul li.hasmore em.jiantou.active{background: url(../images/mobile_all_icons.png) -396px -146px no-repeat; padding-left: 15px; float: right;} .line-gray{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d7d7d7,endColorstr=#fff,grandientType=1);background:gradient(linear,0 0,0 100%,color-stop(0.14,rgb(255,255,255)), color-stop(0.5,rgb(215,215,215)),color-stop(1,rgb(255,255,255)) );background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.14,rgb(255,255,255)), color-stop(0.5,rgb(215,215,215)),color-stop(1,rgb(255,255,255)) );background:-moz-gradient(linear,0 0,0 100%,color-stop(0.14,rgb(255,255,255)), color-stop(0.5,rgb(215,215,215)),color-stop(1,rgb(255,255,255)) );background:-o-gradient(linear,0 0,0 100%,color-stop(0.14,rgb(255,255,255)), color-stop(0.5,rgb(215,215,215)),color-stop(1,rgb(255,255,255)) );background:-ms-gradient(linear,0 0,0 100%,color-stop(0.14,rgb(255,255,255)), color-stop(0.5,rgb(215,215,215)),color-stop(1,rgb(255,255,255)) );position:absolute;z-index:-1;width:2px;height:80%;top:10%;right:0;} #tab_main_nav_mobile_next_container ul li{border-bottom: 1px solid #e8e8e8;} #tab_main_nav_mobile_container ul li em.jiantou{padding-left: 15px !important; height: 20px; float: right !important;position:inherit !important;} #tab_main_nav_mobile_container ul li.link-list{border-bottom: 0px; padding: 0px; background: #f7f7f7; display: none;} #tab_main_nav_mobile_container ul li.link-list a{border-bottom: 1px solid #ededed; padding: 10px 20px; font-size: 16px; color: #373737;} #tab_main_nav_mobile_next_container, #tab_main_nav_mobile_container ul li a{display: block; color: #373737} #tab_main_nav_mobile_container ul li em{padding-left: 20px; background: url(../images/mobile_all_icons.png) -12px -140px no-repeat;position: absolute;left: 5px;} .ul-block{display:block !important;} #tab_main_nav_mobile_container ul li.home{color: #d32855;} #tab_main_nav_mobile_container ul li.home i{background: url(/Assets/CNBG/img/icon_slide_down_m.png) left center no-repeat;} #tab_main_nav_mobile_container ul li.home.active i{background: url(/Assets/CNBG/img/icon_slide_up_m.png) left center no-repeat;} #tab_main_nav_mobile_container ul li.search{height: 40px; border-left: 1px solid #ededed; padding: 0px 20px;} #tab_main_nav_mobile_container ul li.search a{display: inline-block;} #tab_main_nav_mobile_container ul .search div{border-radius: 5px; text-align: left; padding-right: 10px;} #tab_main_nav_mobile_container ul .search div input{width: 85%; outline: none; resize: none; border: 0px solid #ededed; height: 30px;} #breadcrumb_nav{width: 100%; margin-top: 15px; margin-bottom: 15px;} #breadcrumb_nav ul li{display: inline; padding-right: 15px;} #breadcrumb_nav ul li a{color: #000;} #breadcrumb_nav ul li:first-child + li:before, #breadcrumb_nav ul li:first-child + li + li:before, #breadcrumb_nav ul li:first-child + li + li + li:before, #breadcrumb_nav ul li:first-child + li + li + li + li:before, #breadcrumb_nav ul li:first-child + li + li + li + li + li:before, #breadcrumb_nav ul li:first-child + li + li + li + li + li + li:before{content: url(../images/hw_u_394868.png); padding-right: 15px;} .nav-cont-wrap ul{width: 100%; padding-top: 0;} #nav-cont-wrap ul li{display: none; width: 100%; padding-bottom: 20px; padding-top: 10px;} .i-want-to{margin-left: 0!important;} #nav-cont .nav-list ul li .i-want-to.active span.btn1{color: #e22835 !important;} #nav-cont .nav-list ul li .i-want-to.active span.btn1 i{background-image: url(../images/icon_slide_up.png);} .top-bar{background-color: #5D5D58; height: 36px; line-height: 36px;} .top-bar a{display: inline-block; float: left; height: 36px; color: #ccc; padding: 0 15px; text-decoration: none;} .top-bar a.active{color: #333 !important; background-color: #fff !important;} .top-bar a:hover{color: #ccc; background-color: #333;} #nav-cont .nav-list.active{border-bottom:1px solid #eeeeee;} #nav-wrap .logo{padding: 10px 15px;} #nav-wrap .nav-search-btn{padding: 14px 15px;} #nav-wrap .nav-mobile-icon{padding: 14px 15px;} #nav-wrap .quicktools ul{display: table;} #nav-wrap .quicktools ul li{display: table-cell; font-size: 14px; vertical-align: middle;} #nav-wrap .quicktools ul li a{display: inline-block; float: none; margin-left: 0px; margin: 0 10px;} #nav-wrap .quicktools ul li a:hover{color: inherit;} #nav-wrap .quicktools ul li.follow-top a{margin: 0;} .weixin-qr{position: absolute; top: 55px; right: -84px; display: none; z-index: 9999;} #nav-cont .nav-list ul li span.btn{height: 100%; line-height: 50px; cursor: pointer;} #nav-cont .nav-list ul li span.btn1{cursor: pointer; width: auto; color: #000 !important; background: #fff; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; padding: 0px 10px; line-height: 50px; height: 100%; overflow: hidden;} #nav-cont .nav-list ul li.search{height: 100%; padding-top: 7px;} #nav-cont .nav-list ul li span i{background-position: 5px 22px !important;} #footer{position: relative; z-index: 500; background: #272727; color: #fff;width:100%;} #footer a{color: #fff;} #footer label{display: block; font-weight: bold; font-size: 18px;} #footer .outer{width: 100%;} #footer .top, #footer .bottom{display: table; width: 100%;} #footer .left{display: block; padding-top: 40px;} #footer .left_inner{display: table; width: 100%;} #footer .left_inner div ul{margin-top: 14px;} #footer .left_inner div ul li{margin-bottom: 5px; line-height: 180%;} #footer .right{display: table; text-align: right; vertical-align: top; padding-top: 40px; margin:auto 0;} #footer .right ul li{display: inline-block; margin-right: 10px; line-height: 50px;} #footer .bottom{font-size: 14px; margin: 10px 0;} #footer .bottom_left, #footer .bottom_right{padding: 10px 0 10px 0; display: table;} #footer .bottom_right{text-align: right;} #footer .bottom_right ul li{display: inline-block; margin-right: 5px;} #footer .bottom_right ul li:not(:last-child):after{content: '|'; padding-left: 10px;} .footer-icon-top{margin: 40px 0 -24px;} .group-index-banner{background: #666; overflow: hidden; position:relative;} .group-index-banner .item{height: 540px !important; background: no-repeat center center;} .group-index-banner .carousel-control{width: 10%; height: 100%; z-index: 99;} .group-index-banner .carousel-control{display: none; width: 10%;} .group-index-banner:hover .carousel-control{display: block !important;} .case_present_head .carousel-indicators span{background: url(../images/point_btn.png) 0 0 no-repeat;} .carousel-indicators li.active, .carousel-indicators span.swiper-active-switch{background-position: left -12px; background-color: transparent;} .carousel-inner{position: relative; overflow: hidden; width: 100%;} .carousel-inner > .item{display: none;width:100%; position: relative; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left;} .carousel-inner > .item > img, .carousel-inner > .item > a > img{line-height: 1;} .carousel-control{position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);} .carousel-control.left{background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);} .carousel-control.right{left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);} .carousel-control:hover, .carousel-control:focus{outline: 0; color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90);} .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{position: absolute; top: 50%; z-index: 5; display: inline-block;} .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left{left: 50%; margin-left: -10px;} .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right{right: 50%; margin-right: -10px;} .carousel-control .icon-prev, .carousel-control .icon-next{width: 20px; height: 20px; margin-top: -10px; font-family: serif;} .carousel-control .icon-prev:before{content: '\2039';} .carousel-control .icon-next:before{content: '\203a';} .carousel-indicators{position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center;} .carousel-indicators li, .carousel-indicators span{display: inline-block; vertical-align: middle; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #ffffff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0);} .carousel-indicators .active{width: 12px; height: 12px; background-color: #ffffff;} .carousel-caption{position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center;} .carousel-caption .btn{text-shadow: none;} .banner-img-text{position: relative; top: 80px; left: 0; display: inline-block;} .banner-btn{display: block; width: 185px; height: 40px; border-radius: 5px; line-height: 40px; background-color: #b02d2e!important; margin-bottom: 16px; text-align: center; color: #fff; position: relative;} .banner-btn:hover{background-color: #dd3435 !important; text-decoration: none;} #index-banner .carousel-caption{display: none;} .banner-btn i{background: url(../images/banner-btn-icon.png) right center no-repeat; height: 40px; padding-left: 30px;} .carousel-caption{width: 100%; position: absolute; left: 0 !important; top: 0; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; padding-left: 0px;} .carousel{position: relative;} .carousel-control{z-index: 99;} .carousel-control.left{left: 0px; background: url(../images/btn_prev.png) no-repeat left center;} .carousel-control.right{right: 0px; background: url(../images/btn_next.png) no-repeat right center;} .solution_video-bg .case_present_head{margin:30px 0;} .pro-hot-cell .case_present_head{margin-top:30px;} .solution_video-bg .case_present_head .carousel .col-sm-12{padding:0 150px;} .solution_video-bg .case_present_head .carousel .col-sm-12 p{text-align:center;margin-bottom:0;} .banner-btn{border: none; width: auto; padding: 0 20px; display: inline-block;} .banner-btn:hover{color: #FFF; text-decoration: underline; background: rgba(0, 0, 0, 0.2);} .banner-btn:hover{background-color: #dd3435 !important; text-decoration: none;} .carousel-indicators li, .carousel-indicators span{background: url(../images/point_btn_1.png) 0 0 no-repeat; width: 12px; height: 12px;margin:0 5px; border: none;} .group-news{background: #f7f7f7; margin: 15px auto 0; line-height: 60px; margin-bottom: 15px;} .img-responsive{width: 100%\9;} .group-news .img-responsive{width: auto\9;} .group-news a{color: #333;} .news-item-box{height: 60px; overflow: hidden;} .news-item-box li{height: 60px; width: 100%; overflow: hidden;} .news-left-bg{background: url(../images/homepage_news_01.png) no-repeat left center; background-size: 100% 100%;} .mt0{margin-top: 0 !important;} .mb0{margin-bottom: 0 !important;} .mt12{margin-top: 12px;} .mt40{margin-top: 40px;} .product_case_studies .row .col-sm-3 h3, .index--first-part h3{margin-top: 12px; margin-bottom: 6px;} .lt-img-rt-tx p{line-height: 175%;} .index--first-part p{padding: 0px!important;} .lt-img-rt-tx p, .product_case_studies p{margin: 0;} .index-other-part h3{margin-bottom: 15px;} .index-other-part{background: #f5f5f5; border: 0px; padding-bottom: 40px;} .index-other-part .col-xs-4{padding-right: 5px;} .index-other-part .col-xs-8{padding-left: 5px;} .lt-img-rt-tx .img-responsive, .lt-img-rt-tx .img-responsive img{width: 100%; height:auto;} .banner-mobile-link{position: absolute; height: 0; width: 100%; top: 0; left: 0; padding-bottom: 56.25%!important; text-indent: 10000%;} .lt-img-rt-tx .col-xs-7 h3, .pro-hot-cell .col-xs-7 h3, .pro-hot-cell .col-sm-7 h3{margin-top: -6px;} .no-border{border: none !important;} .pro-hot-cell .col-xs-5{padding-right:10px !important;} .pro-hot-cell .col-xs-7{padding-left:10px !important;padding-top:4px;} .pro-hot-cell .col-xs-7 h3{margin-bottom:5px;} .pro-hot-cell .col-xs-7 .expand-more{margin-top:4px;} .pro-hot-cell .col-xs-7 p{margin-top:0;} .moreinfo li{background:url(../images/yuandian_03.png) no-repeat left 9px;padding-left:20px; list-style: none;} .pro-hot-cell .col-xs-7 ul li{background:url(../images/yuandian_03.png) no-repeat left 9px;padding-left:20px;} .pro-hot-cell .col-sm-7 ul li{background:url(../images/yuandian_03.png) no-repeat left 9px;padding-left:20px; line-height:26px;} .right-box-mar .key-text ul li{background:url(../images/yuandian_03.png) no-repeat left 9px;padding-left:20px;} .key-text{background:#f6f6f6; display:block; border-left: 5px solid #c90000; margin-top:10px; padding:15px 35px 35px 35px; margin-bottom:24px;} .pro-hot-cell .container .row .col-sm-6 .row .col-xs-7 ul{margin-top:-5px;} .pro-hot-cell .container .row .col-sm-6 .row .col-xs-7 p{padding-bottom:10px;} .pro-hot-cell .col-xs-7 ul li{line-height:26px;} .zoom-wrapper{width: 100%; max-width: 340px; height: 255px; margin: 0 auto; position: relative; margin-top:14px;} .product-detial .col-sm-5{margin-left:inherit !important;} .product-detial .col-sm-5 img{margin-top:14px;} .video_box{width: 100%; position: relative; z-index: 99; overflow: hidden;margin-top:10px;} .carrier-program .video_box{margin-top:0;} .video_box a.js_video_icon, .video_box a.js_video_player{display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: url(../images/video_btn.png) center center no-repeat; z-index:1;} .video_box a.js_video_icon:hover, .video_box a.js_video_player:hover{background: url(../images/video_btn_hover.png) center center no-repeat;} .video_box img{width: 100%; height: auto;} #player_wrapper{height: 540px; width: 960px; display: block; overflow: hidden;} #fancybox-loading{position: fixed;top: 50%;left: 50%;width: 40px;height: 40px;margin-top: -20px;margin-left: -20px;cursor: pointer;overflow: hidden;z-index: 1104;display: none;} #fancybox-loading div{position: absolute;top: 0;left: 0;width: 40px;height: 480px;} #fancybox-overlay{position: absolute;top: 0;left: 0;width: 100%;z-index: 1100;display: none;} #fancybox-tmp{padding: 0;margin: 0;border: 0;overflow: auto;display: none;} #fancybox-wrap{position: absolute;top: 0;left: 0;padding: 20px;z-index: 1101;outline: none;display: none;} #fancybox-outer{position: relative;width: 100%;height: 100%;background: #fff;} #fancybox-content{width: 0;height: 0;padding: 0;outline: none;position: relative;overflow: hidden;z-index: 1102;border: 0px solid #fff;} #fancybox-hide-sel-frame{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;z-index: 1101;} #fancybox-close{position: absolute;top: 10px;right: -30px;width: 30px;height: 30px;background: transparent url(../images/video_close.png) -40px 0px;cursor: pointer;z-index: 1103;display: none;} #fancybox-error{color: #444;font: normal 12px/20px Arial;padding: 14px;margin: 0;} #fancybox-img{width: 100%;height: 100%;padding: 0;margin: 0;border: none;outline: none;line-height: 0;vertical-align: top;} #fancybox-frame{width: 100%;height: 100%;border: none;display: block;} #fancybox-left, #fancybox-right{position: absolute;bottom: 0px;height: 100%;width: 35%;cursor: pointer;outline: none;z-index: 1102;display: none;} #fancybox-left{left: 0px;} #fancybox-right{right: 0px;} #fancybox-left-ico, #fancybox-right-ico{position: absolute;top: 50%;left: -9999px;width: 30px;height: 30px;margin-top: -15px;cursor: pointer;z-index: 1102;display: block;} #fancybox-left-ico{background-position: -40px -30px;} #fancybox-right-ico{background-position: -40px -60px;} #fancybox-left:hover, #fancybox-right:hover{visibility: visible; } #fancybox-left:hover span{left: 20px;} #fancybox-right:hover span{left: auto;right: 20px;} .fancybox-bg{position: absolute;padding: 0;margin: 0;border: 0;width: 20px;height: 20px;z-index: 1001;} #fancybox-bg-n{top: -20px;left: 0;width: 100%;} #fancybox-bg-ne{top: -20px;right: -20px;background-position: -40px -162px;} #fancybox-bg-e{top: 0;right: -20px;height: 100%;background-position: -20px 0px;} #fancybox-bg-se{bottom: -20px;right: -20px;background-position: -40px -182px;} #fancybox-bg-s{bottom: -20px;left: 0;width: 100%;background-position: 0px -20px;} #fancybox-bg-sw{bottom: -20px;left: -20px;background-position: -40px -142px;} #fancybox-bg-w{top: 0;left: -20px;height: 100%;} #fancybox-bg-nw{top: -20px;left: -20px;background-position: -40px -122px;} #fancybox-title{font-family: Helvetica;font-size: 12px;z-index: 1102;} .fancybox-title-inside{padding-bottom: 10px;text-align: center;color: #333;background: #fff;position: relative;} .fancybox-title-outside{padding-top: 10px;color: #fff;} .fancybox-title-over{position: absolute;bottom: 0;left: 0;color: #FFF;text-align: left;} #fancybox-title-over{padding: 10px;display: block;} .fancybox-title-float{position: absolute;left: 0;bottom: -20px;height: 32px;} #fancybox-title-float-wrap{border: none;border-collapse: collapse;width: auto;} #fancybox-title-float-wrap td{border: none;white-space: nowrap;} #fancybox-title-float-left{padding: 0 0 0 15px;} #fancybox-title-float-main{color: #FFF;line-height: 29px;font-weight: bold;padding: 0 0 3px 0;} #fancybox-title-float-right{padding: 0 0 0 15px;} .fancybox-ie .fancybox-bg{background: transparent !important;} #fancybox-outer{background: none;} #fancybox-wrap{padding: 0;} #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image: url(../images/fancybox_sprite.png) !important; top: 0; right: 0;} .fancybox-close{position: absolute; width: 36px; height: 36px; cursor: pointer; z-index: 8040;background-image: url(../images/video_close.png) !important; top: 10px !important; right: 10px !important;} .jwdisplay{position: absolute; cursor: pointer; width: 100%; height: 100%; overflow: hidden !important;} #fancybox-close{top: 10px; background-position: center center; right: 10px; width: 36px; height: 36px;} .float-none{float: none !important;} .cloud_computing{width: 100%; padding-bottom: 24px; display: table; overflow: hidden; border-bottom: 1px solid #e2e2e2;} .cloud_computing .col-sm-12.float-none > p{margin: 0;margin-bottom:15px;line-height:30px;} .cloud_computing .col-sm-12.float-none ul li{background:url(../images/yuandian_03.png) no-repeat left 11px; padding-left:20px;} .cloud_computing .col-sm-7.pull-left{padding-left:50px;} .cloud_computing .softcom .col-sm-7{padding-right:50px;} .cloud_computing .col-sm-7.pull-left{padding-right:0;} .cloud_computing .softcom .col-sm-5.pull-right{margin-left:0px !important;} .cloud_computing .col-sm-5{margin-left:50px;margin-bottom:10px;}.moreinfo{display: none; margin: 0px; padding: 0px;line-height:175%;} .moreinfo p{padding: 0px; margin: 0px;} .cloud_computing .moreinfo p{padding: 0px; margin-top:0px; margin-bottom:15px;} .expand-more, .learn-more{height: 22px;margin:10px 0;} .expand-more a, .learn-more a{display: inline-block; color: #0066ff; vertical-align: middle; padding-right: 10px; color: #0066ff;} .expand-more a i{padding-left: 15px; height: 30px; background: url(../images/icon_set.png) -10px -46px;} .learn-more a i{padding-left: 30px; height: 30px; background: url(../images/icon_set.png) -10px -82px;} .expand-more a i.down{background: url(../images/icon_set.png) -10px -10px;} .share{margin-top: 15px;} .share img{text-align: left; display: initial;} #js-share-box-mobile, .share-box{margin-bottom: 24px;} div.share_nullbox .share-box{margin-bottom: 12px; margin-top:12px;} .share-box .share-item{width: 24px; height: 24px; display: inline-block; background-image: url(../images/share_all.png) !important; background-repeat: no-repeat; background-position: center center; text-indent: -10000%;} .share-box .share-item-weibo{background-position: 0 -144px;} .share-box .share-item-weixin{background-position: 0 -168px;} .share-box .share-item-print{background-position: 0 0;} .share-box .share-item-email{background-position: 0 -24px;} .share-box-mobile .bds_print, .at-share-tbx-element .at-share-btn.at-svc-printfriendly, .share-box-mobile .bds_print, .share-box-mobile .bds_mail{display: none !important;} .share-box .share-item-linkedin{background-position: 0 -96px;} .share-box .share-item-twitter{background-position: 0 -72px;} .share-box .share-item-facebook{background-position: 0 -48px;} .share-box .share-item-googleplus{background-position: 0 -120px;} .share-box .share-item1{width: 16px; height: 16px; margin: 0 1px 0 1px; display: inline-block; background-image: url(/Assets/CNBG/img/share_all1.png) !important; background-repeat: no-repeat; background-position: center center; text-indent: -10000%;} .share-box .share-item1.share-item-linkedin{background-position: 0px -48px;} .share-box .share-item1.share-item-googleplus{background-position: 0px -32px;} .share-box .share-item1.share-item-twitter{background-position: 0px -16px;} .share-box .share-item1.share-item-facebook{background-position: 0 0;} .weixin-qrcode{padding: 20px; background-color: #fff;} .softcom{display:block;} .softcom .col-sm-5.pull-right{margin-left:50px;} .softcom .col-sm-5.pull-left{margin-right:50px;margin-left:0;} .softcom h2.title{margin-bottom:0.83em !important;} .softcom ul li{background:url(../images/yuandian_03.png) no-repeat left 9px;padding-left:20px;line-height:30px;margin-bottom:10px;} .solution_video-bg{background: #f5f5f5; border-bottom: 1px solid #d7d7d7;overflow:hidden;} .solution_video_wrap{padding-top: 25px; padding-bottom: 30px;} .solution_video_wrap .solution_video_cont{position: relative;} .solution_video_wrap .solution_video_cont p.video-num{display: none;} .solution_video_wrap .solution_video_cont p.point_btn{width: 75px; position: absolute; bottom: -25px; left: 300px; height: 12px; z-index: 9;} .solution_video_wrap .solution_video_cont p.point_btn span{display: block; width: 12px; height: 12px; background: url(../images/point_btn.png) left -12px; float: left; margin-right: 13px;} .solution_video_wrap .solution_video_cont p.point_btn span.on{background: url(../images/point_btn.png) left 0px;} .solution_video_wrap .solution_video_cont a.btn{display: block; width: 100px; height: 100px; position: absolute; top: 0px; z-index: 10;} .solution_video_wrap .solution_video_cont a.btn.prev{left: 0px; background: url(../images/btn_next.png) left center no-repeat; background-size: 60%;} .solution_video_wrap .solution_video_cont a.btn.prev.false{top:60px; left: -60px; background: url(../images/btn_prev.png) left center no-repeat; background-size: 60%;} .solution_video_wrap .solution_video_cont a.btn.next{top:60px; right: -60px; background: url(../images/btn_next.png) right center no-repeat; background-size: 60%;} .solution_video_wrap .solution_video_cont a.btn.next.false{top:60px; right: -60px; background: url(../images/btn_next.png) right center no-repeat; background-size: 60%;} .solution_video_wrap .carrier-program a.btn.prev{top:20px; left: 0px; background: url(../images/btn_prev_1.png) left center no-repeat; background-position-x: 15px;} .solution_video_wrap .carrier-program a.btn.prev.false{top:20px; left:0px; background: url(../images/btn_prev_1.png) left center no-repeat; background-position-x: 15px;} .solution_video_wrap .carrier-program a.btn.next{top:20px; right:0px; background: url(../images/btn_next_1.png) right center no-repeat; background-position-x: 60px;} .solution_video_wrap .carrier-program a.btn.next.false{top:20px; right:0; background: url(../images/btn_next_1.png) right center no-repeat; background-position-x: 60px;} .solution_video_wrap h2{color: #333; text-align: center; margin-top: 0px;} .solution_video_wrap .solution_video{width: 100%; overflow: hidden; margin: 0px auto;} .solution_video_wrap .solution_video p{padding: 0px; margin: 0px; width: 100%; position: relative;} .solution_video_wrap .solution_video p a{display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: url(../images/video_btn.png) center center no-repeat;} .solution_video_wrap .solution_video p a:hover{background: url(../images/video_btn_hover.png) center center no-repeat;} .solution_video_wrap .solution_video ul{margin: 0 auto; text-align: center; letter-spacing: -0.31em;} .solution_video_wrap .solution_video ul.video-list li{margin-right: 20px; margin-left: 20px; width: 220px; display: inline-block; letter-spacing: normal; vertical-align:top;} .solution_video_wrap .solution_video ul.video-list li img{width: 100%;} .solution_video_wrap .solution_video ul.video-list li h3{color: #333; font-weight: normal; text-align: center; height: auto; overflow: hidden; margin-top: 12px;} .softcom-video .col-sm-7 p{font-size:24px;color:#666;padding-top:20px;} .softcom-video .col-sm-4{float:right;margin-right:40px;} .pro-hot-cell h2.title{margin-top:0;margin-bottom:0.5em; line-height:48px;} .pro-hot-cell .col-xs-5{padding-right:10px !important;} .pro-hot-cell .col-xs-7{padding-left:10px !important;} .business-value h3{text-align:center !important;margin:10px 0;min-height:48px;} .col-sm-3.business-value img,.col-xs-3.business-value-b img,.width-85 .col-sm-4 img{max-width:64px;max-height:64px;} .pro-hot-cell{padding:24px 0 36px 0;border-bottom: 1px solid #d7d7d7;} .pro-hot-cell>.container>.row{margin-top:36px;} .row-list{letter-spacing: -0.32em;} .pro-hot-cell.white{padding-top:10px;} .pro-hot-cell.white>.container>.row{ padding-top:15px; padding-bottom:15px; margin-top:0;} .pro-hot-cell.white>.container h2{ margin-top:0; margin-bottom:0px;} .pro-hot-cell.white .text_title h3{max-height:50px; overflow:hidden;} .pro-hot-cell.white .text_title p{ max-height:56px; overflow:hidden;} .row-list > [class*="col-"]{display: inline-block; letter-spacing: normal; vertical-align: top; float: none;} .pro-hot-cell h3{margin-bottom: 7px;} .pro-hot-cell p{margin: 0; color: #666; line-height:28px;} .pro-hot-cell .container .col-sm-3 > p,.pro-hot-cell .container .col-sm-3 > h3{text-align:left;} .pro-hot-cell .case_present_head .row .col-sm-3 h3{text-align:center;} .info-list-bg{background:#f5f5f5;padding-bottom:20px;} .info-list-bg h3{border-bottom:1px solid #d7d7d7;padding-bottom:10px;margin-bottom:10px; font-size:18px;} .info-list-bg ul li{margin:15px 0;background:url(../images/yuandian_03.png) no-repeat left 5px;padding-left:20px;} .info-list-bg ul.articles{padding-left:0px;} .info-list-bg ul.articles li{padding-left:30px;list-style:none;background:url(../images/carrier-campaign-018.jpg) no-repeat center left;} .pro-hot-cell .col-sm-6 .row .col-xs-9 h3{margin-top:0;} .pro-hot-cell>.container>.row:first-child{margin-top:0;} .container .softcom:last-child{margin-bottom:0;} .content-text h3{color:#333;} .detail-page p,.content-text p,.text-indent p{line-height:175%;} .detail-page .col-sm-9 a{color:#0066ff;} .detail-page .video_box{margin-bottom:15px;} .text-indent ul li,.content-text ul li{line-height: 32px; background:url(../images/yuandian_03.png) no-repeat left 12px; padding-left:20px;} .text-indent ol,.content-text ol{padding-left:20px;} .detail-page .text-indent .video-box, .detail-page .text-indent img, .detail-page .content-text .video-box, .detail-page .content-text img{margin-bottom:10px;} .detail-page .col-sm-9 img{display: block; margin-left: auto; margin-right: auto;} .download_icon{background: url(../images/down_icon.png) no-repeat left; display: inline-block; width: 24px; height: 28px; vertical-align: middle; background-position: 0px 1px;} .a_888{color: #888;} .right-box-mar h3{margin-bottom:11px; margin-top:10px;} .right-box-mar .row .col-sm-3>.tx_txt>img:first-child,.right-box-mar .row .col-sm-3>.tx_txt>.video_box:first-child{margin-top:57px;} .tx_txt{width: 100%; margin-bottom: 20px;display:block;clear:both;} .bor_down{border-bottom: 1px solid #ddd;} .right-box-mar h3.bor_down{padding-bottom:7px;margin-bottom:7px;} .container .row .col-sm-3 .link-list .text-28{font-size: 28px; color: #666;} .container .row .col-sm-3 .link-list .text-14{font-size: 14px; color: #666;} .container .row .col-sm-3 .link-list .text-20{font-size: 20px; color: #666;} .container .row .col-sm-3 .link-list a{padding: 0 10px; display: inline-block;} .tx_txt .newlist{margin-top: 6px;} .tx_txt .newlist li{line-height: 30px; background: url(../images/yuandian_03.png) no-repeat left 11px; padding-left: 20px;} .pro-hot-cell{background:none !important;} .pro-hot-cell .container{position:relative;} .case_present_head .carousel-control.left{position:absolute;width:100px; left: 0px; background: url(../images/btn_prev_1.png) no-repeat left center;background-position-x: 15px;z-index:9999;} .pro-hot-cell .col-sm-3 li{background:url(../images/yuandian_03.png) no-repeat left 5px;padding-left:20px;} .case_present_head .carousel-control.right{position:absolute;width:100px; right: 0px; background: url(../images/btn_next_1.png) no-repeat right center;background-position-x: 60px;z-index:9999;} .pro-hot-cell .case_present_head .carousel .col-sm-12{padding: 0 100px;} .pro-hot-cell .container a.btn.prev.false{position:absolute;top:30%; left:-6px; background: url(../images/btn_prev.png) left center no-repeat; background-size: 60%;} .pro-hot-cell .container a.btn.next{position:absolute;top:30%; right:-6px; background: url(../images/btn_next.png) right center no-repeat; background-size: 60%;} .swiper-container{height: 100%;} .swiper-container{margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;} .swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;} .swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;} .swiper-slide{float: left;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;} .swiper-wp8-horizontal{-ms-touch-action: pan-y;} .swiper-wp8-vertical{-ms-touch-action: pan-x;} #myCarousel2 .swiper-slide, #myCarousel2 .swiper-wrapper,#myCarousel1 .swiper-slide, #myCarousel1 .swiper-wrapper{height:auto !important;} #myCarousel2-mobile .swiper-slide, #myCarousel2-mobile .swiper-wrapper,#myCarousel1-mobile .swiper-slide, #myCarousel1-mobile .swiper-wrapper{height:auto !important;} .carousel-inner{position: relative; overflow: hidden; width: 100%; height: auto !important;} .swiper-slide{float: left; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .btom-bg-f5{background:#f5f5f5;padding: 24px 0 36px 0;} .btom-bg-f5 .col-sm-4 h3{text-align:center;margin-top:10px;} .btom-bg-f5 .col-sm-4{padding:0 60px;} .btom-bg-f5 .col-sm-4 p{padding-bottom:0px;margin-bottom:0;} .solution_video-bg h2.title{margin-bottom:0.83em;} .solution_video-bg .case_present_head .col-sm-7{margin-top:0;margin-bottom:10px;} h1.btom-bor{border-bottom:1px solid #ccc;margin-bottom:20px;padding-bottom:10px;} .cloud_computing .col-sm-12 h2:first-child{margin-top:0;} .center-more{margin-top:24px;} .center-more a{width:350px;height:50px;display:block;background:#e2e2e2;text-decoration:none;text-align:center;line-height:50px;margin:0 auto;border-radius:10px;} .col-sm-3 .solution-nav{border-top:1px solid #d7d7d7;padding-left:10px;} .col-sm-3 .solution-nav li a{font-size:18px;line-height:36px;text-decoration:none;} .col-sm-3 .solution-nav li a:hover{color:#cc0000;text-decoration:none;} .solCategory .col-sm-9 .col-sm-4{margin-bottom:20px;} .solCategory .col-sm-9 .col-sm-4 p{margin-top:0;} .solCategory .col-sm-9 .col-sm-4 h3{margin:6px 0;font-size:18px;} .solCategory .solution-mobilr-nav{display: none;} .pro-hot-cell .container .row .col-sm-6 .col-xs-5 a img{border:1px solid #cdcdcd;} .product-bridge h3{border-bottom:1px solid #ccc;padding-bottom:15px;margin-bottom:0;} .product-bridge ul li{background:url(../images/yuandian_03.png) no-repeat left 9px;padding-left:20px;} .product-bridge{margin-bottom:100px;} .product-bridge ul{line-height:30px;padding-top:10px;} .down-btn a{width:180px;height:36px;background:#cd3333;color:#fff;border-radius:5px;display:block;line-height:36px;text-align:center;text-decoration:none;margin:15px 0 15px 0;} .pro-hot-cell .col-sm-5.pull-right{margin-left:50px;} .anyts-down h2{color:#cc0000;margin-top:0;padding-bottom:10px;margin-bottom:10px;} .anyts-down h2.bor-btom-color{border-bottom:1px solid #ededed;} .anyts-down p{font-size:18px;margin:0;line-height:28px;} .anyts-down p.download{float:right;} .anyts-down p img{padding-left:10px;} .pl30{padding-left: 32px;} .pr30{padding-right: 32px;} #nav-cont-wrap p{line-height: 180%;} .color-990000{color: #cc0000 !important;} .nav-solution-style h4{font-size:16px;color:#333 !important;margin:10px 0 !important;} .nav-solution-style span a{line-height:180%;} .nav-cont-wrap .col-sm-2 h3{padding-bottom:10px;} h1, h2, h3, h4, h5, h6, #footer .left_inner label{font-family: frutigernext_medium, frutigernext, Arial, Helvetica, sans-serif; font-weight: normal;} .a_023399{font-size: 16px; line-height: 28px; color: #023399; vertical-align: middle;} .anyts-down .row .col-sm-9 ul li{border-bottom:1px solid #ededed;margin-bottom:15px;padding-bottom:15px;} .anyts-down .row .col-sm-9 ul .expand-more{margin-bottom:25px;} .anyts-down .solution-nav li{padding: 10px 0px;} .anyts-down .solution-nav li span.title a{color: #000000; font-weight: bold;} .anyts-down .solution-nav li span.title a:hover{color: #0066cc;} .anyts-down .solution-nav li i{padding-left: 25px; background: url(/Assets/CNBG/img/solution_cate_icon.png) left -22px no-repeat; height: 28px;} .anyts-down .solution-nav li span.title.on i{background: url(/Assets/CNBG/img/solution_cate_icon.png) left -2px no-repeat;} .anyts-down .solution-mobilr-nav{display: none;} .anyts-down .solution-nav li i{padding-left: 20px;} .anyts-down .solution-nav li span a{color: #616161; letter-spacing: normal;} .anyts-down .solution-nav li span{display: block; color: #616161; line-height: 24px;} .anyts-down .col-sm-3 .tx_txt h3{margin-bottom:11px;margin-top:4px;} .anyts-down .link-wrap{padding-left:25px;} .bor-btom{border-bottom: 1px solid #eee;} h1.bor-btom{border-bottom: 1px solid #ccc; padding-bottom: 10px;} .bule{color: #0066ff !important;} .change-password .input-name{text-align: right; height: 42px; font-size: 16px;line-height:42px;} .change-password .input-name span{padding-right: 10px;} .change-password input{width: 100%; height: 42px; background: none; border: 1px solid #ccc; border-radius: 4px; float: left; line-height: 100%; line-height: 42px\9; padding-left: 5px;} .ui-widget{font-family:frutigernext;font-size:16px;} .placeholder{font-weight: normal !important; color: #aaa !important;} .input-prompt{height: 42px; line-height: 42px;} .col-sm-12.change-password .row{margin-bottom:24px;} .icon_error{background: url(../images/icon_error.png) no-repeat center center; vertical-align: middle; height: 22px; width: 24px; display: inline-block;} .error{color: red !important; font-style: italic;} body:last-child .custom-combobox .ui-corner-right{margin-left: -1px;} .ui-state-default .ui-icon{background-image: url(../images/ui-icons_ef8c08_256x240.png) !important;} .custom-combobox .ui-corner-left{width: 87.5%; padding: 0 5px;} .custom-combobox .ui-corner-right, .custom-combobox .ui-corner-left{height: 42px; background: #FFF;vertical-align: middle;} .custom-combobox .ui-corner-right{width: 12%; top: 3px\9;} .change-password ul li{float: left; line-height: 100%;} .change-password ul li input{width: 15px; height: 16px; border: none; background: url(/Assets/CNBG/img/multiple.jpg) no-repeat top center; margin: 0px 5px 0 0; box-sizing: inherit; border-radius: 0; padding: 0;} .col-sm-3 ul .js_checkable{display:block;clear:both;margin:13px 0;} .col-sm-3 ul .js_checkable span{color:#666;} .col-sm-10 .moreinfo .row{background:#fafafa;padding-top:10px;} .col-sm-10 .moreinfo .row .col-sm-12{border-top:1px solid #ccc;padding-top:15px;margin-top:15px;margin-bottom:15px;} .others{display:table-cell;vertical-align:middle;margin-top:13px !important;} .col-sm-10 .moreinfo .row .col-sm-12 ul li span{margin-right:10px;} .col-sm-10 .moreinfo .row .col-sm-12 ul li{display:table;line-height:42px;} .col-sm-10 .moreinfo .row .col-sm-12 .ver-code{width: 300px; height: 42px; background: none; border: 1px solid #ccc; border-radius: 4px; float: left; line-height: 100%; line-height: 42px\9; padding-left: 5px;} .agreement{border-top: 1px solid #ccc; margin-top: 35px; padding-top: 20px; line-height: 175%;} .agreement input{width: 15px; height: 16px; border: none; background: url(/Assets/CNBG/img/multiple.jpg) no-repeat top center; margin: 6px 5px 0 0; box-sizing: inherit; border-radius: 0; padding: 0;} .ver-codes{width: 185px !important;} .ver-code-img{padding-left: 10px;} .change-password .submit a{width: 168px; display: block; background: #cd3333; color: #fff; font-size: 18px; text-align: center; height: 40px; line-height: 40px; border-radius: 5px; text-decoration: none; margin-top: 10px; margin-bottom: 10px; float: left; clear: both;} .linn-layout .col-sm-12{margin-bottom:15px;} .linn-layout .col-sm-12 h3{margin:10px 0;} .linn-layout .col-sm-12 p{margin:5px 0;} .linn-layout .col-sm-12 .has-border{padding: 20px; border: 5px solid #eee;margin-bottom:15px;} .linn-layout .col-sm-12 .has-border h2{margin:0 auto;} .linn-layout .col-sm-12 .has-border h3{margin:0 auto;} .linn-layout .col-sm-12 .has-border .col-xs-3{width:auto;padding-right:0;} .linn-layout .col-sm-12 .has-border .row{margin-top:20px;} .linn-layout a.text-right{display:block;} .linn-bor h3{border-top:2px solid #2ba8d4;padding-top:15px;} .linn-layout .tit-bor{border-bottom:2px solid #2ba8d4;margin-bottom:10px;padding-bottom:5px;margin-top:0;} .linn-layout ul{list-style:disc;padding-left:16px;} .linn-layout ul li{margin:10px 0;color:#333;} .linn-layout ul li span{padding-left:10px;line-height:24px;} .tel{margin-bottom:10px;} .tel a{background:url(/Assets/CNBG/img/analysts-home-006.jpg) no-repeat left ;padding-left:35px;margin-right:30px;} .tel span{background:url(/Assets/CNBG/img/analysts-home-005.jpg) no-repeat left;padding-left:30px;} .share-big{margin-top:15px;} .share-big .share-box .share-item.share-item-facebook{width: 48px; height: 48px; display: inline-block; background-image: url(/Assets/CNBG/img/analysts-home-007.jpg) !important; background-repeat: no-repeat; background-position: center center; text-indent: -10000%;margin-right:10px;} .share-big .share-box .share-item.share-item-twitter{width: 48px; height: 48px; display: inline-block; background-image: url(/Assets/CNBG/img/analysts-home-008.jpg) !important; background-repeat: no-repeat; background-position: center center; text-indent: -10000%;margin-right:10px;} .share-big .share-box .share-item.share-item-linkedin{width: 48px; height: 48px; display: inline-block; background-image: url(/Assets/CNBG/img/analysts-home-009.jpg) !important; background-repeat: no-repeat; background-position: center center; text-indent: -10000%;margin-right:10px;} .share-big .share-box .share-item.share-item-googleplus{width: 48px; height: 48px; display: inline-block; background-image: url(/Assets/CNBG/img/analysts-home-010.jpg) !important; background-repeat: no-repeat; background-position: center center; text-indent: -10000%;margin-right:10px;} .page-allEvents h2{padding-bottom: .5em; color: #dc0000; border-bottom: 1px solid #eee;} .page-allEvents h3{margin:0 0 6px 0;} .page-allEvents .item{margin-bottom: 24px;} .page-allEvents .list:last-child .item{margin-bottom:0;} .page-allEvents .calendar{padding-bottom: 20px;margin:0;padding:0;} .page-allEvents .symbol{padding-left:0;} .page-allEvents .symbol a{position: relative; display: block; height: 9em; line-height: 15em; text-align: center; background: url("/Assets/CNBG/img/pageAllEvent-icon.png") #eee no-repeat center; background-size: 50%; background-position: 50% 32%;} .page-allEvents a.more{color: #0066ff; text-decoration: underline;} .calendar .col-sm-8 p{margin-bottom:5px;margin-top:8px;} .calendar .col-sm-8 a.more{background:url(../images/down_icon.png) left no-repeat;padding-left:25px;text-decoration:none;padding-top:1px;} .page-allEvents .btn-more-botom a{font-size:18px;margin-bottom:20px;display:block;width:95px;} .field_message.clearboth{display: block;float: left;clear: both;border:1px dashed #ccc;} .fbb-index-banner .item{height:400px !important;} #right_iconbox{display: none; width: 48px; position: fixed; bottom: 30%; right: 0; z-index: 999;} #right_iconbox a{display: inline-block;} #right_iconbox a > div{display: inline-block; margin: -5px 0 0 0!important;} .icon_top{cursor: pointer; width: 48px; height: 48px; background: url(../images/icon_all.png) no-repeat 0 0; background-color: #c3c3c3; position: relative; opacity: 0.8; filter: Alpha(opacity=80);} .icon_top:hover{cursor: pointer; width: 48px; height: 48px; background: url(../images/icon_all.png) no-repeat 0 -192px; background-color: #bf0303; position: relative;} .icon_news{cursor: pointer; width: 48px; height: 48px; background: url(../images/icon_all.png) no-repeat 0 -48px; background-color: #c3c3c3; position: relative; opacity: 0.8; filter: Alpha(opacity=80);} .icon_news:hover{cursor: pointer; width: 48px; height: 48px; background: url(../images/icon_all.png) no-repeat 0 -48px; background-color: #bf0303; position: relative;} .icon_technology{cursor: pointer; width: 48px; height: 48px; background: url(../images/icon_all.png) no-repeat 0 -383px; position: relative; background-color: #c3c3c3; opacity: 0.8; filter: Alpha(opacity=80);} .icon_technology:hover{cursor: pointer; width: 48px; height: 48px; background: url(../images/icon_all.png) no-repeat 0 -383px; position: relative; background-color: #bf0303;} .icon_emails{cursor: pointer; width: 48px; height: 48px; background: url(../images/icon_all.png) no-repeat 0 -96px; position: relative; background-color: #c3c3c3; opacity: 0.8; filter: Alpha(opacity=80);} .icon_emails:hover{cursor: pointer; width: 48px; height: 48px; background: url(../images/icon_all.png) no-repeat 0 -96px; position: relative; background-color: #bf0303;} .icon_tels{cursor: pointer; width: 48px; height: 48px; background: url(../images/icon_all.png) no-repeat 0 -143px; position: relative; background-color: #c3c3c3; opacity: 0.8; filter: Alpha(opacity=80);} .icon_tels:hover{cursor: pointer; width: 48px; height: 48px; background: url(../images/icon_all.png) no-repeat 0 -143px; background-color: #bf0303; position: relative;} .box_subscribe{max-width: 768px; width: 100% !important; height: auto !important;} .box_subscribe{padding: 10px 0;} .box_subscribe{background-color: #edebeb; border-radius: 8px; width: 550px; height: 100% !important; overflow: hidden; padding-bottom: 10px;} .one_line2{width:618px;} .one_line2, .one_line{padding: 5px 0 !important;} .one_line2.clearfix h2{margin: 0 auto;} .one_line{padding-left: 15px; font-size: 16px; padding-bottom: 15px;} .one_line{padding-left: 15px; font-size: 16px; padding-bottom: 15px;} .one_line2{padding-top: 15px; padding-left: 15px; padding-bottom: 5px;} .one_line .userid{width: 618px; height: 36px; line-height: 100%; line-height: 36px\9; border-radius: 6px; border: 1px solid #ddd; padding-left: 10px;} .one_line li{display: block; float: left; line-height: 100%; line-height: 36px\9; height: 36px; overflow: hidden; margin: 5px 0; list-style: none !important;} .one_line .gongsi{margin-left:10px; width: 300px; height: 36px; line-height: 100%; line-height: 36px\9; border-radius: 6px; border: 1px solid #ddd; padding-left: 10px;} .one_line .tel{width: 190px; height: 36px; line-height: 100%; line-height: 36px\9; border-radius: 6px; border: 1px solid #ddd; padding-left: 10px;} .one_line .liuyanbox{float: left; line-height: 24px; overflow: hidden;} .one_line .liuyanbox .liuyan{width: 618px; height: 60px; line-height: 24px; border-radius: 6px; border: 1px solid #ddd; padding-left: 10px; margin-left:4px;} .one_line .liuyanbox{float: none !important;} .reg_tj{background-color: #C30; border: none; border-radius: 4px; width: 120px; padding: 8px 30px;} .fk_tj{padding-top:10px;} .fk_tj a{color: #fff; text-decoration: none;} .fk_tj a:hover{color: #fff; text-decoration: underline;} .one_line .tel{margin-left: 0px !important; width: 100% !important;} .one_line .gongsi{width: 100% !important;} .hide-not-important{display: none; padding-left: 15px;} .tel_tanchu{ display: none; right: 3.5%; bottom: 29.5%; position: fixed; z-index: 99999; } .tel_tanchu{ right: 5%;} .tel_tanchu-2{padding: 15px 80px 15px 40px; border-radius: 8px; background-color: #edebeb; border: #ccc 1px solid; z-index: 99999;} .tel_tanchu h3{margin: 0px;} .tel_line{height: 30px; line-height: 30px; padding: 0;} .tel_texindet{width: 120px; float: right;} .tel_texindet{float: none;} .tel_tanchu a{text-decoration: none !important;} .one_line .radio{margin: 0 0 0 11px !important;} .icon-popup-close{background: url(../images/icon_pupup_close.png) no-repeat center center !important;} .antenna-search-type{margin-bottom:15px;} .antenna-search-type .search-type{background:#f1f1f1;height:auto;width:100%;} .antenna-search-type .search-type .search, .antenna-search-type > .search{float:left;width:100%;max-width:380px;max-width:384px \9;margin-left:50px;} .antenna-search-type .search-type h3{width:129px;height:47px;text-align:center;background:#fff;display:block;float:left;margin-top:9px;line-height:47px;margin-left:27px;margin-bottom:0;} .antenna-search-type .search-type input ,.antenna-search-type > .search input{height:36px;border:1px solid #ccc;width:100%;max-width:345px;float:right;border-right:none;padding-left:5px;margin-top:11px;} .antenna-search-type .search-type input[type="button"],.antenna-search-type > .search input[type="button"]{height: 36px; width: 32px; background: #fff url(../images/icon_find.png) left center no-repeat; border-right: 1px solid #ccc;border-left:none;} .antenna-search-type .search-type input.placeholder {float:left;} .antenna-search-type .type-nav ul li{float:left;margin:27px 15px 10px;} .antenna-search-type .type-nav ul li a{padding:0 10px;height:36px;line-height:36px;color:#666;display:block;border-radius:5px;} .antenna-search-type .type-nav ul li a.active{text-decoration:none;background:#00a0e9;color:#fff} .antenna-search-type .type-screen{display:block;background:#fbfbfb;border:1px solid #e1e1e1;padding:15px;border-top:none;} .antenna-search-type .selection .type-screen:first-child{border-top:1px solid #e1e1e1;} .antenna-search-type .type-screen span{color:#666;} .antenna-search-type .type-screen2 span{float:left;padding-right:20px;} .antenna-search-type .type-screen ul{width:75%;} .antenna-search-type .type-screen ul li input{margin-right:10px; width:13px; height:13px; float:left; margin-top:5px; margin-top:7px \9;} .antenna-search-type .type-screen ul li{float:left;margin-right:30px;margin-top:8px;} .antenna-search-type .type-screen ul li .active{background:#e7e7e7;} .antenna-search-type .type-screen2 ul li{margin-top:0;} .antenna-search-type .type-screen ul li a{color:#0066cc;padding:5px 15px;} .search-results ul li>div{padding:15px 15px;border-bottom:1px solid #ddd;position:relative; line-height:32px;} .search-results ul li .js-show-more-less{cursor:pointer;} .search-results ul li .col-sm-6.col-xs-5 img{margin-right:50px;} .search-results h3{display:inline-block;margin:0.6em 0;} .search-results h3 img{display: inline-block;vertical-align: middle;padding-right: 5px;} .search-results h3 span{display: inline-block;vertical-align: middle;} .search-results em{float:right;margin-top:0.7em;font-style:inherit;} .search-results .row.moreinfo .col-sm-12 p{display:inline-block;padding-right:15px;} .search-results ul li:first-child{border-top:1px solid #ddd;} .search-results ul li a{width:auto;color:#0066cc;display:inline-block;text-align:center;float:left;} .search-results ul li a img{padding-left:3px;} .search-results ul li:nth-child(odd){background-color:#f7f7f7;} .search-results ul li span{padding-left:5px;padding-right:5px;} .search-results .moreinfo .col-sm-6 p{margin:10px 0;word-break:break-word;} .search-results .moreinfo .col-sm-6 p span{padding:0 3px;} .search-results .moreinfo .col-sm-12 p a{width:auto;margin:0 10px;} .search-results .moreinfo .col-sm-12{margin-left:100px;} .search-results .moreinfo .col-sm-12 p a span{padding:0 3px 0 3px;} .search-results .moreinfo .col-sm-6 p a{width:auto; display:block;clear:both;} .search-results .expand-moreb{position:absolute;top:15px;right:20px;margin:0;padding:0;} .search-results .expand-moreb a{width:50px;} .search-results .expand-moreb a:hover{text-decoration:none;} .search-results .expand-moreb a i{padding-left: 20px; height: 30px; background: url(../images/Passive-Antenna_003.png) center no-repeat;} .search-results .expand-moreb a i.down{background: url(../images/Passive-Antenna_002.png) center no-repeat;} .search-results .moreinfo{padding:15px 0 40px 0;background:#fff;} .search-results .info-list{margin-right:50px;} .search-results .moreinfo{display:none;} .btn-more-botom{margin-bottom: 20px;margin-top:20px;} .btn-more-botom a{color: #0066ff; width: 65px; height: 13px; background: url(../images/btn-more.jpg) no-repeat bottom right; line-height: 14px; display: block; letter-spacing: 0;} .btn-more-botom a:hover{text-decoration: none;} .player-outer-box{position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .filter-item-list{position: relative;z-index:99;} .filter-item-list .type-screen-mobile{position: absolute;left: 0;top: 0;width: 100%;background: #fff;} .ent_logo h3{text-align:center;} .ent_am p{text-align:left !important; line-height:175%;font-size: 18px;font-family: frutigernext_medium, frutigernext, Arial, Helvetica, sans-serif;} .width-85{width:85%;margin:0 auto;} .width-85 .col-sm-4 h3{text-align:center;} .width-85 .col-sm-4 img{width:64px;height:64px;} .selector-from {margin-bottom:15px;} .selector-from p{ background:#f4f4f4; padding:20px 0; margin:0; padding-left:15px;} .carrier-program .item{ height:400px !important; background-repeat:no-repeat; } .carrier-program .carousel-caption{ text-align:left;} .carrier-program .carousel-caption h3{ font-size:36px; margin-bottom:20px;} .carrier-program .carousel-caption p{ color:#333;} .gray{ background:#f7f7f7 !important;} .pro-hot-cell h2.title{margin:0.83em 0;} .pro-hot-cell.gray .col-sm-4.business-value{ padding: 0 5%;} .pro-hot-cell .col-sm-3.business-value p{margin:0.75em 0;} .pro-hot-cell.gray h3{ margin-bottom:0.7em;} .pro-hot-cell .video_box{ margin-top:auto;} .pro-hot-cell.gray .contact .text_title p{ min-height:56px; display:none;} .pro-hot-cell.gray .more{ display:block; text-align:center;} .pro-hot-cell.gray .more a{height:35px; width:130px; text-align:center; line-height:35px; background:#fff; border-radius:30px; margin-top:25px; display:block; margin-left:auto; margin-right:auto; border:2px solid #e4e4e4; color:#626262;} .solution_video-bg.white{ background:#fff;} .solution_video-bg.white h2.title{ margin-top:0.83em; margin-bottom:35px;} .solution_video-bg.white .solution_video_wrap .carrier-program a.btn.prev,.solution_video-bg.white .solution_video_wrap .carrier-program a.btn.next{top:30px;} .pro-hot-cell.gray .col-sm-6 .contact h3{ margin-top:10px;} .section08{padding-top:30px} .section08 .contact{text-align:center;} .section08 .contact a{padding:13px 40px;font-size:17px;border:1px solid #E5E5E5;border-radius:40px;display:inline-block} .photo-swiper-section .swiper-speaker img{ width:100%;} .photo-swiper-section .slick-prev { background-image: url(../images/btn_prev_1.png) !important; background-repeat: no-repeat !important; width: 61px; height: 61px; left: -100px; color: initial; top:90px; background-position:center center; } .photo-swiper-section .slick-next { background-image: url(../images/btn_next_1.png) !important; background-repeat: no-repeat !important; width: 61px; height: 61px; right: -100px; color: initial; top:90px; background-position:center center; } .photo-swiper-section .slick-prev,.photo-swiper-section .slick-next{ background-position:center center !important; } .slick-dots li button:before{ content:"" !important; display: block; width: 12px !important; height: 12px; background: url(../images/point_btn.png) left -12px no-repeat; float: left; margin-right: 13px;} .slick-dots li{width:12px !important;} .photo-swiper-section .video_box{ margin-top:0;} .slick-next:before,.slick-prev:before{ content:"" !important;} .slick-dots{ bottom:-40px !important;} .pro-hot-cell.gray .moreinfo>.row{ margin-top:36px;} .special-list .col-sm-2{ width:20%;} .pro-hot-cell.special-list .row .col-sm-3 h3{ font-weight: normal; font-size:18px;} .lg-container { width: 100%!important; max-width: 1440px; margin: 0 auto; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } #hw1_masthead_wrap{position: relative;background-color: #fff;-moz-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);-o-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);width: 100%;top: 0;width: 100%;z-index: 900;padding:6px 0;border-bottom: 1px solid #e5e5e5;box-shadow: 0px 2px 8px rgba(0,0,0,0.1);} #hw1_masthead_wrap.hw1_skinny{position: fixed;-moz-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);-o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);background-color: #fff;padding:8px 0 0;} .showing #hw1_global_nav_content{transform: translate3d(0,0,0);position: fixed;opacity: 1;overflow:visible\9;} #hw1_global_nav_content{position: absolute;transform: translate3d(0,-105%,0);transition: all .4s cubic-bezier(0.2,1,0.2,1);width:100%;z-index: 899;overflow: hidden;opacity: 0;} #hw1_global_nav_content > div{position: relative;} .hw1_menu_section{padding: 0;transform: translate3d(0,-105%,0);transition: all .4s cubic-bezier(0.25,0.1,0.25,1);margin-top: -105%\9;position: absolute;width: 100%;z-index: 90;} .hw1_menu_section.open{transform: translate3d(0,0,0);margin-top: 0\9;background-color: #f1f1f1;z-index: 91;} .hw1_menu_section[data-section="hwmm0"],.hw1_menu_section[data-section="hwmm2"],.hw1_menu_section[data-section="hwmm3"],.hw1_menu_section[data-section="hwmm4"]{padding-left:35px;} .hw1_menu_section[data-section="hwmm0"]{transform: translate3d(0,-155%,0);} .hw1_menu_section[data-section="hwmm0"] .hw1_box_wrap{min-height:268px;min-height:auto\9;padding-top:50px;padding-right: 0;} .hw1_menu_section[data-section="hwmm0"] .hw1_box_wrap>.row>.col-sm-3{padding-right: 0;} .hw1_menu_section[data-section="hwmm0"].open{transform: translate3d(0,0,0);} .hw1_menu_section[data-section="hwmm4"] .hw1_box_wrap{padding-top: 35px;padding-bottom: 40px;} .hw1_menu_section[data-section="hwmm1"] .img-responsive{width: auto;} .hw1_icon_cnbg,.hw1_icon_ebg,.hw1_icon_cbg,.hw1_icon_channel,.hw1_icon_solu{padding: 4px 4px 4px 24px;position:relative;} .hw1_icon_cnbg:before,.hw1_icon_ebg:before,.hw1_icon_cbg:before,.hw1_icon_channel:before,.hw1_icon_solu:before{background: url('../images/hw1_sprite.png') no-repeat 0 -188px;display: block;position: absolute;width: 20px;height: 20px;left: 0;top: 2px;content: "";} .hw1_icon_cbg:before{background-position: -59px -188px;left: -2px;top: 0px;} .hw1_icon_ebg:before{background-position: -25px -188px;left: -3px;top: -3px;} .hw1_icon_channel:before{background-position: 0 -40px;left: 0px;} .hw1_icon_solu:before{background-position: -22px -40px;left: -4px;} #hw1_subinfo{-moz-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);-o-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);-webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);transition:all 0.6s cubic-bezier(0.23, 1, 0.32, 1);} .hw1_skinny #hw1_subinfo{display: none;} #hw1_masthead_subinfo{float:right;font-size: 12px;} #hw1_masthead_subinfo>li{display: inline-block;padding: 0 0 0 20px;} #hw1_masthead_subinfo_unlogin{float:right;font-size: 12px;} #hw1_masthead_subinfo_unlogin>li{display: inline-block;padding: 0 0 0 20px;} #hw1_global_nav{background: #fff;height: 40px;position: relative;z-index: 2;padding-top:10px;margin-top:0px;} @media (max-width: 1023px) and (min-width: 991px){ #hw1_masthead_wrap .hidden-sm{display: none;} #hw1_masthead_wrap .visible-sm{display: block!important;} } #hw1_logo{float: left;overflow: hidden;position: relative; margin-top:-3px} #hw1_logo a{padding: 0;display: block;height: 40px;} .hw1_masthead_cata{float: left;margin-left: 20px;padding: 0;position: relative} .showing .open{display: block;} .hw1_masthead_cata>li{display: block;float: left;padding: 0 13px;} .hw1_masthead_cata>li:first-child a span{border-radius:5px;background-color:#eee;padding-left:36px;padding-right:18px;display: block;} .hw1_masthead_cata>li:first-child a:hover span{background-color:#dd0011;color: #fff;} .hw1_masthead_cata>li:first-child a:hover i{background:url('../images/hw1_sprite.png') no-repeat -103px -112px;} .hw1_masthead_cata>li:first-child i{position:absolute;background:url('../images/hw1_sprite.png') no-repeat -103px -81px;display:block;width:14px;height:14px;top:12px;left:14px;} .hw1_skinny .hw1_masthead_cata>li>a{margin-bottom: 0;} .hw1_masthead_cata>li>a{box-sizing: border-box;color: #323232;cursor: pointer;display: block;height: 46px;line-height: 40px;overflow: hidden;padding: 0;position: relative;text-decoration: none;border-bottom: 2px solid transparent;transition: .3s border-color,.3s color;} .hw1_masthead_cata>li>a:hover,.hw1_masthead_cata>li.active>a{border-bottom: 2px solid #cb3034;color: #e22835;} .hw1_masthead_rightside{float: right;height: 40px;position: relative;} .hw1_masthead_rightside > ul > li{display: block;float: left;padding: 0;position: relative;} .hw1_masthead_rightside > ul > li a{width: 40px;height: 40px;display: block;cursor: pointer;} .hw1_masthead_rightside .hw1_dropdown_menu{width:300px;position: absolute;top: 46px;right: -40px;} .hw1_masthead_rightside .triangle,#hw1_search_box .triangle{height: 15px;overflow: hidden;position: absolute;top: -15px;width: 320px;right:0; display: none\9;} .hw1_masthead_rightside .triangle:before,#hw1_search_box .triangle:before{content: "";position: absolute;top: 5px;right: 10px;width: 20px;height: 20px;border: 1px solid #ddd;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);background-color: #fff;background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));background-image: -webkit-linear-gradient(top, #fff, #fff);background-image: -moz-linear-gradient(top, #fff, #fff);background-image: -o-linear-gradient(top, #fff, #fff);background-image: linear-gradient(to bottom, #fff, #fff);} .hw1_show_more,.hw1_search,.hw1_show_more>a{width: 40px;height: 56px;} .hw1_search:before{display: table;content: "";} .hw1_show_more>a{display:block;} .hw1_show_more>a:before,.hw1_search>a:before,.hw1_show_more>a:hover:before,.hw1_search>a:hover:before{background: url('../images/hw1_sprite.png') no-repeat 0 -70px;position: absolute;display: block;width: 25px;height: 25px;content: "";top: 8px;left: 8px;} .hw1_search>a:before{background-position: -39px -70px;} .hw1_show_more>a:hover:before{background-position: 0 -105px;} .hw1_search>a:hover:before{background-position: -39px -105px;} #hw1_stage,#hw1_card_list [class*="col-"],.index-video{margin-bottom: 1.5%;} #hw1_card_list .row .row > .col-sm-12{margin-bottom: 3%;} #hw1_card_list .row .row > .col-sm-12:last-child{margin-bottom: 0;} #hw1_global_nav_content{background-color: #f1f1f1;padding:0 15px ;} .vertical_line{border-right: 1px solid #d5d5d5;} .hw1_btn{border-radius: 5px;background-color: inherit;line-height: 24px;height: 24px;padding: 5px 10px;text-decoration: none;} .hw1_box_wrap .hw1_btn:hover{text-decoration:none;} .hw1_box_wrap{padding: 30px 15px;} .hw1_box_wrap h3{color: #e22835;margin: 0 0 15px 0;} .hw1_box_wrap h4{margin: 15px 0;} .hw1_box_wrap a{text-decoration: none;} .hw1_box_wrap a:hover{text-decoration: underline;} .hw1_box_wrap:hover{background-color: #e5e5e5;} [data-section="hwmm1"] .hw1_box_wrap a:hover{text-decoration: none;} [data-section="hwmm0"] .col-sm-3:hover,.hw1_box_wrap:hover{background-color: #e5e5e5;} .hw1_box_wrap:hover .hw1_btn{background-color: #cb3034;color: #fff;} [data-section="hwmm3"] .hw1_box_wrap{width: 20%} @media (max-width: 1200px) and (min-width: 1024px){ [data-section="hwmm3"] .hw1_box_wrap{width: 25%} [data-section="hwmm3"] .row{margin: 0;} } [data-section="hwmm0"] .hw1_btn,[data-section="hwmm2"] .hw1_btn,[data-section="hwmm3"] .hw1_btn,[data-section="hwmm4"] .hw1_btn,[data-section="hwmm5"] .hw1_btn,[data-section="hwmm6"] .hw1_btn{position: relative;left: -10px;top: 10px;} .col-sm-2-4{float: left;position: relative;min-height: 1px;width:20%;padding-left: 15px;padding-right: 15px;} [data-section="hwmm3"] .hw1_box_wrap:last-child{border-left: 1px solid #ddd;} .open .hw1_dropdown_menu{display: block;} .hw1_dropdown_menu{display: none;margin-left: -20px;position: absolute;z-index: 20;padding: 0px;border-image-source: initial;border-image-slice: initial;border-image-width: initial;border-image-outset: initial;border-image-repeat: initial;border-width: 1px;border-style: solid;border-color: rgb(224, 224, 224);background: rgb(255, 255, 255);padding: 0px;} .hw1_dropdown_menu a{color: #333;display: block;padding: 7px 20px;position: relative;text-decoration: none;border-bottom: 1px solid #d5d5d5;} .hw1_dropdown_menu li:last-child a{border-bottom:0;} .hw1_dropdown_menu a:hover, .hw1_dropdown_menu a:focus{background-color: #cc0000;color: #fff;text-decoration: none;} #hw1_search_box{display: none;width: 350px;position: absolute;top: 46px;right: 0;margin-left: -20px;position: absolute;z-index: 20;padding: 20px;border-width: 1px;border-style: solid;border-color: rgb(224, 224, 224);background: rgb(255, 255, 255);} #hw1_search_box input[type="text"]{position: absolute;top: 1px;width: 100%;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;border: 1px solid #ccc;height: 34px;padding:0 10px;} #hw1_search_box input[type="text"]:focus{border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);} #hw1_search_box div:nth-child(2){height: 36px;position: relative;} #hw1_search_box input[type="button"]{width: 39px;height: 36px;background: url('../images/hw1_sprite.png') 0px -142px;border: 0;position: absolute;z-index: 2;right: 0;top: 0;} #hw1_search_box input[type="button"]:hover{background-position: -42px -142px;} @media only screen and (max-width: 1023px){ #hw1_search_box{width:100%;position: relative;top:0;border:0;margin-left: 0;} #hw1_search_box .triangle{display: none;} #hw1_search_box > div{position: relative;top: 0;left: 0;width: 100%;height: 37px;margin: 0 auto;} #hw1_search_box input[type="text"]{position: absolute;width: 100%;} #hw1_search_box input[type="button"]{position: absolute;left: initial;right: 0;} } #hw1_mob_nav_container{position: fixed; z-index: 888; top: 0; right: -100%; width: 100%; height: 100%; background: #fff; overflow: auto;} #container.open, #footer.open,.footer.open, .share_nullbox.open{left: -100% !important; position: fixed;} #hw1_mob_nav_container.open{right: 0 !important; box-shadow: -5px 0px 10px rgba(0, 0, 0, .2);} #container, #hw1_mob_nav_container{-webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in;} #hw1_mob_nav_container ul li{border-bottom: 1px solid #ddd;line-height: 45px;padding:0 20px;font-size: 16px;color: #333;} #hw1_mob_nav_container ul li a{display: block;} #hw1_mob_nav_container ul li.search{line-height: 57px;} #hw1_mob_nav_container ul li.search .prev{float: left;} #hw1_mob_nav_container ul li.search .prev a{color: #cc0000;} #hw1_mob_nav_container ul li ul li:hover,#hw1_mob_nav_container ul li ul li ul li:hover{background-color:#cc0000;color: #fff;} #hw1_mob_nav_container .title.active a,#hw1_mob_nav_container .title.active>ul>li>a:hover{color: #cc0000;} #hw1_mob_nav_container .title.active>ul>li>a{color:#333;} #hw1_mob_nav_container ul li ul{display: none;margin-left: -25px;margin-right: -20px;padding-left: 25px;padding-right: 20px;border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;color: #fff;} #hw1_mob_nav_container ul>li,#hw1_mob_nav_container ul>li:hover>a,#hw1_mob_nav_container .title.active>ul>li:hover>a,li.hw1_hasmore a:hover,li.hw1_nomore a:hover, li.hw1_hasmore > ul> li a:hover, li.nomore > ul> li a:hover{color: #fff;} #hw1_mob_nav_container ul li ul li:hover, #hw1_mob_nav_container ul li ul li ul li:hover{background-color: #cc0000;} #hw1_mob_nav_container ul li ul li.title{margin-left: -25px;margin-right: -20px;padding-left: 25px;padding-right: 20px;background-color: #dedede;color: #cc0000;} #hw1_mob_nav_container ul>li>ul>li{border-bottom: 1px solid #aaa;margin-left: -25px;margin-right: -20px;padding-left: 25px;padding-right: 20px;background-color: #dedede;} #hw1_mob_nav_container ul li ul li ul li{border-bottom-color: #aaa;margin-left: -25px;margin-right: -20px;padding-left: 40px;padding-right: 20px;background-color: #dedede;} .ul-block{ display:block !important;} @media only screen and (max-width: 1023px) { #hw1_masthead_wrap{padding:8px 0;} #hw1_mob_nav_close{text-align: center;vertical-align: middle;float: right;padding: 0 15px;right: -16px;position: relative;cursor: pointer; width: 50px; height: 57px;} #hw1_mob_nav_close:before{content:'';position: absolute;width: 30px; height: 30px; top: 13px; left: 15px; background: url('../images/hw1_sprite.png') no-repeat -101px -42px;} li.hw1_hasmore a,li.hw1_nomore a{position: relative;} li.hw1_hasmore:hover,li.hw1_nomore:hover{background-color: #cc0000;color: #fff;} li.hw1_hasmore>a:after,li.hw1_nomore>a:after,li.hw1_hasmore.active>a:after{display: block;content: "";background: url(../images/mobile_all_icons_1.png) -393px -197px no-repeat;position: absolute;top: 17px;right: 0;width: 20px;height: 15px;} li.hw1_nomore>a:after{background-position: -349px -151px;} } @media (max-width:767px) { .pro-hot-cell .col-sm-5{ padding-right:15px !important; } .solution_video_wrap .solution_video ul.video-list li{ margin-left:0;} .group-index-banner.carrier-program .item{ padding-bottom:56.25%;} } @media (max-width: 767px) and (min-width: 361px){ .group-index-banner.carrier-program .item{ padding-top:56.25% !important;} } .hw1_common_box { padding-bottom: 10px;} .gray_bg {background-color: #f5f5f5;} .hw1_common_box li { padding-bottom: 12px; line-height: 1.6;} .hw1_common_box li .date {display: block; font-size: 14px; color: #999;} .hw1_common_box .col-sm-8 .col-sm-6:nth-child(2), .hw1_common_box .col-sm-8 .col-sm-12 {padding-left: 45px;} .hw1_common_box .col-sm-8 .col-sm-6:nth-child(3) { padding-right: 45px;} .hw1_common_box h3 { margin-bottom: 0;margin-top: 10px;} .hw1_common_box p {margin-top: 5px;} @media (max-width:767px) { .pro-hot-cell.gray .moreinfo>.row .col-sm-4,.pro-hot-cell.gray>.container>.row .col-sm-4{ margin-top:15px;} .hw1_common_box .col-sm-8 .col-sm-6:nth-child(2), .hw1_common_box .col-sm-8 .col-sm-12,.hw1_common_box .col-sm-8 .col-sm-6:nth-child(3) { padding-left: 15px;padding-right: 15px;} .hw1_common_box .col-sm-6 { margin-bottom: 30px;} .pro-hot-cell.white>.container>.row .contact{ margin:15px 0;} } figure.animation{overflow:hidden;} figure.animation a img { transition: all 150ms ease-in-out; transform: scale(1, 1); width: 100%; } figure.animation a:hover img { transform: scale(1.2, 1.2); opacity: 0.5 } div#js-login,div#Subscribe_reg1 {min-width: 500px;padding: 30px 0 40px 0;} div#js-login .alertext,div#Subscribe_reg1 .alertext{width:70%;margin:0 auto; text-align: center;} div#js-login .alertext a,div#Subscribe_reg1 .alertext a {color: #337ab7;margin: 0 10px;} div#js-login .alertext em,div#Subscribe_reg1 .alertext em{font-style: inherit;} .swiper-container.no-swiper .swiper-slide {width: 100%;} .search-results > em a:before{ background: url(../images/down-icon.jpg) no-repeat center center; width:10px; height: 12px; display: inline-block; margin-left: 10px; padding-right: 10px; content:""; } #hw1_subinfo{ line-height: 28px; height: 28px; background-color: #222222; position: relative; z-index: 900; } @media (min-width: 1200px) { #hw1_masthead_wrap .lg-container{ padding-left:0; padding-right:0; } } #hw1_masthead_wrap .lg-container{ max-width:1170px; position: relative; z-index: 900; } #hw1_subinfo >div > span > .navbar-toggle{ display: inline-block !important; float: none; padding: 0 15px; margin-top: 0; font-size: 12px; padding-left:0; color: #fff; } #hw1_masthead_subinfo_unlogin li a{ color:#fff; } #hw1_masthead_subinfo li a{ color:#fff; } #hw1_masthead_subinfo_unlogin li a:hover,#hw1_masthead_subinfo li a:hover{ text-decoration: none; } @font-face { font-family: 'corpfont'; src: url('../fonts/corpfont.eot'); src: url('../fonts/corpfont_1.eot#iefix20180122') format('embedded-opentype'), url('../fonts/corpfont.ttf') format('truetype'), url('../fonts/corpfont.woff') format('woff'), url('../images/corpfont.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; } [class^="hwic_"], [class*=" hwic_"] { font-family: 'corpfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .hwic_down:before { content: "\e904"; } #hw1_subinfo span [aria-expanded="true"] .hwic_down:before { content: "\e911"; } .hwic_right:before { content: "\e916"; } .hwic_top:before { content: "\e911"; } .mob-nav-corporate .corporate-link-mob[aria-expanded="true"] em:before { content: "\e904" !important; } .hwic_to_right:before { content: "\e902"; } .hwic_browser:before { content: "\e90a"; } .hwic_lock:before { content: "\e905"; } .hwic_search:before { content: "\e917"; } .hwic_dehaze:before { content: "\e90d"; } @media (min-width: 1024px) { .iconfont-flash [class*="hwic_"]:before, .iconfont-flash.active [class*="hwic_"]:before, .iconfont-flash:focus [class*="hwic_"]:before { display: inline-block; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; padding-right: 0; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; } .iconfont-flash:hover [class*="hwic_"]:before, .iconfont-flash.active [class*="hwic_"]:before, .iconfont-flash:focus [class*="hwic_"]:before { webkit-transform: translateX(10px); transform: translateX(10px); } .iconfont-flash:hover .hwic_download:before, .iconfont-flash.active .hwic_download:before, .iconfont-flash:focus .hwic_download:before { webkit-transform: translateY(10px); transform: translateY(10px); } } #hw1_masthead_wrap span a em { font-size: 24px; vertical-align: middle; margin-left: -3px; } #hw1_masthead_wrap span a:hover { text-decoration: none; } .hw1_skinny .corporate{ display:none; } #hw1_masthead_wrap{ padding-top:0; } #hw1_masthead_wrap .corporate { border-bottom: 1px solid #dedede \9; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2) inset; position: relative; z-index: 900; background:#fff; } #hw1_masthead_wrap .corporate .corporate-dropdown { width: 100%; } #hw1_masthead_wrap .corporate .corporate-dropdown ul { list-style: none; letter-spacing: -0.31em; padding-left: 0; margin-bottom: 0; padding: 35px 0; } #hw1_masthead_wrap .corporate .corporate-dropdown ul li { display: inline-block; width: 25%; letter-spacing: 0; padding-right: 60px; float: left; font-size: 14.000000000000002px; cursor: pointer; } #hw1_masthead_wrap .corporate .corporate-dropdown ul li:first-child { cursor: default; } #hw1_masthead_wrap .corporate .corporate-dropdown ul li:first-child h3 a { color: #282828; cursor: default; } #hw1_masthead_wrap .corporate .corporate-dropdown ul li:first-child h3 a em:before { content: "" !important; } #hw1_masthead_wrap .corporate .corporate-dropdown ul li:first-child a { cursor: default; } #hw1_masthead_wrap .corporate .corporate-dropdown ul li h3 { margin-bottom: 0; margin-top:0; } #hw1_masthead_wrap .corporate .corporate-dropdown ul li p { margin-top: 5px; margin-bottom: 0; color: #282828; font-weight: normal; margin-top:0; line-height:22px; } #hw1_masthead_wrap .corporate .corporate-dropdown ul li a { color: #f66f6a; font-size: 14.000000000000002px; } #hw1_masthead_wrap .corporate .corporate-dropdown ul li a em { font-size: 24px; vertical-align: middle; } #hw1_masthead_wrap .corporate .corporate-dropdown ul li a:hover { text-decoration: none; } #hw1_masthead_wrap .corporate .corporate-dropdown ul li a.active { color: #282828; } #hw1_masthead_wrap .corporate .corporate-dropdown ul li a.active .hwic_right:before { content: "" !important; } #hw1_masthead_wrap .corporate .worldwide-dropdown { width: 100%; } #hw1_masthead_wrap .corporate .worldwide-dropdown .worldwide-contact { padding: 40px 0; overflow: hidden; } #hw1_masthead_wrap .corporate .worldwide-dropdown .worldwide-contact .worldwide-language { font-size: 14.000000000000002px; padding-bottom: 20px; } #hw1_masthead_wrap .corporate .worldwide-dropdown .worldwide-contact .worldwide-language .hwic_browser { margin-right: 10px; } #hw1_masthead_wrap .corporate .worldwide-dropdown .worldwide-contact .worldwide-language a { color: #222222; } #hw1_masthead_wrap .corporate .worldwide-dropdown .worldwide-contact > ul { letter-spacing: -0.31em; margin-bottom: 0; } #hw1_masthead_wrap .corporate .worldwide-dropdown .worldwide-contact > ul > li { display: inline-block; width: 25%; letter-spacing: 0; float: left; } #hw1_masthead_wrap .corporate .worldwide-dropdown .worldwide-contact > ul > li ul { list-style: none; padding-left: 0; } #hw1_masthead_wrap .corporate .worldwide-dropdown .worldwide-contact > ul > li ul li { padding-top: 20px; font-size: 14.000000000000002px; } #hw1_masthead_wrap .corporate .worldwide-dropdown .worldwide-contact > ul > li ul li:first-child { padding-top: 0; } #hw1_masthead_wrap .corporate .worldwide-dropdown .worldwide-contact > ul > li ul li em { margin-right: 10px; } #hw1_masthead_wrap .corporate .worldwide-dropdown .worldwide-contact > ul > li ul li a { color: #222222; text-decoration: underline; } #hw1_masthead_wrap .corporate .worldwide-dropdown .worldwide-contact > ul > li ul li a :hover { color: #222222; } #hw1_mob_nav_container .mob-nav-corporate { bottom: 0px; left: 0; height: 48px; background: #222222; width: 100%; padding: 10px 15px; position: fixed; display:none; } #hw1_mob_nav_container.open .mob-nav-corporate{ display:block; } #hw1_mob_nav_container .mob-nav-corporate > span { float: left; } #hw1_mob_nav_container .mob-nav-corporate > ul { float: right; background: none; } #hw1_mob_nav_container .mob-nav-corporate > ul li { display: inline-block; border-left: 1px solid #7e7e7e; padding-left: 12px; border-bottom: 0 !important; line-height: normal !important; padding: 0 !important; } #hw1_mob_nav_container .mob-nav-corporate > ul li:first-child { border-left: 0; vertical-align: middle; } #hw1_mob_nav_container .mob-nav-corporate > ul li span { color: #fff; font-size: 14.000000000000002px; margin-right: 5px; display: inline-block; vertical-align: -1px; } #hw1_mob_nav_container .mob-nav-corporate a { color: #fff; font-size: 12px; display: inline-block !important; } #hw1_mob_nav_container .mob-nav-corporate a em { font-size: 30px; display: inline-block; vertical-align: middle; } #hw1_mob_nav_container .mob-nav-corporate a.corporate-link-mob[aria-expanded="true"] em, #hw1_mob_nav_container .mob-nav-corporate a.worldwide-link-mob[aria-expanded="true"] em { } #hw1_mob_nav_container .mob-nav-corporate .navbar-toggle[aria-expanded="true"] em:before { content: "\e904" !important; } #hw1_mob_nav_container .nav-posti { position: static; top: 56.99999999999999px; left: 0; width: 100%; overflow-y: auto; margin-bottom: 48px; } #hw1_mob_nav_container .mob-corporate-open { background: #fff; position: fixed; top: 60px; width: 100%; height: 100%; padding-bottom: 155px; } #hw1_mob_nav_container .mob-corporate-open ul { list-style: none; padding: 0; margin: 0; } #hw1_mob_nav_container .mob-corporate-open ul li { padding: 15px 15px !important; border-bottom: 1px solid #d4d4d4; box-shadow: 1px 0 5px #f5f5f5; } #hw1_mob_nav_container .mob-corporate-open ul li h3 { font-size: 14.000000000000002px; margin-bottom: 5px; line-height: 150%; margin-top:0; } #hw1_mob_nav_container .mob-corporate-open ul li p { width: 60%; font-size: 14.000000000000002px; margin: 0; text-align: left; color:#333; line-height: 22px; } #hw1_mob_nav_container .mob-corporate-open ul li a { color: #f66f6a; } #hw1_mob_nav_container .mob-corporate-open ul li a em { float: right; margin-top: 5px; } #hw1_mob_nav_container .mob-corporate-open ul li:first-child a { color: #222222; } #hw1_mob_nav_container .mob-worldwide-open { background: #fff; position: fixed; top: 64px; width: 100%; height: 100%; overflow: auto; padding-bottom: 155px; } #hw1_mob_nav_container .mob-worldwide-open ul { list-style: none; padding: 0; margin: 0; } #hw1_mob_nav_container .mob-worldwide-open ul li { padding: 15px 15px; border-bottom: 1px solid #d4d4d4; } #hw1_mob_nav_container .mob-worldwide-open ul li a { color: #222222; } #hw1_mob_nav_container .mob-worldwide-open ul li a span { padding-right: 15px; } #hw1_mob_nav_container .mob-worldwide-open ul li a .hwic_browser { font-size: 25px; } .search-open { position: fixed; top: auto; right: auto; left: auto; margin-top: -50px; transition: margin-left 0.5s ease-in-out; } .search-open.open { z-index: 1048; display: block !important; margin-left: -474px; } .search-open .highlight { color: #f66f6a; } .search-open .search-box { position: relative; } .search-open .search-box input { width: 100%; height: 48px; border: 1px solid #d4d4d4; line-height: 48px; border-radius: 5px; padding-left: 20px; outline: none; font-size: 16px; } .search-open .search-box input:focus { border: 1px solid #15b0eb; color: #282828; box-shadow: 0px 3px 8px #d4d4d4; } .search-open .search-box .search-btn { position: absolute; top: 5px; right: 0; padding: 0 10px; } .search-open .results-box { background: #fff; border-radius: 5px; margin-top: 17px; padding: 30px 0; } .search-open .results-box .autocomplete-suggestions { width: 100% !important; } .search-open .results-box .autocomplete-suggestions .autocomplete-suggestion { padding: 10px 30px; font-size: 18px; } .search-open .results-box .autocomplete-suggestions .autocomplete-suggestion:hover { background: #999; cursor: pointer; } .search-open .results-box .results1 { border-bottom: 1px solid #d4d4d4; padding-bottom: 30px; margin-bottom: 30px; } .search-open .results-box h3 { font-size: 14.000000000000002px; font-weight: bold; color: #999; text-transform: uppercase; margin-bottom: 8px; padding: 0 30px; } .search-open .results-box ul { list-style: none; padding: 0; margin: 0; } .search-open .results-box ul li { padding: 10px 30px; line-height: 100%; } .search-open .results-box ul li:hover { background: #999; } .search-open .results-box ul li:hover a { color: #fff !important; } .search-open .results-box a { font-size: 18px; } @media(max-width:767px){ #hw1_masthead_wrap{ position: static; } #hw1_masthead_wrap .lg-container{ padding-left:15px; padding-right:15px; } } html.mobile-menu-open{ overflow:hidden; } #container.open, #footer.open, .footer.open, .share_nullbox.open{ left:0.00001px !important; position: static; } #hw1_mob_nav_container{ top:57px; box-shadow: none !important; } #container #hw1_mob_nav_close{ display:none; } #container.open #hw1_mob_nav_close{ display:block; } #container.open .hw1_show_more{ display:none !important; } #container.open .nav-close{ display:block !important; width:40px; } #hw1_masthead_subinfo_unlogin li a span,#hw1_masthead_subinfo li a span{ margin-right: 7px; } #hw1_masthead_wrap{ padding-bottom:0; } @media (max-width: 1023px){ #hw1_mob_nav_close:before { top: 5px; left: 5px; } #hw1_search_box{ z-index:889; } #hw1_masthead_wrap { padding: 8px 0; } } #hw1_masthead_subinfo_unlogin li a em{ margin-right: 4px; font-size: 17px; display: inline-block; vertical-align: -3px; } @media (min-width: 1024px){ #hw1_global_nav{ height:68px; padding-top:18px; } #top-fixed-placeholder{ height:96px !important; } } @media (max-width: 767px){ #hw1_global_nav { margin-top: 0; padding-top: 3px; height:40px; } #hw1_logo{ margin-top:3px; } } #global_nav_bg{ width:100%; background:#fff; position: relative; z-index: 900 } #hw1_masthead_subinfo_unlogin,#hw1_masthead_subinfo{ height: 20px; line-height: 20px; margin: 4px 0; } #hw1_masthead_subinfo_unlogin>li,#hw1_masthead_subinfo>li{ border-left: 1px solid #949494; padding: 0 12px; } #hw1_masthead_subinfo_unlogin>li:first-child,#hw1_masthead_subinfo>li:first-child{ border-left: none; } #hw1_mob_nav_container ul li.prev a{ color: #cc0000; } #hw1_logo{ margin-top:0; } @media (max-width: 1023px){ .hw1_masthead_rightside .hw1_search{ padding-right: 10px; border-right: 1px solid #d4d4d4; margin-right: 9px; width: 45px; height: 35px; } .hw1_search>a:before,.hw1_search>a:hover:before{ background: none !important; content: "\e917"; font-size:20px; font-family: 'corpfont' !important; font-weight: bold; color: #333; top: 2px; } .hw1_show_more>a:before,.hw1_show_more>a:hover:before{ content: "\e90d"; font-family: 'corpfont' !important; color: #333; background: none !important; font-size:18px; font-weight: bold; top: 4px; } #hw1_mob_nav_close:before{ content: "\e90c"; font-family: 'corpfont' !important; color: #333; background: none !important; font-size:18px; font-weight: bold; top: 3px; left: -3px; } } .detial-banner{ width: 100%; overflow: hidden; position: relative; padding-bottom: 70px; } .detial-banner .content{ position: absolute; top: 60px; left: 0; width: 100%; } .detial-banner .video_box{ margin-top: 0px; } .detial-banner .content .row{ display: flex; } .detial-banner .content .row .col-sm-6{ display: flex; align-items: center; } .detial-banner .content .text p{ color: #fff; font-size: 22px; line-height: 38px; } .detial-banner .content .text .tit-img{ margin-bottom: 30px; } .detial-banner .video_box a.js_video_player{ background: url(../images/video-btn.png) no-repeat center center; } .click-detail-box { font-family: Microsoft YaHei; padding-bottom:70px; } .click-detail-box h2{ font-size: 28px; line-height: 48px; text-align: center; } .click-detail-box .main { margin: 0 auto; margin-top: 60px; } .click-detail-box .main h2{ text-align:center; } .click-detail-box .main .click-detail-list { width: 1170px; margin: 0 auto; padding:0 11px; } .click-detail-box .main .show-detail { display: none; width: 1137px; height: auto; background: #fafafa; padding: 40px 50px; position: relative; margin: 0 auto; margin-top: 0px; z-index: 1; } .click-detail-box .main .show-detail .close-detail { position: absolute; width: 24px; height: 24px; top: 20px; right: 20px; background: url("../images/cls_black.png"); } .click-detail-box .main .show-detail .video-click { position: static; width: 422px; height: 226px; float: right; margin-top:20px; } .click-detail-box .main .show-detail h4 { font-size: 22px; line-height: 34px; font-weight: normal; width:540px; } .click-detail-box .main .show-detail h4 a{ color: #282828; } .click-detail-box .main .show-detail h4 a:hover{ color: #282828; text-decoration: none; } .click-detail-box .main .show-detail p { font-size: 16px; line-height: 1.375; min-height: 110px; width: 540px; overflow: hidden; word-break: inherit; color: #666; } .click-detail-box .main .show-detail p a{ color: #282828; } .click-detail-box .main .show-detail p a:hover{ color: #282828; } .click-detail-box .main .show-detail h5 { font-size: 24px; margin-top: 70px; line-height: 34px; text-transform: uppercase; font-weight: normal; margin-bottom: 15px; } .click-detail-box .main .show-detail .link { width: 100%; height: 50px; line-height: 50px; font-size: 22px; position: relative; } .click-detail-box .main .show-detail .link a { position: absolute; width: 140px; padding-right: 20px; height: 50px; line-height: 50px; right: 0; top: 0; text-align: right; color: #000; font-size: 16px; } .click-detail-box .main .show-detail .link .title a { position: static; font-size: 18px; } .click-detail-box .main .show-detail .link a:after { content: ""; width: 9px; height: 14px; position: absolute; top: 18px; right: 0; background: url("../images/more_arrow.png"); } .click-detail-box .main .click-detail { width: 281px; height: 283px; float: left; border: 6px solid transparent; position: relative; cursor: pointer; margin: 0 8px 16px 0; z-index: 2; } .click-detail-box .main .click-detail .pic{ overflow: hidden; width: 273px; height: 283px; } .ie8 .click-detail-box .main .click-detail{ margin:0 5px 16px 0; } .click-detail-box .main .click-detail:nth-child(4), .click-detail-box .main .click-detail.last-no-margin { margin: 0 0 8px 0; } .click-detail-box .main .click-detail:nth-child(4).cur, .click-detail-box .main .click-detail.last-no-margin.cur { margin: 0 0 18px 0; } .click-detail-box .main .click-detail.cur { border: 4px solid #161634; margin: 0 8px 18px 0; } .click-detail-box .main .click-detail.cur:after { position: absolute; width: 281px; height: 29px; background: url("../images/box_hover_bg.png"); left: -4px; bottom: -33px; content: ""; } .click-detail-box .main .click-detail img { display: block; width: 281px; height: 283px; transition: transform .8s; -moz-transition: -moz-transform 0.8s; -webkit-transition: -webkit-transform 0.8s; -o-transition: -o-transform 0.8s; max-width: 100%; } .click-detail-box .main .click-detail .txt { position: absolute; height: auto; width: 100%; text-align: center; font-size: 22px; line-height: 34px; color: #fff; top: 50%; top: 50px\9; left: 0; padding: 0px 15px; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -o-transform: translate(0, -50%); -moz-transform: translate(0, -50%); } .click-detail-box .main .click-detail i,.click-detail-box .main .click-detail em { position: absolute; width: 26px; height: 12px; background: url("../images/detail_arrow.png"); bottom: 20px; left: 50%; margin-left: -13px; } .click-detail-box .main .click-detail:hover i,.click-detail-box .main .click-detail:hover em { -webkit-animation: s_up 1.6s ease-in infinite; animation: s_up 1.6s ease-in infinite; } @media (min-width: 768px) and (max-width:1024px){ .click-detail-box .main .click-detail-list{ width:100%; } .click-detail-box .main .click-detail{ width:24.2%; } .click-detail-box .main .click-detail img{ width:100%; } } @media (max-width: 767px) { body{ overflow-x: hidden; width: 100%; } .click-detail-box .main { width: 100%; margin-top: 30px; } .click-detail-box .main .click-detail-list { width: 325px; padding:0; } .click-detail-box .main .click-detail-list .click-detail { width: 157px; height: 157px; border: none; margin: 0 10px 10px 0; } .click-detail-box .main .click-detail-list .click-detail.cur { border: none; margin: 0 10px 10px 0; } .click-detail-box .main .click-detail-list .click-detail.cur:after { display: none; } .click-detail-box .main .click-detail-list .click-detail.cur:nth-child(2n), .click-detail-box .main .click-detail-list .click-detail.cur:nth-child(4) { margin: 0 0 10px 0; } .click-detail-box .main .click-detail-list .click-detail:nth-child(2n), .click-detail-box .main .click-detail-list .click-detail:nth-child(4) { margin: 0 0 10px 0; } .click-detail-box .main .click-detail-list .click-detail img { width: 157px; height: 157px; } .click-detail-box .main .click-detail-list .click-detail i { width: 13px; height: 6.4px; bottom: 11px; margin-left: -6.5px; background-size: 100% 100%; background-image: url("../images/detail_arrow.png"); } .click-detail-box .main .click-detail-list .click-detail .txt { font-size: 18px; line-height: 28px; word-break: initial; } .click-detail-box .main .click-detail-list .show-detail { position: fixed; width: 100%; height: 100%; top: 0; left: 0; padding: 0; margin-top: 0; z-index: 999; } .click-detail-box .main .click-detail-list .show-detail .close-detail { width: 23px; height: 23px; top: 20px; right: 20px; background-size: 100% 100%; background-image: url("../images/cls_black.png"); } .click-detail-box .main .click-detail-list .show-detail .video-click { margin-top: 54px; width: 100%; height: auto; float: none; } .click-detail-box .main .click-detail-list .show-detail .video-click img { width: 100%; } .click-detail-box .main .click-detail-list .show-detail h4 { font-size: 20px; line-height: 32px; width: 320px; margin-left:30px; margin-top: 10px; } .click-detail-box .main .click-detail-list .show-detail h5 { width: 320px; margin-left:30px; font-size: 18px; margin-top: 10px; line-height: 25px; text-transform: uppercase; font-weight: normal; } .click-detail-box .main .click-detail-list .show-detail p { font-size: 14px; line-height: 24px; width: 100%; height: auto; max-height: 144px; overflow: hidden; padding-left:30px; min-height: 1px; } .click-detail-box .main .click-detail-list .show-detail .link { width: 100%; line-height: 20px; padding: 5px 0; padding-right: 100px; height: auto; padding-left:30px; font-size: 14px; } .click-detail-box .main .click-detail-list .show-detail .link a { width: 180px; height: 20px; right: 30px; top: 50%; padding-right: 9px; margin-top: -10px; line-height: 20px; font-size: 14px; } .click-detail-box .main .click-detail-list .show-detail .link a:after { width: 6px; height: 9px; top: 50%; background-size: 100% 100%; background-image: url(../images/more_arrow.png); margin-top: -4.5px; right: -10px; display: block; } } .info-list-box{ margin-bottom: 70px; background: #f5f5f5; padding: 50px 0; position: relative; width:100%; overflow: hidden; } .info-list-box .container:after{ background: url(../images/info_list_bg.jpg) no-repeat top right; position: absolute; top: 0; right: 50%; width: 500px; height: 100%; display: block; content: ""; margin-right: -640px; } .info-list-box h2{ text-align: center; font-size: 28px; line-height: 48px; padding-bottom: 20px; position: relative; z-index: 1; } .info-list-box .row{ margin-top: 30px; display: flex; position: relative; z-index: 1; } .info-list-box .content{ background: #fff; display: block; height: 100%; box-shadow: 2px 0 10px rgba(0, 0, 0, .2); border-bottom: 2px solid; border-image: -webkit-linear-gradient(to right, #554279 , #dea8b9) 30 30; border-image: -moz-linear-gradient(to right, #554279 , #dea8b9) 30 30; border-image: linear-gradient(to right, #554279 , #dea8b9) 30 30; } .info-list-box .content .list-img img{ max-width: 100%; height: auto; } .info-list-box .content a:hover{ color: #be1d2d; text-decoration: none; } .info-list-box .content .text{ padding:15px; min-height: 155px \9; } .info-list-box .content .text p{ font-size: 18px; line-height: 28px; } .info-list-box2{ padding-bottom: 70px; } .info-list-box2 h2{ text-align: center; font-size: 28px; line-height: 48px; padding-bottom: 40px; } .info-list-box2 .icon_list{ display: block; margin: 30px 0; } .info-list-box2 .icon_list ul{ letter-spacing: -.32em; } .info-list-box2 .icon_list ul li{ display:inline-block; width: 20%; letter-spacing: normal; text-align: center; float: left; } .info-list-box2 .icon_list ul li h3{ font-size: 22px; line-height: 34px; } .info-list-box2 .icon_list ul li p{ font-size: 18px; margin-top: 15px; line-height: 30px; } .info-list-box2 .content{ position: relative; } .info-list-box2 .content h3{ position: absolute; bottom: 10px; width: 100%; display: block; text-align: center; color: #fff; font-size: 20px; } .info-list-box2 .video_box a.js_video_player{ background: url(../images/video-btn_small.png) no-repeat center 40%; } .industey-share{ background: #f5f5f5; padding: 70px 0; text-align: center; } .industey-share h2{ text-align: center; font-size: 28px; line-height: 48px; padding-bottom: 40px; } .industey-share ul li{ display: inline-block; margin: 0 25px; } .industey-share ul li em{ display: block; } .industey-share ul li span{ font-size: 16px; color: #555; margin-top: 5px;display: block; } .industey-share .wechat{ position: relative; width: 78px; height: 79px; display: block; } .industey-share .wechat .wechat-img span{ font-size: 12px; line-height: 140%; } .industey-share .wechat .wechat-img{ position: absolute; z-index: 97; top: -230px; left: -50px; display: block; background: #fff; padding: 20px; box-shadow: 1px 3px 10px #cfcfcf; font-size: 12px; line-height: 140%; } .industey-share .wechat .wechat-img:after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent; } .industey-share .wechat .wechat-img{ display: none; } .industey-share .wechat:hover .wechat-img{ display: block; } .industry_share_y { width: 102px; height: 80px; background: url('../images/share_icon.png') -10px -10px; } .industry_share_f { width: 78px; height: 79px; background: url('../images/share_icon.png') -132px -10px; } .industry_share_in { width: 78px; height: 79px; background: url('../images/share_icon.png') -10px -110px; } .industry_share_t { width: 78px; height: 79px; background: url('../images/share_icon.png') -108px -110px; } .industry_share_weixin { width: 78px; height: 79px; background: url('../images/share_icon.png') -230px -10px; } .video_box_ux img { border-radius: 5px; max-width: 100%; height: auto; } .clear-float{ display: table; clear: both; } .detial-banner .video_box img,.click-detail-box .main .click-detail img,.info-list-box2 .content img{ transition: transform .8s; -moz-transition: -moz-transform 0.8s; -webkit-transition: -webkit-transform 0.8s; -o-transition: -o-transform 0.8s; } .detial-banner .video_box:hover img,.click-detail-box .main .click-detail:hover img,.info-list-box2 .content:hover img{ transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); } .click-detail-box h2 a:hover,.click-detail-box h2 a:focus,.info-list-box h2 a:hover,.info-list-box h2 a:focus,.info-list-box2 h2 a:hover,.info-list-box2 h2 a:focus{ text-decoration: none; color:#333; } @media (max-width:767px){ .detial-banner .content .row .col-sm-6{ display: block; } .detial-banner .content .text .tit-img img{ max-width: 100%; } .detial-banner .content .row{ display: block; } .mobile-video{ padding-bottom: 30px; } .mobile-video .video_box a.js_video_player{ background: url(../images/video-btn.png) no-repeat center center; } .detial-banner{ padding-bottom: 30px; } .click-detail-box h2{ font-size: 28px; line-height:40px; text-align: left; padding:0 15px; } .info-list-box{ margin-bottom: 30px; } .info-list-box h2,.info-list-box2 h2{ font-size: 28px; line-height:40px; text-align: left; } .info-list-box2 .content h3{ font-size: 16px; bottom: 0; } .info-list-box2 h2{ padding-bottom: 0; } .info-list-box .row{ display: block; margin-top:0; } .info-list-box .row .col-sm-3{ margin-top:30px; width: 50%; float: left; } .info-list-box2 .icon_list ul >li{ width: 30%; margin: 15px 0; float: none; vertical-align: top; } .industey-share{ padding: 30px 0; } .info-list-box2 .col-sm-3{ width: 50%; float: left; margin: 10px 0; } .industey-share h2{ font-size: 28px; line-height:40px; } .industey-share ul li{ margin: 15px ; } .info-list-box .content{ min-height: 333px; } .info-list-box2 .icon_list ul >li h3{ font-size: 20px; line-height: 30px; } .info-list-box2 .icon_list ul >li p{ font-size: 16px; } } @media (min-width:767px) and (max-width:1024px){ .click-detail-box .main .click-detail .pic{ width: 100%; } } @media (max-width:800px){ body{ font-size: 16px; } .info-list-box .content .text p,.click-detail-box .main .click-detail-list .click-detail .txt{ font-size: 16px; } .click-detail-box h2{ font-size: 36px; } } @media (min-width:768px) and (max-width:800px){ .click-detail-box .main .click-detail{ height: 210px; } .click-detail-box .main .click-detail img{ height: 100%; } } @media (min-width:640px) and (max-width:800px){ .click-detail-box .main .click-detail-list{ width:100%; padding: 0 15px; } .click-detail-box .main .click-detail-list .click-detail:nth-child(2n), .click-detail-box .main .click-detail-list .click-detail:nth-child(4){ margin: 0 10px 10px 0; } .click-detail-box .main .click-detail .pic{ width: 100%; height: 100%; } .click-detail-box .main .click-detail-list .click-detail{ width: 23.36%; } .click-detail-box .main .click-detail .txt{ } } @media (max-width:640px){ body{ font-size: 14px; } .info-list-box .content .text p,.click-detail-box .main .click-detail-list .click-detail .txt{ font-size: 14px; } .click-detail-box h2{ font-size: 28px; } .info-list-box2 .icon_list ul >li{ width: 50%; } } @media (max-width:360px){ body{ font-size: 12px; } .info-list-box .content .text p,.click-detail-box .main .click-detail-list .click-detail .txt{ font-size: 12px; } } .search-results{ position: relative; } .search-results-input { position: absolute; right: 0; top: -40px; height: 38px; width: 100%; } .search-results-input .search-input-text{ position: absolute; top: 0px; width: 280px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; border: 1px solid #ccc; height: 38px; padding: 0 10px; right:0; border-radius: 5px; } .search-results-input .search-button{ width: 39px; height: 36px; background: url('../images/hw1_sprite.png') no-repeat 0 -70px; background-position: -39px -70px; border: 0; position: absolute; z-index: 2; right: 0; top: 7px; outline: none; } @media (max-width:767px){ .search-results { margin-top: 70px; padding-top: 10px; } .search-results-input { position: absolute; right: initial; top: -40px; height: 38px; width: 100%; max-width: 280px; left: 50%; transform: translateX(-50%); } }