/* CSS Document */ *{padding:0px;margin:0px;font-family:"Microsoft YaHei";} *html{background-image:url(about:blank);background-attachment:fixed;} body{ background:#fff; line-height:25px; color:#333333;scroll-behavior: smooth; max-width:1920px;} h1,h2,h3,h4,h5,h6,i,em,p,span,i,th,td{ font-weight:normal; font-style: normal;} a{ color:#333333; text-decoration:none;} a:hover{ color:#EA5504;} img,input,select{outline:none; vertical-align:middle;} ul,ol,li{list-style:none;} .bt5{border-top:5px solid #313131;} .fl,.left{ float:left;} .fr,.right{ float:right;} .dis{display:none;} .bgbai{background:#fff;} .clear,.c{clear:both; height:0px; font-size:0px; overflow:hidden;} .c10{clear:both; height:10px; font-size:0px; overflow:hidden;} .c20{clear:both; height:20px; font-size:0px; overflow:hidden;} .c30{clear:both; height:30px; font-size:0px; overflow:hidden;} .c50{clear:both; height:50px; font-size:0px; overflow:hidden;} .clearfix:after {display: block;clear: both;content: "";visibility: hidden;height: 0} .clearfix {zoom:1} table,th,td{border-collapse:collapse; border:1px solid #ccc;} table{ width:100%} table p{ font-weight:bold;} table{border-collapse:collapse;border-spacing:0;} .w1200{width:1200px !important; margin:0 auto; clear:both; display:block;padding:20px 0;} .w1300{width:1300px; margin:0 auto; clear:both; display:block;} .w1200w{width:1200px; padding:20px 0; overflow:hidden; margin:0px auto;} .gotop{position:fixed; bottom:100px; right:30px;} .center { max-width: 1400px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; min-width: 1300px; width: 90%; } /* top 头部样式 */ .wrap { width: 1600px; margin: 0 auto; } .text-center{ text-align:center !important;} .img-fluid{max-width:100%; margin: auto; height:100%;} .header { height: 100px; min-width:1200px; position:absolute; z-index:999; left:0; right:0;} .header .content{width:1200px; max-width:1500px;} .header .logo { float: left; display: block; width: 390px; height: 99px; } .header .logo img { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; display: block; max-width: 100%; } .logo .img-box { width: 100px; height: 99px; margin-right: 15px; float: left; position: relative; } .logo .img-box p{ font-weight: bold;} .logo .img-box a{ width:100%; height:100%; display: block; background: url("../images/logo.png") no-repeat center center; background-size:90%} .logo p { float: left; line-height:36px; height: 36px; margin: 30px 0; font-size: 18px; color: #fff; padding-left:10px; border-left: 1px solid #e0eae9; } .nav { float: left; } .nav .sub1 { float: left; font-weight:bold;} .nav .sub1-name { padding: 0 10px; line-height: 99px; color: #fff; font-size: 18px; position: relative;display: block;} .navXian { width: 0; height: 2px; background: #C8171E; position: absolute; left: 0; right: 0; bottom: 30px; margin: auto; transition: .3s ease; } .nav .sub1:hover .sub1-name { color: #EA5504; } .nav .sub1:hover .navXian { width: 30px; } .nav .sub2 { display: none; position: absolute; width: 100%; left: 0; min-width:1200px; box-shadow: 0 5px 10px 0 rgba(34, 34, 34, 0.1); background-color: #fff; border-top: 1px solid #eaeaea; z-index: 9999; padding: 56px 0; min-height: 342px; } .nav .sub2>.content>ul>li{ float:left;width:20%;} .nav .sub2>.content>ul>li>div>a{ display:block; width:100%; height:180px;} .toptel{float:right;color:#fff;font-size:18px;font-weight:bold;margin-top: 25px;} /*产品*/ .sub2-pro ul li { float: left; width: 20%!important; } .sub2-pro ul li h4 { font-size: 18px; color:#222; font-weight:bold; transition: .3s ease; } .sub2-pro ul li a:hover h4 { color:#C8171E; } .sub2-pro ul li .line { width: 205px; height: 1px; background-color: #C8171E; margin: 29px auto; } .sub2-pro ul li .list{ display: inline-block;text-align: left;} .sub2-pro ul li .list a { display: block; font-size: 14px; color: #777777; height: 32px; line-height: 32px; transition: .3s ease; } .sub2-pro ul li .list a:hover { color: #EA5504; } .sub2-pro ul li .hot { position: relative; } .sub2-pro ul li .hot::after { content: ""; position: absolute; width:38px; height:30px; background: url(../images/navhot.png!/lossless/true) no-repeat -5px 0; top: -16px; margin-left: -6px; } .navbtn { display: block; text-align: center; margin: 40px auto; } .navbtn .more { background-color:#C8171E; color: #fff!important; margin-right: 40px; } .navbtn a { display:inline-block; width: 195px;padding: 8px 0;text-align: center; } .swzt {font-size: 16px;line-height: 28px; border: 1px solid #C8171E; color: #C8171E; border-radius: 4px;transition: .3s ease;} .swzt:hover{color: #C8171E;} .swzt::before { content: ""; display: inline-block; width: 28px; height: 28px; background: url(../images/3d.svg) no-repeat;background-size: 28px 28px;vertical-align: bottom;} .nav .sub2>.content>ul>li { float: left; width: 33.333%; } .nav .sub2 .column li { float: left; width: 50%; } .nav .sub2 .column li a { display: block; width: 135px; color: #777; font-size: 16px; height: 50px; line-height: 50px; background: url(../images/left.svg) no-repeat center left; padding-left:15px; } .nav .sub2 .column li a:hover { background: url(../images/left-h.svg) no-repeat center left; color: #C8171E; } .nav .sub2 .nav-right { padding-left: 55px; } .nav .sub2 .nav-right .line { display: block; width: 42px; height: 4px; background-color: #C8171E; margin:15px 0; } .nav .sub2 .nav-right p { font-size: 16px; line-height:28px; color: #777777; } .nav .sub2 .nav-right a { display: block; width: 195px; padding: 8px 0; text-align: center;margin: 15px 0;} .nav .sub2 .nav-right h2 { font-size: 30px; color: #222; } .nav .search-icon { width: 76px; padding: 0 20px; background: url(../images/nav-search-normal.png) no-repeat center; } .nav .search-icon:hover { background: url(../images/nav-search-hover.png) no-repeat center; } .sub2-search { padding: 40px 0; } .sub2-search form { height: 48px; border: 2px solid #C8171E; width: 862px; border-radius: 4px; margin:60px auto 0; } .sub2-search .v-select { width: 88px; height: 44px; font-size: 14px; color: #666; } .nav .sub2-search .select-panel { line-height: 44px; padding-left: 14px; } .sub2-search .select-menu { top: 44px; } .sub2-search .select-menu li { height: 44px; line-height: 44px; padding-left: 14px; } .v-select { position: relative; height: 28px; outline: none; } .select-menu { display: none; position: absolute; top: 28px; width: 100%; z-index: 9; max-height: 196px; } .select-menu li { height: 28px; width: 100%; line-height: 28px; background-color: #fff; border: 1px solid #eaeaea; padding-left: 14px; margin-top: -1px; cursor: pointer; transition: all .4s; font-size: 14px; } .select-menu li:hover, .select-menu li.selected { background-color: #C8171E; color: #fff; } .v-select .select-panel { height: 100%; font-size: 14px; color: #333; width: 100%; border: 1px solid #ebebeb; background: #fff url('../images/select-down-bg.png') no-repeat right; cursor: pointer; } .sub2-search input { float: left; width: 672px; height: 44px; font-size: 14px; padding: 15px 16px; } .sub2-search button { width: 98px; height: 44px; color: #fff; text-align: center; font-size: 16px; line-height: 44px; background-color: #C8171E; } .sub2-search .pre-link { font-size: 14px; color: #999; margin: 11px auto 0; width: 656px; } .sub2-search .pre-link .title { float: left; margin-right: 18px; } .sub2-search .pre-link a { display: block; float: left; color: #222; margin-right: 28px; } .fixedSubNav{position: fixed; top: 0px; left: 0px; z-index:10; width: 100%; background: #C8171E; animation:myfirst 0.5s; -moz-animation:myfirst 0.5s; /* Firefox */ -webkit-animation:myfirst 0.5s; /* Safari and Chrome */ -o-animation:myfirst 0.5s; /* Opera */} @keyframes myfirst { from {top:-50px;} to {top:0px;} } @-moz-keyframes myfirst /* Firefox */ { from {top:-50px;} to {top:0px;} } @-webkit-keyframes myfirst /* Safari and Chrome */ { from {top:-50px;} to {top:0px;} } @-o-keyframes myfirst /* Opera */ { from {top:-50px;} to {top:0px;} } .h_tit { position: relative; text-align: center; } .h_tit h2 { font-size: 200px; line-height: 1.2; color: #f1f1f1; position: relative; z-index: 1; text-transform: uppercase; font-weight: bold; } .h_tit .t { z-index: 2; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari ºÍ Chrome */ -o-transform: translateY(-50%); } .h_tit .t h3 span { font-size: 50px; line-height: 1.7; color: #232323; font-weight: bold; position: relative; } .h_tit .t h3 span::before, .h_tit .t h3 span::after { content: ""; background: url(/skin/default/images/a3.png) no-repeat center; width: 29px; height: 29px; overflow: hidden; display: block; position: absolute; top: 50%; left: -52px; margin-top: -13px; } .h_tit .t h3 span::after { left: auto; right: -52px; content: ""; } .h_tit .t p { font-size: 18px; line-height: 1.7; color: #232323; } .index-block1 { height: 60px; background-color: #f5f5f5; } .innews-main { width: 100%; } .innews-item { display: block; height: 60px; line-height: 60px; padding-left: 138px; font-size: 16px; transition: 0.36s; } .innews-item:hover .innews-tit { color: #C8171E; } .innews-time { float: left; color: #999; margin-left: -138px; } .innews-time:before { content: ""; display: inline-block; background: #999; width: 6px; height:6px; border-radius: 50%; vertical-align: middle; margin-right: 10px; } .innews-tit { float: left; width: 100%; padding-right: 100px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: 0.36s; } .innews-more { float: right; padding-right: 22px; background: url(../images/left.svg!/lossless/true) no-repeat right center/16px; color: #999; transition: 0.36s; height: 60px; line-height: 60px; font-size: 16px; margin-left: -100px; } .innews-item:hover .innews-more { color: #C8171E; background-image: url(../images/left-h.svg!/lossless/true); } .innews-main .swiper-wrapper { flex-flow: column } .innews-main .swiper-container { height: 60px !important; } .index-block2 { margin-top: 30px; } .inban-item { float: left; width: 380px; transition: 0.36s; margin-left: 30px; background: #fff9f6; height: 140px; box-sizing: border-box; padding: 32px 20px; border-bottom: 5px solid #C8171E; } .inban-item:first-child { margin-left: 0; } .inban-item1 { background: url(../images/inban-item1.jpg) no-repeat center center/cover; } .inban-item2 { background: url(../images/inban-item2.jpg) no-repeat center center/cover; } .inban-item3 { background: url(../images/inban-item3.jpg) no-repeat center center/cover; } .inban-item:hover { transform: translateY(-10px); } .initem-tit { font-size: 24px; color: #C8171E; display: inline-block; transition: 0.36s; padding-right: 20px; background: url(../images/left-h.svg!/lossless/true) no-repeat right center/18px; } .inban-item:hover .initem-tit { padding-right: 26px; color: #C8171E; } .initem-text { font-size: 16px; margin-top: 8px; color: #666; } .intit { text-align: center; font-size: 50px; line-height: 50px; font-weight: bold; color: #222 } .intit a { color: #222;} .intit a:hover { color: #C8171E; transition: 0.2s;} /*选购*/ .xx{width:100%; overflow:hidden;padding:30px 0 50px; background:#f5f5f5;} .content1{width:1500px; margin:0 auto;} .xx_box{ clear: both; overflow: hidden; background: #fff; } .xx_bars{ float: left; width: 20%; } .xx_bars .item{ width: 100%; position: relative; padding:15% 0; text-align: center; background: #e9e8f0; border-bottom: 1px solid #d0cfd4; cursor: pointer; } .xx_bars .item .icon{ color: #e6482f; font-size: 60px; line-height: 60px; text-align: center; margin-bottom: 20px; } .xx_bars .item .tt{ font-size: 22px; color: #444; text-align: center; } .xx_bars .item:before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 5px; height: 100%; background: rgba(0,0,0,.2); } .xx_bars .item:after{ content: ""; display: none; position: absolute; right: -10px; top: 50%; border-top-width:10px; border-bottom-width:10px; border-right-width: 0; border-left-width:10px; border-style: solid; border-color: transparent transparent transparent #333; margin-top: -8px; } .xx_bars .item.hover{ background: #333; border-bottom: 1px solid #333; } .xx_bars .item.hover .icon,.xx_bars .item.hover .tt{ color: #fff; } .xx_bars .item.hover:after{ display: block; } .xx_tabs{ float: left; width: 80%; } .xx_tabs_clm{ padding: 2% 0; } .xx_tabs_clm_l{ float: left; width: 45%; padding: 0 5%; } .xx_tabs_clm_r{ float: left; width: 45%; } .xx_tabs_clm_l_tt{ font-size: 16px; font-weight: bold; margin-bottom: 15px; } .xx_tabs_clm_l_text{ line-height: 24px; color: #666; } .xx_tabs_clm_r_tt{ font-size: 24px; color: #000; margin-bottom: 5%; } .xx_tabs_hs_list dd{ clear: both; overflow: hidden; margin-bottom: 10px; } .xx_tabs_hs_list_inp1,.xx_tabs_hs_list_inp2{ float: left; width: 240px; height: 36px; padding-left: 15px; border: 1px solid #ddd; } .xx_tabs_hs_list_inp2{ width:140px; } .xx_tabs_hs_list_tt{ float: left; color: #444; line-height: 36px; font-size: 14px; padding-left: 10px; } .xx_tabs_hs_list_tt2{ float: left; color: #444; line-height: 36px; font-size: 14px; padding-right: 10px; } .xx_tabs_hs_list_tt3{ float: left; color: #444; line-height: 36px; font-size: 14px; padding-left: 10px; } .xx_tabs_hs_list_tt_btn{ display: inline-block; color: #fff; padding: 0 5px; background: #e6482f; border-radius: 3px; margin-left: 6px; } .xx_tabs_hs_list_btn{ padding-top: 20px; } .xx_tabs_hs_list_btn a{ float: left; width: 180px; line-height: 46px; color: #333333; font-size: 16px; text-align: center; border: 1px solid #333; margin-right: 15px; margin-bottom: 10px; } .xx_tabs_hs_list_btn a.hover{ color: #fff; background: #333; } /*解决方案开始*/ .mainb { width: 90%; margin: 0 auto; } .ftitle { width: 100%; margin: 0px 0 15px 0; } .ftitle h3 { font-size: 40px; color: #3f3f3f; text-align: center; position: relative; background: url(../img/tit-x1.png) no-repeat center 37px; background-size: 100% 30%; } .ftitle h3 span { color: #C8171E; } .ftitle p { text-align: center; line-height: 55px; } .h_pro { width: 100%; min-width: 1200px; background: url(../images/probg.jpg); padding: 50px 0; background-position: center } .h_pro .ftitle h3, .h_pro .ftitle p { color: #333; } .i_porductBox { width: 100%; padding-top: 1px; margin: 0 auto; margin-top: 52px; } .i_porduct_list { width: 100%; height: 100%; padding-top: 1px; margin: 0 auto; position: relative; } .i_porduct_list .bd { width: 93%; overflow: hidden; margin-left: 70px } .i_porduct_list ul {} .i_porduct_list ul li { position: relative; float: left; width: 515px; height:257px; margin-right: 20px; } .i_porduct_list ul li .ppic { float: left; display: block; text-decoration: none; width: 100%; height: 100%; } .i_porduct_list ul li .ppic img { width: 100%; height: 100%; object-fit: cover; } .i_porduct_list ul li .ppic_hover { position: absolute; top: 0; left: 0; display: none; color: #fff; } .i_porduct_list ul li .ptitle { float: left; display: none; text-align: center; text-decoration: none; font-size: 14px; color: #FFF; width: 100%; height: 50px; line-height: 50px; } .i_porduct_list .prev { position: absolute; top: 90px; left: 0; } .i_porduct_list .next { position: absolute; top: 90px; right: 0; } .ppic_hover { width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.6); text-decoration: none; padding-top: 20px; } .ppic_hover:hover { text-decoration: none; } .msa_head { height: 40px; font-size: 22px; text-align: center; line-height: 40px; padding: 60px 20px 0 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .msa_content { box-sizing: border-box; text-indent: 2em; font-size: 18px; line-height: 35px; padding: 0 15px; margin-top: 10px; width: 100%; height: 70px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .zhidao { width: 100%;margin: 30px; } .zhidao ul li { width: 24.25%; float: left; margin-left: 1%; border: 1px solid #ccc; box-sizing: border-box; } .zhidao ul li:first-child { margin-left: 0; } .zhidao li h3 { height: 35px; line-height: 35px; background: #333; text-align: center; color: #fff; } .zhidao li span { height: 35px; line-height: 35px; display: block; margin-left: 5%; } .zhidao li span select, .zhidao li span input { width: 90%; height: 35px; } .zhidao li span em{ font-style: normal; margin-left: 5px; } .zhidao li .zd_btn { height: 35px; line-height: 35px; background: #efad09; text-align: center; width: 86%; margin: 20px auto 20px 5%; border: none; color: #fff; cursor: pointer; font-size: 18px; } .zhidao li p { height: 50px; line-height: 25px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding: 0 20px 20px; color: #928e8e; } table.gridtable { color: #333333; border-width: 1px; border-color: #666666; border-collapse: collapse; width: 100%; margin-top: 10px; } table.gridtable th { border-width: 1px; padding: 8px; border-style: solid; border-color: #666666; background-color: #f3f3f3; } table.gridtable td { border-width: 1px; padding: 8px; border-style: solid; border-color: #666666; background-color: #ffffff; } .zhaodao_nav{ text-align: center; } .zhaodao_nav a{ width: 10%; display: inline-block; height: 35px; line-height: 35px; background: #C8171E; border: 1px solid #C8171E; text-align: center; margin: 10px; color: #fff; } /*解决方案结束*/ .syFocusThumb {position:relative; width:100%; overflow:hidden; margin-bottom:15px} .syFocusThumb .prev {position:absolute; top:14px; cursor:pointer; left:0px; background:url(../images/arrow01.png) no-repeat center center #0d62be; width:40px; height:40px;} .syFocusThumb .next {position:absolute; top:14px; cursor:pointer; right:0px; background:url(../images/arrow02.png) no-repeat center center #0d62be; width:40px; height:40px;} /**/ .syFocusThumb .pagination {CLEAR:both; TEXT-ALIGN:left; width:100%; COLOR:#fff; position:relative; z-index:2;} .syFocusThumb .pagination IMG {padding:0px} .syFocusThumb .thumbWrap {width:100%; OVERFLOW:hidden; margin:0 auto;} .syFocusThumb .thumbWrap IMG {-MS-INTERPOLATION-MODE:bicubic} .syFocusThumb .holder {width:100%; overflow:hidden;} .syFocusThumb .holder i{float:left; width:24%; padding:0px; margin:5px 0.5%} .syFocusThumb .holder i a{clear:both; display:block; background:#fff; border:1px solid #e7e7e7; text-align:left; padding:2%; font-style:normal; font-size:23px; overflow:hidden;} .syFocusThumb .holder i a img{float:left; padding-right:10px; width:40%; height:120px;} .syFocusThumb .holder i a p{float:right; width:55%;line-height:36px; padding-top:10px; font-weight:bold; letter-spacing:10px\9 !important; letter-spacing:5px;} .syFocusThumb .holder i a p span{clear:both; display:block; text-transform:uppercase; font-size:12px; letter-spacing:1px; height:36px; overflow:hidden;} .syFocusThumb .holder i a p span font{padding:0px 1px 0px 0px;} .syFocusThumb .holder i:hover a{clear:both; display:block; color: #fff !important; background:#EA5504; border:1px solid #EA5504;} .syFocusThumb .holder i.selected a{clear:both; display:block;color: #fff !important; background:#EA5504; border:1px solid #EA5504; } .ftitle { width: 100%; margin: 0px 0 15px 0; } .ftitle h3 { font-size: 40px; color: #3f3f3f; text-align: center; position: relative; background: url(../img/tit-x1.png) no-repeat center 37px; background-size: 100% 30%; } .ftitle h3 span { color: #C8171E; font-weight: bold; } .ftitle p { text-align: center; line-height: 55px; } .product_title ul li { position: relative; float: left; margin-right: 3%; margin-bottom: 1%; width: 14.16%; } .product_title ul li:nth-child(6),.product_title ul li:nth-child(12){ margin-right: 0; } .product_title ul li:hover .s1 { left: 8px; } .product_title ul li:hover span { background-color: #fff; } .product_title ul li .s1 { left: -8px; } .product_title ul li span { position: absolute; top: 50%; display: block; width: 2px; height: 32px; z-index: 2; transform: translateY(-50%); -webkit-transform: translateY(-50%); background-color: #efad09; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform-origin: center; transform-origin: center; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .product_title ul li:hover a { color: #fff; background-color: #EA5504; } .product_title ul li a { position: relative; display: inline-block; width: 100%; height: 55px; line-height: 55px; text-align: center; font-size: 20px; letter-spacing: 1.12px; z-index: 1; opacity: 1; visibility: visible; background-color: #333; color: #fff; will-change: opacity, visibility; transition: 0.4s letter-spacing cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition: 0.4s letter-spacing cubic-bezier(0.19, 1, 0.22, 1); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 12px; box-sizing: border-box; } .product_title ul li a:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #C8171E; opacity: 0; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; } .product_title ul li:hover .s2 { right: 8px; } .product_title ul li .s2 { right: -8px; } /*首页产品*/ .product_category { width: 1200px; margin: auto; } .product_category .product_top { margin-bottom: 60px; } .product_category .product_top, .product_category .product_bottom { display: flex; } .product_category .product_top .product_item, .product_category .product_bottom .product_item { flex: 1;width:23%; /*height: 670px;*/ padding: 0 5px 80px; border: 1px solid #F5F5F5; box-shadow: 0 10px 19px 0 #F5F5F5; border-radius: 4px; margin-right: 10px; position: relative; background: #f2f2f2; } .product_category{ width:1600px;} .product_category .product_bottom .product_item { /*height: 590px;*/ } .product_category .product_top .product_item:last-child, .product_category .product_bottom .product_item:last-child { margin-right: 0; } .product_item .product_item_title { font-size: 20px; color: #C8171E; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 5px 0 15px 0; } .product_item .product_item_title .icon{ line-height: 0; font-size: 0; text-indent: -99999px; display: inline-block; vertical-align: top; width: 4px; height: 16px; margin: 2px 10px 0 0px; background: #C8171E; } .product_item img { width: 100%; height: 280px; margin: 0 auto 15px; object-fit: cover; } .product_item .afterSale_item label { width: 54px; font-size: 18px; color: #000; font-weight: 700; } /* */ /* */ .product_item .afterSale_item input { display: inline-block; padding: 5px 6px; border: 1px solid #E1E1E1; background: #fff; font-size: 16px; color: #333333; margin-bottom: 9px; border-radius: 4px; cursor: pointer; /* z-index: -1; */ } /* .product_item .afterSale_item span input { width: 25px; height: 50px; z-index: 1; } */ /* */ /* */ .product_item .afterSale_item input:hover { background: #C8171E; color: #fff; } .product_item .product_item_footer { width: calc(100% - 10px); height: 44px; line-height: 44px; position: absolute; bottom: 30px; } .product_item .product_item_footer input { font-size: 16px; color: #999; width: 270px; height: 44px; border: 1px solid #333; outline: #3284E8; border-radius: 5px 0 0 5px; position: relative; left: 2px; text-indent: 10px; } .product_item .product_item_footer button { width: 103px; height: 46px; line-height: 46px; background: #333; border-radius: 0 5px 5px 0; color: #fff; border: 1px solid #333; outline: none; cursor: pointer; position: relative; top: 3px; left: -3px; font-size: 16px; } /* 产品分类end */ .product_item .afterSale_item .input_item { font-size: 16px; padding: 0 5px; margin-bottom: 10px; margin-right: 10px; border: none; border-radius: 6px; background: #fff; cursor: pointer; } .right_input { float: right; } .app_footer button, .afterSale_button button { width: 100%; height: 50px; border: none; background: #3284E8; color: #fff; margin-top: 30px; border-radius: 6px; cursor: pointer; font-size: 18px; } .afterSale_button button { margin-top: 30px; } .wrap .btn{ width: 240px; line-height: 56px; border: 1px solid #232323; font-size: 18px; color: #232323; text-align: center; display: block; margin: 20px auto;} /*行业*/ #layout_1619419052819 { background: #f0f0f0;height: 421px; } .layout { position: relative; width: 100%; margin: 0px auto; padding: 0px; z-index: 1; } #layout_1619419052819 > .view_contents { overflow: visible; max-width: 1200px; } .layout > .view_contents { /* overflow: visible; */ cursor: default; } .view_contents { position: relative; width: 100%; margin: 0 auto; padding: 0; z-index: 10; height: 100%; overflow: hidden; box-sizing: border-box; } /* 留言 */ .bd .wrap{width: 1200px; margin: 0 auto;} .h_page2 .hds { padding: 50px 0 30px; text-align: center; } .h_page2 .hds h2 { font-size: 30px; line-height: 1.7; color: #fff; } .h_page2 .hds h2 span { font-weight: bold; } .h_page2 .hds p { font-size: 18px; line-height: 1.6; color: #fff; } .h_page2 .bd { padding: 85px 0 95px; } .h_page2 .bds { margin: 0 auto; } .h_page2 .bd .lt { float: left; width: 450px; } .h_page2 .bd .rt { float: right; width: calc(100% - 600px); } .h_page2 .bd .lt h3 { font-size: 20px; line-height: 1.7; color: #ffffff; } .h_page2 .bd .lt h2 { font-size: 32px; line-height: 1.7; color: #ffffff; font-weight: bold; } .h_page2 .bd .lt .line { width: 22px; height: 3px; background: #ff5c34; margin: 15px 0; } .h_page2 .bd .lt .num { font-size: 100px; line-height: 160px; color: #ffffff; font-weight: bold; text-shadow: 10px 0px 1px #636772; } .h_page2 .bd .lt .num i { font-size: 160px; } .h_page2 .bd .lt sup { font-weight: bold; text-shadow: 6px 0px 1px #636772; vertical-align: top; line-height: 1; margin-left: -20px; } .h_page2 .bd .lt ul { margin-top: 100px; } .h_page2 .bd .lt li { float: left; margin-right: 45px; text-align: center; } .h_page2 .bd .lt li h4 { font-size: 20px; line-height: 1.7; color: #ffffff; margin-top: 10px; } .h_page2 .bd .lt li h5 { font-size: 12px; line-height: 1.7; color: rgba(255, 255, 255, 0.3); } .h_page2 .bd .lt li:nth-child(3) { margin-right: 0; } .h_page2 .bd .lt dl { overflow: hidden; margin-top: 60px; } .h_page2 .bd .lt dd { width: 215px; text-align: center; font-size: 18px; line-height: 38px; color: #ffffff; border-radius: 22px; border: 1px dashed #fff; float: left; margin-bottom: 18px; cursor: pointer; } .h_page2 .bd .lt dd:nth-child(2n) { float: right; } .h_page2 .bd .lt dd.on { background: #ff5e36; border: 1px solid #ff5e36; } .h_page2 .bd .rt .imgs { overflow: hidden; } .h_page2 .bd .rt .imgs img { float: right; display: block; } .h_page2 .bd .rt ul { margin-top: 105px; margin-left: 70px; } .h_page2 .bd .rt ul li a { display: block; position: relative; } .h_page2 .bd .rt .pic { height: 565px; border: 8px solid #fff; border-radius: 20px; } .h_page2 .bd .rt li .ico { position: absolute; left: -70px; bottom: 35px; z-index: 11; width: 95px; height: 52px; background: url(../images/c11.png) no-repeat center #fb5a33; } .h_page2 .bd .rt li { display: none; } .h_page2 .bd .rt li:first-child { display: block; } /*案例*/ .ind_box4{ padding: 30px 0; } .sub_title1{ display: block; color: #000; margin-bottom: 25px; } .sub_title1 .tt{ font-size: 18px; padding-bottom: 7px; } .sub_title1 .tt1{ font-size: 40px; padding-bottom: 7px; } .sub_title1 .tt2{ color: #888; font-size: 16px; padding-bottom: 7px; max-width: 1050px; margin: 0 auto; line-height: 45px; } .sub_title1 .tt3{ font-size: 14px; padding-bottom: 7px; line-height: 24px; max-width: 1050px; margin: 0 auto; } .sub_title1 .btn{ display: inline-block; color: #e6482f; font-size: 14px; margin-top: 10px; } .case_box1{ padding: 0 0 4% 0; } .case_list1{ display:flex; display: -webkit-flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; } .case_list1 dd{ width: 22%; height:320px; padding: 10px 1.5%; } .case_list1 dd a{ display:block; width:100%; height:100%;} .case_list1 dd .pic{ overflow: hidden; height: 260px; } .case_list1 dd .pic img{ display: block; width: 100%; height:100%; object-fit:cover; transition: all 0.5s; -webkit-transition: all 0.5s; } .case_list1 dd .tt{ color: #000; line-height: 30px; font-size: 14px; margin: 10px 0 16px; text-align: left!important; transition: all 0.5s; -webkit-transition: all 0.5s; } .case_list1 dd .line{ width: 100%; height: 2px; background: #c5c5c5; position: relative; } .case_list1 dd:hover img{ transform: scale(1.03,1.03); -webkit-transform: scale(1.03,1.03); transition: all 0.5s; -webkit-transition: all 0.5s; } .case_list1 dd:hover .tt{ color: #e6482f; transition: all 0.5s; -webkit-transition: all 0.5s; } .case_list1 dd .line:after{ content: ""; position: absolute; left: 0; top: 0; display: block; width: 0; height: 2px; background: #e6482f; transition: all 0.5s; -webkit-transition: all 0.5s; } .case_list1 dd:hover .line:after{ width: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; } .h_page3 { background: #f2f2f2; } .h_page3 .bd li { float: left; width: calc((100% - 102px) / 3); margin-right: 50px; } .h_page3 .bd li:nth-child(3n) { margin-right: 0; } .h_page3 .h_tit h2 { color: #ececec; } .h_page3 li { background: #9ea5b3; border-radius: 90px 0 40px 0; transition: all 0.3s; -ms-transition: all 0.3s; /* IE 9 */ -moz-transition: all 0.3s; /* Firefox */ -webkit-transition: all 0.3s; /* Safari �� Chrome */ -o-transition: all 0.3s; } .h_page3 li a { background: #ffffff; border-radius: 90px 0 40px 0; position: relative; top: -9px; left: -9px; display: block; padding: 10px 15px 10px 25px; } .h_page3 li i { position: absolute; left: 28px; top: 10px; font-size: 250px; line-height: 1; color: #ff957b; font-weight: bold; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px #ff957b; } .h_page3 li .pic { position: relative; z-index: 11; margin-top: 75px; height: 318px; margin-bottom: 42px; } .h_page3 li h2 { font-size: 22px; line-height: 1.7; color: #232323; font-weight: bold; } .h_page3 li dd { font-size: 16px; line-height: 36px; color: #484848; padding-left: 23px; margin-left: 23px; background: url(../images/a28.png) no-repeat left center; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .h_page3 li a { padding-bottom: 65px; } .h_page3 .bd { overflow: hidden; } .h_page3 .bd h6 { position: absolute; right: 0; bottom: 0; width: 160px; font-size: 16px; line-height: 50px; text-align: center; color: #ffffff; } .h_page3 li:hover { background: #e17360; } .h_page3 li:hover a h6 span { background: #f2f2f2; color: #232323; } .h_page3 li:hover a h6::before { background: #d1d1d1; } .h_page3 .bd h6 span { position: relative; z-index: 111; background: #ef6240; border-radius: 30px 0 30px 0; display: block; transition: all 0.3s; -ms-transition: all 0.3s; /* IE 9 */ -moz-transition: all 0.3s; /* Firefox */ -webkit-transition: all 0.3s; /* Safari �� Chrome */ -o-transition: all 0.3s; } .h_page3 .bd h6::before { content: ""; width: 100px; height: 40px; border-radius: 30px 0 0 0; background: #e03214; position: absolute; left: -13px; bottom: 0; transition: all 0.3s; -ms-transition: all 0.3s; /* IE 9 */ -moz-transition: all 0.3s; /* Firefox */ -webkit-transition: all 0.3s; /* Safari �� Chrome */ -o-transition: all 0.3s; } .h_page3 .btna { background: url(../images/c1.png) no-repeat center; text-align: center; padding: 60px 0; } .h_page3 .btna .prev, .h_page3 .btna .next { background: url(../images/a31.png) no-repeat center; width: 145px; height: 30px; cursor: pointer; display: inline-block; vertical-align: top; margin: 0 35px; } .h_page3 .btna .next { transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -moz-transform: rotate(180deg); /* Firefox */ -webkit-transform: rotate(180deg); /* Safari �� Chrome */ -o-transform: rotate(180deg); } .h_page3 .btna .prev:hover, .h_page3 .btna .next:hover { background: url(../images/a29.png) no-repeat center; } /*关于我们*/ .h_page4{overflow: hidden;} .h_page4 .hd { text-align: center; padding-bottom: 150px; } .h_page4 .hd .tia h2 { font-size: 200px; line-height: 1.1; color: #ffffff; font-weight: bold; opacity: 0.03; } .h_page4 .hd .tia { position: relative; } .h_page4 .hd .tia .ta { position: absolute; left: 0; right: 0; top: 125px; z-index: 11; } .h_page4 .hd .tia .ta h3 { font-size: 46px; line-height: 1.2; color: #ffffff; } .h_page4 .hd .tia .ta h4 { font-size: 30px; line-height: 1.2; color: #ff5c34; font-family: arial; text-transform: uppercase; } .h_page4 .hd .dels { font-size: 17px; line-height: 1.7; color: #ffffff; margin: 40px 0; } .h_page4 .hd ul { text-align: center; } .h_page4 .hd li { display: inline-block; margin: 0 80px; vertical-align: top; } .h_page4 .hd li h5 { font-size: 80px; line-height: 1.2; color: #ffd8c5; font-weight: bold; position: relative; text-align: left; display: inline-block; font-family: arial; } .h_page4 .hd li h5 i { -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px #3e3f44; font-weight: bold; font-family: arial; } .h_page4 .hd li h5 em { position: absolute; left: -2px; top: -1px; z-index: 11; font-weight: bold; font-family: arial; background-image: linear-gradient(135deg, #e03214, #ffcab5); -webkit-background-clip: text; color: transparent; } .h_page4 .hd li h5 sup { font-size: 30px; position: relative; display: inline-block; } .h_page4 .hd li h6 { font-size: 18px; line-height: 1.7; color: #fff; margin-top: 10px; } .h_page4 .hd li p { font-size: 12px; line-height: 1.2; color: #fff; font-family: arial; } .h_page4 .bd { position: relative; z-index: 111; height: 360px; } .h_page4 .bd .lt { float: left; margin-top: 55px; } .h_page4 .bd .rt { float: right; width: calc(100% - 160px); } .h_page4 .bd .rt li { float: left; width: 25%; position: relative; height: 360px; } .h_page4 .bd .rt li::before { content: ""; right: 0; top: 50px; bottom: 50px; z-index: 11; width: 1px; display: block; position: absolute; background: #f44d29; } .h_page4 .bd .rt li .censa { margin: 0 auto; max-width: 310px; text-align: center; height: 100%; padding-top: 40px; transition: all 0.3s; -ms-transition: all 0.3s; /* IE 9 */ -moz-transition: all 0.3s; /* Firefox */ -webkit-transition: all 0.3s; /* Safari �� Chrome */ -o-transition: all 0.3s; } .h_page4 .bd .rt li:nth-child(1) { margin: 0; } .h_page4 .bd .rt li:nth-child(4) { float: right; } .h_page4 .bd .rt li i { display: block; margin: 0 auto; width: 110px; height: 110px; position: relative; } .h_page4 .bd .rt li i img { position: absolute; left: 0; right: 0; top: 50%; z-index: 1; transform: translateY(-50%); -ms-transform: translateY(-50%); /* IE 9 */ -moz-transform: translateY(-50%); /* Firefox */ -webkit-transform: translateY(-50%); /* Safari �� Chrome */ -o-transform: translateY(-50%); display: block; margin: 0 auto; } .h_page4 .bd .rt li i .c2 { display: none; } .h_page4 .bd .rt li h2 { font-size: 26px; line-height: 1.7; color: #ffffff; } .h_page4 .bd .rt li h3 { font-size: 20px; line-height: 1.7; color: #ffffff; margin: 15px 0 10px; position: relative; } .h_page4 .bd .rt li h3::before { content: ""; width: 13px; height: 3px; position: absolute; left: 0; right: 0; display: block; background: #fff; top: -10px; border-radius: 3px; margin: 0 auto; z-index: 11; } .h_page4 .bd .rt li p { font-size: 8px; line-height: 1.3; color: #ffffff; opacity: 0.3; } .h_page4 .bd .rt li:hover::before { display: none; } .h_page4 .bd .rt li:hover .censa { background: url(/skin/default/images/c.jpg) no-repeat center/cover; height: calc(100% + 40px); margin-top: -40px; } .h_page4 .bd .rt li:hover i .c1 { display: none; } .h_page4 .bd .rt li:hover i .c2 { display: block; } .h_page4 .bd .rt li:hover h2 { color: #2a3340; margin-top: 30px; } .h_page4 .bd .rt li:hover h3 { color: #2a3340; } .h_page4 .bd .rt li:hover p { color: #2a3340; } .h_page4 .bd .rt li:hover h3::before { background: #ff5c34; } .index_quick_baojia{width:100%;margin:0 auto;background:#fff;z-index:9999;border-radius:10px;padding:10px 30px;} .index_quick_baojia .hd h3{font-size:24px;text-align:center;color:#C8171E;margin:20px 0;} .index_quick_baojia .hd .tips{color:#969696;font-size:18px;margin-bottom:20px;} .index_quick_baojia .hd .tips strong{color:#C8171E;font-size:30px;padding-right:30px;} .index_quick_baojia .hd .tips span{color:#C8171E;font-size:22px;padding:0 5px;} .index_quick_baojia .bd{border-bottom:1px solid #e6e6e6;border-width:1px 0;padding:20px 0;height:auto;overflow:hidden;zoom:1;} .index_quick_baojia .bd .attr{width:55%;float:left;} .index_quick_baojia .bd .attr li{margin:10px 0;display:table;} .index_quick_baojia .bd .attr strong{width:55px;display: table-cell;} .index_quick_baojia .bd .attr span{display:inline-block;margin:5px 3px;border-radius:3px;cursor:pointer;} .index_quick_baojia .bd .attr span input{display: inline-block;padding: 2px 10px;border: 1px solid #E1E1E1;background: #fbfbfb;font-size: 14px;color: #333333;margin-bottom: 9px; border-radius: 4px;cursor: pointer;} .index_quick_baojia .bd .attr span.on input{background:#C8171E;border:1px solid #C8171E;color:#fff;} .index_quick_baojia .bd .quick_baojia_form{width:30%;margin-top:20px;float:right;} .index_quick_baojia .bd .quick_baojia_form .list_input{margin: 15px 0;} .index_quick_baojia .bd .quick_baojia_form span{width:80px;display:inline-block;font-weight:bold;font-size:16px;text-align:right;} .index_quick_baojia .bd .quick_baojia_form span i{color:#C8171E;font-style:normal;} .index_quick_baojia .bd .quick_baojia_form .ninja_msj1_input{border:1px solid #e6e6e6;height:40px;line-height:40px;padding:0 10px;width:265px;} .index_quick_baojia .bd .quick_baojia_form button{width:90%;height:65px;color:#fff;background:#C8171E;font-size:24px;border:3px solid #f0f0f0;border-radius:5px;margin-top:10px;} .index_quick_baojia .ft{line-height:36px;font-size:18px;color:#646464;text-align:center;margin-top:20px;} .index_quick_baojia .ft .ico_tel{background:url(../images/icon34.png) no-repeat 0 center;padding:18px 22px;} .index_quick_baojia .ft strong{color:#C8171E;font-size:24px;} .index_quick_baojia .close1{position:absolute;right:-15px;top:-15px;width:48px;height:48px;background:url(../images/icon35.png) no-repeat 0 0;cursor:pointer;} input[type="radio"]{ -webkit-appearance:none; } /* 优势 */ .services_box { padding: 30px 0; width: 100%; background: url(../images/a5.jpg) bottom no-repeat fixed; overflow: hidden; background-size: 100% 100%; } .services_box .ftitle h3 { color: #fff; background: none; } .services_box .ftitle p{color:#fff;} .services_box_mainb { position: relative; } .services_box_mainb li { width: 25%; float: left; } .services_box_mainb li h3 { font-size: 20px; color: #333; padding: 5px 0; text-indent: 30px; text-align: center; color: #fff; } .services_box_mainb li p { text-align: center; color: #c1c0c0; line-height: 200%; } .services_box_list { padding: 0 10px; } .services_box_mainb:before { width: 100%; height: 1px; background: #eee; position: absolute; left: 0; right: 0; content: ''; top: 47px; } .services_box_icon { padding: 0 0 20px 20px; } .services_box_icon i { margin: 0 auto; display: block; cursor: pointer; width: 90px; line-height: 90px; height: 90px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #333; font-size: 16px; background: #fff; border: 1px solid #a3a3a3; transition: background 0.2s, color 0.2s; } .services_box_icon i img { vertical-align: middle; display: inline-block; } .services_box_icon i:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; box-sizing: content-box; } .services_box_icon i:after { top: -7px; left: -7px; padding: 7px; box-shadow: 0 0 0 4px #C8171E; transition: transform 0.2s, opacity 0.2s; transform: scale(.8); opacity: 0; } .services_box_icon i:hover { color: #fff; } .services_box_icon i:hover:after { transform: scale(1); opacity: 1; } .syFocusThumb .sliderwrapper{width:100%; margin:0 auto;} .syFocusThumb .sliderwrapper .contentdiv{clear:both; width:100%;} .contentdiv dl{ float:left; width:18%; margin:1% 0.5%; background:#fff; padding:0.5%;} .contentdiv dl dt{width:214px; height:160px;} .contentdiv dl dt a{width:214px;height:160px;display: table-cell;/*图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/} .contentdiv dl dt img{width:214px;height:160px; object-fit: cover;} .contentdiv dl dd h1 a{ color:#0d62be; font-size:15px; display:block ; line-height:30px; height:30px; overflow:hidden;} .contentdiv dl dd span{ display:block; line-height:20px; height:20px; overflow:hidden;} .contentdiv dl dd p{ line-height:24px; height:24px; color:#fff; background:#0d62be; overflow:hidden; margin-top:5px;} .contentdiv dl dd p a{ color:#fff; font-size:12px; float:left; text-align:center; width:50%; line-height:24px;} .contentdiv dl dd p a:nth-of-type(1){ background:url(../images/icon11.png) no-repeat 10px center;} .contentdiv dl dd p a:nth-of-type(2){ background:url(../images/icon13.png) no-repeat 10px center;} .contentdiv dl dd p a:nth-of-type(1):hover{ background:#0d62be url(../images/icon11.png) no-repeat 10px center;} .contentdiv dl dd p a:nth-of-type(2):hover{ background:#0d62be url(../images/icon13.png) no-repeat 10px center;} .index-block8 { height: 140px; background: url(../images/inkf-bg.jpg) no-repeat center top; padding-top: 120px; } .inkf { font-size: 0; color: #fff; } .inkf-info { display: inline-block; vertical-align: middle; } .inkf-tel { display: inline-block; vertical-align: middle; margin-left: 45px; border-left: 1px dashed rgba(255, 255, 255, 0.3); padding-left: 45px; } .inkf-info .tit { font-size: 30px; line-height: 42px; font-weight: bold; } .inkf-info .text { font-size: 20px; line-height: 25px; margin-top: 13px; } .inkf-tel .item-dt { font-size: 16px; line-height: 22px; } .inkf-tel .item-dd { margin-top: 5px; font-size: 30px; line-height: 33px; font-weight: bold; } .inkf-tel .item-more { margin-top: 10px; font-size: 16px; display: block; width: 180px; line-height: 34px; height: 36px; border: 1px solid #fff; border-radius: 4px; color: #fff; text-align: center; transition: all .2s; } .inkf-tel .item-more:hover { color: #C8171E; background: #fff; } /*内页优势*/ .gyMianL { margin-bottom: 30px; } .gyMianL .txt p { font-size: 18px; line-height: 1.8; text-indent: 2em; margin-bottom: 10px; } .w1600{width:1600px; margin:0 auto;} .gyMianR { background: #C8171E url(../images/c8.jpg) no-repeat center bottom/cover; overflow:hidden; } .gyMianR dt strong { display: block; color: #fff; font-size: 40px; text-align: center; line-height: 44px; padding-top: 50px; font-weight: normal; } .gyMianR dt i { display: block; text-align: center; font-size: 16px; color: #fff; margin-bottom: 35px; line-height: 1.9; } .gyMianR dd { float: left; width: 24%; text-align: center; border-right: 1px solid #fff; margin-bottom: 75px; cursor: pointer; } .gyMianR dd:first-of-type { border-left: 1px solid #fff; } .gyMianR dd strong { display: block; font-size: 24px; line-height: 1.7; color: #ffffff; margin-top: 5px; } .gyMianR dd i { display: block; width: 13px; height: 3px; background: #fff; border-radius: 3px; margin: 0 auto; } .gyMianR dd p { font-size: 20px; line-height: 1.7; color: #ffffff; margin: 15px 0 10px; position: relative; } .gyMianR dd:hover .img img { transform: rotateY(360deg); } .img img { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /*行业解决方案*/ .solutions{background:#3a4459 url(../images/solution-bg.jpg) no-repeat center;padding: 120px 0; overflow: hidden;} .solutions .solution-left{width: 400px; margin-right: 96px; display: inline-block; vertical-align: middle;} .solutions .solution-left h3{font-size: 30px;line-height: 30px; margin-bottom: 40px; font-weight: bold; color: #fff;} .solutions .solution-left p{font-size: 16px;line-height: 32px;color: #ddd; margin-bottom: 40px; } .solutions .solution-left .c-btn{padding: 10px 47px;} .solutions .solution-right{width: 700px; display: inline-block; vertical-align: middle;} .solutions .solution-right ul{overflow: hidden;height: 199px;} .solutions .solution-right ul li a{width: 100px;height: 100px;background: rgba(255,255,255,0.06);float: left;border-right: 1px rgba(255,255,255,0.12) solid;border-bottom: 1px rgba(255,255,255,0.12) solid;text-align: center; padding: 16px 0;transition: .3s;} .solutions .solution-right ul li:nth-child(7) a,.solution .solution-right ul li:nth-child(14) a{border-right:0px;} .solutions .solution-right ul li a img{height: 40px;margin-bottom:10px;opacity: 0.5} .solutions .solution-right ul li a p{font-size:14px;color:#ccc;} .solutions .solution-right ul li a:hover{background: #C8171E;} .solutions .solution-right ul li a:hover p{color:#fff;} .solutions .solution-right ul li a:hover img{opacity:1} .servicety{padding:60px 0;overflow: hidden;} .servicety .service-tit{font-size: 30px; color: #222;text-align: center;} .servicety ul{ margin-top: 40px;display: -ms-flexbox!important;display: flex!important;-ms-flex-pack: justify!important;justify-content: space-between!important;-webkit-box-pack: justify!important;} .servicety ul li{background: #f9f9f9; padding: 40px 20px 60px 20px;width: 280px;text-align: center;} .servicety ul li img{width:60px; height:60px;} .servicety ul li h4{font-size: 20px;line-height: 32px; margin:10px 0 20px 0;color:#222;} .servicety ul li p{font-size: 16px;line-height: 24px;height: 72px;margin-bottom: 30px;color:#555;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .servicety ul li .b-btn{background:transparent;padding: 7px 47px;} .servicety ul li .b-btn:hover{background:#C8171E;} /*底部*/ /* .footer { min-width:1200px; background: #333; } .footer .link-group { overflow: hidden; padding-top:28px; } .footer .link-type { font-size: 23px; line-height:20px; margin-bottom: 10px; color: #fff;font-weight: bold; } .footer .pro, .footer .service { width:125px; } .footer .about, .footer .news2 { width:130px; } .footer .footer-box { padding: 14px 0; float: left; text-align: center;} .footer .links { margin-top: 5px; } .footer .links li{width:125px; float: left; } .footer .links a { line-height: 36px; font-size: 18px; color: #ddd; display: block; transition: all .3s; } .footer .links a:hover { color: #C8171E; } .footer .focus { text-align: center;float: right; } .footer .qr img { display: block; height: 140px; width: 140px; border-radius: 4px; margin:30px auto 10px; } .footer .qr p { font-size: 12px; color:#ccc; line-height:18px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); letter-spacing:7px; } .footer .tel { margin-left: 40px; padding-left: 100px; border-left:1px solid #999; box-sizing: border-box; text-align: left;} .footer .tel .number { color: #C8171E; font-size: 24px; font-weight: bold; line-height:36px; margin-bottom: 10px; display: block; } .footer .tel p { color: #ddd; font-size: 18px; line-height:30px; } .footer .tel .link-type { margin-bottom: 16px; } .footer .tel .numberRow { line-height:14px; } .footer .tel .normal { font-size: 22px; color: #ddd; display: inline-block; font-weight:bold;} .footer .tel .kefu { margin-top: 30px; display: block; width: 140px; height: 40px; border-radius: 4px; text-align: center; color: #fff; font-size: 16px; line-height: 38px; transition: .36s ease; background-color: #C8171E; border: 1px solid #C8171E; cursor: pointer; } .footer .tel .kefu:hover { background-color: #ff6a00; color: #fff; border-color: #ff6a00; } .footer .copy { height: 60px; line-height: 60px; background-color: #222; } .footer .copy p { text-align: center; line-height: 60px; color: #aaa; font-size: 14px; } .footer .copy p a { display: inline-block; color: #999; margin-right: 10px; } #cnzz_stat_icon_1281157291{display:none} */ .footer {height:auto;margin: 0 auto;background-color: #202020;} .fimg{ display:block; width: 100% } .footer-cont {margin: 0 auto;} .footer-cont ul {padding: 45px 0;height: auto; overflow: hidden;} .footer-cont ul li{ margin-right: 3%; float: left; } .footer-cont ul li:nth-child(1){ width: 32% } .footer-cont ul li:nth-child(2){ width: 17% } .footer-cont ul li:nth-child(3){ width: 17% } .footer-cont ul li:nth-child(5){ width: 9% } .footer-cont ul li:nth-child(6){ width: 9% ; margin-right: 0} .footer-cont ul li:nth-child(6) img,.footer-cont ul li:nth-child(5) img{ display: block; border: 3px #fff solid; width: 100% } .footer-cont ul li a:hover {color: #246ACE;} .footer-cont ul li h2 a,.footer-cont ul li h2 {color: #FFFFFF;font-size: 18px;font-weight: bold;margin-bottom: 30px; width: 100%; display: block; } .footer-cont ul li h2 a{border-bottom: 1px solid rgba(255,255,255,0.15); padding-bottom: 20px} .footer-cont ul li a,.footer-cont ul li span {color: #FFFFFF;display: block;font-size: 14px;margin-bottom: 15px; display: block; } .footer-cont ul li a{width: 50%;float: left;color:#cacaca} .footer-cont ul li a:hover{color:#fff} .footer-cont ul li span{ width: 100% } .line-footer {width: 1px;height: 200px;background: rgba(204, 204, 204,0.15); } .footer-cont ul li a.footer-chat {width: 140px;height: 40px;line-height: 40px;color: #FFFFFF;background: -webkit-linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));background: -moz-linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));background: -o-linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));background: linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));border-radius: 3px;text-align: center;} .footer-cont ul li a:hover .footer-chat {color: #FFFFFF;} .botlx{ margin-top: 10px ; color: #fff} .botlx .img{ display: block; margin-bottom: 15px; width: 100%} .botlx span{ display: block; } .botlx span b{ display: block; font-size:25px; color:#ff9600; } .bei-an {height: 60px;margin: 0 auto;background-color: #323232;} .bei-an-cont {margin: 0 auto; text-align: center;} .bei-an-cont .copy {line-height: 60px;} .bei-an-cont .copy p {color: #FFFFFF;} .bei-an-cont .copy p a {color: #FFFFFF;margin-left: 10px;} .footerlink{ border-top:1px #333 solid; color: rgba(255,255,255,0.6); padding:15px 0 ; background: #222; text-align: center; } .footerlink a{ color: rgba(255,255,255,0.6); padding:0 10px; } .pro-con-tit h1{height:92px;background:url(../images/bg2.png) no-repeat center 50%;font-size:30px;text-align:center;font-weight:100;color:#333;margin:0 auto;line-height:92px} .pro-con-tit h1 a {color:#333;} .pro-con-tit h1:hover a {color:#FF3F3C} .anli-qh{width:100%;height:auto;overflow:hidden} .pro-anli{position:absolute;display:none;top:0;left:0} .pro-anli-con{width:680px;margin-right:60px;float:left} .pro-anli img{width:370px;height:256px;} .pro-anli-con ul li{line-height:34px;font-size:14px;font-family:"microsoft yahei"} .pro-anli-con h3{font-size:20px;color:#666;line-height:60px;font-family:"microsoft yahei"} .pro-anli-con span{width:105px;display:block;height:28px;border:1px solid #D51717;margin-top:20px} .pro-anli-con span a{display:block;color:#D51717;text-align:center;line-height:28px} .pro-anli-num{position:relative;left:0;bottom:0} .pro-anli-num ul li{width:50px;height:3px;float:left;margin-right:4px;background-color:#c9c9c9;cursor:pointer} .pro-anli-num ul .on{background-color:#D51717} .red{color:#D51717} .pro-index h1{color: #fff;border-left: #ff6a00 solid 8px;padding-left: 30px;height: 35px;line-height: 35px;margin-top: 35px;} .pro-index h2{color: #bbb;margin-top: 15px;font-size: 20px;line-height: 35px;} .pro-head1{background-image: url("../images/pro1.jpg");height: 260px;} .pro-head2{background-image: url("../images/pro2.jpg");height: 260px;} .pro-head3{background-image: url("../images/pro3.jpg");height: 260px;} .pro-head4{background-image: url("../images/pro4.jpg");height: 260px;} .pro-head5{background-image: url("../images/pro5.jpg");height: 260px;} .pro-head6{background-image: url("../images/pro6.jpg");height: 260px;} .pro-head7{background-image: url("../images/pro7.jpg");height: 260px;} .pro-head8{background-image: url("../images/pro8.jpg");height: 260px;} .pro-head9{background-image: url("../images/pro9.jpg");height: 260px;} .pro-head10{background-image: url("../images/pro10.jpg");height: 260px;} .pro-head11{background-image: url("../images/pro11.jpg");height: 260px;} .pro-head12{background-image: url("../images/pro12.jpg");height: 260px;} .pro-head13{background-image: url("../images/pro13.jpg");height: 260px;} .pro-head14{background-image: url("../images/pro14.jpg");height: 260px;} .pro-head15{background-image: url("../images/pro15.jpg");height: 260px;} .pro-head16{background-image: url("../images/pro16.jpg");height: 260px;} .pro-head17{background-image: url("../images/pro17.jpg");height: 260px;} .pro-head18{background-image: url("../images/pro18.jpg");height: 260px;} .pro-head19{background-image: url("../images/pro19.jpg");height: 260px;} .pro-head20{background-image: url("../images/pro20.jpg");height: 260px;} .pro-con-l{width:273px;margin-right:30px;float:left;height:304px;overflow:hidden;position:relative;cursor:pointer} .pro-con-l .pro-img-ho{position:absolute;top:0;left:-273px;background:url(../images/bg1.png) repeat;width:273px;height:304px} .pro-con-l .pro-img-ho h2{color:#fff;width:100%;margin-top:12px;margin-bottom:15px;text-align:center;font-size:22px;font-weight:100} .pro-con-l .pro-img-ho p{color:#fff;font-size:14px;line-height:28px;padding:0 27px} .pro-con-l .pro-img-ho span{border:1px solid #fff;margin-top:15px;color:#fff;text-align:center;line-height:23px;margin-left:27px} .pro-con-r{width:100%;height:auto;overflow:hidden;position:relative;margin: 50px auto;} .pro-con-r .pro-con-r-t{height:68px;overflow:hidden;width:100%} .pro-con-r .pro-con-r-t a{line-height:14px;font-size:14px;display:block;padding-right:50px;text-align:left;float:left;margin-top:20px;white-space:nowrap;color: #666;} .pro-con-r .pro-con-r-t a:hover{color:#D51717} .pro-con-r span{width:50px; float:right;} .pro-con-r span a{width:100%;text-align:right} .pro-con-r .pro-con-r-b{width:100%; overflow:hidden; } .pro-con-r .pro-con-r-b .pro-con-r-b-1{width:23%;height:205px;position:relative;float:left; margin:0 1%;overflow:hidden} .pro-con-r-b-1 img{ max-width: 280px;max-height: 205px;} .pro-con-r .pro-con-r-b .pro-con-r-b-1 a{width:100%;height:100%;display:block;overflow:hidden;position:absolute;text-align:center;} .pro-con-r .pro-con-r-b .pro-con-r-b-1 h3{position:absolute;bottom:0;left:0;background:url(../images/bg1.png) repeat;text-align:center;line-height:40px;width:100%;color:#fff;height:40px; font-size:15px;} .pro-con-r .pro-con-r-b .pro-con-r-b-1:hover h3{background:url(../images/bg22.png) repeat;float:left} .py60 { padding-top: 60px; padding-bottom: 60px; } /*内页标题*/ .common-title { font-size:30px; line-height:40px; color: #222; border-left:6px #C8171E solid; padding-left: 20px; margin-bottom: 30px; } .common-title a { float: right; font-size: 14px; color: #555; padding-right: 20px; background: url(../images/double-right.svg) no-repeat right center; } .common-title a:hover { color:#C8171E; transition: all .3s;background: url(../images/double-right-c.svg) no-repeat right center;} /*相关案例2个*/ .relatecase2 { width: 1200px; ; margin: 0 auto; } .relatecase2 img { float: left; width: 240px; height: 220px;} .relatecase2 .relatecase-text { float: left; width: 310px; height: 189px; padding:15px 20px; border: 1px #f2f2f2 solid; border-left:none;margin-right: 5px; } .relatecase2 .relatecase-text h2 { font-size: 18px; color: #222; line-height:24px; height:48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;margin-top: 10px; } .relatecase2 .relatecase-text p { font-size: 16px; color: #999; line-height:28px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .relatecase2 .relatecase-text p:last-of-type{margin-bottom: 10px;} .relatecase2 .relatecase-text p span { color: #555; } .relatecase2 .relatecase-text .c-btn, .relatecase2 .relatecase-text .b-btn { padding: 7px 38px; } .relatecase2 .relatecase-text a:hover h2 { color:#C8171E; transition: all .3s;} .pro-relateprobg { overflow: hidden; padding:60px 0; background: url(../images/pro-relateprobg.jpg) no-repeat center top; background-size: cover; } .pro-service { height: 400px; padding: 30px 0 60px; background: url(../images/pro-servicebg.jpg) no-repeat center; background-size: cover; } .pro-service h2 { font-size: 24px; line-height:36px; color: #555; } .pro-service ul { overflow: hidden; margin-bottom: 40px; } .pro-service ul li { float:left; } .pro-service ul li p { font-size: 16px; color: #555; text-align: center; float: left; line-height: 37px;} .pro-service ul li p span { font-size: 50px; color: #C8171E; font-weight: bold; } .pro-service ul li:after { content: ''; background: #ccc; height: 62px; width: 1px; margin: 0 45px; float: left; margin-top:22px; } .pro-service ul li:last-child:after { content: none } .pro-service .pro-sericon { overflow: hidden; margin-bottom:40px; } .pro-service .pro-sericon a { color:#999; float:left; text-align: center; border-right: 1px #ccc dashed; margin-right: 40px; padding-right: 40px; } .pro-service .pro-sericon a:last-child { border-right:none; margin-right:0; padding-right:0; } .pro-service .pro-sericon a p { font-size: 16px; line-height: 32px; padding-top: 40px; } .pro-service .pro-sericon a:nth-child(1) p {background: url(../images/xxzd.svg) no-repeat center top;} .pro-service .pro-sericon a:nth-child(2) p {background: url(../images/zxbx.svg) no-repeat center top;} .pro-service .pro-sericon a:nth-child(3) p {background: url(../images/zppj.svg) no-repeat center top;} .pro-service .pro-sericon a:nth-child(4) p {background: url(../images/glbk.svg) no-repeat center top;} .pro-service .pro-sericon a:hover:nth-child(1) p {background: url(../images/xxzd-h.svg) no-repeat center top;} .pro-service .pro-sericon a:hover:nth-child(2) p {background: url(../images/zxbx-h.svg) no-repeat center top;} .pro-service .pro-sericon a:hover:nth-child(3) p {background: url(../images/zppj-h.svg) no-repeat center top;} .pro-service .pro-sericon a:hover:nth-child(4) p {background: url(../images/glbk-h.svg) no-repeat center top;} .pro-service .pro-sericon a:hover { color:#C8171E; } .pro-service .c-btn { padding: 10px 67px; } .pro-about { overflow: hidden; padding:60px 0 30px; background: url(../images/pro-aboutbg.jpg) no-repeat center bottom } .pro-about .pro-about-detail { width: 600px; float: right; margin-top:40px; } .pro-about .pro-about-detail h3 { font-size:24px; color: #222; font-weight: bold; margin-bottom: 20px; } .pro-about .pro-about-detail p { font-size: 16px; line-height:28px; color: #555; text-align: justify; padding-bottom:280px; background: url(../images/pro-about-zs.png) no-repeat center bottom; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;float: left; padding-right: 8px; padding-left: 10px; } /*相关产品4个*/ .relatepro { width: 1200px; margin: 0 auto; } .relatepro .relateprolist{display:flex; width:277px; height: 240px; text-align:center; justify-content:center; align-items:center; background:#fff;} .relatepro img{max-width:277px; max-height: 240px;} .relatepro .relatepro-text { padding:15px 15px; background:#fff; border-radius:0 0 4px 4px; transition: all .3s;} .relatepro .relatepro-text h2 { font-size: 16px; color: #222; line-height:16px; height:16px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .relatepro .relatepro-text p { font-size: 15px; color: #999; line-height:24px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .relatepro .relatepro-text p:first-of-type{margin-top: 10px;} .relatepro .relatepro-text p:last-of-type{margin-bottom: 10px;} .relatepro .relatepro-text p span { color: #555; } .relatepro .relatepro-text .c-btn, .relatepro .relatepro-text .b-btn { padding: 7px 26px; } .relatepro .relatepro-text .c-btn { margin-right: 10px; } .relatepro .relatepro-text a:hover h2 { color:#C8171E; transition: all .3s;} .relatepro .relatepro-text:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px; } /*按钮*/ .b-btn { font-size: 16px; line-height: 24px; color: #C8171E; background: #fff; border-radius: 4px; border:1px solid #C8171E; padding: 6px 30px; display: inline-block; transition: all .3s;} .b-btn:hover { color: #fff; background: #C8171E; } .c-btn { font-size: 16px; line-height: 24px; color: #fff; background: #C8171E; border-radius: 4px; border:1px solid #C8171E; padding: 6px 30px; margin-right:20px; display: inline-block; transition: all .3s;} .c-btn:hover { color: #fff; background: #C8171E; } /*banner*/ .fullSlide{width:100%;position:relative;height:800px;} .fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;} .fullSlide .bd ul{width:100% !important;} .fullSlide .bd li{width:100% !important;height:800px;overflow:hidden;text-align:center;} .fullSlide .bd li a{display:block;height:800px;} .fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:30px;left:0;height:30px;line-height:30px;} .fullSlide .hd ul{text-align:center;} .fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:40px;height:8px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;transition:all 0.6s;} .fullSlide .hd ul .on{background:#C8171E;width:70px;} .fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:40%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;} .fullSlide .next{left:auto;right:15%;background-position:-6px -137px;} .wxpic{position:absolute; top:0px;right:-90px; display:none;} /*标题*/ .hd_title{width:100%; height:100px; padding:20px 0 10px 0; text-align:center; margin-bottom:10px;} .hd_title h3{font-size:30px; height:100px; line-height:100px; color:#C8171E;font-family:微软雅黑; font-weight:600;background:url(../images/tu21.jpg) no-repeat center;} .cp_title{width:100%; height:100px; margin-top:10px; padding:0px 0; text-align:center;background:url(../images/tu07.jpg) no-repeat center;} .cp_title h3{font-size:20px; line-height:100px; color:#fff;letter-spacing:4px; width:200px; margin:0 auto;} .tj_title{width:100%; height:140px; margin-top:20px; padding:0px 0; text-align:center;background:url(../images/bt2.jpg) no-repeat center;} .tj_title h3{font-size:28px; padding-left:42px; line-height:140px; color:#fff;letter-spacing:4px; width:200px; margin:0 auto;} .news_title{width:100%; height:100px; margin-top:20px; padding:0px 0; text-align:center;background:url(../images/bt3.jpg) no-repeat center;} .news_title h3{font-size:28px; padding-left:42px; line-height:100px; color:#fff;letter-spacing:4px; width:200px; margin:0 auto;} .cp_class{width:1220px; margin:0 auto; padding-bottom:20px;} .cp_class li{width:240px; height:40px; overflow:hidden; margin:2px; float:left; text-align:center;} .cp_class li a img{width:120px; height:120px; margin:0 auto; border-radius:10em; padding:5px; background:#D3D3D3; border:5px solid #f4f4f4; transition:all 0.4s;} .cp_class li span{height:34px; overflow:hidden; line-height:34px; width:100%; display:block; font-size:16px; clear:both;} .cp_class li a{font-size:16px;height:40px; line-height:40px;background:#e2e2e2; color:#111; display:block;transition:all 0.4s;} .cp_class li a:hover{background:#C8171E;color:#fff;} .left_b{height:22px;background:url(../Images/bt_bg.jpg) no-repeat center;} .plist{ width: 266px; float: left; overflow: hidden;} .plist .hd{ height:70px; line-height:70px; font-size:28px; color:#fff; text-align:left;background:#C8171E url(../Images/jian.png) no-repeat 200px center; text-indent:35px;overflow: hidden;} .plist .bd{ width: 260x; border: 3px solid #C8171E; border-top: none;overflow: hidden;} .plist .bd ul{ width: 260px; margin: 0 auto; padding-top: 14px;padding-bottom: 6px; overflow: hidden;} .plist .bd ul li{ width: 100%; height: 37px; text-indent: 50px; line-height: 37px; margin-bottom: 7px; overflow: hidden;} .plist .bd ul p{width: 94%; margin: 0 auto;text-align:center; background:#f5f5f5; height:28px; line-height:28px; margin-bottom:5px;} .plist .bd ul p a{display:block;} .plist .bd ul li a{ display: block; width: 94%; height: 37px; background:#f5f5f5 url(../Images/jiantou2.png) no-repeat 24px center; margin:0 auto; color: #111;} .plist .bd ul li a:hover{ color: #fff;background:#C8171E url(../Images/jiantou3.gif) no-repeat 24px center;} .plist .bot{ margin-top:8px;} .plist .bot ul{ padding: 10px 15px; line-height:28px; border: 3px solid #C8171E; border-top: none;} .plist .bot ul h3{ color: #000; font-weight: 700; font-size: 15px;} /*首页产品展示*/ .product{padding: 40px 0;overflow: hidden;margin: 0 auto;} .tit01{height: auto;overflow: hidden;text-align: center; margin-bottom: 30px; } .tit01 span{display: block;color: #C8171E;line-height: 30px;} .tit01 strong{display: block;line-height: 60px;font-size: 50px;color: #333;} .line01{background: url(../images/line01.png) center no-repeat;height: 3px;} /* .pro_con2{width: 1200px;overflow: hidden;margin: 0 auto;} */ .type_con{width: 293px;overflow: hidden;float: left;} .type_con .type-hd{height: 100px;background: #f7ae01;text-align: center;color: #fff;} .type_con .type-hd h3{font-size: 24px;color: #fff;font-weight: bold;padding: 20px 0 10px;} .type_con .type-bd{background: #C8171E;} .type_con .type-bd ul li{height: 56px;line-height: 56px;list-style: none;margin: 0;text-align: left;border-bottom: 2px solid #C8171E;background: url(../images/ico-li.png) no-repeat 89% center;} .type-bd .two a {font-size: 14px !important;} .type_con .type-bd ul li a{height: 56px;line-height: 56px;font-size: 16px;color: #ffffff;padding-left: 30px;text-align: left;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .type_con .type-bd li:hover{background:#f7ae01 url(../images/ico-li.png) no-repeat 89% center;} .s-contact,.type-bd{ background:#0460c1; margin:0 -15px; } .s-contact{background: url(../images/s-contact.jpg) no-repeat top center;background-size: cover;text-align: center;margin-bottom: 20px;} .s-contact > a{ display: inline-block; margin:43px auto; border:3px solid rgba(0,0,0,.38); padding:13px 37px; font-size: 16px; color: #fff; font-weight: bold;} .s-contact .bd{ width: 100%; padding:18px 20px; background: rgba(0,0,0,.8); text-align: left; } .s-contact .bd p{ font-size: 14px; color: #ffffff; line-height: 24px; } .icptx{ background: url(../images/ys_bg.jpg) top center no-repeat; height: 310px; padding-top:50px; overflow: hidden;margin-bottom: 50px;} .icptx_tit{font-size: 35px; color: #fff; text-align: center;} .icptx_tit span{ display: block; font-size: 16px; font-weight: normal; padding-top: 10px; color: rgba(255,255,255,0.85);} .icptx_tit span b{ color: #e5212b;} .icptx li{ display: inline-block; color: #fff; text-align: center; width: 150px; height:110px; background-color:rgba(7,103,178,0.4); border:1px #7eafda solid; font-size: 22px ;transition: all 0.3s; line-height: 1.5; padding:20px 0; margin-left:80px; overflow: hidden;position: relative; bottom: -40px; border-radius: 80px} .icptx li img{ display: block; margin:0 auto 10px auto; width: 67px; height: 64px } .icptx li:hover{background-color:rgba(7,103,178,1); bottom:-20px } .promore{width: 390px; margin: 0 auto; text-align: center; height: 50px; line-height: 50px; border: 1px solid #ccc; font-size: 20px;} .case{width: 1200px;overflow: hidden;margin: 0 auto;margin-bottom:50px; } .case .case_con{width: 1200px;overflow: hidden;margin: 0 auto;} .case_con ul li{width: 280px;overflow: hidden;float: left;line-height: 50px;text-align: center;margin: 0 10px 20px 10px;} .case_con ul li .pic{width: 280px;height: 210px;overflow: hidden;} .case_con ul li .pic img{width: 280px;height: 210px;overflow: hidden;} .case_con ul li .title{height: 50px;line-height: 50px;} /* 四大优势 */ .g_ys { background: #f2f2f2 url(../images/ysbg.jpg) no-repeat center top; width: 100%; border-top: 5px solid #c00000; padding: 50px 0;height: 1680px; background-size: cover; } .content { max-width: 1200px; margin: 0 auto; } .whychoose h2 { padding-top: 23px; background: url(../images/ystit.png) no-repeat center center; height: 156px; color: #1d4db1; font-size: 40px; font-weight: bold; color: #1d4db1; text-align: center; max-width: 1150px; } .g_ys h2 a { color: #1d4db1; display: block; } .g_ys h2 em { display: block; font-weight: normal; font-size: 24px; color: #1d4db1; padding-top: 52px; font-style: normal; } .margin-top-30 { margin-top: 30px; box-sizing: border-box;float: left; } .nyoushi h3 { width: 70px; height: 70px; border: 1px solid #e3b74e; line-height: 73px; text-align: center; font-size: 38px; font-weight: normal; color: #e3b74e; font-family: impact; margin-bottom: 15px; border-radius: 50%; transition: all 1.2s ease; cursor: pointer; } .nyoushi h5 { color: #1d4db1; font-weight: bold; font-size: 24px; line-height: 30px; } .nyoushi h5 em { line-height: 18px; font-family: arial; font-size: 14px; color: #333333; display: block; font-weight: normal; text-transform: uppercase; } .nyoushi .m_p { color: #626262; font-size: 13px; line-height: 24px; background: #fff; /* height: 144px; */ margin-top: 14px; padding: 12px 18px 0 20px; -webkit-box-shadow: 0 0 10px #ccc; -moz-box-shadow: 0 0 10px #ccc; box-shadow: 0 0 10px #ccc; transition: all 0.5s ease; padding-bottom: 20px; } .nyoushi .m_p p { background: url(../images/ysicoh.png) no-repeat left 10px; color: #333; font-size: 14px; line-height: 30px; padding-left: 20px; } .col-md-5 { width: 41.66666667%;float: left;position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-md-7 { width: 52.33333333%;float: left;position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } /* 走进矩正 */ .aboutus_t { background-color: #f3f3f3; } .aboutus_ttitle { text-align: center; } .aboutus_ttitleh { font-size: 42px; color: #222; font-weight: 700; } .aboutus_ttitlep { font-size: 14px;margin-top: 20px; color: #999; } .aboutus_tjs { margin-top: 50px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .aboutus_tjsl { width: 46%; padding-right: 5%; } .aboutus_tjsl_titlei i { font-size: 56px; color: #1d4db1; } .aboutus_tjsl_titleiwz { margin-left: 20px; } .aboutus_tjsl_titleiwzh { font-size: 28px; font-weight: 700; color: #1d4db1; text-transform: uppercase; } .aboutus_tjsl_titleiwzp { font-size: 20px; color: #222; } .aboutus_tjsl_p { margin-top: 25px; font-size: 14px; line-height: 24px; color: #777777; } .aboutus_tjsl_more { margin-top: 50px; } .aboutus_tjsl_more .aboutus_more_link { display: block; position: relative; width: 200px; height: 44px; line-height: 44px; text-align: center; border-radius: 22px; -webkit-border-radius: 22px; -moz-border-radius: 22px; -ms-border-radius: 22px; -o-border-radius: 22px; color: #fff; background-color: #1d4db1; padding-right: 44px; } .aboutus_more_linkdw { position: absolute; top: 0; right: 0; width: 44px; height: 44px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; background-color: #222; line-height: 44px; text-align: center; } .aboutus_tjsl_more { margin-bottom: 50px; } .aboutus_tjsr { width: 54%; position: relative; } .aboutus_tjsrdwlan { position: absolute; left: 0; bottom: -150px; height: 190px; background-color: #1d4db1; } .aboutus_tjsrdwimg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding-left: 30px; } .aboutus_tjsrdwimg_box { position: relative; height: 503px; background-repeat: no-repeat; background-position: center; background-size: cover; } .aboutus_tjsrdwimg_txt { position: absolute; left: 0; bottom: 0; width: 100%; padding: 15px 0; background-color: rgba(0, 0, 0, .7); text-align: center; } .aboutus_tjsrdwimg_txth { font-size: 22px; font-weight: 700; color: #fff; } .aboutus_tjsrdwimg_txth span { display: inline-block; width: 8px; height: 8px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; vertical-align: middle; background-color: #ff7800; margin: 0 5px; } .aboutus_tjsrdwimg_txtp { font-size: 12px; color: rgba(255, 255, 255, .6); } .aboutus_bsj { padding: 36px 0; } .aboutus_bsj .aboutus_bsj_item { border-right: 1px solid #e1e1e1; padding: 0 35px; } .aboutus_bsj .aboutus_bsj_item:last-child { border-right: none; } .aboutus_bsj .aboutus_bsj_item:first-child { padding-left: 10px; } .aboutus_bsj_itemt span { font-size: 38px; font-weight: 700; color: #222; } .aboutus_bsj_itemt b { display: inline-block; width: 24px; height: 24px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; background-color: #ff7800; text-align: center; line-height: 24px; color: #fff; font-size: 14px; vertical-align: top; } .aboutus_bsj_itemb { font-size: 14px; color: #777; } .aboutus_blb { position: relative; margin-top: 90px; border-top: 1px solid #e1e1e1; } .aboutus_blb_list { position: absolute; width: 51%; left: 50%; top: 0; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .aboutusblb_slider{ padding: 10px 0; } .aboutusblb_slider .aboutusblb_slider_item { margin-right: 1px; display: block; overflow: hidden; height: 46px; line-height: 44px; border-radius: 23px; -webkit-border-radius: 23px; -moz-border-radius: 23px; -ms-border-radius: 23px; -o-border-radius: 23px; background-color: #fff; color: #666666; border: 1px solid #d8d8d8; text-align: center; } .aboutus_blbx { margin-top: 55px; } .aboutusblb_slider.swiper-slide-thumb-active .aboutusblb_slider_item { background-color: #1d4db1; border-color: transparent; color: #fff; } .aboutusblb_slider .aboutusblb_slider_item:hover{ border-color: transparent; background-color: #fff; } .aboutu_item { padding: 0 10px; } .aboutu_item_link { display: block; overflow: hidden; position: relative; } .aboutu_item_link img { width: 100%; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .aboutu_item_link:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .aboutu_item_linkdw { position: absolute; width: 100%; left: 0; bottom: 0; background-color: rgba(0, 0, 0, .6); height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #fff; padding: 0 5px; } .aboutu_item_link:hover .aboutu_item_linkdw { background-color: rgb(255, 120, 0); } .aboutusblbx_slide .owl-controls .owl-page.active span { background-color: #ff7800; } .aboutusblbx_slide .owl-controls .owl-page span { background-color: #869791 } /*新闻*/ .news_show { background: #ffffff; padding-top: 30px; } .news_show .container{ width:1440px;} .news_show h2 { padding: 10px 0 40px 0; font-size: 24px; } .line-big { margin-right: -15px; margin-left: -15px; } .xm4{ width:33%; float:left; position:relative; padding:0 15px;} .news_show .newsbg { background: #f1f1f1; padding-bottom: 10px; margin-bottom: 30px; transition: all .2s ease; } .news_show .newsbg .news_hot_img { overflow: hidden; padding: 0; height:330px; } .news_show .newsbg .news_hot_img img{ width:100%; height:100%; object-fit:cover;} .news_show .newsbg p { padding: 17px 30px; line-height: 26px; color: #555555; transition: all .2s ease; } .news_show .newsbg .news_hot_edat { min-height: 132px; } .news_show .newsbg h3 { padding: 0 30px; color: #333333; font-weight: normal; line-height: 28px; transition: all .2s ease; } .news_show .newsbg p { padding: 17px 30px; line-height: 26px; color: #555555; transition: all .2s ease; } .news_show .news_cent { margin-bottom: 30px; } .list-unstyle { list-style: none; padding-left: 0; } .news_show .news_cent li { margin-bottom: 25px; } .news_show .news_data { height: 70px; padding-top: 23px; border: 1px solid #cfcfcf; padding: 15px 10px 0; text-align: center; border-radius: 5px; width: 58px; float:left; } .news_show .news_list{ float:left; width:80%;} .news_show .news_data p span { font-size: 32px; } .news_show .news_list h4 { padding: 0 0 5px 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news_show .news_cent a .news_list p { color: #555555; } .news_show .news_list p { padding: 2px 0 0 20px; line-height: 26px; max-height: 52px; overflow: hidden; color: #888888; } .xm5 { width: 39%; float:left; } .xm3 { width: 25%; float:left; } .news_show .list_img .xm12 { padding: 0 !important; } .news_show .list_img li { margin-bottom: 17px; position: relative; } .news_show .list_img li a { display: block; overflow: hidden; position: relative; } .news_show .list_img li img { width: 100%; } .img-res, .img-responsive { display: block; height: auto; } .news_show .list_img li h4 { position: absolute; text-align: center; top: 40%; line-height: 36px; width: 100%; color: #fff; font-size: 20px; box-sizing: border-box; } .news_show .list_img li h4 span { display: block; width: 140px; margin: 0 auto; } .news_show .list_img li h4 b { display: none; background: #ef011c; color: #fff; width: 100px; margin: 0 auto; padding: 5px 10px; line-height: 30px; font-size: 16px; font-weight: normal; border-radius: 5px; transition: all .4s ease; } /* 通用底部 */ .out-foot{background:#353638;overflow: hidden;margin-top:0px;} .foot1{width: 1080px;margin: 0 auto;margin-top: 28px;height: 254px;overflow: hidden;} .f1a{width:260px;background: url(../images/xian1.jpg) no-repeat right;height: 189px;} .f1aa{font:600 18px/32px "微软雅黑";color:#fff;padding-left: 26px;} .f1-a{font:400 14px/24px "微软雅黑";color:#b4b4b4;padding-top: 10px;} .f1-a2{font:400 16px/24px "微软雅黑";color:#b4b4b4;padding-top: 10px; clear:both;padding-left:26px;} .f1-a2 li{width: 100%;float: left;color:#b4b4b4; font-size:16px;} .f1-a2 img{width:180px;} .f1b{width: 340px;height: 189px;} .f1c{width:260px;background: url(../images/xian1.jpg) no-repeat right;height: 189px;} .f1d{width:210px;padding-top:10px;} .f1ab{font:600 18px/32px "微软雅黑";color:#fff;padding-left: 50px;} .f1-a1{padding-left: 26px;padding-top: 10px;color:#b4b4b4;clear:both;} .f1-a1 li{width: 50%;float: left;} .f1-a1 li a{font:400 16px/30px "微软雅黑";color:#b4b4b4;} .copp{text-align: center;width:100%;margin: 0 auto;color:#b4b4b4; background:#2a2b2d; height:50px; line-height:50px;} .copp a{color:#b4b4b4;} .out-foot a:hover{color:#fff;text-decoration:none;} .inews{width:1200px;padding:30px 0; overflow: hidden; margin: 0 auto;} .inews .title{width: 100%;height: 22px;line-height: 22px;margin-bottom: 28px;} .inews .title h3{font-size: 22px;font-weight: bold;color: #C8171E;} .inews .title h3 s{width: 4px;height: 22px;display: inline-block;vertical-align: top;margin-right: 10px;background: #C8171E;} .inews .title a{color: #C8171E;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;} .inews .title a:hover{text-decoration: underline;} .inews .newslist{line-height: 55px;} .inews .newslist li{width: 100%;height: 55px;line-height: 55px;overflow: hidden;border-bottom: 1px dashed #d4d4d4;} .inews .newslist li a{width: 100%;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms; font-size:16px; text-indent:26px;background:url(../images/heidian.jpg) no-repeat 8px center;} .inews .newslist li a:hover{ text-indent:35px;} .inews .newslist li .time{color: #999999;float: right;font-weight: normal;} .inews1{width: 580px;float: left;} .inews .item{width: 100%;display: block;padding:10px 0;height:120px;border-bottom: 1px dashed #d4d4d4;} .inews .item img{width: 160px;height:120px;float: left;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;margin-right: 20px;} .inews .item h3{color: #333;line-height: 24px;height: 24px; font-size:18px;overflow: hidden;margin-bottom: 10px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;} .inews .item .txt{line-height: 20px;height:80px; font-size:14px;overflow: hidden;color: #999999;} .inews .item:hover img{-webkit-filter: brightness(110%);filters: brightness(110%);} .inews .item:hover h3{color: #009F5E;} .inews2{width: 575px;float: right;} .tit_in{ text-align: center;} .tit_in p{ position: relative; color: #333333; font-size: 28px; font-weight: bold; display: inline-block;} .tit_in p:before{ position: absolute; content: ''; left: -15%; top: 50%; width: 10%; height: 2px; background: #cccccc; } .tit_in p:after{ position: absolute; content: ''; right: -15%; top: 50%; width: 10%; height: 2px; background: #cccccc; } .nytit { text-align: center; padding-bottom: 20px; margin-bottom: 30px; } .nytit h1 { position: relative; font-size: 36px; font-weight: bold; line-height:36px; } .nytit h1:after { position: absolute; left: 0; right: 0; bottom: -12px; margin: auto; content: ""; width: 36px; height: 4px; border-radius: 12px; background: url(../images/nyline.png) no-repeat center; } .list-main { margin: 80px; overflow:hidden; } .list-main li { float: left; width: 24%; margin-right: 1.33%; margin-bottom: 1.33%; text-align: center; border-top-right-radius: 16px; overflow: hidden; background:#f2f2f2; padding-top:10px; } .list-main li a { display: block; } .list-main li:nth-of-type(4n) { margin-right: 0; } .list-main li span { position: relative; display: inline-block; height: 35px; margin-bottom: 10px; font-size: 18px; padding: 11px 0;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; } .list-main li span:before { position: absolute; top: 0; left: -1.2em; bottom: 0; margin: auto; content: ""; width: 0.8em; height: 0.8em; border: 1px solid #232323; transform: rotateZ(45deg); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .list-main li:hover span:before { border-color: #ff5c34; transform: rotateZ(405deg); } .list-main li:hover .img img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .list-main li .img img{ height:200px; } /*产品中心*/ .w { max-width: 1500px; margin: 0 auto; } .cpzs-list { margin-top: -58px; z-index: 999; position: relative; } .cpzs-list .title { width: 1214px; /*height: 113px;*/padding: 20px; background: #ffffff; border-radius: 20px; overflow: hidden; margin: 0 auto; box-shadow: 0 0 50px rgba(0,0,0,0.2); } .cpzs-list .title li { width: 20%; height: 100px; float: left; position: relative; } .cpzs-list .title li:before { content: ""; width: 1px; background: #db511b; display: block; position: absolute; left: 0; top: 38px; bottom: 38px; } .cpzs-list .title li a { height: 100%; font-size: 24px; color: #999999; text-align: center; padding: 43px 0; display: block; transition: all ease 0.3s; } .cpzs-list .title li a:after { content: ""; width: 10px; height: 10px; background: #db511b; border-radius: 50%; display: block; margin: 10px auto; box-shadow: 0 2px 0 rgba(0,0,0,0.5); opacity: 0; transition: all ease 0.3s; } .cpzs-list .title li:hover a,.cpzs-list .title .active a { font-size: 30px; color: #db511b; font-weight: bold; padding: 25px 0; } .cpzs-list .title li:hover a:after,.cpzs-list .title .active a:after { opacity: 1; } .cpzs-list .list { margin: 75px 0; } .cpzs-list .list h3 { font-size: 34px; color: #333333; font-weight: bold; text-align: center; } .cpzs-list .list h3:after { content: ""; width: 80px; height: 4px; background: #db511b; display: block; margin: 20px auto; } .cpzs-list .list p { font-size: 20px; color: #999999; text-align: center; line-height: 38px; padding: 0 31%; } .cpzs-list .list ul { margin: 40px 0 0 -1.32%; } .cpzs-list .list ul li { width: 23%; background: #ffffff;height: 265px; float: left; margin-left: 1.32%; border-radius: 20px; margin-bottom: 20px; overflow: hidden; padding: 4px; box-shadow: 0 0 30px rgba(0,0,0,0.2); position: relative; } .cpzs-list .list ul li img { border-radius: 18px; width:100%; height:100%; object-fit:cover; } .cpzs-list .list ul li p { width: 79.2%; background: #fff; padding: 4px; border-radius: 50px 0 30px 50px; position: absolute; right: 0; bottom: 0; box-shadow: 0 -5px 13px rgba(0,0,0,.6); transition: all ease .3s; } .cpzs-list .list ul li p a { font-size: 24px; color: #666; font-weight: 700; text-align: center; line-height: 30px; border: 1px solid #db511b; border-radius: 50px 0 30px 50px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 11px 5% } .cpzs-list .list ul li:hover p,.cpzs-list .list ul li:hover p a { width: 100%; border-radius: 0 0 20px 20px; white-space: normal } .cplb-list .list ul li { margin: 20px 0 20px 1.32% } /*产品详情*/ #cpbtqh{ width: 100%; transition:0.3s; background: #f2f2f2;} .container {width: 1370px !important;} .cpbt1{ background: #f2f2f2; height: 5rem; line-height: 5rem; border-bottom: 1px solid #efefef; transition:0.3s; margin: 0 auto !important;} .cpbt1 li a{ font-weight:bold; font-size:20px;} .cpbt1 li{ float: left; color: #333333; font-weight: bold; font-size: 16px; width: 11%; text-align: center; position: relative; transition:0.3s;} .cpbt1 li:hover{ background: #d71418; color: #fff;} .cpbt1 li:hover a{ color: #fff;} .cpbt1 li.current a{ color: #fff;} .cpbt1 li.current{ background: #d71418;} .cphui { background: #f2f2f2; padding-top:50px; } #cptd{ padding: 2% 3%; margin: 0 auto !important;} #cptd .col-md-3{width:24% !important;} #cptd li{ text-align: center; cursor: pointer; margin-bottom: 1%;} #cptd li i{display:block ;color: #d71418; font-size: 35px; background: #ffffff; border-radius: 100%; width: 80px; height: 80px; line-height: 80px; margin: 12% auto 5%; transition: 0.3s;} #cptd li p{ color: #333333; padding: 2% 0; font-size: 18px; font-weight:bold;} #cptd li span{ color: #666666; font-size: 16px; display: block; line-height: 25px; } #cptd li:hover i{ color: #fff; background: #d71418;} @media screen and (max-width:765px){ #cptd{ text-align: center;} } .main1{padding: 50px 0;} #yyhy{ margin-top: 3% !important;} #yyhy .col-md-2{ width:14.6666% !important;} #yyhy li { cursor:pointer;} #yyhy div{ padding: 0 0.5%;} #yyhy li p { width:200px; height:260px;} #yyhy li p img{ width: 100%; height:100%; object-fit:cover;} #yyhy li span{ display: block; text-align: center; font-size: 18px; background: #d71418; height: 55px; line-height: 55px; color: #fff; transition:0.3s;} #yyhy li:hover span{ background: #333;} #cpggbj{ background: url("../images/gg_bj1.jpg") no-repeat center fixed;} #cpggbj .main{ padding: 2% 0;} #cpggbj .tit_in p{ color: #fff;} #cpggbj ul{ text-align: center; margin: 2% 0 3% !important;} #cpggbj ul li{ display: inline-block; color: #fff; font-size: 24px; padding: 0 3%;} #cpggbj ul li i{ display: inline-block; font-size: 25px; padding-right: 10px;} @media screen and (max-width:765px){ #cpggbj ul li{ width: 45%; float: left; font-size: 14px; text-align: left;} } .mes-form3{ margin-left:220px;} .mes-form3 .form-tr input { display: block; width: 94%; padding: 0 2%; height: 45px; line-height: 45px; background: #fff; color: #333; border-radius: 5px; border: none;} .mes-form3 .form-tr .submit2 { display: block; width: 90%; height: 45px; text-align: center; line-height: 45px; background: #d71418; color: #fff; font-size: 16px; border-radius: 5px; transition:0.3s;} .mes-form3 .form-tr .submit2:hover { background: #333;} /*内页栏目*/ .product_class{ font-size: 0; margin: 10px 0 30px; width: 100%; display: table; /* overflow: hidden; */ } .product_class .pc_li{display: inline-block; height: 49px; line-height: 49px; /* padding: 0 50px; */ text-align: center; position: relative; font-size: 14px; background: #eeeeee; border-right: 1px solid #FFF; margin-top:5px;} .product_class .pc_li a{padding: 0 50px;} .product_class .pc_li:hover a{ display: block; } .product_class .pc_li:hover,.product_class .pc_li.on{background:#ef6240;} .product_class .pc_li:hover a,.product_class .pc_li.on a{color:#fff; } .product_class .pc_li.on::after{ content:''; display: block; position: absolute; left: -10px; width: 10px; height: 10px; left: 50%; margin-left: -5px; background: url(/template/default/images/jiantou.png) no-repeat; } .con_right{width:890px; float:right;display:block; overflow: hidden;} .index_cp{width:100%;display:block;} .index_cp ul{margin:0;padding:0; clear:both; overflow: hidden;} .index_cp li {float:left; width: 274px; overflow: hidden; line-height: 35px; text-align:center;border-collapse: collapse; border:1px solid #e0e0e0;border-bottom:3px solid #e0e0e0; margin: 0 10px; margin-bottom:15px; } .index_cp li:hover{border-bottom:3px solid #1B3B92;} .index_cp li b{font-weight:normal; } .index_cp li a{display:block;} .index_cp li a .cp_name{display: block; width:280px; height:180px;background: #fff; color: #555;display: table-cell;/*图片容器以表格的单元格形式显示*/ text-align: center; /* 实现水平居中 */ vertical-align: middle; /*实现垂直居中*/ overflow:hidden;} .index_cp li a:hover span{transition:0.6s all 0s linear;} .index_cp li a:hover b{color: #fff;} .index_cp li a img{max-width: 272px; max-height:180px; vertical-align:middle;} .index_cp li span{height:40px; line-height:40px;display:block; clear:both; width:100%; margin:0 auto; overflow:hidden; padding-bottom:8px;} .index_cp li a .cp_name:hover img { transform: scale(1.1, 1.1);} .index_cp li a .cp_name img{transition:transform 1s ease 0s} .index_cp li .zxzx{ padding:0; clear:both;} .index_cp li .zxzx a{ display: block; float: left; width:50%; text-align: center; height: 36px; line-height:36px;color: #fff;} .index_cp li .zxzx .zzl{background: #93081A; color: #fff;} .index_cp li .zxzx .zzr{ background: #bfbfbf;color: #fff;} .hy li{width: 23.6%;} .hy li a .cp_name{width: 100%; height: 300px;} .hy li a .cp_name img{width: 100%; height: 100%; object-fit: cover; max-width: none; max-height: none;} .yingyong_ad{width:1600px; margin:0 auto; height:256px; background:url(../images/search_banner.jpg) no-repeat; background-size: cover; margin-top: 50px;} .yyad{width:430px; height:50px; display:block; float:right; margin:80px 120px 0 0;} .adtel{width:270px; height:40px; line-height:40px; background:#fff; float:left; text-indent:8px;} .adbtn{background:#d71619; color:#fff; width:110px; height:45px; line-height:40px; border:none;} .about{width: 1200px;overflow: hidden;margin: 0 auto;margin-bottom:50px; } .about .about_con{line-height: 32px;font-size: 16px;text-align: center;margin-bottom: 30px; } .about .anum{width: 1200px;margin: 0 auto;overflow: hidden;margin-bottom: 50px;} .about .anum ul li{width: 298px;height: 100px;text-align: center;float: left;border-right: 1px solid #eee;} .about .anum ul li .counter{height: 70px;line-height: 70px;font-size: 64px;font-family: Impact,sans-serif;font-weight: bold;color: #2975c1;} .about .anum ul li .jb{font-size: 20px;font-family: "Microsoft YaHei";font-weight: normal;color: #555;padding-left: 10px;} .about .anum ul li .jieshao{font-size: 16px;color: #555;} .about .anum ul li:last-child{border:none;} .amore{display: block;width: 200px;height: 50px;line-height: 50px;text-align: center;background: #2975c1;color: #fff;margin: 0 auto;} .amore:hover{background-color: #0056d8;color: white;} .news{width: 100%;padding: 40px 0;overflow: hidden;background: #f3f3f3;margin: 0 auto;} .blog_list{width: 1200px;overflow: hidden;margin: 0 auto;padding: 20px 0;} /*友情链接*/ .linkbj{ height:92px; background:#111;} .link{ width:1200px; margin:0 auto;} .linkz{ float:left; width:250px; height:92px; background:url(../images/yqlj.jpg) no-repeat; font-size:16px; font-weight:bold;} .linky{ width:950px; float:right; padding-top:20px;} .linky a{ display:block; float:left; padding: 0 15px 10px 15px; color:#fff;} .linky a:hover{text-decoration:underline;} .foot{ padding:30px 0px 0px; background-color:#034aa2; color:#fff;} .footc{ margin:0 auto 20px; width:1200px;} .foot a{ color:#fff;} .fwx{width: 200px; float:left; text-align:center;} .fwx img{width:158px;} .footr{ width:1000px; float:right; } .ftel{ margin-bottom:10px; text-align:center;} .flx ul{ margin-left:10%;} .flx li{ float:left; width:50%; font-size:16px; height:28px; line-height:28px;} .bq{background-color:#222222; text-align:center; line-height:40px; font-size:14px;} .yb_conct {position: fixed;z-index: 9999999;top: 200px;right: -127px;cursor: pointer;transition: all .3s ease;} .yb_bar ul li {width: 180px;height: 53px;font: 16px/53px 'Microsoft YaHei';color: #fff;text-indent: 54px;margin-bottom: 3px;border-radius: 3px;transition: all .5s ease;overflow: hidden;} .yb_bar .yb_top {background: url('/images/fixCont.png') no-repeat 0 0 #C8171E;} .yb_bar .yb_phone {background: url('/images/fixCont.png') no-repeat 0 -57px #C8171E;} .yb_bar .yb_QQ {text-indent: 0;background: url('/images/fixCont.png') no-repeat 0 -113px #C8171E;} .yb_bar .yb_ercode {background: url('/images/fixCont.png') no-repeat 0 -169px #C8171E;} .hd_qr {padding: 0 29px 25px 29px;} .yb_QQ a {display: block;text-indent: 54px;width: 100%;height: 100%;font-size: 14px;color: #fff!important;} /*内页*/ .class_bg{width:100%; background:url(../images/class_bg.jpg) no-repeat center; height:440px; min-width:1200px; clear:both;} .class_bg h3{margin-top:50px; padding:40px; float:left; background:#fff; border-radius:10px; font-size:36px; color:#000; display:none;} .navli{ width:100%; height:60px; line-height:60px; border-bottom:1px solid #f0f0f0;} .navli li{width:15%; height:60px; line-height:60px;text-align:center; float:left;} .navli li a{display:block; font-size:16px;} .navli li:hover{width:15%; height:60px; line-height:60px; border-bottom:1px solid #C8171E; text-align:center; float:left;} .navli li.hover{width:15%; height:60px; line-height:60px; border-bottom:1px solid #C8171E; text-align:center; float:left;} .path{width:100%;height:40px; line-height:40px; padding:0px; background:#f4f4f4; border-bottom:2px solid #C8171E;} .path h2{float:left; font-weight:bold; font-size:16px; background:#C8171E; height:40px; padding:0px 15px; color:#fff;} .path span{float:right; padding-right:10px; font-size:14px;} .content{width:100%; margin:0 auto; font-size:14px; line-height:24px;} .content table{border:0px;border-top:1px solid #e2e2e2;border-right:1px solid #e2e2e2; width:98%; margin:10px auto;} .content table td{border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2; margin:0px; padding:0px; text-align:center;} .content p{font-size:24px; line-height:28px;} .content .datu { padding: 15px 0; } .view-title{font-size:24px; height:50px; line-height:50px; display:block; text-align:center;} .view-date{height:40px; line-height:40px; display:block; text-align:center;} .updown{width:100%; clear:both; margin-top:15px; margin-bottom:15px; height:50px; display:block;} .updown li{height:25px; line-height:25px;} .products{ width:100%; margin:0 auto;} .products .pros_tit{font-size:28px; text-align:center;height:90px; line-height:90px;margin-top:20px;margin-bottom:20px;clear:both;} .products .pros_tit a{font-size:28px; background:#C8171E; color:#fff; padding:10px 30px;} .row .cptitle{ width:291px; background:#eeeeee; height:50px;} .row .cptitle p{ color:#333; font-size:16px; text-align:center; line-height:50px;} /*产品组图*/ .pro_list{padding:0px 0px;} #imgto{width: 700px; height: 460px; float: left;margin-top: 30px; margin-left:100px; } #imgto .big{width: 700px;height: 460px;text-align: center;} #imgto .big img{width:700px; height:460px; object-fit:cover;} .pro_right{width:740px; float:right;} .pro_right h1{height:80px; line-height:80px; font-size:26px; font-weight:bold;} .pro_right .pro_desc{line-height:28px; line-height:28px; font-size:16px; background:#f4f4f4; padding:15px;} .pro_right .pro_zx{width:260px;height:28px; line-height:28px; margin-top:20px; font-size:30px; background:#C8171E url(../images/tel2.png) no-repeat 20px 16px; padding:15px 25px; border-radius:3em; text-indent:36px; color:#fff; float: left;} .pro_wxbox{width:230px;height:28px; line-height:28px; margin-top:20px; font-size:24px; background:#C8171E url(../images/wxic.png) no-repeat 20px 16px; padding:15px 25px; border-radius:3em; text-indent:36px; color:#fff; float: right; position:relative;} .pro_wxbox:hover .pro_wx_img{display:block;} .pro_wx_img{ width:200px; clear:both; text-align:center; display:block; padding: 10px 10px 30px 10px; position:absolute;top: -219px;right: 70px;display:none;} .view_con{width:1240px; padding:35px 0; font-size:16px;line-height: 35px;text-align: justify;text-indent: 2rem;margin: auto;} .view_con strong span{ font-weight:bold;} .view_con img{min-width:440px; max-width:740px;display: block;margin: 0 auto;} .view_pic{width:100%; padding:15px 0; text-align:center;} .view_pic img{min-width:440px; max-width:640px;} .view_desc{padding:15px 25px; background:#f5f5f5; border:1px solid #e2e2e2; font-size:14px;} .view_title{width:100%; background:#f4f4f4; height:50px; line-height:50px;} .view_title h3{background:#C8171E url(../images/ico.png) no-repeat 20px center; display:block; float:left; color:#fff; width:140px; text-indent:50px; font-size:16px;} .content .datu { padding: 15px 0; text-align: center; } .pro_con{width:100%; margin:0 auto; padding:15px 0; font-size:14px; line-height:26px;} .pro_con p{padding-top:8px; font-size:16px;} .pro_con .left p{background:url(../images/heidian.jpg) no-repeat 10px 8px;display:block; padding:0px 10px; text-indent:1em;} .pro_con strong{background:#C8171E url(../images/ico.png) no-repeat 20px center; width:100%; display:block; color:#fff; height:44px; line-height:44px; font-size:18px;text-indent:50px; font-weight:normal;} .pro_con b{font-weight:normal;} .pro_con table .pro,.pro_con table .fab{ text-align:left; padding-left:20px; display:block;padding:15px;} .pro_con .left{width:80%; display:block; padding:15px;} .pro_con table{border:0px;border-top:1px solid #e2e2e2;border-right:1px solid #e2e2e2; width:100%; margin:10px auto;} .pro_con table td{border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2; margin:0px; padding:0px; text-align:center;} .info_title {margin: 10px 0 0 0;width: 100%;height: 40px;background: #E2E2E2;margin-bottom: 10px; clear:both;} .info_title b {display: inline-block;padding:0 20px;height: 100%;border-right: 1px solid #fff;background: #C8171E;color: #fff;line-height: 40px;} .info_title a {margin: 8px;width: 15px;height: 15px;background-position: 0 -426px;} /*新闻列表*/ .news_list{ width:100%; margin:0 auto;} .news_list li{height:40px; line-height:40px; border-bottom:1px dashed #e2e2e2;padding-left:20px; background:url(../images/heidian.jpg) no-repeat 8px 15px;} .news_list li span{float:right;} .news_list li b{font-weight:normal;} /*联系我们*/ .contact {font: 400 14px/28px "microsoft yahei";} .contact .caption {margin: 30px 0 20px; padding-bottom:20px;border-bottom: 1px solid #e8e8e8;} .contact .caption span {display: block;color: #ff2020;font-size: 13px} .contact h2 {clear: both;font: 700 20px/40px "microsoft yahei";margin-bottom: 10px} .contact .cway {position: relative;padding: 20px 0;overflow: hidden;} .contact .cway ul {height: 270px;float: left;} .contact .cway li {background: url(../images/icon_contact.png) 0 100px no-repeat;line-height: 40px;text-indent: 60px;margin: 5px 0} .contact .cway li a {color: #666} .contact .cway li a:hover {color: #ff5050;font-weight: 700} .contact .cway li span {font-weight: 700} .contact .cway li.tel {background-position: -60px -338px} .contact .cway li.qq {background-position: -60px -381px} .contact .cway li.email {background-position: -60px -473px} .contact .cway li.fax {background-position: -60px -519px} .contact .cway li.group {background-position: -60px -427px} .contact .cway .chat {display: block;width: 230px;line-height: 40px; height:40px;text-align: center;color: #fff;font-size: 16px;font-weight: 700;background-color: #ff2020;margin: 30px 0 0 6px} /* 地图 */ #allmap{width:1200px; height:320px; line-height:25px; margin:0 auto; margin-bottom:30px;} /*分页*/ .pages{text-align:center;clear:both; padding:5px 0px 10px 0px;font-size:14px;width:100%; margin:0 auto;margin:15px 0;} .pages a{margin:3px;padding:8px 12px;border:1px solid #c1c1c1;color:#A0A0A0;font-size:14px;border-radius: 3px;background: -webkit-gradient(linear, 0 0, 0 100%, from(#FEFEFE), to(#F0F0F0));} .pages span{background:#15181E;color:#fff;margin:3px;padding:8px 12px;border:1px solid #15181E;border-radius: 3px;} /*留言*/ .member_f{width:90%; margin:0 auto;margin-top:5px;} .member_f li{padding:10px 0; display:block;} .member_f li .inp{height:40px; line-height:40px; width:98%; border:1px solid #e2e2e2; border-radius:5px; padding-left:5px;} .member_f li .inpx{height:40px; line-height:40px; width:50%; border:1px solid #e2e2e2;border-radius:5px; padding-left:5px;} .member_f li .textarea{height:120px; width:96%;border:1px solid #e2e2e2;border-radius:5px;padding:5px;} .member_f li.anniu{ text-align:center;} .member_f .btnbig{height:40px; line-height:40px; font-size:16px; background:#0072B4; border:none; cursor:pointer; width:280px; margin:0 auto; color:#fff;} .ico1{background:#fff url(../images/liuyan_01.png) no-repeat 4px center;} .ico2{background:#fff url(../images/liuyan_02.png) no-repeat 4px center;} .ico3{background:#fff url(../images/liuyan_03.png) no-repeat 4px center;} .ico4{background:#fff url(../images/liuyan_04.png) no-repeat 4px center;} /*文章列表*/ #indexNews{ width:100%; margin:0 auto; padding:10px 0; overflow:hidden;} #indexNews dl{width:100%; height:100px; display:block;} #indexNews dl.pic{border-bottom:1px solid #e2e2e2; margin:10px 0;} #indexNews dt{width:15%; text-indent:10px; float:left; height:100px; background:url(../images/news_li.jpg) no-repeat right;} #indexNews dt.none{background:none;} #indexNews dt img{width:80px; margin-left:14px; padding:2px; border:1px solid #e2e2e2;} #indexNews dd{width:84%; float:right; height:100px;line-height:30px;} #indexNews dd h3{display:block; height:30px; line-height:30px; font-size:16px; font-weight:bold; color:#101010;} #indexNews dd a:hover h3{color:#1A1F23;} #indexNews dd span{clear:both; height:44px; font-size:14px; color:#7E7E7E; display:block;line-height:22px; padding-top:4px; overflow:hidden;} .youshi{margin-top:30px; width:100%; margin:0 auto; height:1400px;} .youshi .youshi_tit{text-align: center; height:190px;width:100%; clear:both;} .youshi_con{position:relative; margin-top:40px; display:block; width:1200px; margin:0 auto;} .youshi_text{width:620px; clear:both;} .youshi_con_t{height:90px; line-height:100px; text-indent:114px; font-size:28px; color:#bc2024;} .youshi_con_d{width:87%; display:block; padding-left:13%; margin-top:20px;} .youshi_con_d p{line-height:25px;font-size:14px;} .t1{position:absolute; left:0px; top:50px;} .t2{position:absolute; right:0px; top:400px;} .t3{position:absolute; left:0px; top:650px;} .t4{position:absolute; right:0px; top:960px;} .ys_t1{ background:url(../images/ys_num1.png) no-repeat center;} .ys_t2{ background:url(../images/ys_num2.png) no-repeat center;} .ys_t3{ background:url(../images/ys_num3.png) no-repeat center;} .ys_t4{ background:url(../images/ys_num4.png) no-repeat center;} .youshi_pic1{position:absolute; right:0px; top:50px;} .youshi_pic2{position:absolute; left:0px; top:350px;} .youshi_pic3{position:absolute; right:0px; top:620px;} .youshi_pic4{position:absolute; left:0px; top:890px;} .yunu-contact{background-color: #f5f5f5;border: 1px solid #eaeaea;padding: 48px 60px;overflow: hidden;margin-bottom: 30px;} .yunu-contact .tel{float: left; color: #666;font-size: 16px;} .yunu-contact .tel img{width: 120px;} .yunu-contact .tel h4{margin: 0;font-size: 20px;padding-left: 5px;line-height: 1;float: right;text-align: right;} .yunu-contact .tel strong {font-size: 16px !important;text-align: right;} .yunu-contact .tel p {font-size: 14px !important;text-align: right;} .yunu-contact .telr {width: 250px;float: right;box-sizing: border-box;padding: 20px 0;line-height: 40px;} .yunu-contact .tel strong {display: block;font-size: 34px;} .yunu-contact .info {margin-left: 200px;border-left: 1px solid #ddd;padding-left: 60px;} .yunu-contact .info h4 {font-size: 22px;margin: 0;color: #C8171E;} .yunu-contact .info p {margin: 19px 0 0;} /* 首页产品展示 */ .kinds2{ width: 100%;float:left; overflow: hidden;margin-top:0px;display: flex;justify-content: space-between; flex-wrap: wrap;} .kinds2 a{display: inline-block;float: left;width: calc((100% - 80px)/5);height: 40px;line-height: 40px;overflow: hidden;text-align: center;color: #111;font-size: 16px; margin: 0 35px 10px;border: 1px solid #f5f5f5;background: #f5f5f5; } .kinds2 a:hover{background: #C8171E;border: 1px solid #C8171E;color: white;} .index_cp1{width:100%;display:block; overflow: hidden;} .index_cp1 ul {margin:0;padding:0; clear:both; overflow: hidden;} .index_cp1 li {float:left; width:260px;background:#fff; padding:10px; overflow: hidden;text-align:center;border-collapse: collapse;margin:5px 10px 15px 10px;} .index_cp1 li a{display:block;} .index_cp1 li a .cp_name{display: block; width:260px; height:240px;color: #555;display: table-cell; text-align: center; vertical-align: middle; overflow:hidden;} .index_cp1 li a img{max-width:260px;max-height:240px;} .index_cp1 li .cp_xclass{ height:40px; line-height:40px; font-size:20px; color:#333;text-align:left;width:94%; margin:0px auto;} .index_cp1 li .zxzx{display: flex;height: 36px;line-height: 36px;justify-content: space-between;} .index_cp1 li .zxzx a{width: 49%;color: white; } .index_cp1 li .zxzx .zzr{background: #C8171E;} .index_cp1 li .zxzx .zzl{background:#C8171E ;} .index_cp1 li .zxzx a:hover{background: #f00;} .index_cp1 li a .cp_name:hover img { transform: scale(1.1, 1.1);} .index_cp1 li a .cp_name img{transition:transform 1s ease 0s} /*首页产品展示*/ .index_cp1 li a{display:block; color:#111;} .index_cp1 li a .cp_name{padding-bottom:10px; border:1px solid #ccc;} .index_cp1 li span{ text-align:center; overflow:hidden;} /* 图片放大效果 */ .index_cp1 li a .cp_name:hover img { transform: scale(1.1, 1.1);} .index_cp1 li a .cp_name img{transition:transform 1s ease 0s} /* 关键词搜索 */ .searchbg { width: 1200px; height: 90px; position: relative; margin: 0 auto; } .searchbg .search { width: 1200px; height: 90px; position: absolute; left: 0; top:-32px; background: #f5f5f5; z-index: 99; border:1px solid #999; box-shadow:5px 5px 15px 5px #ccc; } .search .key_text { float:left; height:90px; line-height: 90px; } .search .key_text b { display:block; float:left; color:#333; font-weight: normal；text-align：left; text-indent:20px; } .search1 { width:470px; float:right; padding-top:25px; margin-right: 20px; } .search1 li { float:left; } .search1 li .select { width:60px; background:#fff; height:32px; float:left; margin-right:2px; display:none; } .search1 li .input { width:384px; background:#fff; border:1px solid #fff; height:34px; line-height: 34px; float:left; text-indent:3px; padding-left:16px; } .search1 li .submit { width:67px; background:#0056d8 url(../images/sousuo.png) no-repeat center; text-indent:-9999em; cursor:pointer; height:36px; line-height: 36px; float:left; color:#fff; border: none; } .dingsheng_nav { position: fixed; z-index: 9999; right: 0; top: 170px; width: 140px; -ms-background-image: linear-gradient(to bottom right, #e24a2a, #b8221d); -moz-background-image: linear-gradient(to bottom right, #e24a2a, #b8221d); -webkit-background-image: linear-gradient(to bottom right, #e24a2a, #b8221d); background-image: linear-gradient(to bottom right, #e24a2a, #b8221d); border-radius: 10px; border: 4px solid #ca2c18; padding: 12px 0 30px; } .dingsheng_nav .weixin_code_nav { width: 110px; margin: 0 auto; } .dingsheng_nav .weixin_code_nav .img_box img { width: 100%; } .dianhua_nav font{font-weight: bold;} .dingsheng_nav .weixin_code_nav .text { font-size: 14px; color: #ffffff; text-align: center; padding-top: 2px; } .Statements_and_Schemes { padding: 12px 2px 10px 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -ms-align-items: flex-end; -webkit-align-items: flex-end; align-items: flex-end; } .Statements_and_Schemes .item { margin-bottom: 7px; } .Statements_and_Schemes .item a { width: 160px; border: 1px solid #ee9586; border-radius: 10px; background: rgba(234,120,101,0.76); padding: 5px 10px 5px 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.15); display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-align-items: center; -webkit-align-items: center; align-items: center; } .Statements_and_Schemes .item a .icon { width: 38px; box-shadow: 0 0 15px rgba(0,0,0,0.1); } .Statements_and_Schemes .item a .icon img { width: 100%; } .Statements_and_Schemes .item a .right_box { padding-left: 10px; } .Statements_and_Schemes .item a .right_box .tt { font-size: 14px; color: #70110a; } .Statements_and_Schemes .item a .right_box .text { font-size: 14px; color: #ffffff; padding-top: 2px; } .dingsheng_nav .dianhua_nav a { display: block; font-family: "Impact"; font-size: 20px; color: #ffd343; text-align: center; } .dingsheng_nav .Free_inquiry { padding-top: 12px; } .dingsheng_nav .Free_inquiry a { display: block; width: 122px; margin: 0 auto; } .dingsheng_nav .Free_inquiry a img{ max-width: 100%; } .solutions{background:#3a4459 url(../images/solution-bg.jpg) no-repeat center;padding: 120px 0; overflow: hidden;} .solutions .solution-left{width: 390px; margin-right: 96px; display: inline-block; vertical-align: middle;} .solutions .solution-left h3{font-size: 30px;line-height: 30px; margin-bottom: 40px; font-weight: bold; color: #fff;} .solutions .solution-left p{font-size: 16px;line-height: 32px;color: #ddd; margin-bottom: 40px; } .solutions .solution-left .c-btn{padding: 10px 47px;} .solutions .solution-right{width: 707px; display: inline-block; vertical-align: middle;} .solutions .solution-right ul{overflow: hidden;height: 199px;} .solutions .solution-right ul li a{width: 100px;height: 100px;background: rgba(255,255,255,0.06);float: left;border-right: 1px rgba(255,255,255,0.12) solid;border-bottom: 1px rgba(255,255,255,0.12) solid;text-align: center; padding: 16px 0;transition: .3s;} .solutions .solution-right ul li:nth-child(7) a,.solution .solution-right ul li:nth-child(14) a{border-right:0px;} .solutions .solution-right ul li a img{height: 40px;margin-bottom:10px;opacity: 0.5} .solutions .solution-right ul li a p{font-size:14px;color:#ccc;} .solutions .solution-right ul li a:hover{background: #C8171E;} .solutions .solution-right ul li a:hover p{color:#fff;} .solutions .solution-right ul li a:hover img{opacity:1} .servicety{padding:60px 0;overflow: hidden;} .servicety .service-tit{font-size: 30px; color: #222;text-align: center;} .servicety ul{ margin-top: 40px;display: -ms-flexbox!important;display: flex!important;-ms-flex-pack: justify!important;justify-content: space-between!important;-webkit-box-pack: justify!important;} .servicety ul li{background: #f9f9f9; padding: 40px 20px 60px 20px;width: 280px;text-align: center;} .servicety ul li img{width:60px; height:60px;} .servicety ul li h4{font-size: 20px;line-height: 32px; margin:10px 0 20px 0;color:#222;} .servicety ul li p{font-size: 14px;line-height: 24px;height: 72px;margin-bottom: 30px;color:#555;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .servicety ul li .b-btn{background:transparent;padding: 7px 47px;} .servicety ul li .b-btn:hover{background:#C8171E;} .contactUS{width:1200px;margin:0 auto;max-width:1200px} .contactUS-title{font-size:32px;color:#222222;text-align:center;margin-top:70px; font-weight:bold;} .contactUS-title span{display:block;font-size:20px;color:#999;margin-top:12px;margin-bottom:12px} .contactUS-title span i{display:inline-block;width:5px;height:5px;background:#999999;border-radius:5px;margin:8px 8px 2px 4px} .contactUS-title p{width:835px;height:60px;color:#666666;font-size:18px;line-height:32px;margin:0 auto; font-weight:bold;} .contactUS-consulting{display:flex;justify-content:space-between;margin-top:24px;margin-bottom:60px} .contactUS-consulting .contactUs-box{width:260px;height:160px;border:1px solid #eaeaea;border-radius:4px;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;align-items:center} .contactUs-box img{width:40px;height:40px} .contactUs-box p{font-size:16px;color:#555555;margin-top:12px} .contactUs-box span{font-size:18px;color:#555555;font-weight:bold} .contactUs-box span a{color: #555555} .contactUs-box span a:hover{color: #555555} .contactUs-box:first-child span{font-size:20px;color:#C8171E;font-weight:bold} .contactUs-box:last-child{width:380px;height:160px} .contactUS-map .map{height:320px;margin:28px auto 56px;border-radius:4px} .contactUS-form{height:560px;background-color:#F6F6F6;background:url(//lib.zozen.com/5ab9f1bda624634ee3649458/images/yykcbg.jpg!/lossless/true) no-repeat center;background-size:cover} .contactUS-form h3{font-size:32px;color:#000000;text-align:center;padding-top:60px;padding-bottom:40px} .contactUS-form-all{display:flex;justify-content:space-between} .contactUS-form-left{width:900px;height:360px;background-color:#fff;display:flex;justify-content:center;align-items:center} .contactUS-form-right{width:280px;height:320px;background-color:#fff;text-align:center;padding:20px} .contactUS-form-left .form-item{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:15px} .contactUS-form-left .form-item .form-tit{width:90px;font-size:16px;color:#555555} .contactUS-form-left .form-item input{width:700px;height:46px;border:1px solid #eeeeee;padding:0 10px;border-radius:4px;color:#999999;background-color:#F5F5F5;font-size:16px} .contactUS-form-left .form-textarea{width:90px;font-size:16px;color:#555555} .contactUS-form-left .form-item textarea{width:700px;height:100px;border:1px solid #eeeeee;padding:10px 10px;border-radius:4px;color:#999999;background-color:#F5F5F5;font-size:16px} .contactUS-form-left button{width:180px;height:40px;border:1px solid #C8171E;border-radius:4px;font-size:16px;color:#fff;margin-left:95px;background-color:#C8171E} .contactUS-form-left button:hover{width:180px;height:40px;border:1px solid #ff6600;border-radius:4px;font-size:16px;color:#fff;margin-left:95px;background-color:#ff6600} .contactUS-form-right h4{font-size:18px;font-weight:bold;margin-top:15px} .contactUS-form-right span{display:block;font-size:16px;color:#999999;margin:12px 0} .contactUS-form-right a{display:block;width:180px;height:40px;border:1px solid #C8171E;border-radius:4px;font-size:16px;color:#C8171E;line-height:40px;text-align:center;margin:0 auto;margin-bottom:28px} .contactUS-form-right a:hover{display:block;width:180px;height:40px;border:1px solid #C8171E;border-radius:4px;font-size:16px;color:#fff;line-height:40px;text-align:center;margin:0 auto;margin-bottom:28px;background-color: #C8171E} .contactUS-form-right .hengxian{width:100%;height:1px;background-color:#eee} .contactUS-form-right a:last-child{font-size:16px;width:140px;height:40px;line-height:40px;color:#fff;background-color:#C8171E} .contactUS-form-right a:last-child:hover{font-size:16px;width:140px;height:40px;line-height:40px;color:#fff;background-color:#ff6600} .contactUS-form-all ul{display:flex;width:1200px;justify-content:space-between;margin-top:40px} .contactUS-form-all ul li{width:380px;height:286px;position:relative} .contactUS-form-all ul li img{width:100%;height:100%;object-fit:cover} .contactUS-form-all ul li:first-child img{border-top-left-radius:40px;border-bottom-right-radius:40px} .contactUS-form-all ul li:nth-child(2n) img{border-bottom-right-radius:40px;border-bottom-left-radius:40px} .contactUS-form-all ul li:last-child img{border-top-right-radius:40px;border-bottom-left-radius:40px} .contactUS-li-text{width:100%;position:absolute;bottom:0;color:#fff;text-align:center;height:90px} .contactUS-li-text h4{font-size:20px;font-weight:bold;color:#fff;text-shadow:#000 1px 1px 2px} .contactUS-li-text p{font-size:16px;margin-top:6px;text-shadow:#000 1px 1px 2px} .contactUS .test-wrap{width:1196px;margin:0 auto} .contactUS-directory h5{margin-top:56px;font-size:32px;color:#222;text-align:center} .contactUS-directory .contactUS-detail{margin:42px 0 56px;overflow:hidden} .contactUS-detail-list:first-child{margin-left:0} .contactUS-detail-list{width:380px;border-radius:4px;background:#f8f8f8;padding:14px;float:left;margin-left:28px} .contactUS-directory .title{display:block;font-size:18px;color:#222222;text-align:center;padding-top:10px} .contactUS-detail-list .dress-k{display:block;font-size:14px;color:#999;line-height:14px;padding-top:6px;padding-bottom:16px} .contactUS-message{width:350px;height:665px;border-radius:4px;background:#ffffff} .contactUS-img1{background:url(//lib.zozen.com/5ab9f1bda624634ee3649458/images/jd1.jpg) no-repeat center} .contactUS-img{width:350px;height:238px} .contactUS-message .traffic-message{padding:10px 10px 0 10px} .contactUS-message .site{border-bottom:1px solid #eaeaea;padding-bottom:10px} .contactUS-message .site p{font-size:16px;line-height:26px;color:#999999} .contactUS-message .site p span{color:#555555} .contactUS-message .traffic-detail{padding:28px 0} .contactUS-message .traffic-message h6{font-size:18px;line-height:28px;color:#222222} .contactUS-message .traffic-detail li{margin-top:10px} .traffic-detail li p{font-size:16px;line-height:24px;color:#555555} .contactUS-message .traffic-detail li span{font-size:14px;line-height:24px;color:#999999} .contactUS-img2{background:url(//lib.zozen.com/5ab9f1bda624634ee3649458/images/jd2.jpg) no-repeat center} .contactUS-img3{background:url(//lib.zozen.com/5ab9f1bda624634ee3649458/images/jd3.jpg) no-repeat center} .contactUS-map .contactUs-marker-route{background:url(//lib.zozen.com/5ab9f1bda624634ee3649458/images/contact-marker.png) no-repeat center center;background-size:cover;width:25px;height:33px;box-sizing:border-box} .contactUS-map .amap-info-content{width:319px;height:128px;background:url(//lib.zozen.com/5ab9f1bda624634ee3649458/images/contact-map.png!/lossless/true) no-repeat center top;padding:0} .contactUS-map .amap-info-close{display:none} .contactUS-map .amap-info-sharp{display:none} .contactUS-map .amap-info-outer,.amap-menu-outer{box-shadow:unset} .inpro-search {overflow: hidden;height: 170px;border: 6px solid #f6f6f6;padding: 22px 30px;background: #fff url(../images/inpro-search.png) no-repeat right center;position: relative;width: 1200px;margin: 20px auto;z-index: 99;} .inpro-search .form-part { float: left; border-right: 2px #ededed solid; } .inpro-search .form-item { float: left; margin-top: 0; line-height: 42px; } .inpro-search input[type="text"] { background-color: #f6f6f6; border: 1px solid #ddd; outline: none; height: 30px; width: 64px; font-size: 14px; padding: 0 10px; margin-right: 10px; border-radius: 4px; } .inpro-search input[type="radio"] { margin-right: 4px; } .inpro-search .radio-wrap { position: absolute; left: 0; } .inpro-search .unit-box { width: 40px; } .inpro-search label { position: relative; font-size: 14px; color: #555; font-weight: normal; padding-right: 10px; margin-bottom: 0; } .inpro-search .v-radio { float: left; height: 42px; margin-right: 19px; line-height: 42px; font-size: 14px; color: #555; cursor: pointer; } .inpro-search .v-radio:before { content: ""; width: 14px; height: 14px; border-radius: 50%; box-shadow: inset 0px 1px 3px 0px rgba(0,0,0,0.2); border: 1px solid #ccc; line-height: 42px; margin: 0 6px 2px 2px; display: inline-block; vertical-align: middle; } .inpro-search .checked:before { content: ""; background: #C8171E; width: 14px; height: 14px; border-radius: 50%; border: 3px #fff solid; line-height: 42px; margin: 0 10px 2px 2px; display: inline-block; vertical-align: middle; box-shadow: 0 0 0 1px #C8171E; } .inpro-search button { display: block; float: left; width: 140px; height: 36px; border-radius: 4px; font-size: 14px; margin-left: 10px; line-height: 36px; text-align: center; background-color: #C8171E; color: #fff; border-color: #C8171E; transition: all .4s; } .inpro-search button:hover { background-color: #ff6a00; color: #fff; border-color: #ff6a00; } .inpro-search .conversion_open { display: inline-block; cursor: pointer; line-height: 42px; margin-left: 10px; font-size: 14px; color: #C8171E; } .inpro-search .pre-filter { margin-top: 10px; font-size: 14px; } .inpro-search .group { float: left; margin-right: 21px; } .inpro-search .group-type { float: left; width: 30px; height: 58px; border: 1px solid #efefef; border-radius: 3px; text-align: center; line-height: 28px; } .inpro-search .group-type3 { line-height: 16px; padding-top: 4px; } .inpro-search .group-link { width: 200px; float: left; margin-left: 6px; } .inpro-search .group-link a { display: block; float: left; width: 96px; height: 26px; line-height: 26px; border: 1px solid #efefef; background: #fff; border-radius: 3px; color: #999; text-align: center; margin-bottom: 4px; margin-left: 4px; transition: all .4s; } .inpro-search .group-link a:hover { background-color: #C8171E; color: #fff; border-color: #C8171E; } .inpro-search .guide-part { float: right; } .inpro-search .guide-part p { font-size: 14px; color: #999; margin-bottom: 10px; margin-top: 16px; } .inpro-search .guide-choice { float: left; } .inpro-search .guide-choice a { width: 180px; } .inpro-search .guide-inquiry { float: left; margin-left: 14px; } .inpro-search .guide-inquiry a { width: 133px; } .inpro-search .guide-part a { display: block; background-color: #fff; border: 1px solid #C8171E; height: 42px; line-height: 42px; text-align: center; border-radius: 4px; font-size: 14px; transition: all .4s; color: #C8171E; } .inpro-search .guide-part a:hover { background-color: #ff6a00; color: #fff; border-color: #ff6a00; }