@charset "utf-8"; *{box-sizing:border-box;} *::before, *::after{box-sizing:border-box;} *:focus{outline:none;} body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{margin: 0;padding: 0;} LI, UL { list-style-type:none;} body { background:#fff; font-size:16px; color:#000;} IMG {BORDER - TOP - WIDTH: 0;BORDER - LEFT - WIDTH: 0;BORDER - BOTTOM - WIDTH: 0;BORDER - RIGHT - WIDTH: 0} @font-face { font-family:impact; src: url("../fonts/impact.ttf") format(".ttf"), } @font-face { font-family: "iconfont"; /* Project id */ src: url('../fonts/iconfont.ttf') format('truetype'); } @font-face { font-family: "iconfont2"; /* Project id */ src: url('../fonts/iconfont2.ttf') format('truetype'); } .fz { margin:0 auto; width:95%; max-width:1600px;} .fr { float:right;} .fl { float:left;} .clear { clear:both;} a { text-decoration:none;color:#0154a1;} a:hover{ color:#333333;} img { border:0;} .index_height { width:100%; height:1000px;} .index_heightz_z { margin:50px auto 0; height:300px; background:#CCC} .iconfont::before { font-family: "iconfont2" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display:block; position:absolute; display:block;} #goTopBtn { POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT:70px; background:#0154a1; color:#fff;WIDTH: 50px; BOTTOM: 35px; HEIGHT: 50px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 0px; _position: absolute; _right: auto; z-index:999;} #goTopBtn:hover{ background:#333333 ; } #goTopBtn::before { content: "\f0117"; right:0; top:20px; line-height:20px; color:#fff; font-size:25px; width:30px; height:30px; text-align:center; position:absolute; left:10px; top:5px; } /* ===================导航========================== */ .header { height:100%; width:100%; position:relative;} .index_head { width:100%; position:absolute; left:0; top:0;} .logo { width:25%; } .logo img { height:33px; margin-top:60px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; } .top_head { width:100%; height:110px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; z-index:999; } .headlf { display:none;} .logo a { display:block; float:left; width:25%;} .logo h1 { float:right; width:74%; margin-left:1%; margin-top:30px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} .fixed .logo h1 { margin-top: 13px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} .logo h1 p { font-size:18px;} .logo h1 span { display:block; font-size:16px; margin-top:5px; font-weight:500;} .nav_search { width:80px; position:relative; z-index:1; margin-top:50px;} .nav_z{z-index: 9999; position:relative; } .nav_z .nav{display: block; width:55%; text-align:center; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; } #inner_head .nav_z .nav { margin-left:13%; } .fixed .nav_z .nav ul li .f_a{ line-height:80px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; } .nav_z .nav .nav_pc{ width:100%; margin-top:50px; } .nav_z .nav ul li{ display:inline-block; padding:0 3%;box-sizing: border-box; text-align:center;z-index: 999; position:relative; width:auto !important; } .nav_z .nav ul li:first-child{ padding:0 3% 0 0; } .nav_z .nav ul li:last-child{ padding:0 0 0 3%; } .nav_z .nav ul li .f_a{ line-height:50px;position:relative; display:block;font-size:18px;color:#fff;width:100%;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s} .nav_z .nav_search ul li:first-child { position:relative; width:50% !important;} .nav_z .nav_search ul .search a { float:right; display:block; width:40px; height:50px; line-height:40px; margin-top:6px; border-radius:100px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; font-weight: bold; } .nav_z .nav_search ul li { float:left; position:relative;z-index:99;} .nav_z .nav_search ul .search a::before { color:#fff; font-family: "iconfont2" !important; content: "\e86e"; right:0; top:20px; font-size:22px; width:20px; height:20px; } .nav_z .nav_search ul .search:hover a::before { color:#0154a1; } .nav_z .nav_search ul li:last-child { width:50%; position:relative; text-align:right; float:right; position:relative; } .nav_z .nav_search ul li:last-child::before{ display:block; width:2px; height:18px; background:#fff; content:""; position:absolute; left:-2px; top:16px} .nav_z .nav_search ul li:last-child a { color:#fff; font-size:18px; line-height:50px;} .nav_z .nav_search ul li:last-child a:hover { color:#0154a1; } .nav_z .nav_search ul li:last-child span .icon { margin:7px auto 0} .nav_z .nav_search ul li:last-child span .icon path { font-weight:bold} .nav_z .nav_search ul li:last-child p { line-height:110px; text-align:right; width:80%; float:right; font-size:22px; color:#0154a1;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} .fixed .nav_z .nav_search ul li:last-child p { line-height:80px; text-align:right; width:80%; float:right; font-size:22px; color:#0154a1;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} .nav_z .nav ul li:hover .f_a{color: #0154a1; transition:all .3s} .nav_z .nav ul li .f_a::after { content: ""; width:100%; height:2px ; background:#0154a1; position:absolute; bottom:0; left:0;transform: scale(0,1);transform-origin:right;transition: transform .3s;} .fixed .nav_z .nav ul li .f_a::after { bottom:0; } .nav_z .nav ul li:hover .f_a::after{width:100%;transform: scale(1);transform-origin:left;} .nav_z .nav ul li .f_a:hover:after{width:100%;transform: scale(1);transform-origin:left;} .nav_z .nav ul li .s_navbox{ top:60px;display:none;position: absolute;left: -10px;width: 120%; background:#fff;background:rgba(0,0,0,0.7);z-index: 9999;box-sizing: border-box; } .nav_z .nav ul li:last-child .s_navbox { left:3px;} .body_product .nav_z .nav ul li .s_navbox { top: 115px;} .body_news .nav_z .nav ul li .s_navbox { top: 115px;} .nav_z .nav ul li .s_navbox .s_a a{color:#fff;font-size:14px;text-transform:uppercase;display:block;padding:10px 0; border-TOP:1px solid #5c5c5c} .nav_z .nav ul li .s_navbox .s_a a:first-child{ border-TOP:0} .nav_z .nav ul li .s_navbox .s_a a:last-child{ border-BOTTOM:0 } .nav_z .nav ul li .s_navbox .s_a a:hover{color: #fff; background:#0154a1;} .m_nav{display:none} .headrg .m_menuimg{display: none} .activ2{background-color: #fff} .head_search{ display:block; position:absolute; right:5%; top:10px; width:444px; height:30px; line-height:30px; color:#fff; text-align:right; overflow:hidden; z-index:99999999999999;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s} .fixed .top_head{ width: 100%; height:80px; position: fixed; left: 0; top: 0; z-index: 5000; background:rgba(255,255,255,1); transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; border-bottom:1px solid #f4f4f4; } .fixed .nav_z .nav ul li .f_a { color: #323232;} .headrg { display:none;} .nav_z #on2 ul li:first-child+li .f_a{ color:#0154a1} .nav_z #on2 ul li:first-child+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on13 ul li:first-child+li .f_a{ color:#0154a1} .nav_z #on13 ul li:first-child+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on33 ul li:first-child+li .f_a{ color:#0154a1} .nav_z #on33 ul li:first-child+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on34 ul li:first-child+li .f_a{ color:#0154a1} .nav_z #on34 ul li:first-child+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on35 ul li:first-child+li .f_a{ color:#0154a1} .nav_z #on35 ul li:first-child+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on36 ul li:first-child+li .f_a{ color:#0154a1} .nav_z #on36 ul li:first-child+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on37 ul li:first-child+li .f_a{ color:#0154a1} .nav_z #on37 ul li:first-child+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on38 ul li:first-child+li .f_a{ color:#0154a1} .nav_z #on38 ul li:first-child+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on40 ul li:first-child+li .f_a{ color:#0154a1} .nav_z #on40 ul li:first-child+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on41 ul li:first-child+li .f_a{ color:#0154a1} .nav_z #on41 ul li:first-child+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on14 ul li:first-child+li .f_a{ color:#0154a1} .nav_z #on14 ul li:first-child+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on42 ul li:first-child+li .f_a{ color:#0154a1} .nav_z #on42 ul li:first-child+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on43 ul li:first-child+li .f_a{ color:#0154a1} .nav_z #on43 ul li:first-child+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on44 ul li:first-child+li .f_a{ color:#0154a1} .nav_z #on44 ul li:first-child+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on45 ul li:first-child+li .f_a{ color:#0154a1} .nav_z #on45 ul li:first-child+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on46 ul li:first-child+li .f_a{ color:#0154a1} .nav_z #on46 ul li:first-child+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on47 ul li:first-child+li .f_a{ color:#0154a1} .nav_z #on47 ul li:first-child+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on15 ul li:first-child+li .f_a{ color:#0154a1} .nav_z #on15 ul li:first-child+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on3 ul li:first-child+li+li .f_a{ color:#0154a1} .nav_z #on3 ul li:first-child+li+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on19 ul li:first-child+li+li .f_a{ color:#0154a1} .nav_z #on19 ul li:first-child+li+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on20 ul li:first-child+li+li .f_a{ color:#0154a1} .nav_z #on20 ul li:first-child+li+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on21 ul li:first-child+li+li .f_a{ color:#0154a1} .nav_z #on21 ul li:first-child+li+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on22 ul li:first-child+li+li .f_a{ color:#0154a1} .nav_z #on22 ul li:first-child+li+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on23 ul li:first-child+li+li .f_a{ color:#0154a1} .nav_z #on23 ul li:first-child+li+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on24 ul li:first-child+li+li .f_a{ color:#0154a1} .nav_z #on24 ul li:first-child+li+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on25 ul li:first-child+li+li .f_a{ color:#0154a1} .nav_z #on25 ul li:first-child+li+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on26 ul li:first-child+li+li .f_a{ color:#0154a1} .nav_z #on26 ul li:first-child+li+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on27 ul li:first-child+li+li .f_a{ color:#0154a1} .nav_z #on27 ul li:first-child+li+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on28 ul li:first-child+li+li .f_a{ color:#0154a1} .nav_z #on28 ul li:first-child+li+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on4 ul li:first-child+li+li+li .f_a{ color:#0154a1} .nav_z #on4 ul li:first-child+li+li+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on50 ul li:first-child+li+li+li .f_a{ color:#0154a1} .nav_z #on50 ul li:first-child+li+li+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on51 ul li:first-child+li+li+li .f_a{ color:#0154a1} .nav_z #on51 ul li:first-child+li+li+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on5 ul li:first-child+li+li+li+li .f_a{ color:#0154a1} .nav_z #on5 ul li:first-child+li+li+li+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on17 ul li:first-child+li+li+li+li .f_a{ color:#0154a1} .nav_z #on17 ul li:first-child+li+li+li+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on18 ul li:first-child+li+li+li+li .f_a{ color:#0154a1} .nav_z #on18 ul li:first-child+li+li+li+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on16 ul li:first-child+li+li+li+li .f_a{ color:#0154a1} .nav_z #on16 ul li:first-child+li+li+li+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on1 ul li:first-child+li+li+li+li+li .f_a{ color:#0154a1} .nav_z #on1 ul li:first-child+li+li+li+li+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on7 ul li:first-child+li+li+li+li+li .f_a{ color:#0154a1} .nav_z #on7 ul li:first-child+li+li+li+li+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on8 ul li:first-child+li+li+li+li+li .f_a{ color:#0154a1} .nav_z #on8 ul li:first-child+li+li+li+li+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on9 ul li:first-child+li+li+li+li+li .f_a{ color:#0154a1} .nav_z #on9 ul li:first-child+li+li+li+li+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on10 ul li:first-child+li+li+li+li+li .f_a{ color:#0154a1} .nav_z #on10 ul li:first-child+li+li+li+li+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on11 ul li:first-child+li+li+li+li+li .f_a{ color:#0154a1} .nav_z #on11 ul li:first-child+li+li+li+li+li .f_a::after { width:100%; transform: scale(1);} .nav_z #on12 ul li:first-child+li+li+li+li+li .f_a{ color:#0154a1} .nav_z #on12 ul li:first-child+li+li+li+li+li .f_a::after { width:100%; transform: scale(1);} /* 下拉侧边菜单 */ .sidenav{position: relative;width:180px;display: block; float: left;} .sidenav label {width:180px;display: block;padding-left: 55px;box-sizing: border-box; background: #128ee3;position: relative;height: 48px;line-height: 48px;color: #fff;font-size: 16px;} .sidenav label i {width: 30px;height: 30px;display: block;position: absolute;background-size: 20px;left: 25px;top: 16px;} .sidenav .side {display: inline-block;position: absolute;top: 48px;left: 0;z-index: 999;width: 180px;background: #fff;border-top: none;background-color: rgba(255, 255, 255, .95);box-sizing: border-box;} .sidenav .side li {position: relative;width:100%; padding:5px 0px;border-bottom: 1px solid #cccccc;box-sizing: border-box} .sidenav ul.side li:first-child {cursor: pointer; width:14%;} .sidenav .side li a {color: #333;height: 40px;line-height: 40px;padding: 8px 0 8px 0;display: block;font-size: 16px;} .sidenav .side li a:hover {background: none;color: #0085cd;} .sidenav .side li a i {transition: all 0.3s ease 0s;} .sidenav .side li a i.side_t {margin-left:10px; width: 40px;height: 40px;display: inline-block;vertical-align: middle;background-size: 30px;} .sidenav .side li a:hover i {margin-left: 15px;} .sidenav .side li:hover .side_main {display: block;z-index: 999;} .sidenav .side .side_main {display: none;width: 500px;background: #FFFFFF;position: absolute;left: 180px;top:0;box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);border: 1px #cecece solid;z-index: 7;} .sidenav .side .side_main dl {margin: 20px;padding: 0;} .sidenav .side .side_main dl dt {font-size: 18px;margin-bottom: 10px;color: #0173b2;font-weight: bold;} .sidenav .side .side_main dl dt b{font-size: 15px;} .sidenav .side .side_main dl dd {margin-bottom: 10px;display: inline-block;} .sidenav .side .side_main dl dd a {position: relative; display: inline-block;color: #777;font-size: 14px;margin:0 4px ;padding: 0 5px;border-right: 2px solid #bbbbbb; height: auto;line-height: 1.5;transition: all 0.2s ease 0s;} i.icon-hot,i.icon-new {display: inline-block;height: 9px;width: 24px; vertical-align: middle;} i.icon-hot {background-position: 0 -240px;} i.icon-new {background-position: -40px -240px;} .sidenav .side .side_main dl dd a span {color: #999;} .sidenav .side .side_main dl dd a:hover {background: none;color: #cf1322;transform:translateY(-2px);} .sidenav .side .side_main dl dd a:hover b {color: #40adf5;} .sidenav .side .side_main dl dd a:hover span {color: #40adf5;} .m_search { display:none} .m_search ul li:first-child a::before { z-index:9999; font-family: "iconfont"; display:block; position:absolute; content: "\e86e"; left:0; top:32px; color:#333333; font-size:25px; width:30px; height:30px; text-align:center; line-height:30px; border-radius:100px;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s } .fixed .m_search ul li:first-child a::before { color:#000;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;transition:all 0.6s } .m_search { width: 82%; margin-right: 2%; display:block;} .m_search ul li { float: left; position: relative; height: 90px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;} .m_search ul li:first-child { width:85%; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;} .m_search ul li:first-child a p { padding-left:50px; color:#fff} .m_search ul li:first-child a { display:block; height:90px; line-height:90px; position:relative} .m_search ul li:first-child a span .icon { margin-top:10px;position:absolute; left:0; top:22px;} .m_search ul li:last-child { width:15%; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; line-height:90px;} .m_search ul li:last-child a { color:#fff;} .m_search .m_demo { width: 60px; float: right; height: 90px;} .m_select { position: relative;float: left; width: 100%;} /*小于1600大于1200稍微调整下字体*/ @media screen and (max-width: 1600px) and (min-width:1200px) { .nav ul li .f_a{font-size:14px} .nav ul li .s_navbox .s_a a{font-size:12px} .foot_top ul{margin-left:60px} .nav ul li .s_navbox .s_a{width:100%} } /*移动端导航*/ .closeicon a { display:block; width:60px; height:60px; position:relative;} .closeicon a::before { content: "\e97d"; left:8px; top:20px; color:#fff; font-size:30px; width:60px; height:60px; } .m_navList ul li:first-child{ text-align:center; padding:15% 0 15%;} .m_navList ul li .c_logo{ width:55%;} @media screen and (max-width: 1024px) and (min-width: 0px){ .headrg { display:block;} .top_head { height:90px;} .headlf { display: block;} .nav_z { display: none;} .msgNum{display: none;} .head{display:none} .a_js{ display:block; width:40px; height:40px; margin:32px 0 0 0; white-space:nowrap;color:transparent;z-index:20;cursor:pointer; } .a_js span{display:block;height:3px;background:#0154a1;margin-bottom:6px;transition:all 0.3s; -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;} .a_js span:nth-child(1){ width:30px; } .a_js span:nth-child(2){ width:45px;} .a_js span:nth-child(3){margin-bottom:0;width:30px;} .a_js:hover span:nth-child(1){transform: translateX(3px) translateY(0px) rotate(45deg); width:39px !important;} .a_js:hover span:nth-child(2){opacity:0; width:45px !important;} .a_js:hover span:nth-child(3){transform:translateX(3px) translateY(11px) rotate(-45deg); width:39px !important;} .m_img{display:block;height:90px; width:100%;z-index:9999;overflow: hidden; position:relative;} .m_img .headlf{height:90px; width:100%; } .m_img .headlf .m_logo{ height:35px; margin-top: 28px; padding-left:3%; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} .fixed .m_img .headlf .m_logo { margin-top: 18px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} .m_img .headlf a p { display:inline-block; color:#0154a1; height:90px; position:absolute; right:25px; top:0; font-size:18px;} .m_img .headlf a p em { display:block; font-style:normal;color:#333333; margin-top:25px;} .m_img .headrg{ position:absolute; right:3%; height:90px; top:0; z-index:66666; width:290px} .m_img .headrg .m_em{ width:60px; display:block; float:left; line-height:90px; text-align:right; font-size:25px; height:90px; background:url(../images/en.png) no-repeat left center} .m_img .headrg .a_js{ width:40px; display:block; float:right; } .m_img .headrg a .m_menuimg{height:25px;vertical-align:top;display: block} .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000} .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1} .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0} .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;} .m_nav .m_navList ul{padding-left:5%;padding-right:5%} .m_nav .m_navList ul li{border-bottom:1px solid #232530} .m_nav .m_navList ul li:first-child{border-bottom:0} .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px} .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%; position:relative;} .m_nav .m_navList ul li .m_f_a a{flex: 1;} .m_nav .m_navList ul li .m_f_a i{width: 100%; position:absolute; left:0; top:0;height:35px;box-sizing: border-box; padding:0 5px; display: block;} .m_nav .m_navList ul li .m_f_a i::before { content: "\eb78"; right:2px; top:11px; color:#fff; font-size:20px; width:20px; height:20px; } .m_nav .m_navList ul li .m_f_a .icon_on::before { content: "\eb79"; right:2px; top:11px; color:#fff; font-size:20px; width:20px; height:20px; } .icon{ -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s} .icon_on{ -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s} .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;} .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;} } @media only screen and (max-width: 1700px){ .nav_z .nav ul .language::before { left: 30px;} } @media only screen and (max-width: 1400px){ .nav_z .nav ul .language::before { left: 20px;} } /* search */ .reveal-modal-bg{position:fixed;height:100%;width:100%;background-color:#000;z-index:100;display:none;top:0;left:0;} .reveal-modal{visibility:hidden;top:109px !important;left:0;width:100%;position:absolute;z-index:10111111; } .fixed .reveal-modal { position:fixed; top: 86px !important; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} .reveal-modal .close-reveal-modal { font-size:22px;line-height:.5;position:absolute;top:8px;right:11px;color:#aaa;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;} .nav_z .nav ul .search a{display:block;width:100%; height:90px;margin:0 auto;text-align:center;font-size:18px;color:#5e5e5e;text-decoration:none;} .search_modal_r { position:relative; width:600px; height:70px; -moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4); background:#f4f4f4;} .search_modal_r .text_search { width:410px; padding:0 10px; float:right; margin-right:90px; border:0; background:#fff;height:40px; line-height:40px; margin-top:15px;} .search_modal_r .search_btn { text-align:center; line-height:10px; width:60px; margin-left:15px; float:left; position:relative; background:#0154a1; height:40px; margin-top:15px;} .search_modal_r .search_btn:hover { background:#333333; } .search_modal_r .close-reveal-modal { width:70px; height:70px; line-height:60px; text-align:center; color:#000; font-size:50px; position:absolute; right:10px; top:0; font-weight:100; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} .search_modal_r .close-reveal-modal:hover { color:#0154a1; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg);} .search_modal_r .search_btn::before { content: "\e86e"; left:12px; top:0; color:#fff; font-size:25px; width:40px; height:40px; text-align:center; line-height:40px; } .cate { width:50%;} .cate ul li{ float:left; margin-right:4%; display:inline-block;} .cate ul li:last-child { margin-right:0;} .cate ul li a{ color:#333333; font-size:18px; font-weight:bold; display:inline-block;} .cate ul li:hover a{ color:#0154a1; } .cate ul .cur a{ color:#0154a1; } .inner_search { padding-top:60px;} .prod_info ul li { float:left; margin-left:2%; margin-bottom:2%; width:23.5%;} .prod_info ul li:nth-child(4n+1) { margin-left:0;} .prod_info ul li a .cate_info_img { width:100%; overflow:hidden; border: 1px solid #e5e5e5;} .prod_info ul li a .cate_info_img img{ width:100%; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} .prod_info ul li:hover a .cate_info_img img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} .prod_info ul li a .cate_info_t h3{ color:#666666; font-weight:500;font-size:14px; margin-top:20px;} .prod_info ul li a .cate_info_t p { color:#333333;font-size:18px; font-weight:bold; margin-top:5px;} .prod_info ul li a .cate_info_t span { display:block; color:#666666; font-size:14px; margin-top:20px;} /* ===================首页样式========================== */ /**Banner图片**/ .slick-slider { position: relative; display: block; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; z-index: 1; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-slide:focus,.slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir = 'rtl'] .slick-slide { float: right; } .slick-slide .slick-loading img { display: none; } .slick-slide .dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow .slick-hidden { display: none; } .slick-arrow{ font-size:0; z-index:10;position: absolute; background: none; top:50%; transform: translate(0,-50%); width:50px; height:50px; cursor: pointer; padding: 0;transition: all ease 0.3s; color:#333333;} .slick-prev{background-image: url(../images/arrleft.png);background-position: center center; background-repeat: no-repeat;} .slick-next{background-image: url(../images/arrright.png);background-position: center center; background-repeat: no-repeat;} .slick-prev:before, .slick-next:before {display:none;} .slick-prev:hover{background-image: url(../images/arrleft2.png);background-position: center center; background-repeat: no-repeat;} .slick-next:hover{background-image: url(../images/arrright2.png);background-position: center center; background-repeat: no-repeat;} .slick-prev{ left:-60px;} .slick-next{ right:-60px;} .slick-dots{position: absolute; z-index: 10; bottom: 0; left: 0; width:100%; text-align:center;} .slick-dots ul{ counter-reset: sectioncounter;} .slick-dots li{ position:relative; display:inline-block; margin:0 48px 0; } .slick-dots li::before { display: block; position: absolute; left: -16px; top:-2px; content: counter(sectioncounter); counter-increment: auto; width: 24px; height: 24px; text-align: center; line-height: 24px; color: #fff; font-size: 18px; font-family:"Arial" } .slick-dots li button{display: block; width: 17px; height: 17px; border: 0; border-radius:50%; cursor: pointer; padding: 0; color:#fff; font-size:18px; background:none ; font-family:"Arial"} .slick-dots li.slick-active button{ } .HomeBan .slick-dots::after { width:430px; display:block; margin:10px auto 0; height:1px; background:rgba(255,255,255,0.3); content:"";} .HomeBan .slick-dots li button::before { position: absolute; left:-7px; bottom: -30px; content: ""; width: 0; height:2px; background: #fff ; -webkit-transition: 0.4s; -o-transition: 0.4s; -moz-transition: 0.4s; transition: 0.4s; } .HomeBan .slick-dots .slick-active button::before { width: 100%; -webkit-transition: 5s; -o-transition: 5s; -moz-transition: 5s; transition: 5s; } @media ( max-width:1366px){ .slick-arrow{ width:40px; height:40px;} .slick-prev{ left:-50px;} .slick-next{ right:-50px;} } @media ( max-width:1024px){ .slick-arrow{ width:30px; height:30px;} .slick-prev{ left:-8px;} .slick-next{ right:-8px;} .slick-prev:before, .slick-next:before { width: 30px; height: 30px; } } /*第一屏 s*/ @-webkit-keyframes rightan { from{bottom: 8%;opacity: 0;} to{bottom: 4%;opacity: 1;} } .downarr{ -webkit-animation: rightan 1s infinite;-webkit-animation-fill-mode: both; color:#fff;width:45px; height:45px; line-height:45px; position:absolute; bottom:50px; left:50%; margin-left:-17px; z-index:999; text-align:center;} .homebody{ padding-top:0;} .homebody .Footer{ background:none; border-top:0px;} .HomeBan{position: relative; z-index: 1; overflow:hidden; height:100%; background:url(../images/loading.gif) center center no-repeat;} .HomeBan .item{ position:relative;height: 100vh;} .HomeBan .item .txt{ text-align:center; z-index:10; position:absolute; left:0; width:100%; top: 40%; transform: translate(0,-50%);color:#fff;} .HomeBan .item .txt a{color:#fff;display: block;transition:all 1s ease-out;} .HomeBan .item .txt .logo{ opacity: 0; transform: translateY(130px); -webkit-transform: translateY(130px); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .HomeBan .item .txt h1{margin:26px 0 0;font-size: 65px; font-weight:500; line-height: 70px; opacity: 0; transform: translateY(130px); -webkit-transform: translateY(130px); -webkit-transition: all 700ms ease; transition: all 700ms ease; } .HomeBan .item .txt .p{margin:30px 0 0;font-size: 20px; line-height: 50px; opacity: 0; transform: translateY(130px); -webkit-transform: translateY(130px); -webkit-transition: all 1000ms ease; transition: all 1000ms ease; } .HomeBan .item .btn{ position: relative;margin-top:50px;display:inline-block;border: 1px solid #fff; opacity: 0; transform: translateY(130px); -webkit-transform: translateY(130px); -webkit-transition: all 1200ms ease; transition: all 1200ms ease; } .HomeBan .item .btn span{ display: block; line-height: 54px;padding:0 33px;font-size: 18px; position: relative; z-index: 2;} .HomeBan .item .btn:after{ position: absolute;height:100%; left: 0; top: 0; width: 0; background: #d21115; content: ""; transition: all 0.3s;} .HomeBan .item .btn i{width: 24px;height:7px; background: url(../images/more6.png);display:inline-block; vertical-align: middle; margin-left: 10px;} .HomeBan .item .imgbox{ position:absolute; left:0; top:0; width:100%; height:100%;} .HomeBan .item .btn { border:1px solid #d21115;} .HomeBan .item .btn:after {width: 100%;} .HomeBan .slick-dots{ bottom: 70px;} .HomeBan .slick-dots li{} .HomeBan .slick-dots li button{ border-radius:0; border:0px; width:17px; height:17px; position:relative; } .HomeBan .slick-dots li.slick-active button{ } .HomeBan .slick-arrow{ width:55px; height: 55px; background: rgba(0,0,0,0.3); background-size:contain; background-repeat: no-repeat;border-radius: 50%; border:none;} .HomeBan .slick-arrow::after {width:55px; height: 55px; line-height:55px; text-align: center; display:block; content: "\e660"; font-family: "iconfont2" !important; color: #fff; font-size: 20px;} .HomeBan .slick-next::after { transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .HomeBan .slick-prev{ left:-100px; } .HomeBan .slick-next{ right:-100px; } .HomeBan:hover .slick-prev { left:4%;} .HomeBan:hover .slick-prev:hover,.HomeBan:hover .slick-next:hover {background-color: #0154a1;} .HomeBan:hover .slick-next { right:4%;} .HomeBan .item.active .txt h1,.HomeBan .item.active .txt .p,.HomeBan .item.active .txt .btn,.HomeBan .item.active .txt .logo{ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.2s; transition-delay: 0.2s;} .HomeBan .item.active .scaleBg1,.HomeBan .item.active .scaleBg3,.HomeBan .item.active .scaleBg5{ -webkit-animation:scale-bg 8s ease-in-out 0s 1 alternate forwards; animation:scale-bg 8s ease-in-out 0s 1 alternate forwards;} .HomeBan .item .scaleBg2,.HomeBan .item .scaleBg4,.HomeBan .item .scaleBg6{ -webkit-transform:scale(1.4); transform:scale(1.4);} .HomeBan .item.active .scaleBg2,.HomeBan .item.active .scaleBg4,.HomeBan .item.active .scaleBg6{ -webkit-animation:scale-bg2 8s ease-in-out 0s 1 alternate forwards; animation:scale-bg2 8s ease-in-out 0s 1 alternate forwards;} .HomeBan .sj{display:none;} @media ( max-width:1440px){ .HomeBan .item .txt h1{margin:15px 0 0;font-size: 50px; line-height: 60px;} .HomeBan .item .txt .p{font-size: 30px; line-height: 40px;} } @media ( max-width:1200px){ .HomeBan .item .txt h1,.HomeBan .item .txt .p,.HomeBan .item .txt .btn,.HomeBan .item .txt .logo{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);-webkit-transition-delay: 0.2s;transition-delay: 0.2s;} .HomeBan .item .imgbox{ position:relative; } .HomeBan .item .txt{ left:5%; width:80%;} .HomeBan .item .txt h1{ font-size:30px; margin:15px 0 0; line-height:40px;} .HomeBan .item .txt .p{font-size:20px; line-height:30px;} .HomeBan .item .btn span{padding:0 10px;line-height:40px;font-size:14px;} } @media ( max-width:1024px){ .HomeBan .item .txt { top:35%;} .HomeBan .item .txt h1{ font-size:35px; line-height:30px;} .HomeBan .item .btn{ margin-top:15px;} .HomeBan .item .btn span{line-height:24px;font-size:12px;} .HomeBan .slick-dots li button{ width:8px;} .HomeBan .slick-dots { bottom:40px;} .downarr{ display:none;} .HomeBan .item .txt .logo{display:none;} .slick-dots li { margin: 0 30px 0;} .HomeBan .slick-dots::after { width: 265px;} } @media ( max-width:640px){ .HomeBan .item .txt h1{ margin-top:4px; font-size:30px;} .HomeBan .item .txt .p{ margin-top:0; font-size:16px;} .HomeBan .sj{display:block;} .HomeBan .pc{display:none;} } /*effict*/ .Scale-img {overflow: hidden; zoom:1; overflow: hidden;} .Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;} .Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;} .effict{transition: all ease 0.3s;} .imgbox{ overflow:hidden; position:relative; /*background:url(../uploadfiles/nopic.jpg) center center no-repeat; background-size:contain;*/} .imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;} .imgbox img{ width:auto !important; max-height:100%;} /* ===================产品中心========================== */ .index1{ width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; } .top1{ padding-top:75px; padding-bottom:50px;} .t1 { text-align:center; color:#333333;padding-top:80px} .t1 h3 { font-size:42px; } .t1 p { font-size:18px; margin-top:10px; color:#747474; } /* tabbtn */ .tabbtn { width:50%; margin:0 auto;} .tabbtn li {float:left;position:relative; width:30%; margin-left:3%; height:52px; cursor:pointer; } .tabbtn li a{ width:100%; border:1px solid #5e5e5e;height:52px; color:#5e5e5e; font-size:18px; text-align:center; display:block; line-height:52px; } .tabbtn li:first-child { margin-left:0} .tabbtn li.current a{ border:1px solid #0154a1; background:#0154a1; color:#fff;} /* tabcon */ .tabcon { margin-top:47px;} .tabcon .subbox { position:absolute;/*必要元素*/ left:0; top:0; } .tabcon .sublist { } /* leftcon */ #leftcon .subbox { width:9999em; } #leftcon .subbox .sublist { float:left; width:664px; } /* sublist */ .index1_info { padding-top:47px;} #IndexBlock2{ position: relative; } #IndexBlock2 .container{ position: relative; z-index: 2; } #IndexBlock2 .Productlist2{ overflow:hidden; min-height:620px; } #IndexBlock2 .Productlist{ margin:0; } #IndexBlock2 .Productlist li{ padding:0; } #IndexBlock2 .PBox{ position: relative; } #IndexBlock2 .PNBtn span{ position:absolute; top:50%; margin-top:-0.25rem; z-index:33333; display:block; height:0.5rem; width:0.5rem; border-radius:50%; z-index: 2; } #IndexBlock2 .PNBtn span:hover{ background-color: rgba(242,207,0,.6); } .Productlist2 ul .swiper-slide a { background:#ecf0f4; display:block; padding:35px 0;} .Productlist2 ul .swiper-slide:hover a { background:#0154a1; } .Productlist2 ul .swiper-slide a .imgBox { text-align:center; } .Productlist2 ul .swiper-slide a .imgBox img { height:295px; display:block; margin:0 auto;} .Productlist2 ul .swiper-slide a .Productlist2_info { padding:30px 30px 0;} .Productlist2 ul .swiper-slide a .Productlist2_info dl dd:first-child { color:#666666} .Productlist2 ul .swiper-slide:hover a .Productlist2_info dl dd:first-child { color:#fff} .Productlist2 ul .swiper-slide a .Productlist2_info dl dd:first-child+dd { color:#333333; font-size:18px; font-weight:bold; margin-top:5px;} .Productlist2 ul .swiper-slide:hover a .Productlist2_info dl dd:first-child+dd{ color:#fff} .Productlist2 ul .swiper-slide a .Productlist2_info dl dd:first-child+dd+dd { color:#666666; line-height:1.6; font-size:15px; margin-top:10px;display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height:72px;} .Productlist2 ul .swiper-slide:hover a .Productlist2_info dl dd:first-child+dd+dd { color:#fff; } .Productlist2 ul .swiper-slide a .Productlist2_info dl dd:last-child { margin-top:15px;} .Productlist2 ul .swiper-slide a .Productlist2_info dl dd:last-child span { font-size:15px; display:inline-block; position:relative;color:#666666} .Productlist2 ul .swiper-slide:hover a .Productlist2_info dl dd:last-child span { color:#fff} .Productlist2 ul .swiper-slide:hover a .Productlist2_info dl dd:last-child span::after { color:#fff} .Productlist2 ul .swiper-slide a .Productlist2_info dl dd:last-child span::after{ position:absolute; right:-33px; color:#666666; top:-10px;font-weight: 100; font-family: "iconfont" !important; content: "\e660"; font-size:12px; width: 40px; height: 40px; line-height: 40px; text-align: center; display: block; transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); } #IndexBlock2 .Point { text-align:center; margin-top:43px;} #IndexBlock2 .Point .swiper-pagination-bullet { width:25px; height:3px; margin:0 4px; background:#ecf0f4 !important; border-radius:0; line-height:60px; overflow:hidden;} #IndexBlock2 .Point .swiper-pagination-bullet-active { background:#0154a1 !important} .Point { position:absolute;} #IndexBlock3{ position: relative; } #IndexBlock3 .container{ position: relative; z-index: 2; } #IndexBlock3 .Productlist3{ overflow:hidden; min-height:620px; } #IndexBlock3 .Productlist{ margin:0; } #IndexBlock3 .Productlist li{ padding:0; } #IndexBlock3 .PBox{ position: relative; } #IndexBlock3 .PNBtn span{ position:absolute; top:50%; margin-top:-0.25rem; z-index:33333; display:block; height:0.5rem; width:0.5rem; border-radius:50%; z-index: 2; } #IndexBlock3 .PNBtn span:hover{ background-color: rgba(242,207,0,.6); } .Productlist3 ul .swiper-slide a { background:#ecf0f4; display:block; padding:35px 0;} .Productlist3 ul .swiper-slide:hover a { background:#0154a1; } .Productlist3 ul .swiper-slide a .imgBox { text-align:center; } .Productlist3 ul .swiper-slide a .imgBox img { height:295px; display:block; margin:0 auto;} .Productlist3 ul .swiper-slide a .Productlist2_info { padding:30px 30px 0;} .Productlist3 ul .swiper-slide a .Productlist2_info dl dd:first-child { color:#666666} .Productlist3 ul .swiper-slide:hover a .Productlist2_info dl dd:first-child { color:#fff} .Productlist3 ul .swiper-slide a .Productlist2_info dl dd:first-child+dd { color:#333333; font-size:18px; font-weight:bold; margin-top:5px;} .Productlist3 ul .swiper-slide:hover a .Productlist2_info dl dd:first-child+dd{ color:#fff} .Productlist3 ul .swiper-slide a .Productlist2_info dl dd:first-child+dd+dd { color:#666666; line-height:1.6; font-size:15px; margin-top:10px;display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height:48px;} .Productlist3 ul .swiper-slide:hover a .Productlist2_info dl dd:first-child+dd+dd { color:#fff; } .Productlist3 ul .swiper-slide a .Productlist2_info dl dd:last-child { margin-top:15px;} .Productlist3 ul .swiper-slide a .Productlist2_info dl dd:last-child span { font-size:15px; display:inline-block; position:relative;color:#666666} .Productlist3 ul .swiper-slide:hover a .Productlist2_info dl dd:last-child span { color:#fff} .Productlist3 ul .swiper-slide:hover a .Productlist2_info dl dd:last-child span::after { color:#fff} .Productlist3 ul .swiper-slide a .Productlist2_info dl dd:last-child span::after{ position:absolute; right:-33px; color:#666666; top:-10px;font-weight: 100; font-family: "iconfont" !important; content: "\e660"; font-size:12px; width: 40px; height: 40px; line-height: 40px; text-align: center; display: block; transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); } #IndexBlock3 .Point { text-align:center; margin-top:43px;} #IndexBlock3 .Point .swiper-pagination-bullet { width:25px; height:3px; margin:0 4px; background:#ecf0f4 !important; border-radius:0; line-height:60px; overflow:hidden;} #IndexBlock3 .Point .swiper-pagination-bullet-active { background:#0154a1 !important} #IndexBlock4{ position: relative; } #IndexBlock4 .container{ position: relative; z-index: 2; } #IndexBlock4 .Productlist4{ overflow:hidden; min-height:620px; } #IndexBlock4 .Productlist{ margin:0; } #IndexBlock4 .Productlist li{ padding:0; } #IndexBlock4 .PBox{ position: relative; } #IndexBlock4 .PNBtn span{ position:absolute; top:50%; margin-top:-0.25rem; z-index:33333; display:block; height:0.5rem; width:0.5rem; border-radius:50%; z-index: 2; } #IndexBlock4 .PNBtn span:hover{ background-color: rgba(242,207,0,.6); } .Productlist4 ul .swiper-slide a { background:#ecf0f4; display:block; padding:35px 0;} .Productlist4 ul .swiper-slide:hover a { background:#0154a1; } .Productlist4 ul .swiper-slide a .imgBox { text-align:center; } .Productlist4 ul .swiper-slide a .imgBox img { height:295px; display:block; margin:0 auto;} .Productlist4 ul .swiper-slide a .Productlist2_info { padding:30px 30px 0;} .Productlist4 ul .swiper-slide a .Productlist2_info dl dd:first-child { color:#666666} .Productlist4 ul .swiper-slide:hover a .Productlist2_info dl dd:first-child { color:#fff} .Productlist4 ul .swiper-slide a .Productlist2_info dl dd:first-child+dd { color:#333333; font-size:18px; font-weight:bold; margin-top:5px;} .Productlist4 ul .swiper-slide:hover a .Productlist2_info dl dd:first-child+dd{ color:#fff} .Productlist4 ul .swiper-slide a .Productlist2_info dl dd:first-child+dd+dd { color:#666666; line-height:1.6; font-size:15px; margin-top:10px;display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .Productlist4 ul .swiper-slide:hover a .Productlist2_info dl dd:first-child+dd+dd { color:#fff; } .Productlist4 ul .swiper-slide a .Productlist2_info dl dd:last-child { margin-top:15px;} .Productlist4 ul .swiper-slide a .Productlist2_info dl dd:last-child span { font-size:15px; display:inline-block; position:relative;color:#666666} .Productlist4 ul .swiper-slide:hover a .Productlist2_info dl dd:last-child span { color:#fff} .Productlist4 ul .swiper-slide:hover a .Productlist2_info dl dd:last-child span::after { color:#fff} .Productlist4 ul .swiper-slide a .Productlist2_info dl dd:last-child span::after{ position:absolute; right:-33px; color:#666666; top:-10px;font-weight: 100; font-family: "iconfont" !important; content: "\e660"; font-size:12px; width: 40px; height: 40px; line-height: 40px; text-align: center; display: block; transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); } #IndexBlock4 .Point { text-align:center; margin-top:43px;} #IndexBlock4 .Point .swiper-pagination-bullet { width:25px; height:3px; margin:0 4px; background:#ecf0f4 !important; border-radius:0; line-height:60px; overflow:hidden;} #IndexBlock4 .Point .swiper-pagination-bullet-active { background:#0154a1 !important} /* =========首页行业解决方案 ==================== */ .m-box { margin-top:47px; width:100%; position:relative; overflow:hidden;} .index2 #solve1 .item a{ display:block; height:810px; background-position:center; background-repeat:no-repeat; background-size:cover;} .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right: -15px; margin-left: -15px } @media (min-width:768px) { .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right: 0; margin-left: 0 } } @media (min-width:768px) { .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: -15px } } .container .jumbotron, .container-fluid .jumbotron { padding-right: 15px; padding-left: 15px; border-radius: 6px } .jumbotron .container { max-width: 100% } .container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px } .owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out} .owl-carousel{width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1; height:100%;} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;width:100%; height:100%} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0); width:100%; height:100%} .owl-carousel .owl-item{position:relative; float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block; width:100%; } .owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{} .owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{display:none} .owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .no-js.owl-carousel{display:block} .owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease} .owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)} .owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease} .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .owl-carousel .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent} .owl-carousel .owl-nav [class*=owl-]{color:#FFF;font-size:14px; background:#D6D6D6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} .owl-carousel .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none} .owl-carousel .owl-nav .disabled{ cursor:default} .owl-carousel .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent} .owl-carousel .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline} .owl-carousel .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px} .owl-carousel .owl-dots .owl-dot.active span,.owl-carousel .owl-dots .owl-dot:hover span{background:#869791} .m-solve-box{ width:100%; position:absolute; left:0; top:0; z-index:55; height:100%;} #solve1{margin-top: -17px;background-color: #0668b1;} #solve1 .item { background: no-repeat center top; background-size: cover; } #solve2 .current { background:rgba(1,84,161,0.8) !important;} #solve2 .owl-item { -webkit-flex-shrink: 0; background:rgba(0,0,0,0.4); -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .container { width:100%; height:100%;} #solve1 .owl-nav { display:none;} #solve2 .owl-item .item{ width: 100%; height: 100%; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } #solve2 .item { color: #FFF; cursor: pointer; height: 100%; } #solve2 .owl-item::before { display:block; width:1px; height:100%; background:rgba(255,255,255,0.1); content:""; position:absolute; left:0; top:0;} #solve2 .owl-item:first-child::before{ display:none;} #solve2 .current .item .solve2Item{ } #solve2 .solve2Item{ width: 100%; height: 100%; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } #solve2 .solve2Item a { display:block; text-align:center; width:100%;} #solve2 .solve2Item dl{ padding:0 35px 0;transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} #solve2 .current .solve2Item dl { transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} #solve2 .solve2Item dl dd:first-child { text-align:center;} #solve2 .solve2Item dl dd:first-child img { height:60px; display:block; margin:0 auto; width:auto;} #solve2 .solve2Item dl dd:first-child+dd { font-size:40px; color:#fff; text-align:center; margin-top:38px; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; } #solve2 .current .solve2Item dl dd:first-child+dd { transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; } #solve2 .solve2Item dl dd:first-child+dd+dd { margin-top:10px; line-height:2; text-align:center;opacity:0; color:#adb0bf; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; -webkit-transition: all 100ms ease; transition: all 100ms ease;} #solve2 .current .solve2Item dl dd:first-child+dd+dd { margin-top:55px; opacity:1; transition:all 2s; -moz-transition:all 2s; -ms-transition:all 2s; -o-transition:all 2s; -webkit-transition:all 2s; -webkit-transition: all 500ms ease; transition: all 500ms ease;} #solve2 .solve2Item dl dd:last-child span { margin:0 auto; display:block; width:145px; height:45px; line-height:45px; text-align:center; border:1px solid #fff; color:#fff} #solve2 .solve2Item dl dd:last-child span:hover { border:1px solid #fff; background:#fff; color:#0154a1} #solve2 .solve2Item dl dd:last-child span:hover .icon path{fill:#0154a1} #solve2 .solve2Item dl dd:last-child a:hover { background:#00a2a4; color:#fff} #solve2 .solve2Item dl dd:last-child { display:none; margin-top:60px;} #solve2 .current .solve2Item dl dd:last-child { display:block;-webkit-transition: all 500ms ease; transition: all 500ms ease;} #solve2 .solve2Item dl dd:last-child span em { font-style:normal; display:inline-block; opacity:1; position:relative; padding-right:15px;} #solve2 .solve2Item dl dd:last-child span em .icon { position:absolute; right:-10px; top:12px; } #solve2 .solve2Item dl dd:last-child span em .icon path{ font-weight:bold} .solitem-img{width: 37px;height: 37px;/*overflow: hidden;*/display: inline-block;position: relative;} .solitem-p{font-size: 14px;color: #666;padding-top: 14px;} .solicoimg1{position: absolute;top: 0;left: 0;} #solve2 .current .item .solitem-p{color: #0168b7;} .m-solve-box .owl-nav .owl-prev{ width: 60px;height: 60px;overflow: hidden; font-size: 0;position: absolute;top: 45%;left:3%; z-index:66; background:rgba(255,255,255,0.5); border-radius:200px;} .m-solve-box .owl-nav .owl-next:hover::before{ color:#fff;} .m-solve-box .owl-nav .owl-prev:hover::before{ color:#fff;} .m-solve-box .owl-nav .owl-prev::before { height: 60px; width: 60px; line-height: 60px; text-align: center; content: "\e8f4"; font-family: "iconfont2" !important; color: #333333; font-size: 20px; } .m-solve-box .owl-nav .owl-next::before { height: 60px; width: 60px; line-height: 60px; text-align: center; content: "\e8f4"; font-family: "iconfont2" !important; color: #333333; font-size: 20px; transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .m-solve-box .owl-nav .owl-prev:hover{ background:#0154a1} .m-solve-box .owl-nav .owl-next{width:60px;height:60px;overflow: hidden; font-size: 0;position: absolute;top: 45%;right:3%;z-index:66; background:rgba(255,255,255,0.5); border-radius:200px; transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg);} .m-solve-box .owl-nav .owl-next:hover{ background:#0154a1} .sol-con{width: 533px;height: 191px;display: table;vertical-align: middle;background: url("../images/kuang_04.png") no-repeat center top;background-size: contain;/*margin-top: 50px;*/ position: absolute;top: 26%;left: 10%;} .sol-conbox{width: 535px;height: 191px;display: table-cell;vertical-align: middle;padding-left: 46px;background: url("../images/jt_04.png") no-repeat 445px center;} .sol-h1{font-size: 30px;color: #0168b7;} .sol-h1 em{display: block;font-size: 16px;padding-top: 10px;} #solve1 .item:hover .sol-conbox{background-position: 460px center;} .m-com-news{background: #e0eaf1;} .m-com-news-h1{text-align: center;font-size: 40px;color: #010101;padding-bottom: 50px;} .m-com-news-h1 a{color: #010101;} .m-com-news-h1 em{display: block;font-size: 18px;padding-top: 20px;margin-top: 20px;background: url("../images/embj_11.jpg") no-repeat center top;text-transform: uppercase;} .m-c-n-img{overflow: hidden;position: relative;} .m-c-n-img img{display: block;} .m-c-n-tit{font-size: 17px;color: #000;font-weight: bold;height: 60px;line-height: 60px;overflow: hidden;} .m-c-n-bri{font-size: 14px;color: #666;line-height: 25px;height: 95px;overflow: hidden;text-align: justify;padding-top: 20px;position: relative;} .m-c-n-bri:before{content: "";position: absolute;top: 0;left: 0;width: 19px;height: 2px;background: #2e87ff;} .m-c-n-bri:after{content: "";position: absolute;top: 0;left: 0;width: 0;height: 2px;background: #ffbf00;} .m-c-n-list .item:hover .m-c-n-bri:after{width: 19px;} .m-c-n-list .item a{padding: 5px;} .jt-btn{display: block;background: url("../images/hjt_20.png") no-repeat;width: 32px;height: 32px;margin-top: 30px;} .m-c-n-list .item:hover .jt-btn img{opacity: 0;} a,.nav>li:before,.nav>li>a,.n-sub-img img,.nav-sub,.m-c-n-bri:after,.m-c-n-img img,.jt-btn img,.data,.m-pro-zz,.m-pro-tit,header,.solicoimg1,.solitem-p,.m-solve-box .owl-nav .owl-prev,.m-solve-box .owl-nav .owl-next,.sol-conbox,.xb-num,.header-R,.jjfa-btn,.jjfa-btn:before,.proimg img,.dsjbox2img img,.pro-b-lp,.pro-b-limg,.tzz-lr,.tzz-span,.tzz-tb,.kycg-l-con,.time-ri,.time-nian,.lhsys-z-t-R-tit,.lhsys-z-img2,.zlxz-l-btn,.zlxz-list li,.zlxz-l-top,.shfw-l-img img,.shfw-list .item,.shfw-l-cp2:after,.fwjb-i-tbi2,.fwjb-item-tb,.kycg-time:before,.kycg-time,.ab-b2ico-b,.ab-B3-1p,.ab-B3-1img img,.rec-list li,.zwmc-p em,.zwmc-p span,.zwmc-p:after,.rec-l-con p,.social-list li,.social-btn,.social-con p,.social-list li .social-img img,.news-rel-img img,.news-lR-btn:before,.newsBOX1 img,.n-B2cR-t1zz,.product-top .item,.aboutbghj img,.so-close{transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;} .so-close:hover{transform:rotate(180deg); -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);} .solicoimg1,#solve2 .current .item .solicoimg2{ transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0); } #solve2 .current .item .solicoimg1{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);} @media screen and (max-width: 1440px) { .m-com-news-h1{font-size: 20px;padding-bottom: 20px;} .m-com-news-h1 em{font-size: 12px;padding-top: 10px;margin-top: 10px;} } @media screen and (max-width: 1199px){ .m-com-news-h1{font-size: 25px;padding-bottom: 20px;} .m-com-news-h1 em{font-size: 15px;margin-top: 10px;padding-top: 10px;} .m-product-p{display: none;} .m-pro-tit{height: 50px;line-height: 50px;} .m-solve-box .owl-nav .owl-next{right: -10px;} .m-solve-box .owl-nav .owl-prev{left: -10px;} .m-c-n-list .owl-item img{width: 100%;} } @media screen and (max-width: 767px) { .m-pro-img>img{width: 100%;} .mapTipListh2{font-size: 16px;} .mapTipListp1{font-size: 13px;padding-top: 4px;padding-bottom: 4px;} .mapTipListp2{font-size: 13px;} .mapTipText{height: 100px;width: 150px;} .mapTipList{height: 100px;} } @media (min-width: 320px) and (max-width: 540px) { .m-c-n-tit{font-size: 15px;font-weight: normal;height: 40px;line-height: 40px;} .m-c-n-bri{font-size: 14px;height: 58px;padding-top: 10px;line-height: 22px;} .m-c-n-list .owl-nav.disabled+.owl-dots{margin-top: -15px;} .m-c-n-list .item{margin-top: -20px;} } /* =========首页行业解决方案 ==================== */ /* =========我们的优势 ==================== */ .index3_info{ padding-top:47px;} .kwicks { width: 100%; } .kwicks > li { height: 560px; width: 125px; margin-left: 5px; float: left; } .kwicks > li .example_bj{ background-position:center; background-repeat:no-repeat; background-size:cover;height: 560px; width: 100%; display:block; position:relative; } .index3_info ul li .example_bj .index3_title { position:absolute; width:94%; left:3%; bottom:0; height:60px; line-height:60px; color:#fff; font-size:24px; font-weight:bold;} .index3_info ul .kwicks-expanded .example_bj .index3_title { display:none;} .index3_info ul li .example_bj .index3_content { opacity:0; position:absolute; top:0; left:0; width:100%; background:#fff; border-radius:0 10px 0 0; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; } .index3_info ul .kwicks-expanded .example_bj .index3_content {top:320px; opacity:1; width:70%; transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; } .index3_info ul li .example_bj .index3_content dl { padding:30px;} .index3_info ul li .example_bj .index3_content dl dd:first-child { color:#333333; font-size:30px;} .index3_info ul li .example_bj .index3_content dl dd:first-child+dd { color:#64646c; line-height:1.6; margin-top:10px; font-size:14px;display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height:50px;} .index3_info ul li .example_bj .index3_content dl dd:last-child { margin-top:50px;} .index3_info ul li .example_bj .index3_content dl dd:last-child a{ display:block; width:44px; height:44px; font-weight:100; line-height:44px; text-align:center; border-radius:200px; color:#fff; background:#0154a1; font-size:30px;} .kwicks > li.kwicks-expanded { background-color: #86e6bb; } .kwicks > li.kwicks-selected { background-color: #ff7744; } .kwicks { height: 560px; display: block; list-style-type: none; list-style: none; position: relative; margin: 0; padding: 0; } .kwicks > * { display: block; overflow: hidden; padding: 0; margin: 0; } .kwicks.kwicks-processed > * { margin: 0; position: absolute; } .kwicks-horizontal > * { float: left; } .kwicks-horizontal > :first-child { margin-left: 0; } .kwicks-vertical > :first-child { margin-top: 0; } /* =============关于我们================ */ .index4 { padding:20px 0 100px; overflow:hidden; width:100%; margin-top:120px; background-position:center; background-repeat:no-repeat; background-size:cover} .index4 .t1 h3 { color:#fff; font-size:24px; font-weight:500;} .index4 .t1 p { color:#fff;font-size:42px; font-weight:bold;} .index4_l { width:50%; position:relative;} .index4_r { width:45%} .index4_content { padding-top:47px;} /*视频弹窗*/ .about_video img{ width:100%; display:block; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} .about_video:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .about_video .bgs span { display:block;position:absolute; width:100%; height:100%; top:0; left:0;} .about_video .bgs:after{font-family: "iconfont2" !important; content: "\e87c"; text-align:center; color:#fff; font-size:20px; display:block; width:85px; height:85px; line-height:85px; border-radius:200px; background:#0154a1; transition:all 0.4s;} .about_video:hover .bgs:after{ background:#fff;color:#0154a1;transition:all 0.4s;} /*.about_video .bgs:before { content:""; position:absolute; width:100%; height:100%; top:0; left:0;background:rgba(0,0,0,0.3); } .about_video .bgs:hover:before { background:rgba(0,0,0,0); }鼠标经过*/ .about_video .bgs { height: 100%; overflow: hidden; transition: all 0.4s; position: absolute; bottom: 0%; left: 0; width: 100%; background: rgba(0,0,0,0.1); display: flex; justify-content: center; align-items: center;} .about_video { cursor: pointer; overflow: hidden; position: relative; } #hidden{z-index: 2147483647;display: none; background: #000; filter: alpha(opacity=0); left: 0px; opacity: 0; position: fixed; width: 3000px; height: 100%; padding-top: 28%; text-align: center; top:0;} #hiddenimg{opacity:1 ; display:none; position:fixed;left:0%; width:100%; height:300px;padding-top:0;z-index:2147483647; top:28%; text-align:center;} #hiddenimg img{ width:90%;max-width:300px; margin:0 auto; } #hiddenimg2{text-align: center;} .weixinclose{ position:fixed; right:2%; top:2%; color:#fff; font-size:30px; cursor:pointer; z-index:2147483648; font-weight:normal; display:none;} /*视频弹窗*/ .mainFilter{width: 100%;height: 100%;position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 100;display: none;background: url(../images/about_bg.png);z-index: 1000000000000000000;} .popupVideo { max-width:890px; width:96%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 120; display: none; border-radius:4px; outline:none; z-index: 10000000000000000000;} .popupVideo iframe, .popupVideo video { width: 100%; max-height: 500px; background: #000; } .popupVideo .close { z-index:100000000000000000000; width: 30px; height: 30px; position: absolute; top: -20px; right: -20px; background: url(../images/c10.png) no-repeat center; cursor: pointer; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; border-radius:50%; } .popupVideo .close:hover { transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); background-color:#0154a1; background-image:url(../images/c10.png); } .index4_rt { font-size:30px; color:#fff;} .index4_ri { padding-top:20px; line-height:2; color:#fff;} .index4_rm a { margin:30px 0 0 0; display:block; width:145px; height:45px; line-height:45px; text-align:center; border:1px solid #fff; color:#fff} .index4_rm a:hover { border:1px solid #0154a1; background:#0154a1; color:#fff} .index4_rm a:hover .icon path{fill:#fff} .index4_rm a em { font-style:normal; display:inline-block; opacity:1; position:relative; padding-right:15px;} .index4_rm a em .icon { position:absolute; right:-10px; top:12px; } .index4_rm a .icon path{ font-weight:bold} /* 数字*/ .value_content{width: 100%; min-height: 200px; top: 30%; left: 0; position: absolute; color: #fff;} .value_info { margin-top:50px; position:relative; z-index:9} .value_info ul li {width:33.33%; float:left; position:relative; } .value_info ul li:first-child {margin-left:0 } .value_info ul li .i_img { display:block; width:100%; text-align:center;} .value_info ul li .i_img img { height:47px; display:block; margin:0 auto;} .value_info ul li #seventh i { font-size:40px; font-weight:bold; color:#0156a5; font-style:normal;position: relative; top: -8px; margin-left: 5px;} .value_info ul li #seventh p { color:#fff; font-size:20px;} #seventh .sp1 { color:#fff; display:block; margin:10px 0 0; text-align:center; width:100%} .buttonBox{ position:relative;outline:none;transition:all 1s; padding-top:20px; } #seventh span{ color:#0156a5; position:relative; border:none; font-weight:bold; display:inline-block; outline:none;transition:all 1s; } .value_info ul li .value_t { font-size:20px; color:#333333;} #seventh .counter{font-size:62px;} #seventh .i_i { font-style:normal; color: #fff; display:inline-block; font-size:16px; } .buttonBox .sp1 { color: #666666; } #seventh .sp2 { color: #666666; padding-left:10px; position:relative; } /* =============新闻资讯================ */ .index5_info { padding-top:47px;} .index5_l { width:49.5%} .index5_r { width:49%} .index5_l ul li a img { width:100%; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} .index5_l ul li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .index5_l ul li a { display:block; width:100%; position:relative; overflow:hidden;} .index5_l ul li a dl { position:absolute; left:0; bottom:0; height:180px; padding:0 6%; width:100%;} .index5_l ul li a dl dd:first-child { width:16%; float:left; color:#fff} .index5_l ul li a dl dd:last-child { width:78%; float:right;color:#fff} .index5_l ul li a dl dd:first-child span { display:block; font-size:40px; margin-top:20px; } .index5_l ul li a dl dd:first-child p { font-size:24px; } .index5_l ul li a dl dd:last-child h4 { font-size:24px; font-weight:500; display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .index5_l ul li a dl dd:last-child p { margin-top:10px;line-height:1.5; color:#cbcbcb; display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .index5_r ul li a { display:block; background:#f6f6f6; padding:3%; overflow:hidden} .index5_r ul li { float:left;} .index5_r ul li:first-child { width:100%; margin-bottom:3%} .index5_r ul li:first-child a .index5_ra { width:48%; overflow:hidden; max-height:260px;} .index5_r ul li:first-child a .index5_ra img { width:100%; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} .index5_r ul li:first-child:hover a .index5_ra img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .index5_r ul li:first-child a .index5_rb { width:48%} .index5_r ul li:first-child a .index5_rb dl dd:first-child { margin-top:30px;display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color:#000; font-size:24px;} .index5_r ul li:first-child:hover a .index5_rb dl dd:first-child{ color:#0154a1; } .index5_r ul li:first-child a .index5_rb dl dd:first-child+dd { color:#68696f; margin-top:30px;} .index5_r ul li:first-child a .index5_rb dl dd:last-child{ color:#878787; line-height:1.5; margin-top:15px; display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .index5_r ul li:first-child+li{ width:48.5%; float:left;} .index5_r ul li:first-child+li a { padding:6%; min-height:260px;} .index5_r ul li:last-child a { padding:6%;min-height:260px;} .index5_r ul li:last-child{ width:48.5%; float:left; margin-left:3%} .index5_r ul li:first-child+li dl dd:first-child { font-size:24px; color:#000; margin-top:12px; min-height:60px;display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:2; } .index5_r ul li:first-child+li:hover dl dd:first-child { color:#0154a1; } .index5_r ul li:last-child:hover dl dd:first-child { color:#0154a1; } .index5_r ul li:first-child+li dl dd:first-child+dd { color:#68696f; margin-top:20px;} .index5_r ul li:first-child+li dl dd:last-child{ color:#878787; line-height:1.5; margin-top:15px; display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:3; } .index5_r ul li:last-child dl dd:first-child { font-size:24px; color:#000; margin-top:12px;display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:2; min-height:60px;} .index5_r ul li:last-child dl dd:first-child+dd { color:#68696f; margin-top:20px;} .index5_r ul li:last-child dl dd:last-child{ color:#878787; line-height:1.5; margin-top:15px; display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:3; } /* =========底部 ==================== */ .footer { width:100%; background:#0154a1; padding-top:80px; overflow:hidden; margin-top:130px;} .footer_l { width:68%} .footer_r { width:25%} .footer_l ul li { float:left; width:18%; margin-right:9%;border-right:1px solid #276daf;} .footer_l ul li:last-child { margin-right:0} .footer_l ul li dl dt { color:#fff; font-size:20px; margin-bottom:30px;} .footer_l ul li dl dd { margin-bottom:15px; font-size:14px;} .footer_l ul li dl dd a { color:#b7c5d0} .footer_l ul li dl dd a:hover { color:#fff} .footer_l ul { display: flex;flex-direction: row;flex-wrap: wrap;} .footer_l ul li { flex: auto;} .footer_r ul li dl dt { color:#fff; font-size:20px; margin-bottom:30px;} .footer_r ul li dl dd { color:#b7c5d0 ;margin-bottom:15px; font-size:14px;} .footer_r ul li p img { display:block; width:100%;} .footer_r ul li p { width:120px; text-align:center; color:#b7c5d0; font-size:14px; margin-bottom:10px;} .footer_r ul li:last-child { margin-top:40px;} .copyright { padding:38px 0; font-size:14px;overflow:hidden; border-top:1px solid #276daf; margin:100px auto 0} .copyright_l { color:#b7c5d0; font-size:14px; width:70%} .copyright_l a{ color:#b7c5d0; } .copyright_l a:hover{ color:#fff; } .copyright_r{ width:30%; text-align:right;} .copyright_r a{ color:#b7c5d0; padding-left:32px; display:inline-block; position:relative; } .copyright_r a:hover{ color:#fff; } .copyright_r a::before{ display:block; width:1px; height:20px; background:#2069ac; position:absolute; left:13px; top:2px; content:"";} .copyright_r a:first-child::before{ display:none;} /* ==============新闻资讯=============== */ .inner_banner { position:relative; width:100%; min-height:620px; background-position:center; background-repeat:no-repeat; background-size:cover;} .i_banner { width:100%; position:absolute; left:0; top:0; color:#fff} .i_banner_t {-ms-flex-align: center; min-height:620px;align-items: center;display: -webkit-box;display: -ms-flexbox; display: flex;} .i_banner_t dl dt { font-size:48px; font-weight:bold;} .i_banner_t dl dd { margin-top:15px; font-size:22px; } .i_sort { width:100%; height:70px; line-height:70px; border-bottom:1px solid #e5e5e5;} .i_sort_l { width:70%} .i_sort_r { width:30%; text-align:right;} .i_sort_l ul li { float:left; margin-right:4%; display:inline-block;} .i_sort_l ul li:last-child { margin-right:0;} .i_sort_l ul li a{ color:#333333; font-size:18px; font-weight:bold; display:inline-block;} .i_sort_l ul li:hover a{ color:#0154a1; } .i_sort_l ul .cur a{ color:#0154a1; } .i_sort_r ul li{ display:inline-block} .i_sort_r ul li a{ display:inline-block; color:#666666} .i_sort_r ul li i { display:inline-block; font-style:normal; font-family:"宋体"; padding:0 5px;} .i_sort_r ul li:last-child i{ display:none;} .inner_content { padding-top:60px;} .newlist1_l { width:55%} .newlist1_r { width:40%} .newlist1_l ul li a img{ width:100%; display:block;} .newlist1_r ul li { padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #e7ebf1} .newlist1_r ul li a dl dt { color:#333333; font-size:22px;} .newlist1_r ul li:hover a dl dt { color:#0154a1; } .newlist1_r ul li a dl dd { margin-top:30px; color:#777777; padding-left:20px; position:relative;} .newlist1_r ul li a dl dd::before { font-weight:bold; color:#777777; display:block; width:20px; height:20px; position:absolute; left:0; top:3px; font-family: "iconfont" !important; content: "\e854";} #newlist2{ padding-top:0;} .newlist2 { padding-top:70px;} .newlist2 ul li { margin-left:3%; margin-bottom:3%; width:31.33%; float:left; } .newlist2 ul li:nth-child(3n+1) { margin-left:0; } .newlist2 ul li a dl dd:first-child { width:100%; overflow:hidden;} .newlist2 ul li a dl dd:first-child img { width:100%; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} .newlist2 ul li:hover a dl dd:first-child img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .newlist2 ul li a dl dd:first-child+dd { color:#161616; margin-top:20px; min-height:42px;} .newlist2 ul li:hover a dl dd:first-child+dd { color:#0154a1; } .newlist2 ul li a dl dd:last-child { margin-top:10px;color:#777777; position:relative; padding-left:20px;} .newlist2 ul li a dl dd:last-child::before { font-weight:bold; color:#777777; display:block; width:20px; height:20px; position:absolute; left:0; top:3px; font-family: "iconfont" !important; content: "\e854";} .body_news { background:#f5f6fa} .body_news .index_head { height:110px; border-bottom:1px solid #e1e1e1; position:inherit;} .body_news .nav_z .nav .nav_pc { margin-top:0} .body_news .nav_z .nav ul li .f_a{ line-height:110px; color:#333333} .body_news .nav_z .nav ul li:hover .f_a{ color:#0154a1} .body_news .logo img { margin-top: 41px;} .body_news .nav_z .nav_search ul .search a::before { color: #333333;} .body_news .nav_z .nav_search ul .search:hover a::before { color: #0154a1;} .body_news .nav_z .nav_search ul li:last-child a{ color: #333333;} .body_news .nav_z .nav_search ul li:last-child a:hover{ color: #0154a1;} .body_news .nav_z .nav_search ul li:last-child::before{ background: #333333;} .body_news .nav_search { margin-top: 31px;} .body_product .index_head { height:110px; border-bottom:1px solid #e1e1e1; position:inherit;} .body_product .nav_z .nav .nav_pc { margin-top:0} .body_product .nav_z .nav ul li .f_a{ line-height:110px; color:#333333} .body_product .nav_z .nav ul li:hover .f_a{ color:#0154a1} .body_product .logo img { margin-top: 41px;} .body_product .nav_z .nav_search ul .search a::before { color: #333333;} .body_product .nav_z .nav_search ul .search:hover a::before { color: #0154a1;} .body_product .nav_z .nav_search ul li:last-child a{ color: #333333;} .body_product .nav_z .nav_search ul li:last-child a:hover{ color: #0154a1;} .body_product .nav_z .nav_search ul li:last-child::before{ background: #333333;} .body_product .nav_search { margin-top: 31px;} .body_news .i_sort_r { width: 100%; text-align: left;} .body_news .i_sort_z { line-height:65px;} .news_z { margin:0 auto; width:80%} .news_time { padding-top:20px; text-align:center;} .news_time dl dd { display:inline-block; padding:10px 20px; color:#8e8e8e; font-size:13px;} .news_time dl dd:first-child { color:#fff; background:#0154a1} .news_title h1{ color:#000000; font-size:42px; text-align:center; padding-top:30px;} .news_img { text-align: center; margin-top:30px;} .news_img img { max-width:100%;} .news_content { background:#fff; padding:80px 150px 80px; margin-top:67px; overflow:hidden;} .news_info { line-height:2; padding-top:58px; } .news_info img { max-width:100%;} .news_fx dl dd { display:block; margin-right:20px; height:33px; line-height:33px;float:left} .news_fx dl dd a{ overflow:hidden; display:inline-block; height:33px; text-align:center; width:33px; border-radius:200px; background:#f4f4f4} .news_fx dl dd:hover a{ background:#0154a1;transform: translateY(-10px)} .news_fx dl dd:hover a .icon path { fill:#ffffff} .news_fx dl dd:first-child+dd .icon { margin-top:8px;} .news_fx dl dd:first-child+dd+dd .icon { margin-top:8px;} .news_fx dl dd:first-child+dd+dd+dd .icon { margin-top:8px;} .news_fx dl dd:first-child+dd+dd+dd+dd .icon { margin-top:10px;} .news_next { padding-top:80px; margin-top:80px; border-top:1px solid #e5e6e7} .news_next ul li { float:left; height:166px; background:#f8f9fb} .news_next ul li:first-child { width:35%; margin-right:3%;} .news_next ul li:first-child+li { width:35%; margin-right:3%;} .news_next ul li:last-child { width:24%; } .news_next ul li dl { padding:0 55px;} .news_next ul li a dl dt{ margin-top:35px; } .news_next ul li a dl dt span {display:inline-block; padding:5px; background:#0154a1; color:#fff; font-size:13px;} .news_next ul li a dl dd { margin-top:16px; display:block; color:#000000; line-height:1.5; margin-top:10px;display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .news_next ul li:hover a dl dd { color:#0154a1; } .news_next ul li:last-child{ line-height:166px; text-align:center;} .news_next ul li:last-child a span { display:inline-block; position:relative; color:#000000} .news_next ul li:last-child:hover a span { color:#0154a1} .news_next ul li:last-child a span i { font-style:normal; position:absolute; left:-25px; top:4px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} .news_next ul li:last-child:hover a span i { left:-35px; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} /* ===================联系我们========================= */ .contact1 { text-align:center;} .contact1 dl dt { color:#333333; font-size:50px; font-weight:bold;} .contact1 dl dt span { display:block; color:#0154a1} .contact1 dl dd { text-align:center; font-size:18px; color:#666666; margin-top:20px; line-height:1.5;} .contact2 { margin-top:70px; padding:105px 0; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;} .contact2_t { text-align:center; font-size:42px; color:#fff; font-weight:bold;} .contact2_info { padding-top:65px;} .contact2_info ul li { float:left; width:31.33%; margin-left:3%; position:relative; min-height:320px;} .contact2_info ul li:first-child { margin-left:0} .contact2_info ul li dl { padding:70px 45px 0; } .contact2_info ul li dl dt { color:#fff; font-size:25px;margin-bottom:20px;} .contact2_info ul li dl dd p { color:#fff; padding-left:25px; margin-bottom:15px; position:relative;} .contact2_info ul li dl dd p::before { position:absolute; left:0; top:0; display:block; font-size:18px; color:#fff; width:20px; line-height:20px; height:20px; font-family: "iconfont" !important;} .contact2_info ul li dl dd p:first-child::before { content: "\e6b9";} .contact2_info ul li dl dd p:first-child+p::before { content: "\e69d";top:2px;} .contact2_info ul li dl dd p:first-child+p+p::before { content: "\e612";top:3px;} .contact2_info ul li .bi1::before { display:block; width:1px; height:100%; position:absolute; left:0; top:0; background-image: linear-gradient(45deg, rgba(255,255,255,1), rgba(255,255,255,0)50% ,rgba(255,255,255,1)); content:""} .contact2_info ul li .bi1::after { display:block; width:100%; height:1px; position:absolute; left:0; top:0; background-image: linear-gradient(45deg, rgba(255,255,255,1)-30%, rgba(255,255,255,0) ,rgba(255,255,255,1)); content:""} .contact2_info ul li .bi2::before { display:block; width:1px; height:100%; position:absolute; right:0; top:0; background-image: linear-gradient(45deg, rgba(255,255,255,1), rgba(255,255,255,0)50% ,rgba(255,255,255,1)); content:""} .contact2_info ul li .bi2::after { display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; background-image: linear-gradient(45deg, rgba(255,255,255,1), rgba(255,255,255,0)80% ,rgba(255,255,255,1)); content:""} .contact3 { width:100%; overflow:hidden; background:#f5f8fa; padding-bottom:100px;} .contact3_z { background:#fff; overflow:hidden; margin:100px auto 0} .contact3_l { width:40%} .contact3_r { width:45%; margin-right:7%} .contact3_l ul li { position:relative;min-height:740px; background-position:center; background-repeat:no-repeat; background-size:cover;} .contact3_l ul li .c_dl1 { position:absolute; left:10%; top:10%;} .contact3_l ul li .c_dl1 dt { color:#fff; font-size:40px; width:72%} .contact3_l ul li .c_dl1 dd { color:#fff; font-size:14px; margin-top:20px;} .contact3_l ul li .c_dl1 dd p { margin-bottom:5px;} .body_contact .footer { margin-top:0} .contact3_l ul li .c_dl2 { position:absolute; left:10%; bottom:0; height:130px;} .contact3_l ul li .c_dl2 dt { font-size:28px; color:#fff; font-weight:bold;} .contact3_l ul li .c_dl2 dd { font-size:14px; color:#fff; margin-top:10px; } .contact3_rt { font-size:42px; font-weight:bold; color:#0154a1; margin-top:40px;} .contact3_ri { padding-top:35px; margin-right:} .contact3_ri ul li .message_t { font-weight:bold; color:#000; margin-bottom:10px;} .contact3_ri ul li .message_i .text { width:100%; background:#fff; border:1px solid #e5e5e5; border-radius:5px; height:55px; line-height:55px; padding:0 10px;} .contact3_ri ul li { margin-bottom:30px;} .contact3_ri ul li .textarea { min-height:100px;background:#fff; border:1px solid #e5e5e5;border-radius:5px; padding:10px; width:100% } .contact3_ri ul li:last-child { width:100%;} .contact3_ri ul li:last-child .btn { cursor:pointer; width:180px; height:50px; line-height:50px; text-align:center; border-radius:200px; color:#fff; border:none; background: -moz-linear-gradient(left, #267bbc 0%, #0a2e6e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a2e6e), color-stop(100%,#0a2e6e)); background: -webkit-linear-gradient(left, #267bbc 0%,#0a2e6e 100%); background: -o-linear-gradient(left, #267bbc 0%,#0a2e6e 100%); background: -ms-linear-gradient(left, #267bbc 0%,#0a2e6e 100%); background: linear-gradient(to right, #267bbc 0%,#0a2e6e 100%);} .contact3_ri ul li:last-child .btn:hover{ background:#0154a1;} /* ===================行业应用========================= */ .caselist ul li{ float:left; width:31.33%; margin-left:3%; margin-bottom:3%;} .caselist ul li:nth-child(4n+1){ margin-left:0;} .caselist ul li a dl dd:first-child { width:100%; overflow:hidden; } .caselist ul li a dl dd:first-child img { width:100%; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} .caselist ul li:hover a dl dd:first-child img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .caselist ul li a dl dd:first-child+dd { font-size:20px; font-weight:bold; margin-top:20px;} .caselist ul li a dl dd:first-child+dd+dd { font-size:18px; color:#666666; line-height:1.5; margin-top:20px; display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .caselist ul li a dl dd:last-child { position:relative; margin-top:20px; padding-bottom:20px; border-bottom:2px solid #e4e4e4; font-size:18px; color:#8e8e8e} .caselist ul li a dl dd:last-child::after { display:block; width:0; height:2px; position:absolute; bottom:-20px; content:""; left:0; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} .caselist ul li:hover a dl dd:last-child::after { width:100%; transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} .videolist .left { position: relative; width: 225px; } .videolist .right { width: 100%; box-sizing: border-box; } .category_mod { width: 100%; } .category_mod>.leftTitle { width: 100%; height: 66px; background: #01b0ef; line-height: 66px; text-indent: 16px; font-size: 20px; color: #ffffff; } .category_mod>.leftTitle span { font-size: 12px; color: #fff; padding-left: 6px; } .category_mod .content { width: 100%; border: solid 1px #e5e5e5; border-top: none; box-sizing: border-box; padding: 10px; box-shadow: 0px 5px 8px #dbdbdb; } .category_mod .content ul li { position: relative; border-bottom: dotted 1px #DDDDDD; } .category_mod .content ul li:last-child { border-bottom: none } .category_mod .content ul li a { color: #444444; display: block; height: 50px; line-height: 50px; font-size: 16px; text-indent: 10px; padding-right: 40px; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .category_mod .content ul li a:hover { color: #0dd1cf; display: block; height: 50px; line-height: 50px; font-size: 16px; text-indent: 10px; padding-right: 40px; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .category_mod .content ul li .more { cursor: pointer; position: absolute; color: #0dd1cf; font-size: 1.6rem; text-align: right; width: 40px; height: 50px; line-height: 50px; right: 5px; top: 0px; } .category_mod .content ul li .subclass { padding: 0px 15px 15px; display: none; } .category_mod .content ul li .subclass ul li { border-bottom: none; position: static; width: 100%; height: 30px; color: #777777; } .category_mod .content ul li .subclass ul li a { height: 30px; line-height: 30px; color: #777777; display: block; font-size: 14px; padding-right: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .category_mod .content ul li .subclass ul li a:hover { color: #0dd1cf; height: 30px; line-height: 30px; display: block; font-size: 14px; padding-right: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .videolist .right ul li {float: left;} .videolist .right ul li a { display: block; } .videolist .right ul li .case-imgWrapper { background-position:center; background-repeat:no-repeat; background-size:cover; position: relative; width: 100%; height:250px; border: 1px solid #eaebeb;} .videolist .right ul li:hover .case-imgWrapper { background-image:none !important;} .videolist .right ul li .case-imgWrapper img { display: block; width: 100%; } .videolist .right ul li span { text-align:center; display: block; width: 100%; line-height: 50px; color: #333333; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .videolist .right ul li { margin-left:2%;margin-bottom: 2%;width:23.5%; height: 292px;} .videolist .right ul li:nth-child(4n+1) {margin-left:0;} .videolist .right ul li .play { width: 63px; height: 63px; display: block; overflow: hidden; position: absolute; top: 36%; left: 50%; margin-left: -32px; background: url(../images/icon5.png) no-repeat center center; z-index: 10; } .videolist .right ul li:hover .play { } /*视频*/ .video-box video { display: block; width: 100%; } .video-box img { display: block; width: 100%; } .video-box span { display: block; width: 100%; text-align: center; margin-bottom: 15px; font-size: 14px; } .playbox { background:rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; z-index: 9999; left: 0px; top: 0px; display:none; } .playbox .inner { width: 1344px; height: 756px; position: fixed; background: rgba(255,255,255,0.1); z-index: 999; left: 10%; top: 50px; border: solid 1px #f9f9f9; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .playbox .close { width: 30px; height: 30px; background:rgba(255,255,255,0.5) url(../images/close.png) no-repeat center center; display: block; overflow: hidden; position: absolute; top: 50px; left: 110px; z-index: 9999; } .playbox .cover { width: 100%; height: 100%; position: fixed; background: rgba(0,0,0,0.1); z-index: 99; } .playbox .inner .vdo_zoom { width: 1324px; height: 736px; margin: 30px 30px 0px 30px; color: #fff; background: rgba(0,0,0,0.8); } /* ===================关于我们========================= */ .about1 { width:100%; padding-bottom:136px; background:url(../images/img6.jpg) no-repeat center bottom; overflow:hidden;} .at1 { text-align:center; padding-top:90px;} .at1 h3 { font-size:42px; color:#333333} .at1 p { font-size:18px; color:#5f5f5f; margin-top:10px;} .about1_l { width:50%;} .about1_r { width:45%;} .about1_info { padding-top:47px;} .about1_rt { font-weight:bold; color:#333333; font-size:42px;} .about1_rt span{ display:block; color:#0154a1;} .about1_ri { line-height:2; margin-top:60px;} .about1_ri h4 { color:#0154a1; font-size:48px;} .about1_ri p { color:#666666; font-size:15px; margin-top:-10px;} .about2 { width:100%; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; min-height:690px;} .about2_sz { width:100%; position:absolute; top:-80px; left:0; height:150px;} .about2_sz .value_info { height:150px; background:#fff; border-radius:10px; box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.1); -ms-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.1); -o-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.1);} .about2 .value_info { margin-top:0} .about2 .value_info ul li { width:25%;} .about2 .value_info ul li:first-child .value_i { padding-left:30%} .about2 .value_info ul li:first-child+li .value_i { padding-left:35%} .about2 .value_info ul li:first-child+li+li .value_i { padding-left:35%} .about2 .value_info ul li:last-child .value_i { padding-left:25%} .about2 .value_info ul li #seventh p { color:#000} .about2 .buttonBox { padding-top: 18px;} .about2 .value_info ul li:first-child { width:28%} .about2 .value_info ul li:first-child+li { width:22%} .about2 .value_info ul li:first-child+li+li { width:22%} .about2 .value_info ul li:last-child { width:28%} .about2 .buttonBox::after { position:absolute; right:0; top:44px; display:block; width:1px; height:78px; background:#ebebeb; content:"";} .about2_height { height:280px; width:100%} .about2_content { margin:0 auto 0} .about2_content ul li { float:left; width:25%; position:relative; text-align:center; color:#fff} .about2_content ul li dl dd:first-child img { height:42px; display:block; margin:0 auto} .about2_content ul li dl dd:first-child+dd { font-size:36px; margin-top:15px;} .about2_content ul li dl dd:last-child { margin-top:30px; line-height:1.5} .about2_content ul li::after{ position:absolute; right:0; top:0; display:block; width:1px; height:100%; content:""; background:#62abe5;} .about2_content ul li:last-child::after{ display:none;} .about2_content ul { display: flex;flex-direction: row;flex-wrap: wrap;} .about2_content ul li { flex: auto;} .about3 {width:100%; background-image:url(../images/img7.jpg); overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; padding-bottom:120px;} .about3 .at1 h3 { color:#0154a1} .about3 .m-solve-box { height:78px; background:#fff; position:inherit;} .about3 .m-solve-box .container{ width:80%; margin-left:4%;} .about3 #solve2 .item { color:#b3b3b3; height:78px; line-height:78px; text-align:center; font-size:20px;} .about3 .#solve2 .current { background:none;} .about3 .#solve2 .owl-item { background:none;} .about3 .#solve2 .current .item .solve2_title { color:#0154a1} .about3 .m-solve-box .owl-nav .owl-next {width: 78px; height: 78px; right:-18%; background:none; top:0} .about3 #solve1 { margin-top:50px; background:#fff url(../images/icon6.png) no-repeat right 2% bottom 10%; } .about3 .owl-carousel .owl-stage-outer{ } .about3 .m-solve-box .owl-nav .owl-next:hover::before { color:#0154a1} .about3 .m-solve-box .owl-nav .owl-prev:hover::before { color:#0154a1} .about3 .m-solve-box .owl-nav .owl-prev {width: 78px; height: 78px; right:-10%; background:none; top:0} .about3 .owl-carousel .owl-nav { margin-top:0; display:none;} .about3 #solve2 .owl-item { background:none;} .about3 #solve2 .current { background:none !important} .about3 #solve2 .current .item { color:#0154a1} .about3 #solve2 .owl-item span { display:inline-block; position:relative;} .about3 #solve2 .item span::after { display:block; width:4px; line-height:4px; height:4px; border-radius:30px; background:#fff; position:absolute; left:23px; bottom:17px; content:"";} .about3 #solve2 .current .item span::after { background:#0154a1;} .about3 #solve1 .owl-nav { display:block;} .about3 #solve1 .owl-prev { font-size:0; position:absolute; right:5%; top:-127px;width: 50px; height: 78px; background:#fff ;text-align:center; } .about3 #solve1 .owl-next {font-size:0; position:absolute; right:2%; top:-128px;width: 50px; height: 78px; background:#fff ;transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); text-align:center; } .about3 #solve1 .owl-prev::before {height: 78px; width: 50px; line-height: 78px !important; text-align: center; content: "\e8f4"; font-family: "iconfont2" !important; color: #333333;font-size:25px; z-index:666;text-align:center; display:block;} .about3 #solve1 .owl-prev:hover::before { color: #0154a1;} .about3 #solve1 .owl-next::before {height: 78px; width: 50px; line-height: 78px !important; text-align: center; content: "\e8f4"; font-family: "iconfont2" !important; color: #333333;font-size: 25px;z-index:666;text-align:center; display:block;} .about3 #solve1 .owl-next:hover::before { color: #0154a1;} .about3 .owl-carousel { z-index:100} .about3 #solve2 .owl-item::before { display:none;} .about3 #solve1 .item .item_info {margin:40px; overflow:hidden;} .about3 #solve1 .item .item_info .item_l { width:50%} .about3 #solve1 .item .item_info .item_l img{ width:100%} .about3 #solve1 .item .item_info .item_r { width:45%; position:relative; min-height:300px;} .about3 #solve1 .item .item_info .item_rt { font-size:120px; color:#0154a1; font-weight:bold;} .about3 #solve1 .item .item_info .item_ri { font-size:18px; color:#333333; width:60%; line-height:2 } .about3 #solve1 .item .item_info .item_rinfo { width:100%; position:absolute; left:0; bottom:0; z-index:999} .about3 .active { background-color:none !important;} .about4 { width:100%; overflow:hidden; background:#f4f4f4; padding-bottom:72px;} .about4_info { padding-top:48px;} #IndexBlock7{ position: relative; } #IndexBlock7 .container{ position: relative; z-index: 2; } #IndexBlock7 .Productlist7{ overflow:hidden; } #IndexBlock7 .Productlist{ margin:0 0 85px 0; } #IndexBlock7 .Productlist li{ padding:0; } #IndexBlock7 .PBox{ position: relative; } #IndexBlock7 .PNBtn span{ position:absolute; top:50%; margin-top:-0.25rem; z-index:33333; display:block; height:0.5rem; width:0.5rem; border-radius:50%; z-index: 2; } #IndexBlock7 .PNBtn span:hover{ background-color: rgba(242,207,0,.6); } .Productlist7 ul .swiper-slide a { display:block; box-shadow: 0px 7px 16px 0px rgb(0 0 0 / 10%); -moz-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.1); -ms-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.1); -o-box-shadow: 0px 7px 16px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 7px 16px 0px rgb(0 0 0 / 10%); } .Productlist7 ul .swiper-slide a dl{background:#fff;} .Productlist7 ul .swiper-slide a dl dd:first-child { padding:12px;} .Productlist7 ul .swiper-slide a dl dd img{ width:100%; display:block; } .Productlist7 ul .swiper-slide a dl dd:last-child{ width:100%; display:block; padding:25px 0; text-align:center; color:#000; border-top:2px solid #f4f4f4; } .Productlist7 ul .swiper-slide a .imgBox { text-align:center; } .Productlist7 ul .swiper-slide a .imgBox img { height:295px; display:block; margin:0 auto;} .Productlist7 ul .swiper-slide a .Productlist2_info { padding:30px 30px 0;} .Productlist7 ul .swiper-slide a .Productlist2_info dl dd:first-child { color:#666666} .Productlist7 ul .swiper-slide:hover a .Productlist2_info dl dd:first-child { color:#fff} .Productlist7 ul .swiper-slide a .Productlist2_info dl dd:first-child+dd { color:#333333; font-size:18px; font-weight:bold; margin-top:5px;} .Productlist7 ul .swiper-slide:hover a .Productlist2_info dl dd:first-child+dd{ color:#fff} .Productlist7 ul .swiper-slide a .Productlist2_info dl dd:first-child+dd+dd { color:#666666; line-height:1.6; font-size:15px; margin-top:10px;display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height:72px;} .Productlist7 ul .swiper-slide:hover a .Productlist2_info dl dd:first-child+dd+dd { color:#fff; } .Productlist7 ul .swiper-slide a .Productlist2_info dl dd:last-child { margin-top:15px;} .Productlist7 ul .swiper-slide a .Productlist2_info dl dd:last-child span { font-size:15px; display:inline-block; position:relative;color:#666666} .Productlist7 ul .swiper-slide:hover a .Productlist2_info dl dd:last-child span { color:#fff} .Productlist7 ul .swiper-slide:hover a .Productlist2_info dl dd:last-child span::after { color:#fff} .Productlist7 ul .swiper-slide a .Productlist2_info dl dd:last-child span::after{ position:absolute; right:-33px; color:#666666; top:-10px;font-weight: 100; font-family: "iconfont" !important; content: "\e660"; font-size:12px; width: 40px; height: 40px; line-height: 40px; text-align: center; display: block; transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); } #IndexBlock7 .Point { text-align:center; margin-top:60px;} #IndexBlock7 .Point .swiper-pagination-bullet { width:10px; height:10px; margin:0 6px; background:#cccccc !important; border-radius:100px; line-height:60px; overflow:hidden;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} #IndexBlock7 .Point .swiper-pagination-bullet-active { width:27px; background:#f7b500 !important;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} .about5 { width:100%; } .about5_info { padding-top:48px;} #IndexBlock8{ position: relative; } #IndexBlock8 .container{ position: relative; z-index: 2; } #IndexBlock8 .Productlist8{ overflow:hidden; } #IndexBlock8 .Productlist{ margin:0 0 0 0; } #IndexBlock8 .Productlist li{ padding:0; } #IndexBlock8 .PBox{ position: relative; } #IndexBlock8 .PNBtn span{ cursor:pointer; position:absolute; top:40%; z-index:33333; display:block; height:42px; width:42px; z-index: 2; background:#0154a1 } #IndexBlock8 .PNBtn span::after { display:block; width:42px; line-height:42px; height:40px; text-align:center; font-size:20px; font-weight:bold; color:#000;font-family: "iconfont2" !important;} #IndexBlock8 .PNBtn .next::after {content:"\e779"; transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); } #IndexBlock8 .PNBtn span:hover::after { color:#fff;} #IndexBlock8 .PNBtn .prev::after {content:"\e779"} #IndexBlock8 .PNBtn .next { right:-42px; content:"\e779"} #IndexBlock8 .PNBtn .prev { left:-42px;} #IndexBlock8 .PNBtn span:hover{ background-color:#333333; } .Productlist8 ul .swiper-slide a { display:block; } .Productlist8 ul .swiper-slide a dl{background:#fff;} .Productlist8 ul .swiper-slide a dl dd:first-child { } .Productlist8 ul .swiper-slide a dl dd img{ width:100%; display:block; } .Productlist8 ul .swiper-slide a dl dd:last-child{ width:100%; display:block; padding:25px 0 0; text-align:center; color:#000; } .Productlist8 ul .swiper-slide a .imgBox { text-align:center; } .Productlist8 ul .swiper-slide a .imgBox img { height:295px; display:block; margin:0 auto;} #IndexBlock8 .Point { text-align:center; margin-top:60px; display:none;} #IndexBlock8 .Point .swiper-pagination-bullet { width:10px; height:10px; margin:0 6px; background:#cccccc !important; border-radius:100px; line-height:60px; overflow:hidden;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} #IndexBlock8 .Point .swiper-pagination-bullet-active { width:27px; background:#f7b500 !important;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} /* ===================页码========================= */ .page {margin:30px auto 0;clear: both;padding-top:10px;overflow:hidden; text-align:center; width:100%} .page span.page_list {overflow:hidden; } .page span.page_list a {display:inline-block; background:#f6f6f6; padding:12px 18px; color:#000; margin:0 10px; } .page span.page_rows {display:inline-block;background:#fff;padding:15px 20px; margin-left:-1px;color:#000} .page span.page_list a.selected {background: #1f4286;border:1px solid #1f4286;color: #fff;} .page span.page_list a:hover {background: #0154a1; color: #fff;} .page .prev {display:inline-block; background:#f6f6f6; padding:12px 18px; color:#000; margin:0 10px; position:relative } .page .next {display:inline-block; background:#f6f6f6; padding:12px 18px; color:#000; margin:0 10px; position:relative } .page .prev::after{ position:absolute; left:0; top:0; width:45px; height:45px; text-align:center; line-height:45px; color:#000; font-size:18px; content: "\e660"; font-family: "iconfont2" !important;} .page .next::after{ position:absolute; left:0; top:0; width:45px; height:45px; text-align:center; line-height:45px; color:#000; font-size:18px; content: "\e660"; font-family: "iconfont2" !important; transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .page .next::after{ position:absolute; left:0; top:0; width:45px; height:45px; text-align:center; line-height:45px; color:#000; font-size:18px; content: "\e660"; font-family: "iconfont2" !important; transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); } .page .next:hover::after{ color:#fff} .page .prev:hover::after{ color:#fff} /*=========公司实力=========*/ .pro-list { padding:1% 0 } .pro-list ul li { position:relative; width:23.5%; float:left; margin-right:2%; margin-bottom:1%; background:#fff; background-color: rgba(255,255,255,.5); } .pro-list ul li:nth-of-type(4n) { margin-right:0 } .pro-list ul li .pic { position:relative; } .pro-list ul li .pic .zoom { padding-bottom:110%; } .pro-list ul li .pic .zoom img { display:block; width:100%;} .pro-list ul li .pic .zoom span { display: block; min position: absolute; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .pro-list ul li .text { padding:5px 5% 20px 5%; text-align:center } .pro-list ul li .text h3 { font-size:16px; color:#333333; padding-top:15px;} .pro-list ul li .text p { margin:5px auto; min-height:24px; } .pro-list ul li:hover .text a { background:#0194E8; color:#fff } .pro-list ul li:hover .text a.more { background:#0194E8; color:#fff } .pro-list ul li .text::after { display: block;content: ""; width:0; padding:0px; height:2px; background:#0154a1; position:absolute; bottom:0; left:0; } .pro-list ul li:hover .text::after { width:100%; left:0; -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .pro-box { margin:2% auto; background:#fff; padding:2% 0 } .pro-pic { float:left; width:48%; padding-right:4%; } .pro-info { float: right; width:45%; font-size:16px; color:#666 } .pro-info .pro-cat {} .pro-info .pro-cat span{ display: inline-block; border-radius: 30px; padding: 6px 20px; font-size: 14px; background: #dbeaf3; color: #20a4f0; border:1px solid #20a4f0; } .fancybox-enabled { overflow: hidden; } .fancybox-enabled body { overflow: visible; -ms-touch-action: none; touch-action: none; } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Make sure that the first one is on the top */ .fancybox-container ~ .fancybox-container { z-index: 99992; } .fancybox-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #333; opacity: 0; transition-timing-function: cubic-bezier(0.55, 0.06, 0.68, 0.19); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox-container--ready .fancybox-bg { opacity: 0.97; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-controls { position: absolute; top: 0; left: 0; right: 0; text-align: center; opacity: 0; z-index: 99994; transition: opacity .2s; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; direction: ltr; } .fancybox-show-controls .fancybox-controls { opacity: 1; } .fancybox-infobar { display: none; } .fancybox-show-infobar .fancybox-infobar { display: inline-block; pointer-events: all; } .fancybox-infobar__body { display: inline-block; width: 70px; line-height: 44px; font-size: 13px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: center; color: #000; /* background-color: rgba(30, 30, 30, 0.7);*/ pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; } @media (min-width: 768px){ .fancybox-infobar__body{ position: fixed; left: 15%; top:35%; width:100px; height: 200px; z-index: 9999; } .fancybox-infobar__body .js-fancybox-index{ font-size: 30px; line-height: 200px; } } .fancybox-buttons { position: absolute; top: 32px; right: 7%; display: none; pointer-events: all; } .fancybox-show-buttons .fancybox-buttons { display: block; } .fancybox-slider-wrap { overflow: hidden; direction: ltr; } .fancybox-slider-wrap, .fancybox-slider { position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; z-index: 99993; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox-slide { position: absolute; top: 50px; left: 7%; width: 86%; height: 80%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; } @media (min-width: 768px){ .fancybox-slide { position: absolute; top: 0px; left: 0%; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; } } .fancybox-slide::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-slide > * { display: inline-block; position: relative; padding: 24px; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; } .fancybox-slide--image { overflow: hidden; } .fancybox-slide--image::before { display: none; } .fancybox-content { display: inline-block; position: relative; margin: 44px auto; padding: 0; border: 0; width: 80%; height: calc(100% - 88px); vertical-align: middle; line-height: normal; text-align: left; white-space: normal; outline: none; font-size: 16px; font-family: Arial, sans-serif; box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; } .fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video .fancybox-iframe { background: transparent; } .fancybox-placeholder { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border:10px solid #fff; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; background: transparent; background-size: 100% 100%; } .fancybox-controls--canzoomOut .fancybox-placeholder { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-controls--canzoomIn .fancybox-placeholder { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-controls--canGrab .fancybox-placeholder { cursor: -webkit-grab; cursor: grab; } .fancybox-controls--isGrabbing .fancybox-placeholder { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-spaceball { z-index: 1; } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-error { position: absolute; margin: 0; padding: 40px; top: 50%; left: 50%; width: 380px; max-width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; cursor: default; } .fancybox-error p { margin: 0; padding: 0; color: #444; font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; } .fancybox-close-small { position: absolute; top: 4px; right: 4px; padding: 0; margin: 0; width: 30px; height: 30px; font: 21px/1 Arial,"Helvetica Neue",Helvetica,sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; cursor: pointer; background: #fff; transition: background .2s; box-sizing: border-box; z-index: 2; } .fancybox-close-small:focus { outline: 1px dotted #888; } .fancybox-slide--video .fancybox-close-small { top: -36px; right: -36px; background: transparent; } .fancybox-close-small:hover { color: #555; background: #eee; } /* Caption */ .fancybox-caption-wrap { position: absolute; bottom: 0; left: 0; right: 0; padding: 60px 30px 0 30px; z-index: 99998; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%); opacity: 0; transition: opacity .2s; pointer-events: none; } .fancybox-show-caption .fancybox-caption-wrap { opacity: 1; } .fancybox-caption { padding: 30px 0 50px 0; text-align:center; /* border-top: 1px solid rgba(255, 255, 255, 0.4);*/ font-size: 16px; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button { pointer-events: all; } .fancybox-caption a { color: #fff; text-decoration: underline; } /* Buttons */ .fancybox-button { display: inline-block; position: relative; width: 44px; height: 44px; line-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; cursor: pointer; background: transparent; /* color: #000;*/ color:rgba(209, 209, 209, 0.8); box-sizing: border-box; vertical-align: top; outline: none; } .fancybox-button--disabled { cursor: default; pointer-events: none; } .fancybox-infobar__body, .fancybox-button { /* background: rgba(30, 30, 30, 0.6); */ } .fancybox-button:hover { /* background: rgba(0, 0, 0, 0.8); */ } .fancybox-button::before, .fancybox-button::after { content: ''; pointer-events: none; position: absolute; border-color: #fff; background-color: currentColor; color: currentColor; opacity: 0.9; box-sizing: border-box; display: inline-block; } .fancybox-button--disabled::before, .fancybox-button--disabled::after { opacity: 0.5; } .fancybox-button--left::after { left: 20px; top: 18px; width: 6px; height: 6px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .fancybox-button--right::after { right: 20px; top: 18px; width: 6px; height: 6px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-button--left { border-bottom-left-radius: 0px; position: fixed; left: 5%; top:35%; background-image: url("../images/arr_left.png"); width:200px; height: 200px; z-index: 9999; color:rgba(255,255,255,0); } .fancybox-button--right { border-bottom-right-radius: 0px; position: fixed; right: 5%; top:35%; background-image: url("../images/arr_right.png"); width:200px; height: 200px; z-index: 9999; color:rgba(255,255,255,0); } .fancybox-button--close { float: right; } .fancybox-button--close::before, .fancybox-button--close::after { content: ''; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px); } .fancybox-button--close::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .fancybox-button--close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* Loading spinner */ .fancybox-loading { border: 6px solid rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Styling for Small-Screen Devices */ @media all and (max-width: 800px) { .fancybox-controls { text-align: left; } .fancybox-button--left, .fancybox-button--right, .fancybox-buttons button:not(.fancybox-button--close) { display: none !important; } .fancybox-caption { padding: 20px 0; margin: 0; } } /* Fullscreen */ .fancybox-button--fullscreen::before { width: 15px; height: 11px; left: 15px; top: 16px; border: 2px solid; background: none; } /* Slideshow button */ .fancybox-button--play::before { top: 16px; left: 18px; width: 0; height: 0; border-top: 6px inset transparent; border-bottom: 6px inset transparent; border-left: 10px solid; border-radius: 1px; background: transparent; } .fancybox-button--pause::before { top: 16px; left: 18px; width: 7px; height: 11px; border-style: solid; border-width: 0 2px 0 2px; background: transparent; } /* Thumbs */ .fancybox-button--thumbs span { font-size: 23px; } .fancybox-button--thumbs::before { top: 20px; left: 21px; width: 3px; height: 3px; box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0; } .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap, .fancybox-container--thumbs .fancybox-caption-wrap { right: 220px; } .fancybox-thumbs { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 220px; margin: 0; padding: 5px 5px 0 0; background: #fff; z-index: 99993; word-break: normal; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; box-sizing: border-box; } .fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; } .fancybox-thumbs > ul > li { float: left; overflow: hidden; max-width: 50%; padding: 0; margin: 0; width: 105px; height: 75px; position: relative; cursor: pointer; outline: none; border: 5px solid #fff; border-top-width: 0; border-right-width: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-thumbs > ul > li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 800px) { .fancybox-thumbs { display: none !important; } .fancybox-container--thumbs .fancybox-controls, .fancybox-container--thumbs .fancybox-slider-wrap, .fancybox-container--thumbs .fancybox-caption-wrap { right: 0; } } .tmpbtn_left{ border-bottom-left-radius: 0px; position: absolute; left: 3.7%; top:38%; /* background-image: url(imgs/arr_left.png);*/ width:200px; height: 200px; z-index: 99999; color:rgba(255,255,255,0); cursor: pointer; } .tmpbtn_right{ border-bottom-left-radius: 0px; position: absolute; right: 3.7%; top:38%; /* background-image: url(imgs/arr_right.png);*/ width:200px; height: 200px; z-index: 99999; color:rgba(255,255,255,0); cursor: pointer; } .tmpbtn_close{ position: absolute; right: 10px; top:10px; /* background-image: url(imgs/arr_right.png);*/ width:35px; height: 35px; z-index: 99999; cursor: pointer; } @media (min-width: 769px) { .tmpbtn_close{ position: absolute; right: 40px; top:35px; /* background-image: url(imgs/arr_right.png);*/ width:35px; height: 35px; z-index: 99999; cursor: pointer; } } .tmp_shownumber{ position: absolute; left: 14%; top:38%; /* background-image: url(imgs/arr_right.png);*/ width:200px; height: 200px; line-height: 200px; z-index: 99999; font-family:Conv_Gotham-Light,"华文细黑",STXiHei,"微软雅黑","Microsoft Yahei","华文黑体","ST Heiti","MS黑体","MS Hei",abchanel-couture,Arial,Helvetica,sans-serif; font-size: 14px; color: #717275; letter-spacing: 2px; } .tmp_shownumber .tmp_shownumber_left{font-size:46px;} .tmp_shownumber .tmp_shownumber_right{font-size:18px;} .quick-view-bullets { list-style: none; position: absolute; bottom: 10px; left: 0; width: 100%; text-align: center; margin: 0; padding: 0; z-index: 99999; -webkit-tap-highlight-color: rgba(0,0,0,0); } .quick-view-bullets li { display: inline-block; vertical-align: top; } .quick-view-bullets li a { display: block; height: 30px; width: 10px; position: relative; } .quick-view-bullets li a span { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 5px; height: 5px; border-radius: 10px; text-indent: -99999px; overflow: hidden; background: #dcdddd; } .quick-view-bullets li.active a span { background: #595757; } /*=========公司实力=========*/ /*=========产品中心=========*/ .plist { width:100%; padding-top:90px; overflow:hidden; padding-bottom:70px;background: -moz-linear-gradient(top, #f7fafe 0%, #ecf0f4 100%); background: -webkit-gradient(linear, top top, left bottom, color-stop(0%,#f7fafe), color-stop(100%,#ecf0f4)); background: -webkit-linear-gradient(top, #f7fafe 0%,#ecf0f4 100%); background: -o-linear-gradient(top, #f7fafe 0%,#ecf0f4 100%); background: -ms-linear-gradient(top, #f7fafe 0%,#ecf0f4 100%); background: linear-gradient(to bottom, #f7fafe 0%,#ecf0f4 100%); width:100%} .plist_t { text-align:center;} .plist_t h3 { font-size:48px; color:#333333; } .plist_t h3::after { display:block; width:80px; height:5px; background:#0154a1; margin:10px auto 0; display:block; content:"";} .plist1 { padding-top:47px;} .plist1_l { width:74.5%;} .plist1_r { width:20%;} .plist1_l ul { overflow:hidden; background: -moz-linear-gradient(left, #bfc7cd 0%, #dee3e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfc7cd), color-stop(100%,#dee3e5)); background: -webkit-linear-gradient(left, #bfc7cd 0%,#dee3e5 100%); background: -o-linear-gradient(left, #bfc7cd 0%,#dee3e5 100%); background: -ms-linear-gradient(left, #bfc7cd 0%,#dee3e5 100%); background: linear-gradient(to right, #bfc7cd 0%,#dee3e5 100%); width:100%} .plist1_l ul li { padding:75px; overflow:hidden;} .plist1_l ul li .plist1_li { width:50%} .plist1_l ul li .plist1_limg { width:45%} .plist1_l ul li .plist1_li dl dd:first-child { margin-top:50px; font-size:24px; color:#0154a1} .plist1_l ul li .plist1_li dl dd:first-child+dd { margin-top:20px; color:#282828; font-size:40px; } .plist1_l ul li .plist1_li dl dd:first-child+dd+dd { line-height:1.5; margin-top:30px; color:#686868;} .plist1_l ul li .plist1_limg img { width:100%; display:block;} .plist1_l ul li .plist1_li dl dd:last-child { margin-top:50px; } .plist1_l ul li .plist1_li dl dd:last-child a { width:157px; height:50px; line-height:50px; color:#282828; text-indent:2em; background:#fff url(../images/icon7.png) no-repeat 110px center; display:block; float:left; margin-right:10px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; } .plist1_l ul li .plist1_li dl dd:last-child a:hover { color:#fff; text-indent:1.6em; background:#0154a1 url(../images/icon7h.png) no-repeat 130px center;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} .plist1_rt a { color:#333333; font-size:24px; font-weight:bold;} .plist1_rt a:hover { color:#0154a1; } .plist1_ri { padding-top:30px;} .plist1_ri ul li a { display:block; color:#0154a1; margin-bottom:10px;} .plist1_ri ul li:hover a { text-decoration:underline;} .plist2 { margin:70px auto 0} .plist2 ul li { float:left; margin-left:1.8%; margin-bottom:1.8%; width:23.6%;} .plist2 ul li:nth-child(4n+1) { margin-left:0;} .plist2 ul li a{ display:block; background:#ecf0f4} .plist2 ul li:hover a{ background:#0154a1} .plist2 ul li a .plist2_img { width:100%; overflow:hidden; padding-top:20px; min-height: 333px;} .plist2 ul li a .plist2_img img{ width:100%; display:block;} .plist2 ul li a .plist2_info dl { padding:30px;} .plist2 ul li a .plist2_info dl dd:first-child { font-size:16px; color:#666666} .plist2 ul li:hover a .plist2_info dl dd:first-child { color:#fff} .plist2 ul li a .plist2_info dl dd:first-child+dd { font-size:18px; color:#333333; margin-top:10px; font-weight:bold;} .plist2 ul li:hover a .plist2_info dl dd:first-child+dd { color:#fff} .plist2 ul li a .plist2_info dl dd:first-child+dd+dd { font-size:15px; color:#666666; line-height:1.5; margin-top:10px;display: -webkit-box; word-break: break-all; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp:2; min-height:45px; } .plist2 ul li:hover a .plist2_info dl dd:first-child+dd+dd { color:#fff} .plist2 ul li a .plist2_info dl dd:last-child { font-size:15px; margin-top:30px; color:#666666} .plist2 ul li:hover a .plist2_info dl dd:last-child { color:#fff} .plist2 ul li a .plist2_info dl dd:last-child span { display:inline-block; position:relative;} .plist2 ul li a .plist2_info dl dd:last-child span::after { display:block; width:20px; height:20px;color:#666666; font-size:14px; position:absolute; right:-20px; top:-3px;transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg);content: "\e660"; font-family: "iconfont2" !important;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; } .plist2 ul li:hover a .plist2_info dl dd:last-child span::after { color:#fff; right:-26px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; } .p_sort_z { height:70px; line-height:70px;} .p_sort_l { width:50%; color:#333333; font-size:18px; font-weight:bold;} .p_sort_r { width:50%; text-align:right;} .p_sort_r ul li { display:inline-block; margin-right:47px;} .p_sort_r ul li a{ display:inline-block; color:#666666; position:relative;} .p_sort_r ul li:hover a{ color:#333333} .p_sort_r ul .current a{ color:#333333} .p_sort_r ul .current a::after{ width:100%; height:2px; background:#0154a1; content:""; display:block; position:absolute; left:0; bottom:0;} .psh { width:100%; height:70px;} .psort_info { position:fixed; left:0; top:110px; width:100%; height:70px; background:#fff;transition:all 0.3s; -transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; } .psort .fixed { width:100%; top:0;z-index:999; border-bottom: 1px solid #e1e1e1;transition:all 0.3s; -transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; } .product1 { background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; min-height:660px; position:relative;} .product1_info { position:absolute; left:0; width:100%; top:0;} .product1_l { width:40%; min-height:600px;-ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex;} .product1_r { width:50%;} .product1_l dl dd:first-child h1 { color:#fff; font-size:48px;} .product1_l dl dd:first-child+dd{ color:#fff; line-height:1.6; margin-top:30px;} .product1_l dl dd:last-child{ margin-top:60px;} .product1_l dl dd:last-child a { width:157px; height:50px; line-height:50px; color:#fff; text-indent:2em; background:#0154a1 url(../images/icon7h.png) no-repeat 110px center; display:block; float:left; margin-right:10px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; } .product1_l dl dd:last-child a:hover { color:#fff; text-indent:1.6em; background:#333333 url(../images/icon7h.png) no-repeat 130px center;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} .product1 .HomeBan ul .item img { width:100% !important; height:auto !important; display:block;} .product1 .HomeBan { margin-top:40px;} .product1 .HomeBan .item { height:550px;} .product1 .HomeBan .slick-dots::after { display:none;} .product1 .HomeBan .slick-dots li button { width:10px; height:10px; line-height:150px; overflow:hidden; } .product1 .HomeBan .slick-dots li button::before { left:0; top:0;width:10px; height:10px; border:1px solid #fff; background:none; border-radius:50px; overflow:hidden; line-height:150px;} .product1 .HomeBan .slick-dots .slick-active button::before{ background:#fff;} .product1 .HomeBan .slick-dots li { margin:0 10px;} .product1 .HomeBan .slick-dots li::before{ display:none;} .product1 .HomeBan .slick-dots { bottom: 10px;} .pheight { width:100%; height:92px;} .pt1 { text-align:center;} .pt1 h4 { color:#333333; font-size:48px;} .pt1 h4::after { display:block; width:80px; height:5px; margin:10px auto 0; content:""; background:#0154a1} .product2_info { line-height:2; margin-top:47px;} .product3{ width:100%; background:#eef6f9; overflow:hidden; padding:90px 0;} .product4_content { padding-top:47px;} .product4_content ul li .down_info{ display:block; border:1px solid #d7dee4; height:77px; line-height:77px; } .product4_content ul li .down_info .down_l { width:55%; margin-left:35px;} .product4_content ul li .down_info .down_r { width:35%; text-align:right; margin-right:35px;} .product4_content ul li .down_info .down_l span { padding-left:35px; color:#333333; font-size:18px; background:url(../images/icon8.jpg) no-repeat left center;} .product4_content ul li .down_info .down_r dl dd { display:inline-block; margin-left:20px; color:#383838; font-size:14px;} .product4_content ul li .down_info .down_r dl dd:first-child { padding-left:20px; background:url(../images/icon9.jpg) no-repeat left center;} .product4_content ul li .down_info .down_r dl dd:first-child+dd { padding-left:20px; background:url(../images/icon10.jpg) no-repeat left center;} .product4_content ul li .down_info .down_r dl dd a { position:relative;display:inline-block; width:40px; height:40px; text-align:center; line-height:40px; background:#57585a; border-radius:200px;} .product4_content ul li .down_info .down_r dl dd a:hover { background:#0154a1; } .product4_content ul li .down_info .down_r dl dd a::after { display:block;width:40px; height:40px; text-align:center; line-height:40px; font-size:16px; color:#fff; content: "\e675";font-family: "iconfont2" !important; } .product5{ width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; height:280px; margin-top:100px;} .body_product .footer { margin-top:0} .product5_z{ } .product5_l { width:50%;height:280px; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex} .product5_r { width:157px;height:280px; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex} .product5_l dl dt { color:#fff; font-size:48px; font-weight:bold;} .product5_l dl dd { color:#fff; font-size:18px; margin-top:10px;} .product5_r dl dd a{ border:1px solid #fff; width:157px; height:50px; line-height:50px; color:#fff; text-indent:2em; background:url(../images/icon7h.png) no-repeat 110px center; display:block; float:left; margin-right:10px;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s; } .product5_r dl dd a:hover { color:#fff; text-indent:1.6em; background:#0154a1 url(../images/icon7h.png) no-repeat 130px center;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} .product3_content { padding-top:47px;} .product3_content table {width: 100% !important; border-collapse: collapse; overflow: hidden;} .product3_content table tr{ background: #fff !important;color: #4b5563 !important; } .product3_content table tbody tr td { text-align:left !important;padding:10px !important; border: 1px solid #eeeeee !important; } .i_sort_z #IndexBlock9 { width:45%; float:left; margin-left:2%;} #IndexBlock9{ position: relative; } #IndexBlock9 .container{ position: relative; z-index: 2; } #IndexBlock9 .Productlist9{ overflow:hidden; } #IndexBlock9 .Productlist{ margin:0 0 0 0; } #IndexBlock9 .Productlist li{ padding:0; text-align:center; } #IndexBlock9 .Productlist li a { color:#333333;font-size: 18px; font-weight: bold;} #IndexBlock9 .Productlist li:hover a { color:#0154a1;} #IndexBlock9 .Productlist li .cur { color:#0154a1;} #IndexBlock9 .PBox{ position: relative; } #IndexBlock9 .PNBtn span{ cursor:pointer; position:absolute; top:22%; z-index:33333; display:block; height:42px; width:42px; z-index: 2; background:none } #IndexBlock9 .PNBtn span::after { display:block; width:42px; line-height:42px; height:40px; text-align:center; font-size:20px; color:#666666;font-family: "iconfont2" !important;} #IndexBlock9 .PNBtn .next::after {content:"\e779"; transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg); } #IndexBlock9 .PNBtn span:hover::after { color:#0154a1;} #IndexBlock9 .PNBtn .prev::after {content:"\e779"} #IndexBlock9 .PNBtn .next { right:-42px; content:"\e779"} #IndexBlock9 .PNBtn .prev { left:-42px;} #IndexBlock9 .PNBtn span:hover{ background-color:#fff; } .Productlist9 ul .swiper-slide a { display:block; } .Productlist9 ul .swiper-slide a dl{background:#fff;} .Productlist9 ul .swiper-slide a dl dd:first-child { } .Productlist9 ul .swiper-slide a dl dd img{ width:100%; display:block; } .Productlist9 ul .swiper-slide a dl dd:last-child{ width:100%; display:block; padding:25px 0 0; text-align:center; color:#000; } .Productlist9 ul .swiper-slide a .imgBox { text-align:center; } .Productlist9 ul .swiper-slide a .imgBox img { height:295px; display:block; margin:0 auto;} #IndexBlock9 .Point { text-align:center; margin-top:60px; display:none;} #IndexBlock9 .Point .swiper-pagination-bullet { width:10px; height:10px; margin:0 6px; background:#cccccc !important; border-radius:100px; line-height:60px; overflow:hidden;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} #IndexBlock9 .Point .swiper-pagination-bullet-active { width:27px; background:#f7b500 !important;transition:all 0.6s; -transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;} .demo1 { display:none; position:relative; z-index:22; height:60px; background:#fff;line-height:60px; width:100%; border-bottom:1px solid #e5e5e5} .demo2 { position:relative;} .demo2 .f_sort { position:absolute; left:0; top:0; width:70%; height:60px; display:block; font-size:14px;} .select2{height: 60px;position:relative;float:right; width:100% ; text-align:right;} .select2 dt{height:35px;display:inline-block; line-height:200px;font-weight:bold; margin-top:20px; cursor:pointer;width:120px;padding-right:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;z-index:99;font-family: "iconfont2";} .select2 dt:hover,.select2 dt.cur{} .select2 dd{position:absolute;left:0;top:60px;background:#fff;display:none; width:100%;} .select2 dd ul{padding:8px;width:100%; overflow:auto; text-align:left; border:1px solid #f6f6f6;} .select2 dd ul li a{line-height:45px;display:block;padding:0 8px; border-bottom:1px solid #e5e7eb; color:#000;} .select2 dd ul li a:hover{background:#c21c31; color:#fff;} .select2 dt::before { transform: rotate(270deg); right:0; top:0; text-indent: 0; content: "\e660"; display: block; width: 35px; line-height: 35px; text-align: center; height: 35px; color: #666666; font-size: 17px; position: absolute;transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s;} .select2 .cur::before { transform: rotate(90deg);transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s; } .select2 dd ul li a em { font-style:normal;} .f_sort ul li{ display:inline-block; float:left;} .f_sort ul li a{ display:inline-block; color:#666666} .f_sort ul li i { display:inline-block; font-style:normal; font-family:"宋体"; padding:0 5px;} .f_sort ul li:last-child i{ display:none;} .map1_info { padding-top:70px; margin:0 auto; width:80%} .map1_info ul li { width:100%; padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #e5e5e5} .map1_info ul li dt{ font-size:25px; font-weight:bold; margin-bottom:10px; width:100%} .map1_info ul li dl dd { float:left; margin-right:20px; display:inline-block;} .map1_info ul li dl dd a { color:#333333} .map1_info ul li dl dd:hover a { color:#0154a1} .map2 { padding:70px;} .map2_info{ line-height:2 margin:0 auto; width:80%} .map2_info img { max-width:100%} @media only screen and (max-width: 1920px){ } @media only screen and (max-width: 1800px){ .logo { width: 26%;} .nav_z .nav { } .nav_search { } .nav_z .nav_search ul .search a { float: left;} .nav_z .nav_search ul li:last-child span { left: 1%;} .index2 #solve1 .item a{ height:750px; } } @media only screen and (max-width: 1700px){ .logo { width: 28%; } .logo h1 { margin-left: 2%; width:73%;} .nav_z .nav { } .nav_z .nav ul li { padding: 0 2.2%;} .nav_z .nav_search ul li:last-child p { font-size:20px;} .index2 #solve1 .item a{ height:700px; } #inner_head .nav_z .nav { margin-left: 10%;} #IndexBlock8 .PNBtn .next { right: 0;} #IndexBlock8 .PNBtn .prev { left: 0;} } @media only screen and (max-width: 1650px){ .nav_z .nav ul li .f_a { font-size:17px;} #seventh .counter { font-size:45px;} .value_info ul li #seventh p { font-size:16px;} .index5_r ul li:first-child+li dl dd:first-child {margin-top: 0;} .index5_r ul li:first-child+li+li dl dd:first-child {margin-top: 0;} .index5_r ul li:first-child+li a { min-height: 249px;} .index5_r ul li:first-child+li+li a { min-height: 249px;} } @media only screen and (max-width: 1600px){ .index5_r ul li:first-child+li a { min-height: 244px;} .index5_r ul li:first-child+li+li a { min-height: 244px;} .index5_r ul li:first-child a .index5_rb dl dd:first-child { font-size:22px;} .index5_r ul li:first-child+li dl dd:first-child{ font-size:22px;} .index5_r ul li:first-child+li+li dl dd:first-child{ font-size:22px;} .i_banner_t { min-height: 600px;} .inner_banner{ min-height: 600px;} .about1_rt { font-size:35px;} } @media only screen and (max-width: 1550px){ .logo h1 span { font-size:14px;} .index5_r ul li:first-child+li a { min-height: 230px;} .index5_r ul li:first-child+li+li a { min-height: 230px;} .plist2 ul li a .plist2_img { min-height: 260px;} } @media only screen and (max-width: 1500px){ .logo { width: 20%; } .nav_z .nav { width: 65%; margin-left: 0;} #solve2 .solve2Item dl dd:first-child img{ height: 40px;} #solve2 .solve2Item dl dd:first-child+dd { font-size:35px; margin-top:20px;} #solve2 .current .solve2Item dl dd:first-child+dd+dd { margin-top:40px; font-size:14px;} #solve2 .solve2Item dl dd:last-child span {width: 50%; height: 35px; line-height: 32px;} #solve2 .solve2Item dl dd:last-child span em { font-size:12px;} #solve2 .solve2Item dl dd:last-child span em .icon { right: -10px; top: 7px;} .index5_r ul li:first-child a .index5_rb dl dd:first-child { margin-top:0} #inner_head .nav_z .nav { margin-left: 8%;} .i_banner_t { min-height: 550px;} .inner_banner { min-height: 550px;} } @media only screen and (max-width: 1470px){ .nav_z .nav ul li { padding: 0 2%;} .nav_z .nav_search ul li:last-child p { width:95%} .index4_ri { line-height: 1.5;} .index5_l { width: 50.5%;} .index5_r { width: 48.5%;} } @media only screen and (max-width: 1400px){ .index2 #solve1 .item a{ height:620px; } .index2 #solve1 .item a img { display:none;} .index4_ri { font-size:14px;} .index5_l { width: 53%;} .index5_r { width: 45%;} .about1_ri { line-height:1.5; margin-top:30px} .about1_ri p { margin-top:10px;} .about3 #solve1 .item .item_info .item_rt { font-size: 100px;} .plist2 ul li a .plist2_img { min-height: 240px;} } @media only screen and (max-width: 1350px){ .nav_z .nav ul li .f_a { font-size:14px;} .index2 #solve1 .item a{ height:600px; } .footer_l ul li { margin-right: 6%;} .about3 #solve1 .item .item_info .item_ri { font-size:16px;} } @media only screen and (max-width: 1300px){ #inner_head .nav_z .nav { margin-left: 6%;} .news_z { width: 90%;} .news_content { padding: 40px 40px 40px;} } @media only screen and (max-width: 1250px){ .videolist .right ul li .case-imgWrapper { height: 200px;} } @media only screen and (max-width: 1200px){ .Productlist2 ul .swiper-slide a .imgBox img { height:auto; width:100%; display:block;} .i_sort_l { width:60%} .i_sort_r { width:40%} .about2 .value_info ul li:first-child .value_i { padding-left: 20%;} .about2 .value_info ul li:first-child+li .value_i { padding-left: 20%;} .about2 .value_info ul li:first-child+li+li .value_i { padding-left: 20%;} .about2 .value_info ul li:last-child .value_i { padding-left: 20%;} #seventh .counter {font-size:35px;} .about3 #solve1 { background-size:60%;} .about3 #solve1 .item .item_info .item_ri { width:100%; line-height:1.5} .plist1_l { width:100%} .plist1_r { width:100%; margin-top:30px;} .plist2 ul li a .plist2_info dl dd:first-child+dd { min-height:48px;} .plist2 ul li a .plist2_img { min-height: 230px;} .product1 .HomeBan .item { height:450px;} } @media only screen and (max-width: 1100px){ .i_sort_l { width:60%} .i_sort_r { width:40%} } @media only screen and (max-width: 1024px){ .t1 h3 { font-size: 35px;} .t1 { padding-top: 50px;} .t1 p { font-size:16px;} .index1_info { padding-top:30px;} .tabbtn { width:70%;} .tabbtn li{ height: 45px; } .tabbtn li a { height: 45px; line-height: 45px; font-size:16px;} #IndexBlock2 .Productlist2 { min-height:550px;} #solve2 .solve2Item dl dd:first-child+dd { font-size: 30px;} .index4 .t1 p { font-size:35px;} .index4_l { width:100%} .index4_r { width:100%; margin-top:30px;} .index5_l { width: 100%;} .index5_r { width:100%; margin-top:3%;} .footer_l { display:none;} .footer_r { width:100%; text-align:center;} .footer_r ul li p { margin:10px auto 0} .HomeBan .item .txt {left: 2%; width: 96%;} .HomeBan .slick-arrow { width: 35px; height: 35px;} .HomeBan .slick-arrow::after { width: 35px; height: 35px; line-height: 35px; font-size: 16px;} .i_banner_t { min-height: 500px;} .inner_banner { min-height: 500px;} .i_banner_t dl dt {font-size:35px;} .i_banner_t dl dd { font-size:16px;} .i_sort_l { display:none;} .i_sort_r { float:left; text-align:left; font-size:14px;} .i_sort { height:60px; line-height:60px;} .demo1 { display:block;} .i_sort { display:none;} #isearch { display:block;} #isearch .i_sort_r { float: right; text-align: right;} .at1 { padding-top:60px;} .at1 h3 { font-size:35px;} .at1 p { font-size: 16px;} .about1_l { width:100%} .about1_r { margin-top:30px; width:100%} .about1_rt { font-size: 30px;} .about1_ri h4{ font-size:40px;} .about2 .value_info ul li:last-child .value_i { padding-left:10%;} .value_info ul li #seventh p { font-size:14px;} .about3 #solve1 .item .item_info .item_rinfo { position:inherit;} .about3 #solve1 .item .item_info .item_r { min-height:inherit} .about3 #solve1 .item .item_info .item_rt { font-size:70px;} .about3 #solve1 .owl-prev { right: 8%;} .plist { padding-top: 50px; padding-bottom: 50px;} .plist1_l ul li { padding: 40px;} .plist_t h3 { font-size: 35px;} .plist_t h3::after { width: 60px; height: 2px; margin: 10px auto 0;} .plist2 ul li a .plist2_img { min-height: 180px;} .product1_l dl dd:first-child h1 { font-size:35px;} .body_product .m_search ul li:last-child a span .icon path{fill:#000000;} .body_product .m_search ul li:last-child a p { color:#000000} .body_product .m_img .headrg .a_js .icon path{fill:#000000;} .body_news .m_search ul li:last-child a span .icon path{fill:#000000;} .body_news .m_search ul li:last-child a p { color:#000000} .body_news .m_img .headrg .a_js .icon path{fill:#000000;} .p_sort_r ul li { margin-right:4%;} .p_sort_r ul li a { font-size:14px;} .p_sort_l { font-size:16px;} .product4_content ul li .down_info .down_r { width:36%;} .inner_content { padding-top: 30px;} .news_title h1 { font-size:30px} .news_z { width:100%} .news_content { padding:20px; margin:30px auto 0} .contact1 dl dt { font-size:30px;} .contact1 dl dd { font-size:16px;} .contact2_t{ font-size:30px;} .contact2 { margin-top:50px; padding: 50px 0;} .contact2_info ul li dl dt { font-size:20px;} .contact2_info ul { display: flex;flex-direction: row;flex-wrap: wrap;} .contact2_info ul li { flex: auto;} .contact2_info ul li dl { padding:30px 20px;} .contact3_l ul li .c_dl1 dt { font-size:25px;} .contact3_rt { font-size:30px;} .contact3 { padding-bottom:50px;} } @media only screen and (max-width: 950px){ .copyright_l { width:100%;text-align:center;} .copyright_r { width:100%; text-align:center; margin-top:20px;} .copyright { margin: 50px auto 0;} .product4_content ul li .down_info { height: auto; line-height:inherit; padding:20px 0; overflow:hidden;} .product4_content ul li .down_info .down_l { width:100%; margin-left:5%} .product4_content ul li .down_info .down_r { width:100%; margin-top:15px; text-align:left; margin-left:10%; margin-right:0} .product4_content ul li .down_info { overflow:hidden;} } @media only screen and (max-width: 850px){ .about2_content ul li { width:50%; margin-bottom:40px;} .about2_content ul li::after { display:none;} .about2_height { height: 174px;} .about2_content ul li dl dd:first-child+dd { font-size: 30px;} } @media only screen and (max-width: 768px){ .slick-dots li button { font-size:16px;} .slick-dots li::before{ font-size:16px;} .HomeBan .item { height:70vh} .HomeBan .item .imgbox{ height:70vh} .tabcon { margin-top:30px;} #IndexBlock2 .Productlist2 { min-height:600px;} .tabbtn li { width: 31%;} .footer { padding-top: 40px; margin-top:50px;} .i_banner_t dl dt {font-size:25px;} .at1 h3 { font-size:30px;} .about3 { padding-bottom:50px;} .plist1_l ul li .plist1_li { width:100%} .plist1_l ul li .plist1_limg { width:100%} .plist2 { margin: 50px auto 0;} .plist2 ul li { margin-left:3%; margin-bottom: 3%; width:48.5%;} .plist2 ul li:nth-child(4n+1) { margin-left:3%; } .plist2 ul li:nth-child(2n+1) { margin-left:0; } .plist2 ul li:first-child { margin-left:0; } .plist2 ul { display: flex;flex-direction: row;flex-wrap: wrap;} .plist2 ul li { flex: auto;} .plist2 ul li:last-child { flex: none;} .page span.page_list a { padding: 3px 8px; font-size:12px; margin:0 5px;} .page .next::after { width:20px; height: 20px; line-height: 20px; font-size:12px;} .page .prev::after { width:20px; height: 20px; line-height: 20px; font-size:12px; left:3px; top:3px;} .product1_r { width:100%} .product1_l { margin-top:50px; width:100%; -ms-flex-align: center; align-items: center; display: block; display: block; display: block;} .product1 { min-height: 900px;} .pt1 h4 { font-size:30px;} .pt1 h4::after { width:60px; height:2px; } .product1 { min-height:850px;} .product3_content { padding-top:0; overflow: hidden; overflow-y: hidden; overflow-x: scroll; white-space: nowrap;} .product3_info{ width:1200px;} .bdong { display:block !important;} .product5_l dl dt { font-size:30px;} .caselist ul li:nth-child(4n+1) { margin-left:3%;} .caselist ul li:nth-child(2n+1) { margin-left:0;} .caselist ul li:first-child { margin-left:0;} .caselist ul li { width:48.5%; margin-left:3%; margin-bottom:3%} .caselist ul li a dl dd:first-child+dd+dd { font-size: 14px; margin-top: 10px;} .caselist ul li a dl dd:first-child+dd { font-size: 16px; } .caselist ul li a dl dd:last-child { font-size:12px;} .videolist ul li:nth-child(4n+1) { margin-left:3%;} .videolist ul li:nth-child(2n+1) { margin-left:0;} .videolist ul li:first-child { margin-left:0;} .videolist .right ul li { width:48.5%; margin-left:3%; margin-bottom:3%} .newlist1_l { width:100%} .newlist1_r { width:100%; margin-top:30px;} .inner_content { padding-top:50px;} .newlist1_r ul li a dl dd { margin-top:10px;} .newlist1_r ul li { padding-bottom: 30px; margin-bottom: 30px;} .newlist1_r ul li a dl dt { font-size: 20px;} .newlist2 { padding-top: 10px;} .newlist2 ul li:nth-child(3n+1) { margin-left:3%;} .newlist2 ul li:nth-child(2n+1) { margin-left:0;} .newlist2 ul li:first-child { margin-left:0;} .newlist2 ul li { width:48.5%; margin-left:3%; margin-bottom:3%} .newlist2 ul { display: flex;flex-direction: row;flex-wrap: wrap;} .newlist2 ul li { flex: auto;} .newlist2 ul li:last-child { flex: none;} .news_next { padding-top: 40px; margin-top: 40px;} .news_next ul li:first-child { width: 48.5%; margin-right: 3%;} .news_next ul li:first-child+li { width: 48.5%; margin-right: 0;} .news_next ul li:last-child { width:100%; margin-top:3% } .news_next ul li dl { padding:0 15px} .news_next ul li { min-height:150px; height:inherit;} .news_next ul li:last-child { min-height:150px;} .body_news .i_sort_z { line-height:inherit; padding:20px 0} .contact1 dl dd p { display:contents} .contact3_l { width:100%;float:none;} .contact3_r { width:90%; margin:30px auto 0; float:none;} .prod_info ul li:nth-child(4n+1) { margin-left:3%;} .prod_info ul li:nth-child(2n+1) { margin-left:0;} .prod_info ul li:first-child { margin-left:0;} .prod_info ul li { width:48.5%; margin-left:3%; margin-bottom:3%} } .inner_search .newlist2 { padding-top: 0;} @keyframes scrollDown { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } .bdong { display:none; width:90%; margin:0 auto; height:40px; margin-top:30px;} .bdong span { display: block; width: 26px; height: 29px; background: url(../images/hd.png) no-repeat center center; -webkit-animation: scrollDown 1.4s infinite; animation: scrollDown 1.4s infinite; z-index: 8;} @media only screen and (max-width: 700px){ .fz { width: 94%;} #IndexBlock2 .Productlist2 { min-height:560px;} .Productlist2 ul .swiper-slide a .Productlist2_info dl dd:first-child { font-size:14px;} .Productlist2 ul .swiper-slide a .Productlist2_info dl dd:first-child+dd{ font-size:17px;} .Productlist2 ul .swiper-slide a .Productlist2_info dl dd:first-child+dd+dd{ font-size:14px;min-height:inherit} .Productlist2 ul .swiper-slide a .Productlist2_info dl dd:last-child{ font-size:12px;} .t1 p { padding:0 20px;} .index3 .kwicks > li { left:inherit !important; height: auto !important; width: 48.5% !important; margin-left:3% !important; float: left; display:block; margin-bottom:3%; position:inherit !important;} .index3 .kwicks > li:nth-child(2n+1) { margin-left:0 !important;} .index3 .kwicks {height: auto !important;} .index3_info ul li .example_bj .index3_content dl { padding:20px 20px 20px;} .index3_info ul .kwicks-expanded .example_bj .index3_content { top: 240px; width: 90%;} .kwicks > li .example_bj { height: 450px;} .index3_info ul li .example_bj .index3_content dl dd:first-child+dd { -webkit-line-clamp: 3; min-height: 65px;} .index3_info ul li .example_bj .index3_content dl dd:last-child { margin-top: 37px;} .index3_info ul li .example_bj .index3_content dl dd:last-child a { width: 30px; height: 30px; line-height: 30px; font-size: 25px;} .index3_info ul li .example_bj .index3_content dl dd:first-child { font-size: 20px;} .about_video .bgs:after { width: 50px; height: 50px; line-height: 50px;} .index4_rt { font-size:25px;} .index4_ri { font-size:16px;} .index4_rm a { font-size:14px;} .value_info ul li { width: 50%;} .i_banner_t { min-height: 450px;} .inner_banner { min-height: 450px;} .about2 .value_info ul li:first-child { width:50%;} .about2 .value_info ul li:first-child+li { width:50%;} .about2 .value_info ul li:first-child+li+li { width:50%;} .about2 .value_info ul li:last-child { width:50%;} .about2_sz .value_info { height: 230px;} .about2 .buttonBox::after { display:none;} .about2 .value_info ul li:last-child .value_i { padding-left:20%;} .about3 #solve1 .item .item_info .item_l{ width:100%} .about3 #solve1 .item .item_info .item_r{ width:100%; margin-top:30px;} .about3 #solve1 .item .item_info .item_rt { font-size: 40px;} .about3 #solve1 .item .item_info { margin:20px;} .about3 #solve1 { margin-top:30px;} .about3 .m-solve-box .container { width:70%; margin-left: 3%;} .about3 #solve1 .owl-next { top: -107px;} .about3 #solve1 .owl-prev { top: -106px;} .inner_content { padding-top:50px;} .contact2_info ul li { width:100%; margin:0 0 3% 0; min-height:inherit;} .contact2_info { padding-top:30px;} } @media only screen and (max-width: 650px){ .select2 dt { margin-top: 15px;} } @media only screen and (max-width: 600px){ .t1 h3{ font-size:30px;} .tabbtn { width:75%;} #IndexBlock2 .Productlist2 { min-height:540px;} .index4 .t1 p { font-size: 25px;} .index4 { padding: 20px 0 50px; margin-top: 50px;} .index5_r ul li:first-child a .index5_rb dl dd:first-child+dd { margin-top: 10px;} .index5_l ul li a dl dd:first-child span { font-size: 35px;} .index5_l ul li a dl dd:first-child { width: 35%;} .index5_l ul li a dl dd:last-child { width: 60%;} .index5_l ul li a dl { padding: 0 3%;} .index5_l ul li a dl dd:last-child h4 { font-size:20px;} .index5_r ul li:first-child a .index5_rb dl dd:first-child { font-size:16px;} .index5_r ul li:first-child a .index5_rb dl dd:first-child+dd { font-size:12px;} .index5_r ul li:first-child a .index5_rb dl dd:last-child { font-size:14px; -webkit-line-clamp: 2;} .index5_r ul li:first-child+li dl dd:first-child { font-size:16px; min-height:45px} .index5_r ul li:first-child+li dl dd:first-child+dd { font-size:12px;} .index5_r ul li:first-child+li dl dd:first-child+dd+dd { font-size:14px;} .index5_r ul li:first-child+li a { min-height:200px;} .index5_r ul li:first-child+li+li dl dd:first-child { font-size:16px; min-height:45px} .index5_r ul li:first-child+li+li dl dd:first-child+dd { font-size:12px;} .index5_r ul li:first-child+li+li dl dd:first-child+dd+dd { font-size:14px;} .index5_r ul li:first-child+li+li a { min-height:200px;} .about3 #solve1 .owl-prev { right: 12%;} .plist1_l ul li .plist1_li dl dd:last-child a { font-size:14px; width: 45%; height:35px; line-height: 35px; text-indent: 2em;} .plist1_rt a { font-size: 20px;} .product1_l dl dd:first-child h1 { font-size: 30px;} .product1_l { min-height:inherit} .product1 { min-height:830px;} .pheight { height:50px} .product2_info { margin-top:35px;} .product3 { padding: 50px 0;} .product5 { margin-top:50px;} .product5_l { width: 100%; height: auto; display: block; margin-top:40px;} .product5_r { width: 100%; height: auto; display: block; margin-top:40px;} .Productlist3 ul .swiper-slide a .imgBox img { height: auto; width:100%} .Productlist4 ul .swiper-slide a .imgBox img { height: auto; width:100%} #IndexBlock3 .Productlist3 { min-height:500px;} } @media only screen and (max-width: 550px){ .tabbtn { width:100%;} #IndexBlock2 .Productlist2 { min-height:520px;} .about2_height { height:200px;} .at1 p { padding:0 10px;} #IndexBlock8 .PNBtn span { height:35px; width: 35px;} #IndexBlock8 .PNBtn span::after { width: 35px; line-height: 35px; height: 35px; font-size: 16px;} .about2_content ul li dl dd:first-child+dd { font-size: 25px;} .plist1_ri { padding-top:20px;} .product1 .HomeBan .item { height: 400px;} } @media only screen and (max-width: 500px){ .m_img .headlf .m_logo { height: 25px;margin-top: 32px;} .m_search ul li:last-child a p { padding-left: 35px;} .m_search ul li:last-child a span .icon{ height:22px; top:24px;} .m_search { width: 70%;margin-right: 0; margin-left:10%;} #IndexBlock2 .Productlist2 { min-height:510px;} #solve2 .solve2Item dl dd:first-child+dd { font-size:25px;} .index5_l ul li a dl { height: 150px;} .f_sort ul li:first-child+li { display:none;} .about2 .value_info ul li:first-child .value_i { padding-left:10%;} .about2 .value_info ul li:first-child+li .value_i { padding-left:10%;} .about2 .value_info ul li:first-child+li+li .value_i { padding-left:10%;} .about2 .value_info ul li:last-child .value_i { padding-left:10%;} .about2_content ul li dl dd:last-child { padding:0 10px;} .about2_content ul li dl dd:last-child p { display:contents;} .m_search ul li:first-child { width:90%} .m_search ul li:last-child { width:10%} .p_sort_l { display:none;} .p_sort_r { width:100%;} .p_sort_r ul li { display:block; width:33.33%; margin-right:0; text-align:center; float:left;} .p_sort_z { height: 60px; line-height:60px; } .psort_info { height:60px;} .psh { height:60px;} .product1 { min-height:800px;} .m_search ul li:first-child a p { padding-left:35px;} .videolist .right ul li .case-imgWrapper { height: 180px;} .videolist .right ul li { height:inherit;} .videolist .right ul li span { font-size:16px;} .page { margin: 10px auto 0;} .m_search ul li:first-child a span .icon { height:20px; margin-top:15px;} .m_img .headrg .a_js { width: 30px;} .m_search ul li:first-child a p { padding-left: 31px;} .m_search ul li:first-child { width:93%} .m_search ul li:last-child { width:7%} .Productlist2 ul .swiper-slide a .Productlist2_info { padding: 20px 15px 0;} .Productlist2 ul .swiper-slide a { padding: 20px 0;} .Productlist3 ul .swiper-slide a .Productlist2_info { padding: 20px 15px 0;} .Productlist3 ul .swiper-slide a { padding: 20px 0;} .Productlist4 ul .swiper-slide a .Productlist2_info { padding: 20px 15px 0;} .Productlist4 ul .swiper-slide a { padding: 20px 0;} } @media only screen and (max-width: 450px){ .plist1_l ul li .plist1_li dl dd:last-child a { text-indent: 1em;} .plist1_l ul li { padding:20px;} .plist1_l ul li .plist1_li dl dd:first-child { margin-top: 0; font-size:16px;} .plist1_l ul li .plist1_li dl dd:first-child+dd { font-size: 30px; margin-top:10px;} .product1 .HomeBan .item { height: 370px;} .videolist .right ul li .case-imgWrapper { height: 150px;} #IndexBlock2 .Productlist2 { min-height: 480px;} #IndexBlock3 .Productlist3 { min-height: 480px;} #IndexBlock4 .Productlist4 { min-height: 480px;} } @media only screen and (max-width: 420px){ #IndexBlock2 .Productlist2 { min-height:450px;} #IndexBlock3 .Productlist3 { min-height:450px;} #IndexBlock4 .Productlist4 { min-height:450px;} .tabbtn li a { font-size: 14px;} .product1 .HomeBan .item { height: 330px;} .m_img .headlf .m_logo { height: 22px; margin-top: 34px;} .m_img .headrg { width: 268px;} } @media only screen and (max-width: 370px){ }