body, button, dd, div, dl, form, h1, h2, h3, h4, h5, h6, html, img, input, li, ol, p, ul { margin: 0; padding: 0; border: 0 } * { -webkit-tap-highlight-color: transparent; } body { font-family: "微软雅黑","Microsoft YaHei","Helvetica Neue",Helvetica,sans-serif; background-color: #ffffff; overflow-x: hidden; } button, input, textarea,select{ -webkit-appearance: none; resize: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border: 0; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } img { border: 0; max-width: 100%; vertical-align: middle; } .none{ display:none; } .online_x{ cursor:pointer; } button:hover, input[type=submit]:hover { cursor: pointer } button:focus, input:active, input:focus, textarea:focus { /* border: 0*/ outline: 0 none; outline-color: transparent; } a { color: #333; display: inline-block; } a:link { text-decoration: none } a:visited { text-decoration: none } a:hover { text-decoration: none; } a:active { text-decoration: none } li { list-style: none; } .clear { clear: both; font-size: 0; line-height: 0; height: 0; visibility: hidden } .clearfix:after, .clearfix:before { content: ""; display: table } .clearfix:after { clear: both } .clearfix { zoom: 1 } @font-face{ font-family: "DIN-BOLD"; src: url('../fonts/DIN-BOLDALTERNATE.OTF'); } @font-face{ font-family: "DIN"; src: url('../fonts/DIN.TTF'); } /*@font-face { font-family: 'Gotham'; font-weight: 400; src: url(//www2.djicdn.com/assets/fonts/Gotham/Book/Gotham-Book-dcccc7d4ce37326e946a1e2c56cb5a3a.eot); src: url(//www3.djicdn.com/assets/fonts/Gotham/Book/Gotham-Book-dcccc7d4ce37326e946a1e2c56cb5a3a.eot?#iefix) format('embedded-opentype'), url(//www3.djicdn.com/assets/fonts/Gotham/Book/Gotham-Book-5f4531ffb78bbd2bb5872b7ad0ba2d80.woff) format('woff'), url(//www3.djicdn.com/assets/fonts/Gotham/Book/Gotham-Book-03c5517830bf42cacffe08dd91d65979.ttf) format('truetype'), url(//www1.djicdn.com/assets/fonts/Gotham/Book/Gotham-Book-870cd88b8ae7522ced628c301b80440b.svg#GothamBook) format('svg') }*/ .conwidth{ max-width: 1400px; width: 100%; margin: auto; } .main{ padding-top: 80px; } .omain{ padding-top: 80px; } /*header*/ .header{ position: fixed; top: 0; left: 0; z-index: 15; width: 100%; border-bottom: rgba(255,255,255,0.25) solid 1px; background-color: #FFFFFF; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .header.white, .header.alter{ background-color: #FFFFFF; border-bottom: #e6e6e6 solid 1px; } .header .box{ text-align: center; } .header .box .conwidth{ position: relative; } .header .logo{ float: left; width: 27.5%; text-align: left; } .header .logo a{ display: block; line-height: 80px; } .header .logo a img{ max-width: 100%; } .logo2{ display: none; } .header.white .logo1, .header.alter .logo1{ display: none; } .header.white .logo2, .header.alter .logo2{ display: inline-block; } .header .towards{ float: right; } .header .head-nav{ float: left; border-right: rgba(255,255,255,0.25) solid 1px; } .head-bottom .head-nav{ position: relative; text-align: center; height: 80px; } .head-bottom .head-nav .nav{ } .head-nav .nav>li{ float: left; } /*.head-nav .nav>li:last-child{ margin-right: 0; }*/ .head-nav .nav>li>a{ position: relative; z-index: 10; min-width: 140px; -o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; } .header .head-nav .nav>li>a{ line-height: 80px; font-size: 16px; color: #333333; } .header.white .head-nav .nav>li>a, .header.alter .head-nav .nav>li>a{ color: #333333; } /*.head-nav .nav>li>a::before{ position: absolute; content: ""; width: 0%; height: 3px; background: #1660c7; left: 50%; margin-left: -50%; bottom: 0px; o-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; transition: all .3s; } .head-nav .nav>li:hover>a:before{ width: 100% } .head-nav .nav>li.on::before{ width: 100% }*/ /*20210507新增*/ .head-nav .nav>li.on{ background-color: #0063c0; } .head-nav .nav>li:hover{ background-color: #004e98; } .head-nav .nav>li:hover>a, .head-nav .nav>li.on>a{ color: #FFFFFF; } .header.white .head-nav .nav>li.on>a, .header.alter .head-nav .nav>li.on>a, .header.white .head-nav .nav>li:hover>a, .header.alter .head-nav .nav>li:hover>a{ color: #FFFFFF; } .header .navcell{ position: absolute; left: 0; top: 80px; width: 100%; display: none; } .header .navcell .conwidth{ background-color: #004e98; } .header .navcell .wrap{ max-width: 850px; margin: 0 auto; padding-top: 40px; padding-bottom: 40px; min-height: 120px; } .header .navcell .wrapli{ margin-bottom: 20px; overflow: hidden; } .header .navcell .wrapli .t1{ float: left; width: 180px; margin-right: 20px; text-align: left; } .header .navcell .wrapli .t1 a{ color: #fefefe; font-size: 18px; font-weight: bold; } .header .navcell .wrapli .t2{ float: left; width: -moz-calc(100% - 200px); width: -webkit-calc(100% - 200px); width: calc(100% - 200px); text-align: left; overflow: hidden; } .header .navcell .wrapli .t2 a{ float: left; min-width: 140px; margin-right: 30px; margin-bottom: 10px; color: #fefefe; font-size: 16px; } .header .navcell .wrapli .t2 a:hover{ color: #5eb1ff; } .header .navcell .wrapli .t2 a:last-child{ margin-right: 0; } .header .navcell .wraplink{ overflow: hidden; } .header .navcell .wraplink a{ float: left; margin-right: 120px; color: #fefefe; font-size: 18px; margin-bottom: 25px; } .header .navcell .wraplink a:hover{ color: #5eb1ff; } .header .navcell .wraplink.other{ font-size: 0; text-align: center; } .header .navcell .wraplink.other{ float: none; display: inline-block; vertical-align: top; } .header .navcell .wraplink a:last-child{ margin-right: 0; } /**/ /*产品导航*/ .head-nav .subnav{ position: fixed; left: 0; top: 80px; width: 100%; padding: 40px 0px; background: rgba(255,255,255,0.95); z-index: 9; border-top: #dfdfdf solid 1px; display: none; } .head-nav .subnav .conwidth{ text-align: center; font-size: 0; } .head-nav .subnav .subnav-li{ display: inline-block; vertical-align: top; margin-right: 60px; white-space: nowrap; text-align: left; } .head-nav .subnav .subnav-li:last-child{ margin-right: 0; } .head-nav .subnav .subnav-li .tit{ color: #333333; font-size: 16px; font-weight: bold; text-align: left; } /**/ /*.head-nav .subnav .leftbox, .head-nav .subnav .rightbox{ display: inline-block; vertical-align: top; } .head-nav .subnav .leftbox{ margin-right: 50px; } .head-nav .subnav .leftbox .subnav-li{ margin-bottom: 30px; } .head-nav .subnav .rightbox .o-stage{ display: inline-block; vertical-align: top; margin-right: 50px; }*/ /**/ .head-nav .subnav .subnav-li .o-stage{ margin-top: 10px; } .head-nav .subnav .subnav-li .o-stage>a:hover, .head-nav .subnav .subnav-li .t-stage a:hover{ color: #1660c7; } .head-nav .subnav .subnav-li .o-stage>a{ display: block; position: relative; padding-left: 16px; color: #333333; font-size: 16px; line-height: 2; } .head-nav .subnav .subnav-li .o-stage>a>i{ position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 9px; height: 2px; background-color: #babbbc; } .head-nav .subnav .subnav-li .t-stage{ margin-left: 18px; } .head-nav .subnav .subnav-li .t-stage a{ display: block; position: relative; padding-left: 10px; color: #666666; font-size: 16px; line-height: 2; } .head-nav .subnav .subnav-li .t-stage a i{ position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 4px; height: 4px; background-color: #b7b7b7; border-radius: 50%; } /**/ .header .head-other{ float: right; } .head-nation{ float: left; position: relative; margin-top: 20px; margin-left: 25px; padding-left: 36px; height: 40px; line-height: 40px; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(../images/global.png) center left no-repeat; } .header.white .head-nation, .header.alter .head-nation{ background: url(../images/global1.png) center left no-repeat; } .head-nation .current{ } .head-nation .current .name { font-size: 16px; /*color: #d7d7d7;*/ color: #666666; line-height: 2; /*padding-right: 30px; background: url(../images/img1.png) right center no-repeat;*/ vertical-align: middle; display: inline-block; transition: all .3s; } .header.white .head-nation .current .name, .header.alter .head-nation .current .name{ color: #666666; } /*.head-nation .current .name.on{ background: url(../images/img1.png) right center no-repeat; }*/ .head-nation ul{ display: none; position: absolute; left: 0; left: 50%; -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 40px; z-index: 10; background-color: #FFFFFF; /*width: 100%;*/ padding: 10px 0px; text-align: left; } .head-nation ul li a{ display: block; font-weight: bold; font-size: 16px; color: #666666; line-height: 2.2; min-width: 90px; text-align: center; padding: 0px 20px; white-space: nowrap; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .head-nation ul li a:hover{ color: #1660c7; background-color: #f9f9f9; } .head-search{ float: left; } .h-other{ float: right; padding-right: 50px; } /*搜索*/ /*.search-other{ position: absolute; right: 0; top: 0; bottom: 0; margin: auto; } .searchdiv{ float: left; } .header .show-search-btn { display: block; height: 100px; line-height: 100px; transition-duration: .3s; text-align: center; color: #fff; overflow: hidden; cursor: pointer; } .show-search-btn img{ cursor: pointer; } .search { position: fixed; z-index: 6; top: 100px; right: 0; height: auto; overflow: hidden; -webkit-overflow-scrolling: touch; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; visibility: hidden; transition-property: opacity,visibility; transition-duration: .5s; transition-delay: .5s; } .search.search-is-open{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity:1; visibility:visible; transition-delay:0s;} .search.search-is-open .search__container{ transform:translateY(0) translateZ(0); } .search__container{ position:relative; z-index:2; background-color:#fff; transform:translateY(-100%) translateZ(0); transition:transform .75s cubic-bezier(.77,0,.175,1); } .search__overlay{ position:fixed; z-index:1; top:0; right:0; width:100%; height:100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; opacity:.2; } .search, .search__overlay{ left:0; } .search-header{ position:relative; padding-top: 90px; padding-bottom: 120px; } .row{ position: relative; } .search-header .search-loader{ position:absolute; top:17px; left:2.6vw; } .search-header .search-btn-close{position:absolute; top:0; right:0; } .search-header .search-input{ font-size:24px; width:100%; -webkit-appearance:none; -moz-appearance:none; border:0; } .search-header .search-input__wrapper:after{content:""; position:absolute; z-index:1; bottom:0; left:0; right:0; height:1px; background-color:#d9d9d9; width:100%; } .search-item{position:relative; display:block; overflow:hidden; transition:background-color .2s,opacity .3s,color .3s; transform-origin:0 0; color:#1d1d1d; } .search-item:after{ content:""; position:absolute; z-index:1; bottom:0; left:8.333%; right:8.333%; height:1px; background-color:#d9d9d9; } .search-item .solr-highlight{ background-color:rgba(101,32,142,.2); } .search-close { position: absolute; display: block; top: 0; right: 0; width: 28px; height: 72px; background: url(../images/close.png) no-repeat center; background-size: 28px 28px; cursor: pointer; z-index: 6; transition-duration: .5s; } .search-close:hover { transform: rotate(90deg); } .search .submit0 { position: absolute; top: 0; left: 0; z-index: 5; width: 28px; height: 75px; background: url(../images/searchf.png) no-repeat center; border: none; background-size: 28px 28px; box-sizing: border-box; display: block; } .search-header .search-input { display: block; text-indent: 80px; line-height: 75px; font-size: 24px; color: #333; width: 100%; -webkit-appearance: none; -moz-appearance: none; border: 0; border-bottom: 1px solid #d9d9d9; }*/ /*移动端*/ .menubtn{ float: right; display: none; width: 50px; height: 60px; background: url(../images/menu-icon1.png) center right no-repeat; -moz-background-size: 30px 30px; -webkit-background-size: 30px 30px; background-size: 30px 30px; cursor: pointer; } .header.white .menubtn, .header.alter .menubtn{ background: url(../images/menu-icon1.png) center right no-repeat; -moz-background-size: 30px 30px; -webkit-background-size: 30px 30px; background-size: 30px 30px; } .menubtn.on{ background: url(../images/menu-icon2.png) center right no-repeat; -moz-background-size: 30px 30px; -webkit-background-size: 30px 30px; background-size: 30px 30px; } .header.white .menubtn.on, .header.alter .menubtn.on{ background: url(../images/menu-icon2.png) center right no-repeat; -moz-background-size: 30px 30px; -webkit-background-size: 30px 30px; background-size: 30px 30px; } .m-nav{ position: fixed; top: 60px; left: 0; width: 100%; height: calc(100% - 52px); background: #fff; display: none; z-index: 99; overflow-y: scroll; } .m-nav .nav-list{ padding-top: 30px; } .m-nav .nav-list>li{ padding: 0 5%; text-align: left; } .m-nav .nav-list>li>a, .m-nav .nav-list .one-level{ font-size: 18px; color: #666666; display: block; height: 50px; line-height: 50px; } .m-nav .nav-list>li>a:hover, .m-nav .nav-list .one-level.on, .m-nav .nav-list .one-level:hover{ color: #1660c7; } .m-nav .m-subnav{ display: none; } .m-nav .m-subnav ul li>a, .m-nav .m-subnav ul li .two-level{ display: block; font-size: 16px; color: #333333; padding-left: 15px; height: 40px; line-height: 40px; } .m-nav .m-subnav ul li a:hover{ color: #1660c7; } .m-nav .subnav_2{ padding-left: 30px; display: none; } .m-nav .subnav_2 .subnav_2li>a, .m-nav .three{ display: block; font-size: 16px; color: #666666; height: 40px; line-height: 40px; } .m-nav .subnav_3 a{ display: block; font-size: 15px; line-height: 2; color: #999999; } .m-nav .subnav_3{ display: none; padding: 0px 15px; } /*footer*/ .footer{ padding-top: 60px; background-color: #24272b; } .footer .foot-top{ } .footer .foot-nav{ float: left; width: 58.5%; border-right: #2d2f33 solid 1px; } .footer .foot-nav ul li{ float: left; width: 20%; } .footer .foot-nav ul li .tit{ color: #f0f0f0; font-size: 16px; margin-bottom: 10px; } .footer .foot-nav ul li a{ display: block; color: #b3b3b3; font-size: 14px; line-height: 2; -webkit-transition: all 0.3s; transition: all 0.3s; } .footer .foot-nav ul li a:hover{ color: #1660c7; } .footer .foot-infor{ float: right; width: 34.3%; overflow: hidden; } .footer .foot-infor .txtbox{ float: left; width: 60%; overflow: hidden; } .footer .foot-infor .txtbox .tit{ color: #ffffff; font-size: 29px; font-weight: bold; margin-bottom: 10px; } .footer .foot-infor .txtbox ul li{ position: relative; padding-left: 35px; color: #b4b4b4; font-size: 14px; line-height: 1.7; margin-bottom: 15px; } .footer .foot-infor .txtbox ul li i{ position: absolute; left: 0; top: 0; width: 30px; } .footer .foot-infor .txtbox ul li i img{ /*max-width: 60%;*/ width: 18px; } .footer .foot-infor .imgbox{ float: right; width: 27%; overflow: hidden; text-align: right; } .footer .foot-infor .imgbox img{ max-width: 100%; } .footer .linkbox{ position: relative; padding-left: 70px; font-size: 14px; line-height: 2; overflow: hidden; padding-top: 10px; padding-bottom: 15px; } .footer .linkbox .tit{ position: absolute; left: 0; top: 10px; width: 70px; color: #b3b3b3; } .footer .linkbox a{ float: left; margin-left: 30px; color: #b3b3b3; -webkit-transition: all 0.3s; transition: all 0.3s; } .footer .linkbox a:hover{ color: #1660c7; } .footer .foot-bottom{ padding-top: 18px; padding-bottom: 18px; border-top: #2d2f33 solid 1px; } .footer .foot-bottom .foot-logo{ float: left; } .footer .foot-bottom .copyright{ float: right; margin-top: 10px; color: #b3b3b3; font-size: 14px; -webkit-transition: all 0.3s; transition: all 0.3s; } .footer .foot-bottom .copyright a{ display: inline-block; margin-left: 25px; color: #b3b3b3; } .footer .foot-bottom .copyright a:hover{ color: #1660c7; } /**/ .sidebar{ position: fixed; bottom: 35%; right: 10px; z-index: 99; opacity: 0; transform: translateX(80px); -webkit-transform: translateX(80px); -moz-transform: translateX(80px); -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; } .sidebar.show{ opacity: 1; transform: none; } .sidebar ul li{ position: relative; text-align: center; cursor: pointer; border-bottom: #efefef solid 1px; } .sidebar ul li:hover{ border-bottom: #004e98 solid 1px; } .sidebar ul li a{ display: inline-block; position: relative; width: 54px; height: 60px; background-color: #FFFFFF; border-left: #efefef solid 1px; border-right: #efefef solid 1px; } .sidebar ul li:hover a, .sidebar ul li.on a{ background-color: #004e98; border-left: #004e98 solid 1px; border-right: #004e98 solid 1px; } .sidebar ul li a .imgbox{ width: 100%; text-align: center; } .sidebar ul li .imgbox img{ display: inline-block; width: 24px; margin-top: 10px; } .sidebar ul li .imgbox .img1{ } .sidebar ul li .imgbox .img2{ display: none; } .sidebar ul li:hover .imgbox .img1, .sidebar ul li.on .imgbox .img1{ display: none; } .sidebar ul li:hover .imgbox .img2, .sidebar ul li.on .imgbox .img2{ display: inline-block; } .sidebar ul li .secondary{ display: none; position: absolute; right: 60px; top: 0; z-index: 10; min-height: 100%; padding: 12px; background-color: #FFFFFF; box-shadow: 0px 1px 25px rgba(0,0,0,.1); border: #efefef solid 1px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; } .sidebar ul li:hover .secondary{ display: block; } /*.sidebar ul li .secondary::before{ content: ''; position: absolute; right: -10px; top: 0; width: 28px; height: 100%; background: url(../images/img224.png) top 20px center no-repeat; }*/ .sidebar ul li .imgli{ width: 126px; padding: 3px; white-space: nowrap; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sidebar ul li .imgli img{ width: 100%; } .sidebar ul li .tit{ text-align: center; color: #333333; font-size: 13px; margin-top: 5px; } .sidebar ul li .txtli{ position: relative; padding-left: 40px; padding-right: 25px; padding-top: 5px; padding-bottom: 5px; text-align: left; white-space: nowrap; } .sidebar ul li .txtli .img{ position: absolute; left: 5px; top: 5px; width: 24px; } .sidebar ul li .txtli .t1{ color: #666666; font-size: 13px; margin-bottom: 5px; } .sidebar ul li .txtli .t2{ font-weight: bold; color: #004e98; font-size: 18px; } .sidebar ul li .txt{ text-align: center; color: #666666; font-size: 13px; } .sidebar ul li:hover .txt, .sidebar ul li.on .txt{ color: #FFFFFF; } /*banner*/ .lunbotu{ position: relative; width: 100%; overflow: hidden; } .lunbotu .swiper-slide a{ display: block; width: 100%; } .lunbotu .swiper-slide a>img{ width: 100%; } .oimg2{ display: none; } .ob-img { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .i-banner{ position: absolute; left: 50%; top: 50%; -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; } .i-banner .box{ max-width: 560px; width: 50%; } .i-banner .box .t1{ font-family: "IAGCGD"; color: #fefefe; font-size: 64px; margin-bottom: 15px; word-break: break-word; } .i-banner .box .t2{ font-family: "AVGARDM"; color: #fefefe; font-size: 26px; margin-bottom: 80px; max-width: 60%; word-break: break-word; } .lunbotu>.swiper-pagination-bullets, .lunbotu .swiper-pagination-custom, .lunbotu .swiper-pagination-fraction { bottom: 8%; left: 0; width: 100%; } .lunbotu.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0px 4px; } .lunbotu .swiper-pagination-bullet{ position: relative; display: inline-block; width: 36px; height: 36px; text-align: center; background: none; border-radius:50%; opacity: 1; box-shadow: none; overflow: hidden; } .lunbotu .swiper-pagination-bullet:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 7px; height: 7px; border-radius: 50%; background-color: #FFFFFF; } .lunbotu .swiper-pagination-bullet-active{ position: relative; opacity: 1; border-radius: 50%; } .lunbotu .swiper-pagination-bullet .ring{ display: none; position: relative; width: 36px; height: 36px; border-radius: 50%; -webkit-mask: radial-gradient(transparent, transparent 14px, #000000 0); mask: radial-gradient(transparent 14px, #000000 0); } .lunbotu .swiper-pagination-bullet .ring:before{ content: ''; position: absolute; width:100%; height: 100%; left:0; top:0; background-color:#FFFFFF; z-index: 15; } .lunbotu .swiper-pagination-bullet .ring:after{ content: ''; position: absolute; width:100%; height: 100%; left:0; top:0; background-color:#a6d1f9; z-index: 16; } .lunbotu .swiper-pagination-bullet-active .ring{ display: block; } .lunbotu .swiper-pagination-bullet-active .ring:after{ animation:mymove 5s linear forwards; } @keyframes mymove{ 0% { clip-path: polygon(16px 16px, 16px -76px, -76px 16px, 16px 110px, 110px 16px, 16px -76px); } 25% { clip-path: polygon(16px 16px, 16px -76px, -76px 16px, 16px 110px, 110px 16px, 110px 16px); } 50% { clip-path: polygon(16px 16px, 16px -76px, -76px 16px, 16px 110px, 16px 110px, 16px 110px); } 75% { clip-path: polygon(16px 16px, 16px -76px, -76px 16px, -76px 16px, -76px 16px, -76px 16px); } 100% { clip-path: polygon(16px 16px, 16px -76px, 16px -76px, 16px -76px, 16px -76px, 16px -76px); } } @-webkit-keyframes mymove{ 0% { clip-path: polygon(16px 16px, 16px -76px, -76px 16px, 16px 110px, 110px 16px, 16px -76px); } 25% { clip-path: polygon(16px 16px, 16px -76px, -76px 16px, 16px 110px, 110px 16px, 110px 16px); } 50% { clip-path: polygon(16px 16px, 16px -76px, -76px 16px, 16px 110px, 16px 110px, 16px 110px); } 75% { clip-path: polygon(16px 16px, 16px -76px, -76px 16px, -76px 16px, -76px 16px, -76px 16px); } 100% { clip-path: polygon(16px 16px, 16px -76px, 16px -76px, 16px -76px, 16px -76px, 16px -76px); } } @-moz-keyframes mymove{ 0% { clip-path: polygon(16px 16px, 16px -76px, -76px 16px, 16px 110px, 110px 16px, 16px -76px); } 25% { clip-path: polygon(16px 16px, 16px -76px, -76px 16px, 16px 110px, 110px 16px, 110px 16px); } 50% { clip-path: polygon(16px 16px, 16px -76px, -76px 16px, 16px 110px, 16px 110px, 16px 110px); } 75% { clip-path: polygon(16px 16px, 16px -76px, -76px 16px, -76px 16px, -76px 16px, -76px 16px); } 100% { clip-path: polygon(16px 16px, 16px -76px, 16px -76px, 16px -76px, 16px -76px, 16px -76px); } } @-o-keyframes mymove{ 0% { clip-path: polygon(16px 16px, 16px -76px, -76px 16px, 16px 110px, 110px 16px, 16px -76px); } 25% { clip-path: polygon(16px 16px, 16px -76px, -76px 16px, 16px 110px, 110px 16px, 110px 16px); } 50% { clip-path: polygon(16px 16px, 16px -76px, -76px 16px, 16px 110px, 16px 110px, 16px 110px); } 75% { clip-path: polygon(16px 16px, 16px -76px, -76px 16px, -76px 16px, -76px 16px, -76px 16px); } 100% { clip-path: polygon(16px 16px, 16px -76px, 16px -76px, 16px -76px, 16px -76px, 16px -76px); } } /*.lunbotu .swiper-pagination-bullet-active span{ background: #fff; animation: load 4.5s ease-in; -moz-animation: load 4.5s ease-in; -webkit-animation: load 4.5s ease-in; -o-animation: load 4.5s ease-in; } @-webkit-keyframes load { 0% { width: 0%; } 100% { width: 100%; } } @keyframes load{ 0% { width: 0; } 100% { width: 100%; } } @-moz-keyframes load{ 0% { width: 0; } 100% { width: 100%; } } @-webkit-keyframes load{ 0% { width: 0; } 100% { width: 100%; } } @-o-keyframes load{ 0% { width: 0; } 100% { width: 100%; } }*/ .lunbotu .swiper-button-next, .lunbotu .swiper-button-prev{ position: absolute; top: 50%; width: 60px; height: 60px; margin-top: -30px; z-index: 10; cursor: pointer; background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } .lunbotu .swiper-button-prev:hover, .lunbotu .swiper-container-rtl .swiper-button-next:hover{ background-image: url(../images/img18.png); } .lunbotu .swiper-button-next:hover, .lunbotu .swiper-container-rtl .swiper-button-prev:hover{ background-image: url(../images/img19.png); } .lunbotu .swiper-button-prev, .lunbotu .swiper-container-rtl .swiper-button-next { background-image: url(../images/img16.png); left: 0; right: auto; } .lunbotu .swiper-button-next, .lunbotu .swiper-container-rtl .swiper-button-prev { background-image: url(../images/img17.png); right: 0; left: auto; } /**/ .obanner{ position: relative; width: 100%; overflow: hidden; text-align: center; } .obanner>img{ width: 100%; } .ob-img { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .location{ position: absolute; bottom: 35px; left: 0; width: 100%; } .location.location1{ position: static; background: #999; } .location .cont { width: 100%; overflow: hidden; text-align: left; } .location .cont img, .location .cont a, .location .cont span { display: inline-block; vertical-align: middle; color: #fff; font-size: 16px; } .location .cont a:hover{ color: #0058a4; } .location .cont span { margin: 0px 6px; } @media only screen and (max-width: 1024px){ .location{ bottom: 20px; } .location .cont img, .location .cont a, .location .cont span{ font-size: 15px; } } @media only screen and (max-width: 767px) { .location .cont a, .location .cont span { font-size: 14px; } .location .cont span{ margin: 0px 3px; } /*.location .cont a{ white-space: nowrap; } .location .cont a:last-child{ min-width: 30%; overflow: hidden; text-overflow: ellipsis; }*/ } .bannerzi{ position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); margin: auto; } .obanner .bannerzi .box{ text-align: center; } .obanner .bannerzi .box .t1{ color: #ffffff; font-size: 38px; } .obanner .bannerzi .box .t2{ color: #c4c4c4; font-size: 16px; margin-top: 10px; text-transform: uppercase; } .i-title{ position: relative; text-align: center; } .i-title .t1{ font-size: 36px; color: #333333; } .i-title .t2{ position: relative; z-index: 2; font-size: 28px; } .i-title .t3{ font-size: 16px; line-height: 2; color: #333333; } .i-title .t4{ position: absolute; left: 0; top: 50%; -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; width: 100%; text-align: center; font-family: "DIN-BOLD"; font-size: 81px; color: rgba(30,33,137,0.06); } .i-title .t5{ font-size: 24px; } .i-title .t6, .detail-title .t1{ font-size: 32px; color: #333333; } .i-title .sp{ display: inline-block; vertical-align: middle; margin-left: 10px; font-family: "DIN"; font-size: 18px; } .i-title .sp1{ display: inline-block; margin-right: 10px; font-family: "DIN"; } .i-title .blue{ color: #004e98; } .i-title .bold{ font-weight: bold; } .i-title .left{ text-align: left; } .i-title .uppercase{ text-transform: uppercase; } /*index*/ /*产品中心*/ .switch{ padding-top: 70px; padding-bottom: 70px; } .switch .box{ margin-top: 35px; } .switch-tab ul{ text-align: center; font-size: 0; } .switch-tab ul li{ display: inline-block; vertical-align: top; margin-right: 25px; color: #535353; font-size: 16px; padding: 0px 20px; min-width: 140px; line-height: 40px; border: #d9d9d9 solid 1px; border-radius: 21px; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; } .switch-tab ul li:last-child{ margin-right: 0; } .switch-tab ul li:hover, .switch-tab ul li.on{ border: #004e98 solid 1px; background-color: #004e98; color: #FFFFFF; } .switch-box{ margin-top: 55px; } .switch-box .switch-li{ /*display: none;*/ } .productli{ float: left; width: 32%; margin-right: 2%; margin-bottom: 2%; border: #f1f1f1 solid 1px; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .productli:nth-child(3n){ margin-right: 0; } .recommend .productli{ float: none; width: 100%; margin-right: 0; margin-bottom: 0; } .productli a{ display: block; width: 100%; } .productli .imgbox{ width: 100%; overflow: hidden; text-align: center; } .productli .imgbox img{ width: 100%; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .productli:hover .imgbox img{ -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .productli .txtbox{ border-top: #f1f1f1 solid 1px; background-color: #f8f8f8; padding: 8.9% 6%; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .productli:hover .txtbox{ background-color: #004e98; } .productli .txtbox .t1{ color: #333333; font-size: 24px; margin-bottom: 10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .product-list ul .productli .txtbox .t1, .recommend .productli .txtbox .t1{ font-size: 20px; } .productli .txtbox .t2{ color: #999999; font-size: 16px; line-height: 1.8; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .productli:hover .txtbox .t1{ color: #ffffff; } .productli:hover .txtbox .t2{ color: #ebebeb; } /*新闻中心*/ .newli{ float: left; width: 32%; margin-right: 2%; margin-bottom: 2%; background-color: #f8f8f8; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .new .newli{ width: 31%; margin-right: 3.5%; margin-bottom: 3.5%; background-color: #FFFFFF; } .newli:nth-child(3n){ margin-right: 0; } .newli a{ display: block; width: 100%; } .newli .imgbox{ width: 100%; overflow: hidden; text-align: center; } .newli .imgbox img{ width: 100%; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .newli:hover .imgbox img{ -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .newli .txtbox{ padding-top: 20px; padding-bottom: 13%; padding-left: 8.9%; padding-right: 8.9%; } .newli .txtbox .t1{ color: #999999; font-size: 14px; } .newli .txtbox .t2{ color: #333333; font-size: 20px; margin-top: 15px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .newli:hover .txtbox .t2{ color: #005199; } .newli .txtbox .t3{ margin-top: 10px; color: #666666; font-size: 16px; line-height: 2; min-height: 64px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .newli .txtbox .btn{ text-align: left; margin-top: 20px; } .newli .txtbox .btn span{ display: inline-block; color: #666666; font-size: 14px; height: 34px; line-height: 34px; text-align: center; padding: 0px 20px; border: #dbdbdb solid 1px; border-radius: 18px; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .newli:hover .txtbox .btn span{ color: #FFFFFF; border: #005199 solid 1px; background-color: #005199; } /**/ .advert{ padding-top: 80px; padding-bottom: 80px; background: url(../images/advert.jpg) center no-repeat; background-size: cover; } .advert .txt{ text-align: center; } .advert .txt .i-title .t2{ color: #004e98; margin-bottom: 15px; } .advert .txt .i-title .t3{ color: #333333; } /*解决方案*/ .i-solution{ padding-top: 75px; padding-bottom: 75px; } .i-solution .box{ margin-top: 50px; } .i-solution .content{ position: relative; width: 100%; overflow: hidden; padding-bottom: 50px; } .i-solution .slideli{ width: 100%; overflow: hidden; } .i-solution .slideli a{ position: relative; display: block; width: 100%; overflow: hidden; } .i-solution .slideli a:before{ content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,42,82,0.45); -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .i-solution .slideli:hover a:before{ background: rgba(0,78,152,0.85); } .i-solution .slideli .img{ position: relative; width: 100%; overflow: hidden; } .i-solution .slideli .img img{ width: 100%; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .i-solution .slideli:hover .img img{ -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .i-solution .slideli .txt{ position: absolute; left: 0; top: 50%; -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; width: 100%; text-align: center; } .i-solution .slideli .txt .icon{ width: 100%; text-align: center; } .i-solution .slideli .txt .icon img{ max-width: 15.6%; } .i-solution .slideli .txt .t1{ color: #ffffff; font-size: 28px; font-weight: bold; margin-top: 8px; } .i-solution .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0px 6px; } .i-solution .swiper-container-horizontal>.swiper-pagination-bullets, .i-solution .swiper-pagination-custom, .i-solution .swiper-pagination-fraction{ bottom: 0; } .i-solution .swiper-pagination-bullet { width: 12px; height: 12px; display: inline-block; border-radius: 100%; background: #dadada; opacity: 1; } .i-solution .swiper-pagination-bullet-active { opacity: 1; background: #055aa6; } /*应用领域*/ .i-application{ padding-top: 80px; padding-bottom: 110px; } .i-application .box{ position: relative; max-width: 1590px; width: 100%; margin: 45px auto 0px; padding: 0px 75px; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .appliance{ position: relative; width: 100%; overflow: hidden; } .appliance .content ul li{ float: left; width: 12%; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .appliance .content ul li.on{ width: 40%; } .i-application .imgbox{ display: block; width: 100%; } .i-application .imgbox{ position: relative; } .appliance .imgbox .img{ position: relative; width: 100%; height: 600px; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; } .other-appliance .imgbox img{ width: 100%; } .appliance .imgbox .img:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,78,152,0.18); } .appliance .content ul li.on .imgbox .img:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/img21.png) bottom center no-repeat; background-size: 100% auto; } .other-appliance .imgbox .img:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,78,152,0.18); } .other-appliance .swiper-slide-active .imgbox .img:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/img21.png) bottom center no-repeat; background-size: 100% auto; } .appliance .content ul li.on .imgbox .txt .t1, .appliance .content ul li.on .imgbox .txt .t2{ display: block; writing-mode: inherit; } .appliance .content ul li.on .imgbox .txt .t1{ margin-bottom: 5px; } .appliance .imgbox .txt{ position: absolute; left: 0; top: 65%; width: 100%; min-height: 160px; padding: 0px 25px; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .other-appliance .imgbox .txt{ position: absolute; left: 0; bottom: 10%; width: 100%; padding: 0px 25px; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .appliance ul li.on .imgbox .txt{ bottom: 45px; top: auto; min-height: 1px; } .i-application .imgbox .txt .t1{ color: #ffffff; font-size: 24px; } .i-application .imgbox .txt .t2{ font-family: arial; color: #d7d7d7; font-size: 14px; } .appliance .imgbox .txt .t1, .appliance .imgbox .txt .t2{ display: inline-block; vertical-align: top; writing-mode: vertical-lr; writing-mode: tb-lr; } .other-appliance .imgbox .txt .t1{ font-size: 18px; margin-bottom: 5px; } .other-appliance .imgbox .txt .t2{ font-size: 14px; } .i-application .swiper-button-next, .i-application .swiper-button-prev { position: absolute; top: 50%; width: 48px; height: 48px; margin-top: -24px; z-index: 10; cursor: pointer; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; outline: none; box-shadow: 0px 0px 26px rgba(0,0,0,0.09); border-radius: 50%; box-shadow: 0px 0px 26px rgba(0,0,0,0.09); border-radius: 50%; } .i-application .swiper-button-next, .i-application .swiper-container-rtl .swiper-button-prev { background-image: url(../images/img29a.png); right: 0; left: auto; } .i-application .swiper-button-prev, .i-application .swiper-container-rtl .swiper-button-next { background-image: url(../images/img28a.png); left: 0; right: auto; } .i-application .swiper-button-next.swiper-button-disabled{ opacity: 1; background-image: url(../images/img29.png); } .i-application .swiper-button-prev.swiper-button-disabled { opacity: 1; background-image: url(../images/img28.png); } .i-application .box.other{ display: none; } .other-appliance{ position: relative; width: 100%; overflow: hidden; } /**/ @media only screen and (max-width: 1536px){ /*index*/ /*产品及应用*/ .i-application{ padding-bottom: 90px; } .i-application .box{ padding: 0; } .i-application .swiper-button-next, .i-application .swiper-container-rtl .swiper-button-prev{ right: 3%; } .i-application .swiper-button-prev, .i-application .swiper-container-rtl .swiper-button-next{ left: 3%; } .i-application .imgbox .txt .t1{ font-size: 20px; } } @media only screen and (max-width: 1280px){ .i-application .conwidth{ padding-left: 80px; padding-right: 80px; } .i-application .swiper-button-next, .i-application .swiper-container-rtl .swiper-button-prev{ right: 15px; } .i-application .swiper-button-prev, .i-application .swiper-container-rtl .swiper-button-next{ left: 15px; } } @media only screen and (max-width: 1024px){ .i-application{ padding-top: 60px; padding-bottom: 70px; } .i-application .box{ display: none; } .i-application .box.other{ display: block; } .i-application .imgbox .txt .t1{ font-size: 18px; } } @media only screen and (max-width: 992px){ .i-application{ padding-bottom: 60px; } .i-application .conwidth { padding-left: 70px; padding-right: 70px; } .i-application .swiper-button-next, .i-application .swiper-button-prev{ width: 45px; height: 45px; } .i-application .box.other{ margin-top: 40px; } } @media only screen and (max-width: 576px){ .i-application{ padding-top: 40px; padding-bottom: 50px; } .i-application .box.other{ margin-top: 30px; } .i-application .conwidth { padding-left: 60px; padding-right: 60px; } .i-application .swiper-button-next, .i-application .swiper-button-prev{ width: 40px; height: 40px; } } /*首页关于72779太阳集团游戏*/ .i-about{ } .i-about .text{ background-color: #f8f8f8; } .i-about .txtbox{ float: left; width: 50%; margin-top: 3.2%; padding-bottom: 3.2%; text-align: right; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .i-about .txtbox .i-title{ display: inline-block; max-width: 100%; width: 700px; text-align: left; padding-right: 9%; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .i-about .txtbox .t1{ margin-bottom: 20px; } .i-about .txtbox .btn { text-align: left; margin-top: 30px; } .i-about .txtbox .btn a{ display: inline-block; min-width: 140px; font-size: 14px; height: 40px; line-height: 38px; text-align: center; padding: 0px 20px; color: #FFFFFF; border: #005199 solid 1px; background-color: #005199; border-radius: 20px; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .i-about .txtbox .btn a:hover{ opacity: 0.8; } /*.i-about .txtbox .btn a:hover{ background-color: #FFFFFF; border: #dbdbdb solid 1px; color: #666666; }*/ .i-about .imgbox{ float: right; width: 50%; overflow: hidden; } .i-about .imgbox img{ width: 100%; } .i-about .num{ padding-top: 35px; padding-bottom: 35px; background-image: url(../images/img31.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .i-about .num ul li{ position: relative; float: left; width: 33.33%; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; } .i-about .num ul li:before{ content: ''; position: absolute; right: 0; top: 20%; width: 1px; height: 50%; /*background: rgba(255,255,255,0.01);*/ background-color: #1861a3; } .i-about .num ul li:last-child:before{ background: none; } .i-about .num ul li .cont{ display: inline-block; text-align: left; min-width: 170px; } .i-about .num ul li .icon{ } .i-about .num ul li .icon img{ width: 46px; } .i-about .num ul li .t1{ } .i-about .num ul li .timer{ display: inline-block; margin-right: 5px; color: #ffffff; font-size: 48px; font-weight: bold; } .i-about .num ul li .unit{ display: inline-block; vertical-align: baseline; color: #005199; font-size: 12px; width: 20px; height: 20px; line-height: 20px; background-color: #FFFFFF; border-radius: 50%; text-align: center; } .i-about .num ul li .unit.plus{ font-size: 16px; font-weight: bold } .i-about .num ul li .t2{ color: #ffffff; font-size: 16px; } /*询问框*/ .ask-box{ padding-top: 70px; padding-bottom: 50px; background-image: url(../images/img38.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .ask-box .tit{ font-size: 32px; color: #FFFFFF; margin-bottom: 25px; } .ask-box .askli{ float: left; margin-right: 20px; margin-bottom: 20px; background-color: #FFFFFF; border-radius: 4px; padding: 0px 20px; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .ask-box .askli.askli1{ width: 22.8%; } .ask-box .askli.askli2{ width: 40%; width: -moz-calc(54.4% - 180px); width: -webkit-calc(54.4% - 180px); width: calc(54.4% - 180px); } .ask-box .askbtn{ float: right; width: 120px; height: 52px; background-color: #050505; border-radius: 4px; } .ask-box .askbtn input{ width: 100%; color: #ffffff; font-size: 14px; height: 52px; line-height: 52px; text-align: center; background: none; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; } .ask-box .askli input{ width: 100%; color: #666666; font-size: 14px; height: 52px; line-height: 52px; text-align: left; background: none; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; } .ask-box .askli input::-webkit-input-placeholder { color: #aeaeae; } .ask-box .askli input:-moz-placeholder{ color: #aeaeae; } .ask-box .askli input:-ms-input-placeholder { color: #aeaeae; } /*产品中心*/ .product{ padding-top: 80px; padding-bottom: 80px; } .product .leftbox{ float: left; width: 280px; } .classify .tit{ position: relative; width: 100%; background-color: #004f99; padding: 24px 70px 24px 28px; border-radius: 5px 5px 0px 0px; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .classify .tit span{ display: block; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color: #fefefe; font-size: 24px; font-weight: bold; } .classify .tit i{ position: absolute; right: 28px; top: 0; width: 27px; height: 100%; background: url(../images/img44.png) center right no-repeat; background-size: 27px 24px; } .classify .c-nav1{ height: 80vh; } .classify .c-nav1>ul{ padding-top: 5px; padding-bottom: 40px; background-color: #f1f7ff; max-height: 100%; overflow: auto; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .classify>ul>li{ /*padding-bottom: 12px;*/ } .classify ul li .o-level, .classify .conwidth>ul>li>a{ padding-left: 30px; padding-right: 30px; margin-top: 12px; cursor: pointer; } .classify ul li .o-level span{ position: relative; display: block; padding-right: 30px; color: #333333; font-size: 18px; padding: 10px 0px; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .classify ul li.on .o-level span{ color: #0058a4; } .classify ul li .o-level i{ position: absolute; right: 0; top: 10px; width: 22px; height: 22px; background: url(../images/img40.png) center no-repeat; background-size: 19px 19px; -o-transition: all 0.4s; -ms-transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; transition: all 0.4s; } .classify ul li.on .o-level i{ /*-o-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);*/ } .classify ul li.on .o-level i{ background: url(../images/img41.png) center no-repeat; background-size: 19px 19px; } .classify ul li ul{ display: none; width: 100%; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .classify ul li ul.other{ display: block; } .classify ul li ul li{ } .classify ul li ul>li>a, .classify ul li ul li .t-level{ position: relative; display: block; width: 100%; color: #333333; font-size: 18px; line-height: 2.2; padding-left: 60px; padding-right: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .classify ul li ul>li>a i{ position: absolute; left: 30px; top: 0; width: 20px; height: 100%; background: url(../images/img43.png) center no-repeat; } .classify ul li ul li .t-level i{ position: absolute; left: 30px; top: 0; width: 20px; height: 100%; background: url(../images/img42.png) center no-repeat; } .classify ul li ul li.on .t-level i{ background: url(../images/img43.png) center no-repeat; } .classify ul li ul>li>a:hover, .lookup-nav ul li ul>li.on>a, .classify ul li ul li .t-level:hover, .classify ul li ul li.on .t-level{ color: #0058a4; } .classify ul li ul li .level-box{ display: none; } .classify ul li ul li .level-li{ margin: 0px auto 5px; overflow: hidden; } .classify ul li ul li .level-li a{ position: relative; display: block; color: #333333; font-size: 16px; line-height: 2.2; margin-bottom: 4px; padding-left: 90px; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .classify ul li ul li .level-li a:before{ content: ''; position: absolute; top: 16px; left: 64px; width: 14px; height: 1px; background-color: #666666; } .classify ul li ul li .level-li a:hover:before, .classify ul li ul li .level-li a.on:before{ background-color: #0058a4; } .classify ul li .t-level a.on, .classify ul li ul li .level-li a:hover, .classify ul li ul li .level-li a.on{ color: #0058a4; } /*产品中心列表*/ .product .rightbox{ float: left; width: 80%; width: -moz-calc(100% - 280px); width: -webkit-calc(100% - 280px); width: calc(100% - 280px); padding-left: 4%; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .product-list{ } .product-list .tit{ padding: 25px 0px; overflow: hidden; } .product-list .tit .sp1{ display: inline-block; color: #0058a4; font-size: 24px; font-weight: bold; } .product-list .tit .sp2{ display: inline-block; vertical-align: baseline; margin-left: 5px; color: #c8c7c7; font-size: 14px; text-transform: uppercase; } .product-list ul{ margin-bottom: 50px; } /*分页*/ .page{ width: 100%; text-align: center; } .order .page-list, .notice .page-list, .customer-m .page-list{ float: left; } .page-list{ text-align: center; font-size: 0; } .page-list a{ display: inline-block; vertical-align: top; padding: 0px 12px; min-width: 45px; height: 45px; line-height: 43px; margin-bottom: 5px; margin-right: 14px; text-align: center; font-size: 16px; color: #8c8c8c; border-radius: 50%; border: #d9d9d9 solid 1px; background-color: #FFFFFF; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .page-list a:last-child{ margin-right: 0; } .page-list a.fyprev{ border: none; background: url(../images/img54.png) center no-repeat; } .page-list a.fynext{ border: none; background: url(../images/img55.png) center no-repeat; } .page-list a.fyprev:hover{ border: none; background: url(../images/img54a.png) center no-repeat; } .page-list a.fynext:hover{ border: none; background: url(../images/img55a.png) center no-repeat; } .page-list a:hover, .page-list a.on{ color: #ffffff; border: #0058a4 solid 1px; background-color: #0058a4; } .page-list .ellipsis{ border: none; color: #8c8c8c; font-size: 20px; background: none; } /*产品详情*/ .c-nav2-wrap .c-nav2 { position: relative; z-index: 10; } .c-nav2-wrap .c-nav2::before { content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; -webkit-backdrop-filter: saturate(180%) blur(4px); backdrop-filter: saturate(180%) blur(4px); /*background: rgba(250, 250, 250, 0.9);*/ background: rgba(255, 255, 255, 0.9); } @media only screen and (max-width: 991px) { .c-nav2-wrap .c-nav2 { padding: 0; } /*.c-nav2-wrap .c-nav2 .swiper-container{ border-bottom: 1px solid #ddd; }*/ } .c-nav2-wrap .c-nav2 .swiper-container{ border-top: #e6e6e6 solid 1px; } .c-nav2-wrap .c-nav2 .swiper-slide { margin-right: 50px; width: auto; line-height: 78px; color: #333333; font-size: 18px; cursor: pointer; } @media only screen and (max-width: 1681px) { .c-nav2-wrap .c-nav2 .swiper-slide { line-height: 54px; } } @media only screen and (max-width: 991px) { .c-nav2-wrap .c-nav2 .swiper-slide { margin-right: 20px; line-height: 50px; } } .c-nav2-wrap .c-nav2 .swiper-slide.on { color: #0058a4; } .c-nav2-wrap .c-nav2 .swiper-slide.on::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; border-top: 2px solid #0058a4; } @media only screen and (max-width: 991px) { .c-nav2-wrap .c-nav2 .swiper-slide.on::before { top: auto; bottom: 0; } } .c-nav2-wrap .c-nav2 .swiper-slide:hover { color: #0058a4; } /*产品概述*/ .overview{ } .overview .left-wrap{ float: left; width: 48.5%; overflow: hidden; } .overview .pc-slide{ position: relative; width: 100%; margin: 0 auto; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .overview .view, .overview .preview{ width: 100%; margin: 0 auto; overflow: hidden; } .overview .view .swiper-container { width: 100%; } .overview .pc-slide .arrow-left { background: url(../images/img56.png) no-repeat left top; background-size: 60px 60px; position: absolute; left: 0; top: 38%; /*margin-top: -30px;*/ width: 60px; height: 60px; z-index: 10; } .overview .pc-slide .bigimg{ width: 100%; overflow: hidden; } .overview .pc-slide .bigimg img{ width: 100%; } /*.pc-slide .arrow-left:hover{ background: url(../images/img86.png) no-repeat left bottom; background-size: 60px 60px; }*/ .overview .pc-slide .arrow-right{ background: url(../images/img57.png) no-repeat left bottom; background-size: 60px 60px; position: absolute; right: 0; top: 38%; /*margin-top: -30px;*/ width: 60px; height: 60px; z-index: 10; } /*.pc-slide .arrow-right:hover{ background: url(../images/img88.png) no-repeat left bottom; background-size: 60px 60px; }*/ .overview .preview { position: relative; width: 100%; margin-top: 10px; } .overview .preview .swiper-container { width: 100%; } .overview .preview .swiper-slide{ width: 108px; height: 100px; cursor:pointer; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .overview .preview .swiper-slide .smallimg{ padding-right: 20px; overflow: hidden; } .overview .preview .swiper-slide .smallimg span{ position: relative; display: block; width: 100%; padding-top: 12px; } .overview .preview .swiper-slide .smallimg img{ width: 100%; } .overview .preview .swiper-slide.active-nav .smallimg span:before{ content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; /*border: #0058a4 solid 2px;*/ background: url(../images/img64.png) center no-repeat; background-size: 100% 100%; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .overview .right-wrap{ float: right; width: 45%; /*overflow: hidden;*/ } .overview .right-wrap .i-title .t2{ position: static; color: #0058a4; } .overview .right-wrap .i-title .t3{ color: #666666; margin-top: 15px; } .overview .right-wrap .features{ margin-top: 12%; padding-bottom: 30px; border-bottom: #d6d6d6 solid 1px; } .overview .right-wrap .features .tit{ color: #333333; font-size: 20px; } .overview .right-wrap .features ul{ margin-top: 15px; } .overview .right-wrap .features ul li{ position: relative; padding-left: 20px; margin-bottom: 5px; color: #666666; font-size: 16px; line-height: 2; } .overview .right-wrap .features ul li i{ position: absolute; left: 0; top: 13px; width: 8px; height: 8px; border-radius: 50%; background-color: #0058a4; } .overview .right-wrap .btn{ margin-top: 12%; text-align: left; } .overview .right-wrap .btn a{ display: inline-block; text-align: center; min-width: 160px; padding: 0px 20px; height: 48px; line-height: 48px; border-radius: 24px; color: #FFFFFF; font-size: 18px; background-color: #0058a4; margin-bottom: 20px; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .overview .right-wrap .btn a:hover{ box-shadow: 0px 0px 20px rgba(0,0,0,0.2); } /**/ .movebox>li{ padding-top: 40px; padding-bottom: 40px; } .movebox>li:first-child{ padding-top: 20px; } .movebox>li:last-child{ padding-bottom: 0; } .product .subtit{ color: #333333; font-size: 24px; padding-bottom: 25px; border-bottom: #dddddd solid 1px; } .recommend .subtit{ border-bottom: none; } .product .padding{ padding: 0 4.2%; } .specs{ line-height:1.6; } .specs ul li{ list-style-type:disc; } /*产品特点*/ .characteristic{ } .characteristic ul{ margin-top: 5.1%; font-size: 0; } .characteristic ul li{ display: inline-block; vertical-align: top; width: 47%; overflow: hidden; margin-bottom: 5.1%; margin-right: 6%; } .characteristic ul li:nth-child(2n){ margin-right: 0; } .characteristic ul li .img{ float: left; width: 20.9%; overflow: hidden; } .characteristic ul li .img img{ width: 100%; } .characteristic ul li .txt{ float: left; width: 79.1%; padding-left: 6%; padding-right: 6%; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .characteristic ul li .t1{ color: #333333; font-size: 18px; margin-bottom: 10px; } .characteristic ul li .t2{ color: #999999; font-size: 16px; line-height: 1.7; } /*规格参数*/ .specs{ } .specs .table{ width: 100%; border-collapse:collapse; border-spacing:0; margin-bottom: 30px; } .specs .table tr th{ color: #ffffff; font-size: 16px; height: 56px; text-align: center; background-color: #0058a4; border: #0058a4 solid 1px; text-align: center; } .specs .table tr td{ color: #666666; font-size: 16px; height: 56px; border: #efefef solid 1px; text-align: center; } .specs .table tr:nth-child(odd) td{ background-color: #fafafa; } .specs .table tr:nth-child(even) td{ background-color: #f5f5f5; } .specs .table tr:hover td{ background-color: #cee8ff; } .specs .img{ width: 100%; overflow: hidden; margin-bottom: 45px; } .specs .img img{ max-width: 100%; } /*产品详情图*/ .detail-map{ } .detail-map .imgbox{ position: relative; width: 100%; overflow: hidden; text-align: center; margin-top: 30px; } .detail-map .imgbox .img{ width: 100%; overflow: hidden; } .detail-map .imgbox img{ max-width: 100%; } .detail-map .spotbox{ position: relative; display: inline-block; text-align: center; padding: 15px 35px; border-radius: 26px; background-color: #f4f4f4; margin-top: 40px; } .detail-map .swiper-pagination{ position: static; } .detail-map .swiper-pagination-clickable .swiper-pagination-bullet{ display: inline-block; margin: 0 7px; } .detail-map .swiper-pagination-bullet{ width: 14px; height: 14px; background-color: #dbdbdb; opacity: 1; } .detail-map .swiper-pagination-bullet-active{ background-color: #004f99; } /*典型应用*/ .typical{ } .typical ul{ margin-top: 30px; } .typical ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 2%; } .typical ul li:nth-child(3n){ margin-right: 0; } .typical ul li a{ position: relative; display: block; width: 100%; overflow: hidden; } .typical ul li a:before{ content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,42,82,0.45); -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .typical ul li:hover a:before{ background: rgba(0,28,66,0.4); } .typical ul li .img{ position: relative; width: 100%; overflow: hidden; } .typical ul li .img img{ width: 100%; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .typical ul li:hover .img img{ -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .typical ul li .txt{ position: absolute; left: 0; bottom: 20px; z-index: 2; width: 100%; text-align: center; padding: 0px 20px; color: #ffffff; font-size: 18px; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /*相关产品推荐*/ .recommend{ position: relative; } .recommend .rebox{ padding: 0px 60px; } .relevant{ position: relative; width: 100%; overflow: hidden; } .recommend .swiper-button-next, .recommend .swiper-button-prev { position: absolute; top: 50%; width: 48px; height: 48px; margin-top: -24px; z-index: 10; cursor: pointer; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } .recommend .swiper-button-prev, .recommend .swiper-container-rtl .swiper-button-next { background-image: url(../images/img81a.png); left: 0; right: auto; } .recommend .swiper-button-next, .recommend .swiper-container-rtl .swiper-button-prev { background-image: url(../images/img82a.png); right: 0; left: auto; } .recommend .swiper-button-next.swiper-button-disabled{ opacity: 0.5; background-image: url(../images/img82.png); } .recommend .swiper-button-prev.swiper-button-disabled{ opacity: 0.5; background-image: url(../images/img81.png); } /* 关于72779太阳集团游戏 */ .about-nav{ background: #f8f8f8; } .aboutbox-top { position: fixed; top: 80px; left: 0; z-index: 10; width: 100%; } .about-nav ul{ text-align: left; font-size: 0; } .about-nav ul li{ display: inline-block; text-align: center; height: 80px; line-height: 80px; } .about-nav ul li a{ display: inline-block; min-width: 150px; padding: 0px 20px; color: #666666; font-size: 16px; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .about-nav ul li.on a, .about-nav ul li:hover a{ color: #ffffff; background-color: #004f99; } /**/ .abli{ padding-top: 160px; margin-top: -160px; } /* 公司简介 */ .profile{ padding-top: 90px; padding-bottom: 120px; } .profile .box{ margin-top: 80px; } .profile .box .imgbox{ float: right; width: 47%; overflow: hidden; } .profile .box .imgbox img{ width: 100%; } .profile .box .txtbox{ float: left; width: 47%; color: #333333; overflow: hidden; min-height: 360px; } .profile .box .txtbox .t5{ margin-top: 20px; margin-bottom: 30px; } .profile .box .num{ float: left; width: 47%; overflow: hidden; background-color: #f8f8f8; padding: 45px 0px 55px; margin-top: 50px; } .profile .num ul li{ float: left; width: 33.33%; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; } .profile .num ul li .cont{ display: inline-block; text-align: left; } .profile .num ul li .icon{ margin-bottom: 3px; } .profile .num ul li .icon img{ width: 42px; } .profile .num ul li .t1{ } .profile .num ul li .timer{ display: inline-block; margin-right: 5px; color: #004e98; font-size: 42px; font-weight: bold; } .profile .num ul li .unit{ display: inline-block; vertical-align: baseline; color: #FFFFFF; font-size: 12px; width: 20px; height: 20px; line-height: 20px; background-color: #004e98; border-radius: 50%; text-align: center; } .profile .num ul li .unit.plus{ font-size: 16px; font-weight: bold } .profile .num ul li .t2{ color: #333333; font-size: 16px; } /* 发展历程 */ .development{ padding-top: 80px; padding-bottom: 80px; background-image: url(../images/img90.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .development .box{ margin-top: 80px; } .history{ width: 100%; margin: 0 auto; } .records{ position: relative; } .records .swiper-container { position: relative; width: 100%; height: 400px; overflow: hidden; } .records .arrow-left{ background: url(../images/img92.png) no-repeat top center; position: absolute; left: 53%; top: 0; width: 18px; height: 18px; z-index: 10; } .records .arrow-left:hover{ background: url(../images/img92a.png) no-repeat top center; } .records .arrow-right{ background: url(../images/img93.png) no-repeat bottom center; position: absolute; left: 53%; bottom: 0; width: 18px; height: 18px; z-index: 10; } .records .arrow-right:hover{ background: url(../images/img93a.png) no-repeat bottom center; } .records .event{ width: 100%; font-size: 0; } .records .event .imgbox{ /*float: left;*/ display: inline-block; vertical-align: middle; width: 44%; overflow: hidden; text-align: left; } .records .event .imgbox img{ width: 100%; } .records .event .txtbox{ /*float: right; width: 47%;*/ display: inline-block; vertical-align: middle; width: 56%; padding-left: 9%; padding-right: 4.2%; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .records .event .tit{ color: #004f99; font-size: 32px; font-weight: bold; margin-top: 20px; } .records .event ul{ margin-top: 20px; max-height: 300px; overflow-y: auto; } .records .event ul li{ position: relative; padding-left: 25px; color: #666666; font-size: 18px; line-height: 2; } .records .event ul li:before{ content: ''; position: absolute; left: 5px; top: 15px; width: 8px; height: 8px; border-radius: 50%; background-color: #666666; } .particular{ width: 100%; margin: 80px auto 0px; position: relative; } .particular .swiper-container { width: 100%; height: 60px; } .particular .swiper-slide{ width: 250px; height: 60px; cursor:pointer; } .particular .swiper-slide .year{ text-align: center; padding-top: 20px; background:url(../images/img94a.png) top center no-repeat; background-size: 100% auto; } .particular .swiper-slide .year .spot{ width: 7px; height: 7px; border-radius: 50%; background-color: #666666; margin: 0 auto; } .particular .swiper-slide .year .txt{ color: #666666; font-size: 15px; font-weight: bold; margin-top: 10px; } .particular .swiper-slide.active-nav .year .spot{ background-color: #004098; } .particular .swiper-slide.active-nav .year .txt{ color: #004098; } /*.particular .arrow-left { background: url(static/images/feel3.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10; } .particular .arrow-right { background: url(static/images/feel4.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10; }*/ /* 企业文化 */ .culture{ padding-top: 80px; padding-bottom: 110px; } .culture .box{ margin-top: 80px; } .culture .box ul li{ position: relative; float: left; width: 33.333333%; overflow: hidden; } .culture .box ul li:before{ content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,64,152,0.13); } .culture .box ul li .img{ position: relative; width: 100%; overflow: hidden; } .culture .box ul li .img img{ width: 100%; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .culture .box ul li:hover .img img{ -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .culture .box ul li .txt{ position: absolute; left: 0; top: 50%; -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; width: 100%; text-align: center; } .culture .box ul li .txt .icon{ width: 100%; text-align: center; } .culture .box ul li .txt .icon img{ max-width: 15.6%; } .culture .box ul li .txt .t5{ margin-top: 25px; } .culture .box ul li .txt .t3{ margin-top: 5px; } .culture .box ul li .txt .i-title .t5, .culture .box ul li .txt .i-title .t3{ color: #FFFFFF; } /* 荣誉资质 */ .qualification{ padding-top: 90px; padding-bottom: 80px; background-color: #f8f8f8; } .qualification .box{ margin-top: 80px; } .honor{ position: relative; width: 100%; overflow: hidden; padding-bottom: 80px; } .honor.swiper-container-horizontal>.swiper-pagination-bullets, .honor .swiper-pagination-custom, .honor .swiper-pagination-fraction{ bottom: 0; } .honor.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 6px; } .honor .swiper-pagination-bullet { width: 12px; height: 12px; display: inline-block; border-radius: 100%; background: #dadada; opacity: 1; } .honor .swiper-pagination-bullet-active { opacity: 1; background: #055aa6; } .honor .honorli{ border: #f1f1f1 solid 1px; background-color: #FFFFFF; } /*.honor .swiper-slide a{ display: block; width: 100%; }*/ .honor .honorli .img{ padding: 20% 8% 12%; text-align: center; overflow: hidden; border-bottom: #f1f1f1 solid 1px; } .honor .honorli .img img{ max-width: 100%; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .honor .honorli:hover .img img{ -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .honor .honorli .txt{ color: #666666; font-size: 16px; /*line-height: 1.8; padding: 15px 0px;*/ line-height: 60px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 合作伙伴 */ .partner{ padding-top: 90px; padding-bottom: 70px; } .partner .box{ margin-top: 80px; } .partner .box ul li{ float: left; width: 18.2%; margin-right: 2.25%; margin-bottom: 2.25%; border: #f4f4f4 solid 1px; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .partner .box ul li:nth-child(5n){ margin-right: 0; } .partner .box ul li a{ display: block; width: 100%; overflow: hidden; } .partner .box ul li img{ width: 100%; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .partner .box ul li:hover img{ -o-transform: scale(1.2); -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } /* 联系72779太阳集团游戏 */ .contact{ padding-top: 110px; } .contact .infor{ margin-top: 110px; padding-bottom: 90px; } .contact .infor ul{ font-size: 0; } .contact .infor ul li{ display: inline-block; vertical-align: top; width: 25%; text-align: left; padding: 0px 15px; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .contact .infor ul li .cont{ display: inline-block; text-align: center; max-width: 280px; } .contact .infor ul li:first-child .cont{ text-align: left; } .contact .infor ul li .icon{ width: 100%; overflow: hidden; margin-bottom: 20px; } /*.contact .infor ul li .icon img{ max-width: 25%; }*/ .contact .infor ul li .txt{ } .contact .infor ul li .t1{ color: #666666; font-size: 16px; } .contact .infor ul li .t2{ color: #333333; font-size: 18px; margin-top: 5px; } .contact .infor ul li .t2 .sp{ display: inline-block; color: #666666; font-size: 16px; } .contact .mapbox{ padding-top: 85px; padding-bottom: 110px; background-color: #f9f9f9; } /* 在线留言 */ .message{ padding-top: 110px; padding-bottom: 90px; } .message .box{ margin-top: 80px; } .message .box form{ width: 100%; } .message .box .inputli{ width: 100%; margin-bottom: 3%; } .message .box .inputli:last-child{ margin-bottom: 0; } .message .box .borbg{ padding: 0px 20px; background-color: #f9f9f9; border: #efefef solid 1px; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .message .box .inputli .half{ float: left; width: 48.5%; margin-right: 3%; height: 70px; } .message .box .inputli .half:nth-child(2n){ margin-right: 0; } .message .box .inputli input{ width: 100%; height: 68px; line-height: 68px; background: none; outline: none; border: none; color: #333333; font-size: 14px; padding: 0; } .message .box .inputli textarea{ width: 100%; height: 170px; line-height: 2; background: none; outline: none; border: none; color: #333333; font-size: 14px; padding: 15px 0px; } .message .box .inputli input::-webkit-input-placeholder, .message .box .inputli textarea::-webkit-input-placeholder{ font-family: "微软雅黑"; color: #b5b5b5; } .message .box .inputli input:-moz-placeholder, .message .box .inputli textarea:-moz-placeholder{ font-family: "微软雅黑"; color: #b5b5b5; } .message .box .inputli input:-ms-input-placeholder, .message .box .inputli textarea:-ms-input-placeholder{ font-family: "微软雅黑"; color: #b5b5b5; } .message .box .inputbtn{ width: 160px; height: 50px; text-align: center; background-color: #004098; border-radius: 25px; margin: 50px auto 0px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .message .box .inputbtn:hover{ opacity: 0.8; } .message .box .inputbtn input{ width: 100%; height: 50px; line-height: 50px; background: none; outline: none; border: none; color: #ffffff; font-size: 16px; } /*新闻中心*/ .new{ padding-top: 95px; } .new .other{ margin-bottom: 110px; background-color: #f8f8f8; } .new .other a{ display: block; width: 100%; overflow: hidden; } .new .other .imgbox{ float: left; width: 46%; overflow: hidden; } .new .other .imgbox img{ width: 100%; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .new .other:hover img{ -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .new .other .txtbox{ float: right; width: 50%; padding-right: 4%; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .new .other .txtbox .t1{ color: #999999; font-size: 16px; margin-top: 7%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .new .other .txtbox .t1 .sp{ display: inline-block; color: #004098; font-size: 36px; font-weight: bold; } .new .other .txtbox .t1 .sp1{ display: inline-block; margin: 0px 10px; } .new .other .txtbox .t2{ color: #004f99; font-size: 24px; margin-top: 30px; } .new .other .txtbox .t3{ color: #666666; font-size: 16px; line-height: 2; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .new .other .txtbox .btn{ text-align: left; margin-top: 9%; } .new .other .txtbox .btn span{ display: inline-block; text-align: center; width: 110px; height: 36px; line-height: 36px; border-radius: 18px; background-color: #004f99; color: #FFFFFF; font-size: 14px; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .new .other .txtbox .btn span:hover{ opacity: 0.8; } .new .newbox{ padding-top: 80px; padding-bottom: 80px; background-color: #f8f8f8; } .new .newbox ul{ margin-top: 70px; margin-bottom: 30px; } /*新闻详情*/ .new-detail{ padding-top: 80px; padding-bottom: 50px; } .new-detail .box{ max-width: 1200px; width: 100%; margin: 0 auto; } .detail-title{ text-align: center; padding-bottom: 30px; } .detail-title .t2{ color: #666666; font-size: 14px; margin-top: 30px; } .detail-title .t2 .txtli{ display: inline-block; } .detail-title .t2 .txtli .sp{ margin: 0px 20px; } .detail-title .t2 img{ display: inline-block; vertical-align: middle; margin-right: 10px; } .detail-title .t2 .txtli:last-child{ margin-right: 0; } .detail-box{ padding: 30px 0px; color: #333333; font-size: 16px; line-height: 2; overflow: hidden; border-top: #f4f4f4 solid 1px; } .detail-box img{ max-width: 100%; } .detail-other{ padding-top: 3%; padding-bottom: 3%; border-top: #f4f4f4 solid 1px; overflow: hidden; background-color: #f1f1f1; } /*20210508*/ .solution-detail .detail-other{ background:none; } /**/ .back-to{ position: absolute; left: 50%; top: 50%; -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .back-to a{ display: block; min-width: 160px; padding: 0 15px; text-align: center; border: #dcdcdc solid 1px; line-height: 44px; color: #ffffff; font-size: 16px; background-color: #004098; border-radius: 22px; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .back-to a:hover{ background-color: #FFFFFF; color: #000000; } .nextprev{ position: relative; max-width: 1100px; width: 100%; margin: 0 auto; overflow: hidden; } .nextprev ul{ } .nextprev ul li{ float: left; width: 38.6%; margin-right: 22.8%; } .nextprev ul li:nth-child(2n){ text-align: right; margin-right: 0; } .nextprev ul li a{ display: inline-block; width: 100%; font-family: "microsoft yahei"; color: #333333; font-size: 16px; line-height: 44px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .nextprev ul li a:hover{ color: #004098; } .nextprev ul li a .sp{ color: #004098; } /* 相关新闻推荐 */ .tuijian{ padding-top: 40px; padding-bottom: 80px; } .tuijian .box{ position: relative; margin-top: 50px; padding: 0px 55px; } .tuijianbox{ position: relative; width: 100%; overflow: hidden; } .tuijian .re-newli{ width: 100%; overflow: hidden; } .tuijian .re-newli .imgbox{ padding: 5px; border: #f4f4f4 solid 1px; } .tuijian .re-newli .imgbox .img{ width: 100%; overflow: hidden; } .tuijian .re-newli .imgbox .img img{ width: 100%; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .tuijian .re-newli:hover .imgbox .img img{ -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .tuijian .re-newli .txt{ margin-top: 15px; padding: 0px 15px; text-align: left; color: #333333; font-size: 16px; line-height: 2; } .tuijian .re-newli:hover .txt{ color: #004098; } .tuijian .swiper-button-next, .tuijian .swiper-button-prev { position: absolute; top: 50%; width: 35px; height: 34px; margin-top: -17px; z-index: 10; cursor: pointer; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } .tuijian .swiper-button-next, .tuijian .swiper-container-rtl .swiper-button-prev { background-image: url(../images/img131a.png); right: 0; left: auto; } .tuijian .swiper-button-prev, .tuijian .swiper-container-rtl .swiper-button-next { background-image: url(../images/img130a.png); left: 0; right: auto; } .tuijian .swiper-button-next.swiper-button-disabled{ opacity: 0.5; background-image: url(../images/img131.png); } .tuijian .swiper-button-prev.swiper-button-disabled{ opacity: 0.5; background-image: url(../images/img130.png); } @media only screen and (max-width: 1440px){ .new-detail{ padding-top: 70px; } .back-to a{ min-width: 140px; } .tuijian .re-newli .txt{ font-size: 15px; } } @media only screen and (max-width: 1280px){ .detail-title .t2{ font-size: 15px; margin-top: 40px; } .detail-box{ font-size: 15px; } .nextprev ul li a{ font-size: 15px; } .back-to a{ font-size: 16px; } } @media only screen and (max-width: 1024px){ .new-detail{ padding-top: 60px; padding-bottom: 40px; } .detail-title .t2{ margin-top: 25px; } .back-to{ display: none; } .detail-other{ padding-top: 20px; padding-bottom: 20px; } .nextprev ul{ padding: 0 30px; } /*20210508*/ .solution-detail .nextprev ul{ padding: 0px; } .nextprev ul li{ float: none; width: 100%; text-align: left; } .nextprev ul li:nth-child(2n){ text-align: left; } .nextprev ul li:last-child{ margin-bottom: 0; } .nextprev ul li a{ line-height: 2; } .tuijian{ padding-bottom: 70px; } .tuijian .box{ margin-top: 40px; } .tuijian .re-newli .txt{ margin-top: 10px; } } @media only screen and (max-width: 768px){ .new-detail{ padding-top: 50px; } .detail-title{ padding-bottom: 25px; } .detail-box{ padding: 25px 0px; } .tuijian{ padding-bottom: 60px; } } @media only screen and (max-width: 640px){ .detail-title .t2 .txtli .sp{ margin: 0px 15px; } .new-detail{ padding-bottom: 30px; } .tuijian{ padding-top: 30px; padding-bottom: 50px; } } @media only screen and (max-width: 576px){ .new-detail{ padding-top: 40px; } .detail-title{ padding-bottom: 20px; } .detail-title .t2{ font-size: 14px; margin-top: 20px; } .detail-title .t2 .txtli .sp{ margin: 0px 10px; } .detail-box{ padding-top: 20px; font-size: 14px; } .tuijian .box{ margin-top: 30px; } .nextprev ul li a{ font-size: 14px; } .tuijian .re-newli .txt{ margin-top: 5px; font-size: 14px; line-height: 1.8; } } /*服务支持*/ /*服务网络*/ .network{ padding-top: 50px; padding-bottom: 100px; } .network-tab{ } .network-tab ul{ font-size: 0; border-bottom: #f4f4f4 solid 1px; } .network-tab ul li{ position: relative; display: inline-block; margin-right: 40px; color: #666666; font-size: 16px; line-height: 48px; cursor: pointer; } .network-tab ul li.on, .network-tab ul li:hover{ color: #004e98; } /*.network-tab ul li a{ color: #666666; font-size: 16px; line-height: 48px; }*/ .network-tab ul li:before, .network-tab ul li:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #004e98; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .network-tab ul li.on:before, .network-tab ul li:hover:before{ width: 100%; } /*.network-tab ul li.on a, .network-tab ul li:hover a{ color: #004e98; }*/ .network .content{ margin-top: 36px; } /*国外*/ .network .abroad{ width: 100%; overflow: hidden; } .network .abroad .imgbox{ width: 100%; text-align: center; margin-top: 50px; overflow: hidden; } /*国内*/ .network .domestic{ width: 100%; overflow: hidden; } .network .domestic .imgbox{ float: left; width: 72%; width: -moz-calc(94.3% - 300px); width: -webkit-calc(94.3% - 300px); width: calc(94.3% - 300px); overflow: hidden; } .network .domestic .imgbox>img{ width: 100%; } .network .domestic .txtbox{ float: right; width: 300px; overflow: hidden; } .network .domestic .a-choice{ position: relative; width: 100%; } .network .domestic .a-choice::after{ content: ""; width: 46px; height: 42px; background: url(../images/img133.png) no-repeat center; position: absolute; right: 0; top: 0; pointer-events: none; } .network .domestic .a-choice .input-area{ width: 100%; padding: 0px 46px 0px 20px; border: 1px #e5e5e5 solid; border-radius: 4px; color: #666666; font-size: 14px; line-height: 40px; background: #fff; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -ms-appearance: none 9; -o-appearance: none; } .network .domestic .sitebox{ position: relative; margin-top: 20px; padding: 40px 0px; border: #e7e7e7 solid 1px; background-color: #f8f8f8; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .network .domestic .site{ position: relative; width: 100%; height: 540px; overflow: hidden; } .network .domestic .site .swiper-slide{ height: auto; } .network .domestic .site-li{ padding: 18px 18px 0px; background-color: #ffffff; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; min-height: 145px; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .network .domestic .site-li:hover{ background-color: #004e98; } .network .domestic .site-li .cont{ padding-bottom: 15px; border-bottom: #e7e7e7 solid 1px; } .network .domestic .site-li:hover .cont{ border-bottom: #004e98 solid 1px; } .network .domestic .site-li .tit{ color: #333333; font-size: 16px; font-weight: bold; } .network .domestic .site-li:hover .tit{ color: #ffffff; } .network .domestic .site-li ul{ margin-top: 6px; } .network .domestic .site-li ul li{ color: #333333; font-size: 14px; line-height: 2; } .network .domestic .site-li:hover ul li{ color: #ffffff; } .network .swiper-button-next, .network .swiper-button-prev { position: absolute; top: auto; bottom: auto; left: 50%; right: auto; width: 40px; height: 40px; margin-top: 0; margin-left: -20px; z-index: 10; cursor: pointer; background-size: 26px 13px; -moz-background-size: 26px 13px; -webkit-background-size: 26px 13px; background-position: center; background-repeat: no-repeat; } .network .swiper-button-next, .network .swiper-container-rtl .swiper-button-prev { top: auto; bottom: 0; background-image: url(../images/img134.png); } .network .swiper-button-prev, .network .swiper-container-rtl .swiper-button-next { top: 0; bottom: auto; background-image: url(../images/img135.png); } .network .swiper-button-next.swiper-button-disabled{ opacity: 1; background-image: url(../images/img134a.png); } .network .swiper-button-prev.swiper-button-disabled { opacity: 1; background-image: url(../images/img135a.png); } /*解决方案*/ .solution{ padding-top: 100px; padding-bottom: 80px; } .solution .category{ max-width: 1400px; width: 100%; margin: 0 auto; background-color: #f8f8f8; } .solution .category ul{ } .solution .category ul li{ float: left; display: table; width: 10%; height: 120px; text-align: center; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .solution .category ul li.on, .solution .category ul li:hover{ background-color: #004e98; } .solution .category ul li a{ display: table-cell; vertical-align: middle; width: 100%; overflow: hidden; } .solution .category ul li .icon{ width: 100%; overflow: hidden; margin-bottom: 3px; } .solution .category ul li .icon img{ max-width: 25%; /*width: 29px;*/ } .solution .category ul li .icon .ic1{ display: inline-block; } .solution .category ul li .icon .ic2{ display: none; } .solution .category ul li.on .icon .ic1, .solution .category ul li:hover .icon .ic1{ display: none; } .solution .category ul li.on .icon .ic2, .solution .category ul li:hover .icon .ic2{ display: inline-block; } .solution .category ul li .txt{ color: #999999; font-size: 16px; } .solution .category ul li:hover .txt, .solution .category ul li.on .txt{ color: #FFFFFF; } .solution .content{ margin-top: 75px; } .solution .content .t3{ margin-top: 20px; } .solution .content .box{ margin-top: 60px; } .solution .content .box ul li{ float: left; width: 49.3%; margin-right: 1.4%; margin-bottom: 1.4%; } .solution .content .box ul li:nth-child(2n){ margin-right: 0; } .solution .content .box ul li a{ position: relative; display: block; width: 100%; overflow: hidden; } .solution .content .box ul li .imgbox{ width: 100%; overflow: hidden; } .solution .content .box ul li .imgbox img{ width: 100%; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .solution .content .box ul li:hover .imgbox img{ -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .solution .content .box ul li .txt{ position: absolute; left: 0; bottom: 20px; color: #ffffff; font-size: 22px; width: 100%; padding: 0px 20px; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /*解决方案详情*/ .solution-detail{ padding-top: 70px; padding-bottom: 90px; } .solution-detail .box{ width: 100%; overflow: hidden; } .solution-detail .txtbox{ float: left; width: 74%; width: -moz-calc(100% - 320px); width: -webkit-calc(100% - 320px); width: calc(100% - 320px); padding-right: 2.8%; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .solution-detail .txtbox .i-title .t6{ padding-bottom: 30px; border-bottom: #e6e6e6 solid 1px; } .solution-detail .txtbox .i-title .t3{ text-align: left; padding-top: 40px; padding-bottom: 40px; } .solution-detail .otherbox{ float: right; width: 320px; background: #ffffff; box-shadow: 0px 5px 24px rgba(3,20,35,0.1); } .solution-detail .otherbox{ float: right; width: 320px; padding: 25px 25px; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .solution-detail .otherbox .tit{ color: #333333; font-size: 18px } .solution-detail .otherbox ul{ margin-top: 20px; } .solution-detail .otherbox ul li{ margin-bottom: 10px; } .solution-detail .otherbox ul li a{ position: relative; display: block; color: #666666; font-size: 16px; line-height: 2; width: 100%; padding-left: 10%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .solution-detail .otherbox ul li a:hover{ color: #004098; } .solution-detail .otherbox ul li a i{ position: absolute; left: 0; top: 13px; width: 6px; height: 6px; border-radius: 50%; background-color: #bdbdbd; } .solution-detail .otherbox ul li a:hover i{ background-color: #004098; } /*增值服务*/ .increment{ padding-bottom: 110px; } .increment .conwidth>ul>li{ margin-top: 90px; font-size: 0; background-color: #f8f8f8; } .increment ul li .imgbox{ display: inline-block; vertical-align: middle; width: 50%; overflow: hidden; } .increment ul li .imgbox img{ width: 100%; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .increment ul li:hover .imgbox img{ -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .increment ul li .txtbox{ display: inline-block; vertical-align: middle; width: 50%; padding-left: 6%; padding-right: 5%; padding-top: 30px; padding-bottom:30px ; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .increment ul li .txtbox ul{ margin-top: 50px; } .increment ul li .txtbox ul li{ margin-bottom: 30px; } .increment ul li .txtbox ul li:last-child{ margin-bottom: 0; } .increment ul li .txtbox ul li .t1{ color: #333333; font-size: 18px; } .increment ul li .txtbox ul li .t2{ margin-top: 5px; color: #666666; font-size: 16px; line-height: 2; } /*资料下载*/ .download{ padding-top: 65px; padding-bottom: 90px; } .download .download-search{ padding-top: 50px; padding-bottom: 20px; background-color: #f8f8f8; } .download .download-search .box{ max-width: 780px; width: 90%; margin: 0 auto; } .download .download-search .box form{ width: 100%; overflow: hidden; } .download .download-search .box .text{ float: left; width: 82%; width: -moz-calc(100% - 65px); width: -webkit-calc(100% - 65px); width: calc(100% - 65px); border: #f1f1f1 solid 1px; height: 60px; padding-left: 5.6%; padding-right: 20px; background-color: #ffffff; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .download .download-search .box .text input{ width: 100%; color: #666666; font-size: 14px; height: 58px; line-height: 58px; text-align: left; background: none; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; } .download .download-search .box .btn{ float: right; width: 65px; height: 60px; border-radius: 0px 5px 5px 0px; background: url(../images/img155.png) center no-repeat; background-size: 100% 100%; } .download .download-search .box .btn input{ width: 100%; background: none; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; } .download .download-search .box .key{ margin-top: 15px; padding-left: 5.6%; padding-right: 5.6%; overflow: hidden; } .download .download-search .box .key span{ float: left; width: 60px; color: #999999; font-size: 14px; line-height: 2; } .download .download-search .box .key .cont{ float: left; width: -moz-calc(100% - 60px); width: -webkit-calc(100% - 60px); width: calc(100% - 60px); } .download .download-search .box .key .cont a{ display: inline-block; margin-right: 30px; color: #999999; font-size: 14px; line-height: 2; } .download .download-search .box .key .cont a:hover{ color: #004e98; } /**/ .download .download-screen{ margin-top: 45px; background-color: #f8f8f8; } .download .download-screen ul li{ padding-top: 18px; padding-bottom: 10px; border-bottom: #f1f1f1 solid 1px; } .download .download-screen ul li .fl{ float: left; width: 12.8%; text-align: center; color: #333333; font-size: 16px; } .download .download-screen ul li .fl{ float: left; width: 12.8%; text-align: center; color: #333333; font-size: 16px; line-height: 34px; } .download .download-screen ul li .fr{ position: relative; float: left; width: 87.2%; /*padding-right: 160px; height: 45px;*/ overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .download .download-screen ul li .fr.on{ padding-right: 0; padding-bottom: 50px; height: auto; overflow-y: auto; } .download .download-screen ul li .fr a{ padding: 0px 18px; color: #333333; font-size: 16px; line-height: 34px; border-radius: 17px; margin-bottom: 15px; margin-right: 15px; } .download .download-screen ul li .fr a:last-child{ margin-right: 0; } .download .download-screen ul li .fr a:hover, .download .download-screen ul li .fr a.on{ color: #ffffff; background-color: #78aada; } .download .download-screen ul li .more{ position: absolute; right: 0; top: 0; width: 128px; height: 40px; line-height: 40px; text-align: center; background-color: #004e98; font-size: 16px; color: #FFFFFF; border-radius: 20px; cursor: pointer; } .download .download-screen ul li .fr.on .more{ top: auto; bottom: 0; } /*下载列表*/ .download .download-list{ margin-top: 42px; } .download .download-list table{ width: 100%; border-collapse:collapse; border-spacing:0; margin-bottom: 50px; border: #f2f2f2 solid 1px; } .download .download-list table tr th{ color: #ffffff; font-size: 20px; height: 70px; text-align: center; background-color: #004e98; text-align: center; } .download .download-list table tr th:first-child{ max-width: 50%; text-align: left; padding-left: 3.2%; } .download .download-list table tr td{ color: #666666; font-size: 16px; height: 62px; border-bottom: #f2f2f2 solid 1px; text-align: center; padding: 10px; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .download .download-list table tr td a{ color: #666666; } .download .download-list table tr td a:hover{ color: #005199; } .download .download-list .load-icon{ width: 45px; height: 45px; margin: auto; background: url(../images/img156.png) center no-repeat; } .download .download-list .load-icon:hover{ background: url(../images/img156a.png) center no-repeat; } .download .download-list table tr td:first-child{ max-width: 50%; text-align: left; padding-left: 3.2%; } @media only screen and (max-width: 1680px){ .i-title .t1{ font-size: 34px; } .productli .txtbox .t1{ font-size: 22px; } .i-solution .slideli .txt .t1{ font-size: 26px; } .obanner .bannerzi .box .t1{ font-size: 36px; } .head-nav .nav>li>a{ min-width: 120px; } } @media only screen and (max-width: 1536px){ .conwidth{ padding-left: 7%; padding-right: 7%; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .i-about .txtbox{ padding-left: 10%; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /**/ .i-title .t1{ font-size: 32px; } /*.i-title .t2{ font-size: 28px; }*/ .i-title .t3{ font-size: 15px; } .i-title .t4{ font-size: 72px; } .i-title .t5{ font-size: 22px; } .i-title .t6, .detail-title .t1, .ask-box .tit{ font-size: 28px; } .obanner .bannerzi .box .t1{ font-size: 34px; } /*index*/ .productli .txtbox .t2{ font-size: 15px; } .i-solution .slideli .txt .t1{ font-size: 24px; } .newli .txtbox .t2 { font-size: 18px; } .newli .txtbox .t3{ font-size: 15px; min-height: 60px; } /*关于72779太阳集团游戏*/ .abli{ padding-top: 150px; margin-top: -150px; } .aboutbox-top{ top: 70px; } .about-nav ul li{ height: 70px; line-height: 70px; } .profile{ padding-top: 80px; padding-bottom: 110px; } .profile .box .txtbox{ min-height: 1px; } .profile .box .num{ margin-top: 50px; } .profile .num ul li .timer{ font-size: 40px; } .particular{ margin-top: 60px; } .records .swiper-container{ height: 360px; } .records .event ul{ max-height: 250px; } .records .event .txtbox{ padding-left: 7%; } .records .arrow-left{ left: 51%; } .records .arrow-right{ left: 51%; } .honor{ padding-bottom: 70px; } /*联系72779太阳集团游戏*/ .contact{ padding-top: 80px; } .contact .infor{ margin-top: 80px; padding-bottom: 70px; } .contact .infor ul li .t1, .contact .infor ul li .t2 .sp{ font-size: 15px; } .contact .infor ul li .t2{ font-size: 16px; } .contact .mapbox{ padding-top: 80px; padding-bottom: 80px; } .message{ padding-top: 80px; padding-bottom: 80px; } .message .box .inputli .half{ height: 65px; } .message .box .inputli textarea{ height: 170px; } .message .box .inputli input{ height: 63px; line-height: 63px; } /*服务网络*/ .network .domestic .site{ height: 480px; } /*下载中心*/ .download .download-list table tr th{ font-size: 18px; } /*新闻资讯*/ .new{ padding-top: 80px; } .new .other{ margin-bottom: 80px; } .new .other .txtbox .t1{ margin-top: 20px; } .new .other .txtbox .t1 .sp{ font-size: 34px; } .new .other .txtbox .t2{ margin-top: 20px; font-size: 22px; } .new .other .txtbox .t3{ font-size: 15px; } /*解决方案*/ .solution{ padding-top: 80px; } .solution .content .box ul li .txt{ font-size: 20px; } /*增值服务*/ .increment .conwidth>ul>li{ margin-top: 80px; } .increment ul li .txtbox ul{ margin-top: 40px; } .increment ul li .txtbox ul li{ margin-bottom: 20px; } /*产品详情*/ .c-nav2-wrap .c-nav2 .swiper-slide{ font-size: 17px; } .overview .right-wrap{ padding-top: 15px; } .overview .right-wrap .features{ margin-top: 30px; padding-bottom: 20px; } .overview .right-wrap .features .tit{ font-size: 18px; } .overview .right-wrap .features ul li{ font-size: 15px; } .overview .right-wrap .btn{ margin-top: 30px; } .overview .right-wrap .btn a{ min-width: 140px; font-size: 16px; } .movebox>li{ padding-top: 30px; padding-bottom: 30px; } .product .subtit{ font-size: 22px; padding-bottom: 20px; } .characteristic ul li .t1{ font-size: 16px; } .characteristic ul li .t2{ font-size: 15px; } .specs .table tr th{ font-size: 15px; } .specs .table tr td{ font-size: 15px; } .detail-map .spotbox{ padding: 12px 25px; } .typical ul li .txt{ font-size: 16px; } .product-list ul .productli .txtbox .t1, .recommend .productli .txtbox .t1{ font-size: 18px; } .c-nav2-wrap .c-nav2 .swiper-slide{ margin-right: 40px; } } @media only screen and (max-width: 1440px){ /*header*/ /*.head-nav .nav>li{ margin-right: 30px; }*/ .head-nav .nav>li>a{ min-width: 110px; } /*footer*/ .footer .foot-infor{ width: 35%; } /*index*/ .i-title .t1{ font-size: 30px; } .productli .txtbox .t1{ font-size: 20px; } .i-about .txtbox{ padding-left: 9%; } .i-about .txtbox .i-title{ width: 100%; } .i-about .num ul li .timer{ font-size: 44px; } .i-solution .slideli .txt .t1{ font-size: 22px; } .obanner .bannerzi .box .t1{ font-size: 32px; } /*关于72779太阳集团游戏*/ .profile{ padding-top: 70px; padding-bottom: 90px; } .profile .box{ margin-top: 70px; } .profile .box .txtbox .t5{ margin-bottom: 20px; } .profile .box .num{ padding: 35px 0px 40px; } .profile .num ul li .icon img{ font-size: 36px; } .profile .num ul li .timer{ font-size: 36px; } .profile .num ul li .t2{ font-size: 15px; } .development{ padding-top: 70px; padding-bottom: 70px; } .development .box{ margin-top: 70px; } .records .event .tit{ font-size: 30px; } .records .event ul li{ font-size: 16px; } .records .event ul li:before{ top: 12px; } .culture{ padding-top: 70px; padding-bottom: 80px; } .culture .box{ margin-top: 70px; } .qualification{ padding-top: 70px; padding-bottom: 70px; } .qualification .box{ margin-top: 70px; } .partner{ padding-top: 70px; } .partner .box{ margin-top: 70px; } /*联系72779太阳集团游戏*/ .contact{ padding-top: 70px; } .contact .infor{ margin-top: 70px; } .contact .mapbox{ padding-top: 70px; padding-bottom: 70px; } .contact .infor ul li .icon img{ max-width: 60px; } .message{ padding-top: 70px; padding-bottom: 70px; } .message .box{ margin-top: 70px; } .message .box .inputli .half{ height: 60px; } .message .box .inputli textarea{ height: 150px; } .message .box .inputli input{ height: 58px; line-height: 58px; } .message .box .inputbtn{ height: 45px; } .message .box .inputbtn input{ height: 45px; line-height: 45px; } /*服务网络*/ .network .domestic .site{ height: 440px; } /*下载中心*/ .download{ padding-bottom: 80px; } .download .download-search .box .text{ height: 54px; width: -moz-calc(100% - 54px); width: -webkit-calc(100% - 54px); width: calc(100% - 54px); } .download .download-search .box .text input{ height: 52px; line-height: 52px; } .download .download-search .box .btn{ float: left; width: 54px; height: 54px; } .download .download-screen ul li .fl{ font-size: 15px; } .download .download-screen ul li .fr a{ font-size: 15px; } .download .download-screen ul li .more{ font-size: 15px; } .download .download-list table tr th{ height: 60px; } .download .download-list table tr td{ height: 54px; font-size: 15px; } /*新闻资讯*/ .new{ padding-top: 70px; } .new .other{ margin-bottom: 70px; } .new .newbox{ padding-top: 70px; padding-bottom: 70px; } .new .newbox ul{ margin-top: 60px; } /*解决方案*/ .solution{ padding-top: 70px; padding-bottom: 70px; } .solution .category ul li .txt{ font-size: 15px; } .solution .content{ margin-top: 60px; } .solution .content .box ul li .txt{ font-size: 18px; } .solution .content .box{ margin-top: 50px; } /*解决方案详情*/ .solution-detail .otherbox ul{ margin-top: 15px; } .solution-detail .otherbox ul li a{ font-size: 15px; padding-left: 8%; } /*增值服务*/ .increment{ padding-bottom: 90px; } .increment .conwidth>ul>li{ margin-top: 70px; } .increment ul li .txtbox ul{ margin-top: 30px; } /*产品中心*/ .product{ padding-top: 70px; padding-bottom: 70px; } .classify .tit{ padding: 20px 60px 20px 24px; } .classify .tit i{ right: 24px; } .classify .tit span{ font-size: 22px; } .classify ul li .o-level{ padding-left: 25px; padding-right: 25px; } .classify ul li ul>li>a, .classify ul li ul li .t-level{ font-size: 16px; } .classify ul li ul li .level-li a{ font-size: 15px; } /*产品详情*/ .c-nav2-wrap .c-nav2 .swiper-slide{ font-size: 16px; } .overview .left-wrap{ float: none; width: 100%; } .overview .right-wrap{ float: none; width: 100%; margin-top: 20px; } .movebox>li{ padding-top: 20px; padding-bottom: 20px; } .product .padding{ padding: 0; } .product-list ul .productli .txtbox .t1, .recommend .productli .txtbox .t1{ font-size: 17px; } .c-nav2-wrap .c-nav2 .swiper-slide{ margin-right: 30px; } .detail-map .swiper-pagination-bullet{ width: 12px; height: 12px; } .typical ul li{ width: 48%; margin-right: 4%; margin-bottom: 4%; } .typical ul li:nth-child(3n){ margin-right: 4%; } .typical ul li:nth-child(2n){ margin-right: 0; } .recommend .swiper-button-next, .recommend .swiper-button-prev{ width: 42px; height: 42px; } } @media only screen and (max-width: 1366px){ /**/ .head-nav .nav>li>a{ min-width: 105px; } .header .navcell .wraplink a{ margin-right: 100px; } /**/ .i-about .txtbox{ padding-left: 7%; } .obanner .bannerzi .box .t1{ font-size: 30px; } /*新闻资讯*/ .new .newbox{ padding-top: 60px; padding-bottom: 60px; } .new .newbox ul{ margin-top: 50px; } } @media only screen and (max-width: 1280px){ /**/ .main{ padding-top: 60px; } .head-nav .nav>li>a{ min-width: 90px; } .header .navcell .wraplink a{ margin-right: 90px; } /*解决方案*/ .solution{ padding-top: 60px; padding-bottom: 60px; } .solution .content{ margin-top: 50px; } .solution .content .box{ margin-top: 40px; } .solution .category ul li{ height: 100px; } /*增值服务*/ .increment{ padding-bottom: 70px; } .increment .conwidth>ul>li{ margin-top: 60px; } .increment ul li .txtbox ul li .t1{ font-size: 16px; } .increment ul li .txtbox ul li .t2{ font-size: 15px; } /*产品中心*/ .classify .tit span{ font-size: 20px; } .classify ul li .o-level span{ font-size: 17px; } /*产品详情*/ .product .subtit{ font-size: 20px; } } @media only screen and (max-width: 1200px){ .conwidth{ padding-left: 4%; padding-right: 4%; } /*footer*/ .footer .foot-infor .txtbox .tit{ font-size: 25px; } .i-about .txtbox{ padding-left: 4%; margin-top: 0; } } @media only screen and (max-width: 1024px){ /*header*/ .header .logo{ width: auto; max-width: 60%; } .header .logo a{ line-height: 60px; } .header .logo a img{ max-height: 36px; } .header .head-nav{ display: none; } .head-nation .current .name{ display: none; } .head-nation{ margin-top: 10px; background: url(../images/global.png) center no-repeat; } .header.white .head-nation, .header.alter .head-nation { background: url(../images/global1.png) center no-repeat; } .menubtn{ display: block; } /*banner*/ .oimg1{ display: none; } .oimg2{ display: block; } .lunbotu>.swiper-pagination-bullets, .lunbotu .swiper-pagination-custom, .lunbotu .swiper-pagination-fraction{ bottom: 30px; } .lunbotu .swiper-pagination-bullet .ring, .lunbotu .swiper-pagination-bullet .ring:after, .lunbotu .swiper-pagination-bullet .ring:before{ display: none; } .lunbotu .swiper-pagination-bullet, .lunbotu .swiper-pagination-bullet:before{ width: 12px; height: 12px; } .lunbotu .swiper-pagination-bullet-active:before{ background-color: #004e98 ; } .obannerbg{ height: 400px; } .ob-img{ display: block; } /*footer*/ .footer .foot-nav{ display: none; } .footer .foot-infor{ width: 100%; } .footer .foot-infor .txtbox{ width: 65%; } .footer .linkbox .tit{ top: 20px; } .footer .linkbox{ padding-top: 20px; padding-bottom: 20px; } /**/ .i-title .t1 { font-size: 28px; } .i-title .t2{ font-size: 24px; } .i-title .t4{ font-size: 64px; } .i-title .t5{ font-size: 20px; } .i-title .t6, .detail-title .t1, .ask-box .tit{ font-size: 24px; } /*index*/ .switch{ padding-top: 60px; padding-bottom: 60px; } .switch-box{ margin-top: 50px; } .switch-tab ul{ overflow-x: scroll; overflow-y: hidden; white-space: nowrap; } .switch-tab ul::-webkit-scrollbar{ width:0px; height:0px; } .switch-tab ul::-webkit-scrollbar-button{ background-color:rgba(0,0,0,0); } .switch-tab ul::-webkit-scrollbar-track{ background-color:rgba(0,0,0,0); } .switch-tab ul::-webkit-scrollbar-track-piece{ background-color:rgba(0,0,0,0); } .switch-tab ul::-webkit-scrollbar-thumb{ background-color:rgba(0,0,0,0); } .switch-tab ul::-webkit-scrollbar-corner{ background-color:rgba(0,0,0,0); } .switch-tab ul::-webkit-scrollbar-resizer{ background-color:rgba(0,0,0,0); } .switch-tab ul::-webkit-scrollbar{ width:0px; height:0px; } /**/ .i-solution{ padding-top: 60px; padding-bottom: 60px; } .i-solution .slideli .txt .t1{ font-size: 20px; } .i-solution .swiper-pagination-bullet{ width: 10px; height: 10px; } /**/ .i-about .num ul li .t1 { margin: 5px auto; } .i-about .num ul li .icon img{ width: 36px; } .i-about .num ul li .timer{ font-size: 42px; } .i-about .txtbox .btn a{ min-width: 120px; padding: 0 15px; } /**/ .newli .txtbox{ padding-bottom: 30px; padding-left: 20px; padding-right: 20px; } .newli .txtbox .t2{ margin-top: 10px; } .newli .txtbox .t3{ line-height: 1.8; min-height: 54px; } .newli .txtbox .btn{ margin-top: 15px; } /**/ .ask-box .askli input{ height: 48px; line-height: 48px; } .ask-box .askbtn{ height: 48px; } .ask-box .askbtn input{ height: 48px; line-height: 48px } /*关于72779太阳集团游戏*/ .aboutbox-top{ top: 60px; } .about-nav ul{ overflow-x: scroll; overflow-y: hidden; white-space: nowrap; } .about-nav ul::-webkit-scrollbar{ width:0px; height:0px; } .about-nav ul::-webkit-scrollbar-button{ background-color:rgba(0,0,0,0); } .about-nav ul::-webkit-scrollbar-track{ background-color:rgba(0,0,0,0); } .about-nav ul::-webkit-scrollbar-track-piece{ background-color:rgba(0,0,0,0); } .about-nav ul::-webkit-scrollbar-thumb{ background-color:rgba(0,0,0,0); } .about-nav ul::-webkit-scrollbar-corner{ background-color:rgba(0,0,0,0); } .about-nav ul::-webkit-scrollbar-resizer{ background-color:rgba(0,0,0,0); } .about-nav ul::-webkit-scrollbar{ width:0px; height:0px; } .about-nav ul li{ line-height: 60px; height: 60px; } .abli{ padding-top: 120px; margin-top: -120px; } .profile{ padding-top: 60px; padding-bottom: 60px; } .profile .box{ margin-top: 60px; } .profile .box .num{ float: none; width: 100%; margin-top: 0; } .profile .num ul li .icon img{ font-size: 32px; } .profile .num ul li .timer{ font-size: 32px; } .profile .num ul li .t2{ font-size: 14px; } .development{ padding-top: 60px; padding-bottom: 60px; } .development .box{ margin-top: 60px; } .records .swiper-container{ height: 320px; } .records .event .tit{ font-size: 28px; } .records .event ul{ max-height: 200px; } .records .event ul li{ font-size: 15px; } .records .event .txtbox{ padding-left: 5%; } .records .arrow-left{ left: 49%; } .records .arrow-right{ left: 49%; } .particular .swiper-slide{ width: 200px; } .culture{ padding-top: 60px; padding-bottom: 70px; } .culture .box{ margin-top: 60px; } .qualification{ padding-top: 60px; padding-bottom: 60px; } .qualification .box{ margin-top: 60px; } .honor{ padding-bottom: 60px; } .honor .honorli .txt{ font-size: 15px; line-height: 50px; } .honor .swiper-pagination-bullet{ width: 10px; height: 10px; } .honor .honorli .img{ padding: 12% 5% 8%; } .partner{ padding-top: 60px; padding-bottom: 60px; } .partner .box{ margin-top: 60px; } .partner .box ul li{ width: 22%; margin-right: 3%; margin-bottom: 3%; } .partner .box ul li:nth-child(5n){ margin-right: 3%; } .partner .box ul li:nth-child(4n){ margin-right: 0; } /*联系72779太阳集团游戏*/ .contact{ padding-top: 60px; } .contact .infor{ margin-top: 60px; } .contact .mapbox{ padding-top: 60px; padding-bottom: 60px; } .contact .infor ul li .icon img{ max-width: 50px; } .contact .infor ul li .t1, .contact .infor ul li .t2 .sp{ font-size: 14px; } .contact .infor ul li .t2{ font-size: 15px; } .message{ padding-top: 60px; padding-bottom: 60px; } .message .box{ margin-top: 60px; } .message .box .inputli .half{ height: 50px; } .message .box .inputli input{ height: 48px; line-height: 48px; } /*服务网络*/ .network .domestic .site{ height: 400px; } .network .domestic .site-li .tit{ font-size: 15px; } /*下载中心*/ .download{ padding-top: 50px; padding-bottom: 70px; } .download .download-search{ padding-top: 40px; } .download .download-search .box .text{ padding-left: 30px; height: 50px; width: -moz-calc(100% - 50px); width: -webkit-calc(100% - 50px); width: calc(100% - 50px); } .download .download-search .box .text input{ height: 48px; line-height: 48px; } .download .download-search .box .key{ padding-left: 30px; padding-right: 30px; } .download .download-search .box .btn{ width: 50px; height: 50px; } .download .download-screen ul li .more{ display: none; } .download .download-screen ul li .p-more{ position: absolute; right: 0; top: 0; width: 50px; height: 35px; background: url(../images/img157.png) top 5px center no-repeat; background-size: 22% auto; } .download .download-screen ul li .p-more.away{ background: url(../images/img157a.png) top 10px center no-repeat; background-size: 38% auto; } .download .download-screen ul li .fl{ font-size: 15px; } .download .download-screen ul li .fr{ /*padding-right: 60px;*/ } .download .download-screen ul li .fr.on{ /*padding-right: 60px;*/ padding-bottom: 0; overflow: hidden; } /*新闻资讯*/ .new{ padding-top: 60px; } .new .other{ margin-bottom: 60px; } .new .other .txtbox .t1{ } .new .other .txtbox .t1 .sp{ font-size: 30px; } .new .other .txtbox .t2{ font-size: 20px; margin-top: 15px; } .new .other .txtbox .btn{ margin-top: 25px; } /*解决方案*/ .solution .category ul{ font-size: 0; padding-top: 25px; } .solution .category ul li{ float: none; display: inline-block; vertical-align: top; width: 12.5%; height: auto; text-align: center; margin-bottom: 25px; } .solution .category ul li a{ display: block; width: 100%; } .solution .category ul li .icon{ margin-bottom: 5px; } /*解决方案详情*/ .solution-detail{ padding-top: 60px; padding-bottom: 60px; } .solution-detail .txtbox{ float: none; width: 100%; padding-right: 0; } .solution-detail .otherbox{ float: none; width: 100%; margin-top: 30px; } .solution-detail .otherbox ul li a{ padding-left: 15px; } /*增值服务*/ .increment{ padding-top: 60px; padding-bottom: 50px; } .increment .conwidth>ul>li{ margin-top: 0; margin-bottom: 40px; } .increment ul li .imgbox{ width: 35%; } .increment ul li .txtbox{ width: 65%; padding-left: 5%; padding-right: 0; } .increment ul li .txtbox ul{ margin-top: 20px; } /*产品中心*/ .product{ padding-top: 60px; } .classify .tit{ padding: 18px 50px 18px 20px; } .classify .tit i{ right: 20px; } .classify .tit span{ font-size: 20px; } .classify ul li .o-level{ padding-left: 20px; padding-right: 20px; margin-top: 7px; } .product-list .tit{ padding: 20px 0px 25px; } .product-list .tit .sp1{ font-size: 22px; } .product-list ul .productli .txtbox .t1, .recommend .productli .txtbox .t1{ font-size: 18px; } .product-list .productli{ width: 48%; margin-right: 4%; margin-bottom: 4%; } .product-list .productli:nth-child(3n){ margin-right: 4%; } .product-list .productli:nth-child(2n){ margin-right: 0; } .specs .tablebox{ overflow-x: auto; line-height:1.6; } .specs .tablebox ul li{ } .specs .tablebox table{ min-width: 900px; } } @media only screen and (max-width: 992px){ /*产品中心*/ .product{ padding-top: 50px; padding-bottom: 60px; } .product .leftbox{ float: none; width: 100%; } .classify .c-nav1>ul{ padding-bottom: 30px; } .product .rightbox{ float: none; padding-left: 0; width: 100%; margin-top: 40px; } .classify .c-nav1{ height: auto; } .product-list ul{ margin-bottom: 40px; } .movebox>li:first-child{ padding-top: 40px; } .movebox>li{ padding-top: 30px; padding-bottom: 30px; } } @media only screen and (max-width: 768px){ .menubtn{ width: 40px; } /*footer*/ .footer{ padding-top: 50px; } .footer .linkbox a{ margin-left: 20px; } .footer .foot-bottom .foot-logo{ float: none; width: 100%; } .footer .foot-bottom .copyright{ float: none; width: 100%; text-align: center; margin-top: 20px; } /**/ .i-title .t1 { font-size: 26px; } .i-title .t4{ font-size: 60px; } .obanner .bannerzi .box .t1{ font-size: 28px; } .obannerbg{ height: 360px; } /*index*/ .switch{ padding-top: 50px; padding-bottom: 50px; } .switch .box{ margin-top: 30px; } .switch-box{ margin-top: 40px; } .switch-tab ul li{ min-width: 120px; padding: 0px 15px; line-height: 36px; font-size: 15px; } .productli{ width: 48%; margin-right: 4%; margin-bottom: 4%; } .productli:nth-child(3n){ margin-right: 4%; } .productli:nth-child(2n){ margin-right: 0; } /**/ .advert .txt{ max-width: 80%; margin: auto; } .advert{ padding-top: 70px; padding-bottom: 70px; } /**/ .i-solution{ padding-top: 50px; padding-bottom: 50px; } .i-solution .box{ margin-top: 40px; } .i-solution .swiper-pagination-bullet{ width: 10px; height: 10px; } /**/ .i-about .text{ padding-left: 4%; padding-right: 4%; } .i-about .imgbox{ float: none; width: 100%; } .i-about .txtbox{ float: none; width: 100%; padding-left: 0; padding-top: 30px; padding-bottom: 40px; } .i-about .txtbox .i-title{ padding-right: 0; } .i-about .txtbox .t1{ margin-bottom: 15px; } .i-about .num{ padding: 50px 0px; } .i-about .num ul li .icon img{ width: 32px; } .i-about .num ul li .timer{ font-size: 36px; } .i-about .num ul li .t2{ font-size: 15px; } /**/ .newli, .new .newli{ width: 48%; margin-right: 4%; margin-bottom: 4%; } .newli:nth-child(3n){ margin-right: 4%; } .newli:nth-child(2n){ margin-right: 0; } /**/ .ask-box{ padding-top: 60px; } .ask-box .askli.askli1{ width: 48%; margin-right: 4%; } .ask-box .askli.askli2{ width: 80%; margin-right: 4%; } .ask-box .askli:nth-child(2n){ margin-right: 0; } .ask-box .askbtn{ width: 16%; } /*关于72779太阳集团游戏*/ .about-nav ul li a{ font-size: 15px; } .about-nav ul li{ line-height: 50px; height: 50px; } .about-nav ul li a{ min-width: 120px; } .abli{ padding-top: 110px; margin-top: -110px; } .profile{ padding-top: 50px; padding-bottom: 50px; } .profile .box{ margin-top: 50px; } .profile .box .txtbox{ float: none; width: auto; overflow: inherit; padding-right: 0; } .profile .imgbox { padding-left: 3%; } .profile .box .num{ margin-top: 40px; } .profile .num ul li .icon img{ font-size: 28px; } .profile .num ul li .timer{ font-size: 28px; } .profile .num ul li .t1{ margin: 5px auto; } .development{ padding-top: 50px; padding-bottom: 50px; } .development .box{ margin-top: 50px; } .records{ padding-left: 50px; padding-right: 50px; } .records .swiper-container{ height: auto; } .records .event .imgbox{ width: 100%; } .records .event .tit{ font-size: 24px; margin-top: 0; } .records .event ul{ max-height: 100%; margin-top: 10px; } .records .event .txtbox{ width: 100%; margin-top: 30px; } .records .arrow-left{ left: 15px; top: 50%; margin-top: -9px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .records .arrow-right{ left: auto; right: 15px; top: 50%; margin-top: -9px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .particular{ margin-top: 30px; } .particular .swiper-slide{ width: 150px; } .particular .swiper-slide .year{ padding-top: 15px; } .culture{ padding-top: 50px; padding-bottom: 60px; } .culture .box{ margin-top: 50px; } .culture .box ul{ font-size: 0; text-align: center; } .culture .box ul li{ float: none; display: inline-block; vertical-align: top; width: 50%; } .culture .box ul li .txt .t5{ margin-top: 20px; } .qualification{ padding-top: 50px; padding-bottom: 50px; } .qualification .box{ margin-top: 50px; } .honor{ padding-bottom: 50px; } .partner{ padding-top: 50px; padding-bottom: 50px; } .partner .box{ margin-top: 50px; } .partner .box ul li{ width: 31%; margin-right: 3.5%; margin-bottom: 3.5%; } .partner .box ul li:nth-child(5n){ margin-right: 3.5%; } .partner .box ul li:nth-child(4n){ margin-right: 3.5%; } .partner .box ul li:nth-child(3n){ margin-right: 0; } /*联系72779太阳集团游戏*/ .contact{ padding-top: 50px; } .contact .infor{ margin-top: 50px; padding-bottom: 30px; } .contact .mapbox{ padding-top: 50px; padding-bottom: 50px; } .contact .infor ul li{ width: 48%; margin-right: 4%; margin-bottom: 50px; text-align: center; } .contact .infor ul li:nth-child(2n){ margin-right: 0; } .contact .infor ul li .cont{ max-width: 100%; } .contact .infor ul li:first-child .cont{ text-align: center; } .message{ padding-top: 50px; padding-bottom: 50px; } .message .box{ margin-top: 50px; } .message .box .inputbtn{ margin-top: 40px; width: 140px; } /*服务网络*/ .network{ padding-bottom: 70px; } .network-tab ul li{ font-size: 15px; } .network .domestic .site{ height: auto; } .network .domestic .imgbox{ float: none; width: 100%; } .network .domestic .txtbox{ float: none; width: 100%; margin-top: 40px; } .network .domestic .sitebox{ padding: 0px 40px; } .network .domestic .site-li{ min-height: 1px; padding: 30px 20px; } .network .domestic .site-li .cont{ padding-bottom: 0; border-bottom: none; } .network .swiper-button-next, .network .swiper-button-prev{ top: 50%; left: auto; margin-top: -20px; margin-left: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .network .swiper-button-next, .network .swiper-container-rtl .swiper-button-prev{ right: 0; } .network .swiper-button-prev, .network .swiper-container-rtl .swiper-button-next{ left: 0; } /*下载中心*/ .download .download-screen{ margin-top: 30px; } .download .download-screen ul{ padding: 0px 30px; } .download .download-screen ul li .fl{ float: none; width: 100%; text-align: left; margin-bottom: 15px; } .download .download-screen ul li .fr{ float: none; width: 100%; /*padding-right: 50px;*/ } .download .download-screen ul li .fr a{ min-width: 50px; padding: 0px 12px; font-size: 14px; margin-right: 10px; text-align: center; line-height: 30px; } .download .download-screen ul li .p-more{ width: 40px; } .download .download-list table tr th{ font-size: 16px; } .download .download-list table tr th:nth-child(2), .download .download-list table tr th:nth-child(3), .download .download-list table tr th:nth-child(4){ display: none; } .download .download-list table tr td:nth-child(2), .download .download-list table tr td:nth-child(3), .download .download-list table tr td:nth-child(4){ display: none } /*分页*/ .page-list a{ min-width: 40px; height: 40px; line-height: 40px; } /*新闻资讯*/ .new{ padding-top: 50px; } .new .other{ margin-bottom: 50px; padding: 30px 0px; } .new .other .txtbox .t1{ margin-top: 0; } .new .other .txtbox .t1 .sp{ font-size: 28px; } .new .other .txtbox .t1 .sp1{ margin: 0px 5px; } .new .other .txtbox .t2{ font-size: 18px; margin-top: 10px; } .new .other .txtbox .btn{ margin-top: 20px; } .new .newbox{ padding-top: 50px; padding-bottom: 50px; } .new .newbox ul{ margin-top: 40px; margin-bottom: 20px; } /*解决方案*/ .solution{ padding-top: 50px; padding-bottom: 50px; } .solution .content{ margin-top: 40px; } .solution .content .box{ margin-top: 30px; } .solution .content .box ul li .txt{ font-size: 16px; } .solution .category ul li{ width: 16.66%; } /*解决方案详情*/ .solution-detail{ padding-top: 50px; padding-bottom: 50px; } /*增值服务*/ .increment{ padding-top: 50px; padding-bottom: 40px; } .increment .conwidth>ul>li{ margin-bottom: 30px; } .increment ul li .txtbox ul li{ margin-bottom: 15px; } } @media only screen and (max-width: 640px){ .i-title .t1{ font-size: 24px; } .i-title .t2{ font-size: 22px; } .i-title .t3{ font-size: 14px; } .i-title .t4{ font-size: 56px; } .i-title .t6, .detail-title .t1, .ask-box .tit{ font-size: 22px; } .obanner .bannerzi .box .t1{ font-size: 26px; } .obanner .bannerzi .box .t2{ font-size: 15px; margin-top: 5px; } /**/ .lunbotu>.swiper-pagination-bullets, .lunbotu .swiper-pagination-custom, .lunbotu .swiper-pagination-fraction{ bottom: 20px; } .obannerbg{ height: 320px; } /**/ .switch{ padding-bottom: 50px; } .i-about .num ul li .cont{ min-width: 1px; } .i-about .num ul li .timer{ font-size: 32px; } .i-about .num ul li .t2{ font-size: 14px; } /*新闻资讯*/ .new .other{ padding: 0; } .new .other .imgbox{ float: none; width: 100%; } .new .other .txtbox{ float: none; width: 100%; padding: 30px; } /*解决方案*/ .solution .category ul li{ width: 20%; } .solution .category ul li .txt{ font-size: 14px; } .solution .content .box ul li .txt{ font-size: 15px; } /*解决方案详情*/ .solution-detail .otherbox{ padding: 20px; } /*增值服务*/ .increment ul li .imgbox{ width: 100%; } .increment ul li .txtbox{ width: 100%; margin-top: 10px; padding: 20px 20px 30px; } /*产品详情*/ .product .subtit{ font-size: 18px; padding-bottom: 15px; } .overview .right-wrap .btn a{ min-width: 120px; font-size: 15px; height: 42px; line-height: 42px; } .characteristic ul li{ position: relative; padding-left: 80px; width: 100%; min-height: 60px; margin-right: 0; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .characteristic ul li:last-child{ margin-bottom: 0; } .characteristic ul li .img{ position: absolute; left: 0; top: 0; width: 60px; } .characteristic ul li .txt{ padding: 0; } .characteristic ul li .t1{ margin-bottom: 5px; } .detail-map .spotbox{ padding: 10px 20px; } .detail-map .swiper-pagination-clickable .swiper-pagination-bullet{ margin: 0px 5px; } .specs .tablebox table{ min-width: 800px; } } @media only screen and (max-width: 576px){ /**/ .lunbotu .swiper-pagination-bullet, .lunbotu .swiper-pagination-bullet:before{ width: 10px; height: 10px; } .obannerbg{ height: 280px; } .lunbotu>.swiper-pagination-bullets, .lunbotu .swiper-pagination-custom, .lunbotu .swiper-pagination-fraction{ bottom: 15px; } /**/ .footer{ padding-top: 40px; } .footer .foot-bottom .foot-logo img{ max-width: 70%; } .footer .foot-infor .txtbox ul li{ margin-bottom: 12px; } .footer .linkbox{ padding-left: 0; padding-top: 10px; padding-bottom: 15px; } .footer .linkbox .tit{ position: static; } .footer .linkbox a{ margin-left: 0; margin-right: 15px; } .footer .linkbox a:last-child{ margin-right: 0; } .footer .foot-infor .txtbox .tit{ font-size: 22px; } /**/ .i-title .t1{ font-size: 20px; } .i-title .t2{ font-size: 18px; } .i-title .t4{ font-size: 50px; } .i-title .t5{ font-size: 18px; } .i-title .t6, .detail-title .t1, .ask-box .tit{ font-size: 18px; } .i-title .sp{ display: block; margin-left: 0; } .obanner .bannerzi .box .t1{ font-size: 22px; } /**/ .switch{ padding-top: 40px; padding-bottom: 40px; } .switch-box{ margin-top: 30px; } .switch-tab ul li{ margin-right: 15px; min-width: 110px; padding: 0px 15px; line-height: 32px; font-size: 14px; } .productli{ float: none; width: 100%; margin-right: 0; margin-bottom: 25px; } .productli .txtbox{ padding: 20px; } .productli .txtbox .t1{ font-size: 18px; } .productli .txtbox .t2{ font-size: 15px; } .newli, .new .newli{ float: none; width: 100%; margin-right: 0; margin-bottom: 25px; } .newli .txtbox .t2{ font-size: 16px; } .newli .txtbox .t3{ min-height: 1px; } /**/ .advert{ padding-top: 60px; padding-bottom: 60px; } .advert .txt{ max-width: 100%; } .i-solution{ padding-top: 40px; padding-bottom: 40px; } .i-solution .box{ margin-top: 30px; } .i-solution .content{ padding-bottom: 40px; } .i-solution .swiper-pagination-bullet{ width: 8px; height: 8px; } .i-about .num ul li:first-child{ text-align: left; } .i-about .num ul li:last-child{ text-align: right; } .i-about .num ul li:before{ display: none; } .i-about .num ul li .icon img{ width: 28px; } .i-about .num ul li .timer{ font-size: 26px; } .ask-box .askli.askli1, .ask-box .askli.askli2{ width: 100%; margin-right: 0; } .ask-box .askli.askli2{ margin-bottom: 30px; } .ask-box .askbtn{ float: none; clear: both; width: 120px; margin:auto; } /*关于72779太阳集团游戏*/ .about-nav ul li{ line-height: 42px; height: 42px; } .about-nav ul li a{ min-width: 100px; font-size: 14px; } .profile{ padding-bottom: 40px; } .profile .box{ margin-top: 40px; } .profile .box .imgbox{ float: none; width: 100%; padding-left: 0; } .profile .box .txtbox .t5{ margin-top: 30px; margin-bottom: 10px; } .profile .box .num{ margin-top: 30px; } .profile .num ul li .icon img{ width: 24px; } .profile .num ul li .timer{ font-size: 24px; } .development{ padding-top: 40px; padding-bottom: 40px; } .development .box{ margin-top: 40px; } .records{ padding-left: 40px; padding-right: 40px; } .records .arrow-right{ right: 0; } .records .arrow-left{ left: 0; } .records .event .txtbox{ padding: 0; } .records .event .tit{ font-size: 21px; } .records .event ul li{ font-size: 14px; } .records .event ul li:before{ top: 10px; } .particular{ margin-top: 20px; } .particular .swiper-slide{ width: 100px; } .particular .swiper-slide .year{ padding-top: 10px; } .particular .swiper-slide .year .txt{ margin-top: 5px; } .culture{ padding-top: 40px; padding-bottom: 30px; } .culture .box{ margin-top: 40px; } .culture .box ul li{ width: 100%; margin-right: 0; margin-bottom: 25px; } .qualification{ padding-top: 40px; padding-bottom: 40px; } .qualification .box{ margin-top: 40px; } .honor{ padding-bottom: 40px; } .honor .honorli .img{ padding: 30px; } .honor .swiper-pagination-bullet{ width: 8px; height: 8px; } .partner{ padding-top: 40px; padding-bottom: 40px; } .partner .box{ margin-top: 40px; } .partner .box ul li{ width: 48%; margin-right: 4%; margin-bottom: 4%; } .partner .box ul li:nth-child(5n){ margin-right: 4%; } .partner .box ul li:nth-child(4n){ margin-right: 4%; } .partner .box ul li:nth-child(3n){ margin-right: 4%; } .partner .box ul li:nth-child(2n){ margin-right: 0; } /*联系72779太阳集团游戏*/ .contact{ padding-top: 40px; } .contact .infor{ margin-top: 40px; padding-bottom: 30px; } .contact .infor ul li{ width: 100%; margin-right: 0; margin-bottom: 30px; padding: 0; } .contact .infor ul li .cont{ display: block; width: 100%; overflow: hidden; } .contact .infor ul li .icon{ float: left; width: 20%; overflow: hidden; margin-bottom: 0; } .contact .infor ul li .icon img{ max-width: 60%; } .contact .infor ul li .txt{ float: left; width: 80%; text-align: left; } .message{ padding-top: 40px; } .message .box{ margin-top: 40px; } .message .box .inputli { margin-bottom: 0; } .message .box .inputli .half{ width: 100%; margin-right: 0; margin-bottom: 20px; } .message .box .inputbtn{ margin-top: 30px; width: 120px; height: 40px; } .message .box .inputbtn input{ font-size: 15px; height: 40px; line-height: 40px; } /*服务网络*/ .network{ padding-top: 30px; padding-bottom: 60px; } /*下载中心*/ .download{ padding-top: 40px; padding-bottom: 50px; } .download .download-search{ padding-top: 30px; } .download .download-search .box .key{ padding: 0; } .download .download-search .box .key .cont a{ margin-right: 15px; } .download .download-screen ul{ padding: 10px 20px 10px; } .download .download-screen ul li{ padding-top: 5px; padding-bottom: 5px; } .download .download-screen ul li .fl{ margin-bottom: 5px; } .download .download-screen ul li .fr{ /*height: 40px; padding-right: 40px;*/ } .download .download-screen ul li .fr a{ margin-right: 0; margin-bottom: 5px; } .download .download-screen ul li .p-more{ width: 36px; background: url(../images/img157.png) top 5px right no-repeat; background-size: 22% auto; } .download .download-screen ul li .p-more.away{ background: url(../images/img157a.png) top 9px right no-repeat; background-size: 38% auto; } .download .download-list{ margin-top: 30px; } .download .download-list table{ margin-bottom: 35px; } .download .download-list table tr th{ height: 56px; } .download .download-list table tr th:nth-child(5){ display: none; } .download .download-list table tr td:nth-child(5){ display: none } .download .download-list table tr th:last-child{ width: 20%; } .download .download-list table tr td{ padding: 5px; height: 42px; font-size: 14px; } /*新闻资讯*/ .new{ padding-top: 40px; } .new .other{ margin-bottom: 30px; } .new .other .txtbox{ padding: 20px 20px 30px; } .new .newbox{ padding-top: 40px; } /*解决方案*/ .solution{ padding-top: 40px; padding-bottom: 40px; } .solution .category ul li{ width: 25%; } .solution .content .box ul li{ width: 100%; margin-right: 0; margin-bottom: 20px; } /*解决方案详情*/ .solution-detail{ padding-top: 40px; padding-bottom: 40px; } .solution-detail .txtbox .i-title .t6{ padding-bottom: 20px; } .solution-detail .txtbox .i-title .t3{ padding-top: 30px; padding-bottom: 30px; } .solution-detail .otherbox ul li{ margin-bottom: 5px; } .solution-detail .otherbox ul li a{ font-size: 14px; } /*增值服务*/ .increment{ padding-top: 40px; } .increment .conwidth>ul>li{ margin-bottom: 25px; } .increment ul li .txtbox{ margin-top: 5px; padding: 20px 20px 25px; } /*产品中心*/ .product{ padding-top: 40px; padding-bottom: 50px; } .classify .c-nav1>ul{ padding-bottom: 20px; } .classify ul li .o-level{ margin-top: 0; } .classify ul li .o-level span{ font-size: 16px; } .classify ul li ul>li>a, .classify ul li ul li .t-level{ padding-left: 54px; font-size: 15px; } .classify ul li ul li .level-li a{ font-size: 14px; padding-left: 75px; } .classify ul li ul li .level-li a:before{ left: 54px; } .product .rightbox{ float: none; width: 100%; padding-left: 0; } .product-list ul{ margin-bottom:20px; } .product-list .productli{ width: 100%; margin-right: 0; margin-bottom: 25px; } .product-list ul .productli .txtbox .t1, .recommend .productli .txtbox .t1{ font-size: 16px; margin-bottom: 5px; } .product-list .productli .txtbox .t2{ font-size: 14px; } /*产品详情*/ .movebox>li:first-child{ padding-top: 30px; } .overview .right-wrap .features .tit{ font-size: 17px; } .overview .right-wrap .features ul li{ font-size: 14px; } .characteristic ul li{ padding-left: 60px; min-height: 45px; } .characteristic ul li .img{ width: 45px; } .characteristic ul li .t2{ font-size: 14px; } .specs .table tr th, .specs .table tr td{ font-size: 14px } .detail-map .imgbox{ margin-top: 20px; } .detail-map .spotbox{ margin-top: 30px; padding: 5px 20px; } .detail-map .swiper-pagination-bullet{ width: 10px; height: 10px; } .typical ul{ margin-top: 20px; } .typical ul li{ width: 100%; margin-right: 0; margin-bottom: 25px; } .typical ul li:last-child{ margin-bottom: 0; } .recommend .rebox{ padding: 0px 50px; } .recommend .subtit{ margin-bottom: 10px; } .recommend .swiper-button-next, .recommend .swiper-button-prev{ width: 40px; height: 40px; } } /*20210508*/ @media only screen and (max-width: 640px){ } @media only screen and (min-width: 1440px){ .overview .right-wrap{ padding-top: 50px; } } /*20210514新增*/ .x-typical{ position: relative; width: 100%; overflow: hidden; margin-top: 30px; padding-bottom: 50px; display: none; } .x-typical .swiper-slide a{ position: relative; display: block; width: 100%; overflow: hidden; } .x-typical .swiper-slide a:before{ content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,42,82,0.45); -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .x-typical .swiper-slide:hover a:before{ background: rgba(0,28,66,0.4); } .x-typical .swiper-slide .img{ position: relative; width: 100%; overflow: hidden; } .x-typical .swiper-slide .img img{ width: 100%; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .x-typical .swiper-slide:hover .img img{ -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } .x-typical .swiper-slide .txt{ position: absolute; left: 0; bottom: 20px; z-index: 2; width: 100%; text-align: center; padding: 0px 20px; color: #ffffff; font-size: 16px; overflow: hidden; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .x-typical .swiper-pagination-bullet{ width: 10px; height: 10px; display: inline-block; border-radius: 100%; background: #dadada; opacity: 1; } .x-typical .swiper-pagination-bullet-active { opacity: 1; background: #055aa6; } .sidebar .istopdiv{ margin-top: 30px; width: 56px; border-bottom: none; } .sidebar .istopdiv img{ width: 100%; } @media only screen and (max-width: 1024px){ .x-typical{ display: block; } .typical ul{ display: none; } .sidebar ul li{ display: none; } .sidebar ul li.istopdiv{ display:block; } } @media only screen and (max-width: 576px){ .x-typical{ margin-top: 20px; padding-bottom: 40px; } .x-typical .swiper-pagination-bullet{ width: 8px; height: 8px; } } /*20210518*/ .prod-down-list{ } .prod-down-list ul{ margin-top: 30px; } .prod-down-list ul li{ float: left; width: 48%; margin-right: 4%; margin-bottom: 4%; -webkit-box-sizing: border-box; box-sizing: border-box; border: #eeeeee solid 1px; -webkit-transition: all .3s; transition: all .3s; } .prod-down-list ul li:nth-child(2n){ margin-right: 0; } .prod-down-list ul li a{ display: block; width: 100%; padding: 30px 35px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } .prod-down-list .icon { float: left; width: 60px; height: 40px; line-height: 40px; border-right: 1px solid #e5e5e5; } .prod-down-list .text { float: left; width: calc(100% - 80px); font-size: 16px; color: #666666; line-height: 40px; font-weight: bold; padding: 0 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: all .3s; transition: all .3s; -webkit-box-sizing: border-box; box-sizing: border-box; } .prod-down-list .down-icon { float: left; width: 18px; height: 20px; background: url(../images/icon34.png) center no-repeat; margin-top: 10px; } .prod-down-list ul li:hover{ box-shadow: 0 5px 10px rgb(0 0 0 / 10%); } @media only screen and (max-width: 1400px){ .prod-down-list ul li a{ padding: 25px 30px; } .prod-down-list .icon{ width: 50px; } .prod-down-list .text{ width: calc(100% - 70px); padding: 0px 20px; } } @media only screen and (max-width: 1024px){ .prod-down-list ul li a{ padding: 20px 25px; } .prod-down-list .icon{ width: 45px; } .prod-down-list .text{ width: calc(100% - 65px); padding: 0px 15px; } } @media only screen and (max-width: 640px){ .prod-down-list ul li{ width: 100%; margin-right: 0; margin-bottom: 20px; } .prod-down-list ul li .text{ font-size: 15px; } }