@charset "utf-8"; /*悬浮链接开始*/ .suspension { position: fixed; z-index: 999; right: 0; bottom: 85px; width: 70px; height: 530px; } .suspension-box { position: relative; float: right; } .suspension .a { display: block; width: 44px; height: 44px; background: #184898; /* background: -webkit-gradient(linear, 0 0, 0 100%, from(#fdb811), to( #fd9611)); */ margin-bottom: 4px; cursor: pointer; outline: none; } .suspension .a.active, .suspension .a:hover { background: #184898; background-color: #ca1c1d; } .suspension .a .i { float: left; width: 44px; height: 44px; background-image: ; background-repeat: no-repeat; } /* .suspension .a-service .i{background-position:0 0;} */ .suspension .a-service .i { width: 30px; height: 30px; margin-top: 7px; margin-left: 8px; background-image: url(/uploads/image/t2sian/wx.png); background-repeat: no-repeat; background-position: 0 0; } .suspension .a-service-phone .i { width: 30px; height: 30px; margin-top: 7px; margin-left: 8px; background-image: url(/uploads/image/t2sian/dh.png); background-repeat: no-repeat; } .suspension .a-qrcode .i { width: 30px; height: 30px; margin-top: 7px; margin-left: 8px; background-image: url(/uploads/image/t2sian/yx.png); background-repeat: no-repeat; } .suspension .a-cart .i { width: 30px; height: 30px; margin-top: 7px; margin-left: 8px; background-image: url(/uploads/image/t2sian/dz.png); background-repeat: no-repeat; } .suspension .a-top .i { width: 30px; height: 30px; margin-top: 2px; margin-left: 8px; background-image: url(/uploads/image/t2sian/jt.png); background-repeat: no-repeat; } .suspension .a-top { background: #d2d3d6; display: none; } .suspension .a-top:hover { background: #c0c1c3; } .suspension .d { display: none; width: 223px; background: #f9f9f9; position: absolute; right: 44px; min-height: 25px; border-radius: 0px; } /* .suspension .d .arrow{position:absolute;width:8px;height:12px;background: no-repeat;right:-8px;top:31px;} */ .suspension .d-service { top: 0; } .suspension .d-service-phone { top: 48px; } .suspension .d-qrcode { top: 96px; } .suspension .d-cart { top: 144px; } .suspension .d .inner-box { padding: 8px 22px 12px; } .suspension .d-service-item { border-bottom: 1px solid #eee; padding: 14px 0; } .suspension .d-service .d-service-item { border-bottom: none; } .suspension .d-service-item .circle { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: #184898; display: block; float: left; } .suspension .d-service-item .i-qq { width: 44px; height: 44px; background: no-repeat center 15px; display: block; transition: all .2s; border-radius: 50%; overflow: hidden; } .suspension .d-service-item:hover .i-qq { background-position: center 3px; } .suspension .d-service-item .i-tel { width: 44px; height: 44px; background: url(/uploads/image/t2sian/dh.png) no-repeat center center; display: block; } .suspension .d-service-item h3 { float: left; width: 112px; line-height: 44px; font-size: 15px; margin-left: 12px; } .suspension .d-service-item .text { float: left; width: 112px; line-height: 22px; font-size: 15px; margin-left: 12px; } .suspension .d-service-item .text .number { font-family: arial, "microsoft yahei", "hanhei sc", pinghei, "pingfang sc", "helvetica neue", helvetica, arial, "hiragino sans gb", "heiti sc", "wenquanyi micro hei", sans-serif; } .suspension .d-service-intro { padding-top: 10px; } .suspension .d-service-intro p { float: left; line-height: 27px; font-size: 12px; width: 50%; white-space: nowrap; color: #888; } .suspension .d-service-intro i { background: no-repeat center center; height: 27px; width: 14px; margin-right: 5px; vertical-align: top; display: inline-block; } /* .suspension .d-qrcode{text-align:center;} */ .suspension .d-qrcode .inner-box { padding: 0px 27px; } .suspension .d-qrcode p { font-size: 16px; color: #fff; } .suspension .d-cart { text-align: center; } .suspension .d-cart p { font-size: 16px; color: #fff; } .d-service-item img { width: 100%; } /* 侧边广告结束 */ /* 公司简介开始 */ .sec-padding { padding: 70px 0; } .text-uppercase { text-transform: uppercase !important; } .color-gray { color: #919191 !important; } .sec-title h2 { font-size: 32px; color: #202a30; font-weight: bold; margin: 0; margin-bottom: 15px; } .color-theme a { color: #da222a !important; } ul, a { margin: 0; padding: 0; border: 0; outline: 0; } a, a:hover, a:active, a:focus { outline: none; text-decoration: none; } .sec-title.style-two span.decor { border-color: #174495; } .sec-title span.decor { width: 16px; height: 16px; border-radius: 50%; border: 2px solid #e6e6e6; background: #fff; display: inline-block; position: relative; z-index: 1; } body { font-family: 'poppins', sans-serif; font-size: 15px; /* color: #a5a4a4; */ } .sec-title.style-two span.decor:before, .sec-title.style-two span.decor:after { background: #dcdcdc; } .sec-title span.decor:before { left: 14px; } .sec-title span.decor:before, .sec-title span.decor:after { content: ''; position: absolute; top: 5px; width: 50px; height: 2px; background: #e6e6e6; z-index: -1; } .sec-title.style-two span.decor:after { right: -94px; } p { line-height: 37px; } .mb-20 { margin-bottom: 20px !important; } .mt-20 { margin-top: 20px !important; } .mb-30 { margin-bottom: 20px !important; } .a-1 { display: inline-block; background-color: #ca1c1d; width: 150px; text-align: center; margin: 0 auto; height: 40px; line-height: 40px; margin-top: 30px; } .full-width { width: 100% !important; } img { max-width: 100%; } /* 产品开始 */ .sec-title { margin-bottom: 43px; } .u-shadow-v21 .h41{ font-size: 16px; margin-right: 38px; margin-top: 30px; } .con-1 ul li { border-radius: 25px 25px 25px 25px; margin: 0px 10px; } .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-1 a { border: 1px solid #ca1c1d; border-radius: 25px 25px 25px 25px; color: #ca1c1d; } .nav-1 a:hover { color: #ffffff; background-color: #ca1c1d; } .con-1 ul li a { color: #fff; } .con-1 { margin-left: 330px; } .con-1 ul li:hover { border-radius: 1.1em; } @media (max-width: 480px) { .con-1 { margin-left: 1px; } .con-1 ul li { margin: 0 0px; } } @media (max-width: 480px) { /*.con-5 img {*/ /* max-width: 330px;*/ /*}*/ } .box-2 { position: relative; width: 360px; height: 380px; display: flex; justify-content: center; align-items: center; margin: 14px; transition: 0.5s; float: left; } /* 菜单按钮部分开始 */ .btn-2 ul .cp4 { border-radius: 25px 25px 25px 25px; margin: 0px 10px; } .btn-2 ul .cp3 { border-radius: 25px 25px 25px 25px; margin: 0px 10px 0 0; } .btn-2 ul { margin-left: 0px; } .btn-2 ul li a { border: 1px solid #bbb; border-radius: 25px 25px 25px 25px; color: #000; } .btn-2 ul li:hover a:hover, .btn-2 ul li.active a { background-color: #184898; color: #fff; border-radius: 25px 25px 25px 25px; } .btn-2 ul li:hover, .btn-2 ul li.active { /* background-color: #ffa500; */ background-color: #184898; color: #fff; border-radius: 25px 25px 25px 25px; } .con-2 { border-bottom: rgb(224, 221, 221) 1px solid; margin-bottom: 3px; margin-top: 15px; } .breadcrumb-1 { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1rem; list-style: none; border-radius: .25rem; font-size: 12px; } .con-2 li a { color: rgb(29, 29, 29); } @media (max-width: 411px) { /* .btn-2 ul { margin-left: 70px !important; } */ } /*菜单按钮部分结束 */ .btn-5 a h4 { color: #000; text-decoration: none; } .btn-5 img { background-color: #fff; box-shadow: 10px -3px 10px #ccc; } .btn-5 a:hover h4 { background-color: #184898; color: #fff; text-decoration: none !important; } .btn-5 a:hover { text-decoration: none !important; } .btn-5 h4 { background-color: #fff; height: 50px; line-height: 50px; width: 100%; margin: 0 auto; } .a-1 { display: inline-block; background-color: #184898; width: 150px; text-align: center; margin: 0 auto; height: 40px; line-height: 40px; margin-top: 30px; } .a-1:hover { background-color: #fff; color: #000; } /* 产品结束 */ /* 底部开始 */ li { display: list-item; text-align: -webkit-match-parent; list-style: none; margin: 0; padding: 0; } .footer-widget.about-widget p { color: #fff; font-size: 14px; line-height: 30px; margin: 0; } .footer-widget ul { margin: 0; padding: 0; } .footer-widget .contact { margin-top: 21px; } .footer-widget .social { margin-top: 30px; } .footer-widget .social li { display: inline-block; } .border img { height: 55px; } .bor1 a { display: block; color: #383736; font-size: 14px; line-height: 30px; text-decoration: none; } .footer.bg-style .footer-widget h3.title { font-family: 'montserrat', sans-serif; /* margin-bottom: 35px; */ position: relative; } .footer-widget h3.title { text-transform: capitalize; font-weight: bold; color: #fff; font-size: 30px; line-height: 45px; /* margin-bottom: 20px; */ font-family: symedium; } .news-post a { color: #fff; font-size: 15px; font-family: symedium; } .footer.bg-style .footer-widget.latest-post ul { margin-top: 0; } .footer.bg-style .footer-widget.news-post ul li { /* border-bottom: 1px dashed #454545; margin-bottom: 12px; */ padding-bottom: 10px; } .footer.bg-style .footer-widget.news-post ul li span.border { float: left; } .footer-widget.latest-post ul li span.border { display: table-cell; vertical-align: top; } .footer-widget.latest-post ul li span { color: #383736; font-size: 14px; line-height: 30px; } .footer.bg-style .footer-widget.news-post ul li .content { top: -5; } .footer-widget.latest-post ul li .content { padding-left: 18px; display: table-cell; vertical-align: top; position: relative; } .footer.bg-style:before { background-color: #888883; bottom: 0; content: ""; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 0; } .footer.bg-style { background-color: rgb(37, 39, 46); position: relative; } .footer .footer-upper { padding: 20px 0; } .footer-widget .contact li { color: #fff !important; font-size: 15px; line-height: 30px; } .footer-upper p a, .footer-upper .mt-lg-4 p { color: #fff; font-size: 14px; line-height: 30px; } .gz p { color: #fff; margin: 10px 52px; font-size: 15px; font-family: symedium; } /* 底部结束 */ /* 荣誉资质开始 */ #wrapper { width: 735px; height: 220px; margin: -110px 0 0 -367px; position: absolute; left: 50%; top: 50%; } #carousel { width: 735px; position: vrelative; } #carousel ul { list-style: none; display: block; margin: 0; padding: 0; } #carousel li { background: transparent url(/uploads/image/t2simg/carousel_polaroid.png) no-repeat 0 0; font-size: 40px; color: #999; text-align: center; display: block; width: 232px; height: 178px; padding: 0; margin: 6px; float: left; position: relative; } #carousel li img { width: 201px; height: 127px; margin-top: 14px; } #carousel li span { background: transparent no-repeat 0 0; text-indent: -999px; display: block; overflow: hidden; width: 201px; height: 127px; position: absolute; z-index: 2; top: 14px; left: 16px; } .clearfix { float: none; clear: both; } #carousel .prev, #carousel .next { background: transparent no-repeat 0 0; text-indent: -999px; display: block; overflow: hidden; width: 15px; height: 21px; margin-left: 10px; position: absolute; top: 70px; } #carousel .prev { background-position: 0 0; left: -30px; } #carousel .prev:hover { left: -31px; } #carousel .next { background-position: -18px 0; right: -20px; } #carousel .next:hover { right: -21px; } #carousel .pager { text-align: center; margin: 0 auto; } #carousel .pager a { background: transparent no-repeat -2px -32px; text-decoration: none; text-indent: -999px; display: inline-block; overflow: hidden; width: 8px; height: 8px; margin: 0 5px 0 0; } #carousel .pager a.selected { background: transparent no-repeat -12px -32px; text-decoration: underline; } #source { text-align: center; width: 100%; position: absolute; bottom: 10px; left: 0; } #source, #source a { font-size: 12px; color: #999; } #donate-spacer { height: 100%; } #donate { border-top: 1px solid #999; width: 750px; padding: 50px 75px; margin: 0 auto; overflow: hidden; } #donate p, #donate form { margin: 0; float: left; } #donate p { width: 650px; } #donate form { width: 100px; } #wrapper { width: 735px; height: 220px; margin: -110px 0 0 -367px; position: absolute; left: 50%; top: 50%; } #carousel { width: 735px; position: vrelative; } /* 荣誉资质结束 */ /* 全局样式开始 */ @media (min-width: 1920px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1400px; } } .container { padding-right: 0 !important; padding-left: 0 !important; } @media (min-width: 1200px) { .container { /*width: 100%;*/ } } /* 标题开始 */ .xw-tit { font-size: 45px; color: #202020; font-weight: bold; text-transform: uppercase; } .text-left { text-align: left; } .xw-tit span { color: #ca1c1d; } .xw-tit a { font-size: 28px; color: #2b2b2b; font-weight: bold; margin-left: 1px; line-height: 67px; } /* 手机样式开始 */ @media (max-width: 996px) { .size2 h3{ line-height: 50px; } .size1 div{ margin-top: 10px !important; } .bigbox { overflow: hidden; width: 75% !important; height: auto !important; margin: auto 50px auto !important; } .col-md-12 .control-box { width: 100% !important; } .btn-2 ul .cp4 { border-radius: 25px 25px 25px 25px; margin: 0px 0px !important; } .btn-2 ul .cp3 { border-radius: 25px 25px 25px 25px; margin: 0px 0px 0 0 !important; } .btn-2 ul li a { font-size: 0.9rem; } .nav>li>a { padding: 1px 3px; } .btn-2 li { height: 36px !important; } .tab-pane .col-md-4 { width: 33.33333333%; padding: 4px 2px; } .btn-5 a h4 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .container { width: 100%; } .col-md-4 { float: left; } .box { height: 160px !important; } .prev img { max-width: 65%; } .next img { max-width: 65%; } .full-width { width: 93% !important; margin: 0 15px; } .full-sec-content { margin: 0 15px; } .xw-tit { font-size: 25px; } .xw-tit a { font-size: 18px; } .xw-tit { margin: 0 15px; } .xw-tit1 { margin: 0 0 !important; } .sec-title h2 { font-size: 18px; } p { line-height: 25px; } .sec-padding { padding: 0px 0; } .sec-title { margin-bottom: 0px; } .a-1 { width: 100px; height: 33px; line-height: 32px; font-size: 12px; } .xw-con ul li { margin-left: 0; } .btn-2 ul { height: 82px !important; } .btn-2 ul li { margin-bottom: 3px; } .sec-title { margin-bottom: 0px; } .btn-2 li { width: 25% !important; } .nav-1 { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .main1 .main { margin: 10px 0 0 0 !important; } .sec-padding .main { margin: 10px 0 0 0 !important; } .control-box { height: 130px !important; margin-top: 0 !important; } .w-imgtext { margin-top: 20px !important; } .swiperbox { margin: 0 15px; } .bannerbox ul li.fst-li { background: center no-repeat; position: fixed; top: 0; left: 0; width: 100%; height: 100%; min-width: 1000px; z-index: -10; zoom: 1; background-color: #fff; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center 0; } .done-1 { display: block !important; } .done-2 { display: none !important; } .navbar-dark_w .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .header #navtoggle { height: 100%; margin-right: -15px; display: inline-block; /* float: right; */ padding-top: 8px; padding-right: 15px; } .header #navtoggle span, .header #navtoggle span:before, .header #navtoggle span:after { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; background: #f39801; } .header #navtoggle span { position: relative; width: 22px; height: 0px; margin-top: 38px; } .header #navtoggle span:before { top: 18px; } .header #navtoggle span, .header #navtoggle span:before, .header #navtoggle span:after { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; background: #f39801; } .header #navtoggle span:before, .header #navtoggle span:after { content: ''; position: relative; width: 100%; height: 1px; left: 0; } .header #navtoggle span:before, .header #navtoggle span:after { content: ''; position: relative; width: 100%; height: 4px; left: 0; } .row .col-md-5 { margin: 0 15px; } .row .col-md-3 { text-align: center; } #header { width: 100% !important; } .row { margin: 0 !important; } .w-imgtext .textb .text_x p { font-size: 12px !important; } .text_x .btn { font-size: 12px; } .row .col-md-12 p { font-size: 12px; } .row .con-3 { margin: 0px 0 !important; } .d-none1 { display: none; } .d-none2 { display: block !important; } .navbar .navbar-nav>li .nav-link { color: #fff; padding: 0.8rem 0.2rem; margin: 0rem 0.8rem; border-radius: 10px; font-size: 1.5rem; } .dropdown-shou-1 li { height: 2.7rem; background-color: #184898; } .dropdown-shou-1 a { margin: 0rem; padding-top: 0rem; color: #fff !important; /* font-family: "微软雅黑"; */ font-size: small; line-height: 10px !important; padding: 0px 0px 0px 0px !important; } .g-brd-bottom { border-bottom: solid 0px #ccc !important; } .g-brd-left { border-left: solid 0px #ccc !important; } } .d-none2 { display: none; } @media (max-width: 380px) { .box { height: 42px !important; } .prev img { max-width: 33%; } .next img { max-width: 33%; } .control-box ul li { top: 4px !important; } .next { right: -14px !important; } .col-md-12 .bigbox { overflow: hidden; width: 87% !important; height: auto !important; margin: auto 18px auto !important; } h3 { margin-top: 0px; margin-bottom: 0px; } .control-box { height: 61px !important; margin-top: 0 !important; } } @media (max-width: 420px) { .box { height: 42px !important; } .prev img { max-width: 33%; } .next img { max-width: 33%; } .control-box ul li { top: 4px !important; } .next { right: -14px !important; } .bigbox { overflow: hidden; width: 87% !important; height: auto !important; margin: auto 18px auto !important; } h3 { margin-top: 0px; margin-bottom: 0px; } .control-box { height: 61px !important; margin-top: 0 !important; } } .done-1 { display: none; } .done-2 { display: block; } .navbar-dark_w .navbar-toggler-icon { background-image: ' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='m4 7h22m4 15h22m4 23h22'/>"); } .navbar-toggler-icon { display: inline-block; width: 2.5em !important; height: 4em !important; } @media screen and (max-width: 960px) { .navbar { background-color: #fff; } #w_s6 .main { max-width: 980px; margin: 5px 5px !important; } .s5news_content .col-lg-12 { padding-left: 0; padding-right: 0; } .s5news_content .col-10 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; padding-right: 0; padding-left: 5px; } .s5news_content .col-2 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; padding-left: 0; padding-right: 5px; } .s5news_content .col-10 p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } .m_nav.open { transform: translatex(0); } .m_nav { position: fixed; top: 0px; box-shadow: 0 15px 27px 0 rgba(167, 165, 165, 0.38); width: 100%; height: 100%; background: #fff; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; z-index: 1000; opacity: 1; visibility: visible; margin-top: 0; overflow-y: auto; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top: 0; transform: translatex(100%); } .m_nav.open { transform: translatex(0); } .m_nav .top { height: 60px; padding: 20px; box-sizing: border-box; } .m_nav .top .closed { width: 24px; height: 24px; vertical-align: middle; float: right; cursor: pointer; } .m_nav .logo { width: 100%; margin: 0 auto; } .m_nav .logo img { height: 50px; display: block; margin: 10px auto; } .m_nav .ul { margin-top: 30px; } .m_nav .ul li { padding: 0 20px; border-bottom: 1px solid #f5f5f5; transform: translatey(0); -webkit-transform: translatey(100%); transform: translatey(100%); -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity: 0; } .m_nav.open .ul li { opacity: 1; -webkit-transform: translatey(0); transform: translatey(0); } .m_nav .ul li:nth-child(1) { -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(2) { -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(3) { -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(4) { -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(5) { -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(6) { -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li a { display: block; text-decoration: none; color: #333; font-size: 16px; height: 50px; line-height: 50px; width: 100%; } .m_nav .ul li .dropdown_menu { display: none; } .m_nav .ul li.dropdown.active .dropdown_menu { display: block; } .m_nav .ul li .dropdown_menu a { display: block; height: 50px; line-height: 50px; padding: 0 40px; box-sizing: border-box; border-bottom: 1px solid #f5f5f5; } .m_nav .ul li .dropdown_menu a:last-child { border: none; } .header.on { background: #fff; border-bottom: 1px solid #ccc; } .header.on .left .img1 { display: none; } .header.on .left .img2 { display: block; margin-top: 0; } .header.on .navbar_nav li a { color: #333; } .header.on .navbar_nav li:hover a { color: #f39801; } #navtoggle { display: none; } .banner { width: 100%; } .banner img { width: 100%; } .carousel-item img { width: 100%; } @media (min-width: 1700px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1700px; } } @media (min-width: 1300px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1300px; } } @media (min-width: 1500px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1500px; } .container, .container-sm, .container-md, .container-lg, .container-xl { width: 1300px; } } @media (min-width: 1700px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1700px; } .container, .container-sm, .container-md, .container-lg, .container-xl { width: 1400px; } } @media (max-width: 1700px) { #header .logo { margin-right: 0px !important; } } @media (max-width: 1500px) { #header .nav ul li .nav-a { margin: 30px 25px 0 !important; } #header { width: 1300px !important; } .control-box { width: 1300px !important; } .bigbox { overflow: hidden; width: 1160px !important; } .main { max-width: 100%; margin: 40px 40px; } } @media (max-width: 1550px) { .control-box { width: 1300px !important; } .bigbox { overflow: hidden; width: 1160px !important; } .main { max-width: 1300px; margin: 40px 40px !important; } } @media (max-width: 1350px) { #header .nav ul li .nav-a { margin: 30px 15px 0 !important; } #header { width: 1100px !important; } .control-box { width: 1250px !important; } .bigbox { overflow: hidden; width: 1100px !important; } } @media (max-width: 1300px) { #header .nav ul li .nav-a { margin: 30px 15px 0 !important; } #header { width: 1100px !important; } .control-box { width: 1160px !important; } .bigbox { overflow: hidden; width: 1020px !important; } } @media (max-width: 1200px) { #header .nav ul li .nav-a { margin: 30px 15px 0 !important; } #header { width: 1000px !important; } .btn-2 ul .cp3 { margin: 0px 10px 0 0; } .btn-2 ul .cp4 { border-radius: 25px 25px 25px 25px; margin: 0px 10px; } .control-box { width: 1150px !important; } .bigbox { overflow: hidden; width: 1160px !important; } } /* 联系我们 */ .g-theme-bg-gray-light-v4 { background-color: #f5f5f5 !important; } @media (min-width: 0) { .g-py-12 { padding-top: 0.85714rem !important; padding-bottom: 0.85714rem !important; } } @media (min-width: 1400px) { .container1 { max-width: 1200px; } } .g-theme-brd-gray-light-v3 { border-color: #f1f1f1 !important; } .g-mb-30 { margin-bottom: 0.14286rem !important; } .g-color-primary { color: #d6000f !important; } .g-font-size-50 { font-size: 3.57143rem !important; } .g-theme-color-gray-light-v2 { color: #a7a7a7 !important; } .g-line-height-1 { line-height: 2em !important; } .g-font-size-11 { font-size: 0.78571rem !important; } .g-font-size-15 { font-size: 15px !important; } @media (min-width: 0) { .g-py-25 { padding-top: 1.78571rem !important; padding-bottom: 1.78571rem !important; } } @media (min-width: 0) { .g-px-15 { padding-left: 1.07143rem !important; padding-right: 1.07143rem !important; } } .g-brd-left { border-left: solid 1px #ccc; } .g-brd-bottom { border-bottom: solid 1px #ccc; } .form-control { border: 1px solid #fff; } .btn-9ec917-005cc6 { color: #ffffff; background-color: #da222a; border-color: #ffffff; } /* 关于我们开始 */ .column p { text-emphasis: 2em; font-size: 15px; /*text-indent: 2em;*/ } .dl1 dd { line-height: 37px; } .dl1 dl { margin-bottom: 20px; } /* 新闻中心 开始*/ @media screen and (min-width: 960px) { #w_s6 .s5news { /*padding: 2vh;*/ box-shadow: 0 0 6px 3px #e0e0e0; height: 104px; } } #w_s6 .s5news:hover { /*padding: 2vh;*/ transition-duration: 0.5s; transition-timing-function: ease; box-shadow: 0 0 10px 5px #e0e0e0; /*border: 1px solid #005cc6;*/ } .s5news_content p{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height: 24px; } .s5news_content h5{ font-size:18px; } /* 鼠标经过放大 */ .u-block-hover__main--zoom-v1, .u-block-hover__main--zoom-v2 { -webkit-transform: scale(1.01); } .u-block-hover:hover .u-block-hover__main--zoom-v1 { -webkit-transform: scale(1.1); transform: scale(1.1); } .u-block-hover:hover .u-block-hover__main--zoom-v2 { -webkit-transform: scale(1.04); transform: scale(1.04); } .u-block-hover [class*="icon-"] { padding: 1px; } .u-block-hover__main--grayscale { filter: ; /* firefox 10 , firefox on android */ filter: gray; -webkit-filter: grayscale(100%); } .u-block-hover:hover .u-block-hover__main--grayscale { filter: ; -webkit-filter: grayscale(0%); } [class*="u-block-hover"], [class*="u-block-hover"]::before, [class*="u-block-hover"]::after { transition: all .3s ease; } [class*="u-block-hover"] { position: relative; max-width: 100%; margin: 0; /*overflow: hidden;*/ -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translatez(0); transform: translatez(0); } /* 产品中心开始 */ .btn-3 .w_s9_btn a { line-height: 4vh; text-align: center; /* background-color: #184898; */ color: #fff; font-size: 1.2rem; font-weight: 550; cursor: pointer; } .btn-3 ul li:hover a:hover, .btn-3 ul li.active a { background-color: #ccc; color: #fff; /* border-radius: 25px 25px 25px 25px; */ } .btn-3 ul li:hover, .btn-3 ul li.active { /* background-color: #ffa500; */ background-color: #ccc; color: #fff; /* border-radius: 25px 25px 25px 25px; */ } .btn-3 ul li a { border: 1px solid #ccc; box-shadow: 5px 5px 5px 5px #ccc; color: #000; } /* 产品内页开始 */ .hen { width: 100%; height: 2px; background: #ca1c1d; position: absolute; } .hen span { position: absolute; z-index: 1; width: 160px; height: 2px; background: #184898; } .text, .text-img { margin-top: 30px; margin-bottom: 30px; } .text h3 { font-size: 33px; line-height: 52px; color: #2f2c2b; font-family: sylight; } .text p { font-size: 16px; line-height: 30px; color: #424238; font-family: sylight; margin: 0 0 40px 0; } /*面包屑导航*/ .breadcrumb a{ color: #000; text-decoration:none; } .breadcrumb a:hover{ text-decoration:none; color: #ccc; }