/* CSS Document */ @charset "utf-8"; *{margin:0; padding:0; font-family:"Microsoft YaHei", "FS Albert Pro", Helvetica, Arial, Verdana, sans-serif; } table { margin: auto } a { color: #000; text-decoration: none; } a:hover { text-decoration: none; } p { text-align: justify; margin-bottom: 0; } ul, ol { list-style-type: none; margin-bottom: 0; } img { border: 0; max-width: 100%; } .clear { clear: both; } html { overflow-x: hidden; font-size: 62.5%; } body { overflow: hidden; height:100%; position: relative; font-size: 1em; } html.on { overflow: hidden; height: 100%; } .h60 { height: 60px; clear: both; } .h120 { height: 120px; clear: both; background: #eee; } input, buttom, textarea { -webkit-appearance: none; outline: none; } input[type=radio], input[type=checkbox] { border: none !important; } select { outline: none } .fl { float: left; } .fr { float: right; } *:focus{ border:none; outline:none;box-shadow: none;} .header{ height:100px; position:fixed; top:0; left:0; width:100%; z-index:99; transition:all .3s; padding:0 10%; } .header.on, .header:hover{ background:#fff; box-shadow: 0 4px 6px rgba(0,0,0,.15);} .header .logo{ height:100px; line-height:100px; padding:0;} .header .logo .img{ display: none;} .header:hover .logo img, .header.on .logo img{ display: none;} .header:hover .logo .img, .header.on .logo .img{ display: inline-block;} .header .tel{ font-size:2.6em; color:#fff; font-family:"Impact"; float:right; height:100px; line-height:100px; padding:0; text-align:right;} .header .tel i{ font-size: 0.875em; margin-right: 10px;} .header:hover .tel, .header.on .tel{ color: #333;} .header .pc-nav{ padding-left: 3%;} .header .pc-nav li{ float:left; position:relative; width: 12%; text-align:center; overflow: hidden; white-space: nowrap; } .header .pc-nav li > a{ font-size:1.6em; color:#fff; display:inline-block; line-height:100px; position:relative;} .header:hover .pc-nav li > a, .header.on .pc-nav li > a{ color: #333;} .header .pc-nav li > a::before{ content:""; display:inline-block; width:0; height:3px; background:#fff; position:absolute; bottom:0; left:0; transition:all .2s;} .header:hover .pc-nav li > a::before, .header.on .pc-nav li > a::before{ background: #333;} .header .pc-nav li.on > a::before, .header .pc-nav li:hover > a::before{ width:100%;} .header .pc-nav li:hover > a{ color:#ff7200;} .header .pc-nav li .product-nav{ position: fixed; top: 100px; background: #fff; width: 100%; left: 0; padding: 0 10%; border-top: 1px solid #c1c1c1; box-shadow: 0 4px 6px rgba(0,0,0,.15); display: none; overflow: hidden;} .header .pc-nav li:hover .product-nav{ display:block;} .header .pc-nav li .product-nav dl{ padding: 20px 0 20px 15px; margin-bottom: 0; width: 20%; float: left; position: relative;} .header .pc-nav li .product-nav dl::before{ content: ""; width: 1px; height: 10000px; background: #ccc; position: absolute; top: 0; right: 0;} .header .pc-nav li .product-nav dl:last-child{ border-right: none;} .header .pc-nav li .product-nav dt{ text-align: left; font-size: 1.6em; color: #333; font-weight: bold; margin-bottom: 15px;} .header .pc-nav li .product-nav dl .nav-lx{ font-size: 1.6em; color: #333; text-align: left; margin-bottom: 10px; clear: both; border-top: 1px solid #ccc; padding-top: 10px;} .header .pc-nav li .product-nav dd{ line-height: 40px; overflow: hidden; position: relative; padding: 0 48px 0 0; margin-bottom: 15px; text-align:left; } .header .pc-nav li .product-nav dd:hover { border-right: 3px solid #999; } .header .pc-nav li .product-nav dd .img{ width: 14%; height: 40px; line-height: 40px; float: left;} .header .pc-nav li .product-nav dd .title{ font-size: 1.2em; color: #333; float: left; padding-left: 10px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; height: 40px; text-align: left;} .header .pc-nav li .product-nav dd .new{ display: inline-block; padding: 0 10px; background: #ff7200; color: #fff; font-size: 1.2em; border-radius: 4px; height: 25px; line-height: 25px; margin-top: 7.5px; margin-left: 10px; } .header .pc-nav li .product-nav dd:hover .title{ color: #ff7200;} .header .pc-nav li .nav-box{ position: fixed; top: 100px; background: #fff; width: 100%; left: 0; padding: 0 10%; border-top: 1px solid #c1c1c1; box-shadow: 0 4px 6px rgba(0,0,0,.15); text-align: center; display: none;} .header .pc-nav li:hover .nav-box{ display: block;} .header .pc-nav li .nav-box dl{ display: inline-block; padding: 10px 0; margin-bottom: 10px;} .header .pc-nav li .nav-box dd{ float: left; padding: 0 15px; position: relative;} .header .pc-nav li .nav-box dd > a{ font-size: 1.4em; color: #333; padding: 10px 0; position: relative; display: inline-block;} .header .pc-nav li .nav-box dd > a::before{ content:""; display:inline-block; width:0; height:3px; background:#ff7200; position:absolute; bottom:0; left:0; transition:all .2s;} .header .pc-nav li .nav-box dd > a:hover{ color: #ff7200;} .header .pc-nav li .nav-box dd > a:hover::before{ width: 100%;} .header .pc-nav li .nav-box dd .box{ display: inline-block; width: 225px; padding: 22% 10px 0; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); display: none;} .header .pc-nav li .nav-box dd:hover .box{ display: block;} .header .pc-nav li .nav-box dd .box .img{ margin-bottom: 5px; border-radius: 4px; overflow: hidden;} .header .pc-nav li .nav-box dd .box .title{ font-size: 1.2em; color: #333; line-height: 20px;} .header .pc-nav li .nav-other{ display: inline-block; padding-bottom: 20px; height: 100px; width:100% } .header .pc-nav li .nav-other .box{ display: inline-block; width: 16%; padding: 0 10px; display: none;} .header .pc-nav li .nav-other .box .img{ margin-bottom: 5px; border-radius: 4px; overflow: hidden;} .header .pc-nav li .nav-other .box .title{ font-size: 1.2em; color: #333; line-height: 20px;} /* .header .pc-nav li .nav-other .box { display: none; } .header .pc-nav li .nav-other .box:first-child { display: block; } */ /* .header .pc-nav li > dl{ position:absolute; top:100%; left:0; width:100%; margin-bottom:0; display:none;} .header .pc-nav li:hover > dl{ display:block;} .header .pc-nav li > dl dd{ text-align:center; background:rgba(0,0,0,.8);} .header .pc-nav li > dl dd a{ font-size: 1.4em; color: #fff; height:45px; line-height:45px; display:inline-block; width:100%; height:100%;} .header .pc-nav li > dl dd a:hover{ background:#ff7200;} */ .header .yy{ float:right; padding:0; position:relative; height:100px;} .header .yy > a{ display:inline-block; font-size:1.4em; color:#fff; border: 1px solid #fff; height: 32px; line-height: 32px; width:80%; text-align:center; border-radius: 30px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); right:0;} .header:hover .yy > a, .header.on .yy > a{ color: #333; border: 1px solid #333;} .header .yy .box{ position:absolute; top:66%; left:50%; width:80%; transform:translateX(-50%); display:none; padding-top:34px;} .header .yy .box li{ text-align:center; background:#fff; border-bottom: 1px solid #333;} .header .yy .box li:last-child{ border-bottom: none;} .header .yy .box li a{ font-size: 1.4em; color: #333; height:35px; line-height:35px; display:inline-block; width:100%; height:100%;} .header .yy .box li a:hover{ background:#ff7200; color: #fff;} .header .nav-btn { height: 120px; line-height: 120px; position:relative; z-index:999; float:right; padding:0;} .header .nav-btn .nav-icon { width: 26px; height: 24px; overflow: hidden; position: relative; top: 50%; float: right; transform:translateY(-50%); z-index: 9; } .header .nav-btn .nav-icon span { display: inline-block; width: 26px; height: 2px; background: #fff; border-radius: 6px; position: absolute; left: 0; transition: all 0.3s linear 0s;} .header:hover .nav-btn .nav-icon span, .header.on .nav-btn .nav-icon span{ background: #333;} .header .nav-btn .nav-icon span:nth-child(1) { top: 0; } .header .nav-btn .nav-icon span:nth-child(2) { width: 16px; top: 10px; } .header .nav-btn .nav-icon span:nth-child(3) { top: 20px } .header .nav-active .nav-icon span:nth-child(2) { width: 26px; } .header .nav-active .nav-icon span { background: #fff !important; } .yy-m{ display:none } .nav { position: fixed; width: 100%; height: 100%; top: 0; right: -100%; background: #fff; transition: all 0.2s linear 0s; z-index:99;} .nav.on { right: 0; } .nav .nav-top { background: #ff7200; font-size: 1.6em; color: #fff; padding: 0 20px; text-align:left;} .nav ul{ overflow-x:hidden; height: 91%;} .nav li { width: 100%; line-height: 50px; border-bottom: 1px solid #ccc; } .nav li>a { display: inline-block; width: 100%; height: 100%; text-indent: 30px; font-size: 1.6em; color: #333; position: relative;} .nav li>a::before{ content: ">"; position: absolute; right: 20px; font-size: 1.6em; color: #999; text-indent: 0; width: 20px; height: 20px; line-height: 20px; top: 50%; transform: translateY(-50%); transition: all .3s linear 0s; font-weight: 100;} .nav li.on>a::before{ transform:translateY(-50%) rotate(90deg);} .nav li dl { margin-bottom: 0; display: none; background: #f2f2f2; } .nav li dd { border-bottom: 1px dashed #ccc; } .nav li dd:last-child { border-bottom: none; } .nav li dd a { display: inline-block; width: 100%; line-height: 40px; text-indent: 50px; font-size: 1.4em; color: #333; } .nav-bg{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.35); left: 0; top: 0; display:none;} .nav-bg.on{ display:block;} .banner{ width:100%; position:relative; z-index:0;} .banner .swiper-container{ height:100%; width:100%;} .banner .swiper-slide{ height:100%; width:100%; } .banner .swiper-slide img{ width: 100%;} .banner .swiper-slide a{ display:inline-block; width:100%; height:100%; } .banner .swiper-pagination{ bottom:25px;} .banner .swiper-pagination-bullet{ width:35px; height:3px; background:#fff; border-radius:0; margin:0 15px !important; opacity:.5;} .banner .swiper-pagination-bullet-active{ background:#ff7200; opacity:1;} .index-box{ padding:5% 40px; overflow:hidden;} .iproduct{ padding:0 20px;} .iproduct .swiper-slide .img{ position:relative; z-index:0;} .iproduct .swiper-slide .img img{ transition:all .3s linear 0s;} .iproduct .swiper-slide:hover .img img{ transform:scale(1.1,1.1)} .iproduct .swiper-slide .text{ position:absolute; z-index:1; bottom:0; left:0; width:100%; padding:20px 35px;} .iproduct .swiper-slide .text .title{ font-size:2.8em; color:#fff; font-weight:bold;} .iproduct .swiper-slide .text .more{ font-size:1.6em; color:#fff; display:inline-block;} .iproduct .swiper-slide .text .more:hover{ color:#ff7200; text-decoration:underline;} .iproduct .swiper-button-next{ width:32px; height:32px; background:url(../images/iproduct-next.png) no-repeat center; right:35px; margin-top:16px; top:40%;} .iproduct .swiper-button-prev{ width:32px; height:32px; background:url(../images/iproduct-prev.png) no-repeat center; left:35px; margin-top:16px; top:40%;} .inews{ padding: 0 20px;} .inews li{ position:relative;} .inews li:last-child{ margin-top: 5%;} .inews li .img{ position:relative; z-index:0; overflow:hidden; } .inews li .img img{ transition:all .3s linear 0s; } .inews li:hover .img img{ transform:scale(1.1,1.1)} .inews li .text{ position:absolute; bottom:0; left:0; width:100%; color:#fff; padding: 10px 20px;} /* .inews li:last-child .text{ bottom: inherit; top: 50%; transform: translateY(-50%); text-align: center;} */ .inews li .text .title{ font-size:2.8em; font-weight:bold; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;} .inews li .text .p{ font-size:1.8em; margin: 6px 0 5px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;} .inews li .text .more{ font-size:1.6em; display:inline-block;} .inews li .text .more:hover{ color:#ff7200; text-decoration:underline;} /*.inews li:last-child .text .more{ padding: 10px 20px; border: 1px solid #fff; border-radius: 30px;} .inews li:last-child .text .more:hover{ border: 1px solid #ff7200; text-decoration: none;} .inews .swiper-button-next{ width:32px; height:32px; background:url(../images/iproduct-next.png) no-repeat center; right:15px; margin-top:0; top:50%; transform: translateY(-50%);} .inews .swiper-button-prev{ width:32px; height:32px; background:url(../images/iproduct-prev.png) no-repeat center; left:15px; margin-top:0; top:50%; transform: translateY(-50%);}*/ .iys{ background:url(../images/iys-bg.jpg) no-repeat center; background-size:cover; padding:4% 0 ;} .iys .top{ color:#fff; text-align:center;} .iys .top .t{ font-size:2em; font-weight:bold; padding:0 15px;} .iys .top .p{ font-size:1.4em; margin-top:10px; padding:0 15px; line-height:24px;} .iys .list{ overflow:hidden; margin-top:5%; } .iys .list li{ float:left; color:#fff;} .iys .list li .box{ position: relative; width: 130px; left: 50%; transform: translateX(-50%); } .iys .list li .num{ font-size:1.8em;} .iys .list li .num span{ font-family:"Impact"; font-size:2em; margin-right:10px; letter-spacing:.8px;} .iys .list li .p{ font-size:2.4em; font-weight:bold; white-space: nowrap; } .ivideo{ padding:0 40px;} .ivideo .top{ color:#333; margin:45px 20px 40px;} .ivideo .top span{ font-size:3em;} .ivideo .top a{ float:right; font-size:1.8em; color:#333; display: inline-block; margin-top: 14px;} .ivideo .top a:hover{ color:#ff7200; text-decoration:underline;} .ivideo .list{ overflow:hidden; margin-bottom: 40px;} .ivideo .list li{ position:relative; padding:0 20px;} .ivideo .list li .img{ position:relative; overflow:hidden; border-radius: 10px; } .ivideo .list li .img img{ transition:all .3s; position:relative; z-index:0;} .ivideo .list li:hover .img img{ transform:scale(1.1,1.1)} .ivideo .list li .box{ position:absolute; z-index:1; width:100%; height:100%; top:0; left:50%; transform:translateX(-50%); background:rgba(0,0,0,.4);} .ivideo .list li .btns{ text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);} .ivideo .list li .btns i{ display:inline-block; margin-bottom:20px;} .ivideo .list li .btns i .img2{ display:none;} .ivideo .list li:hover .btns i img{ display:none;} .ivideo .list li:hover .btns i .img2{ display:inline-block;} .ivideo .list li .btns p{ text-align:center; font-size:3.4em; color:#fff; font-weight:bold; line-height:34px;} .ivideo .list li:hover .btns p{ color:#ff7200;} .footer{ background:#101010; padding-top:30px;} .foot-nav{ padding:0;} .foot-nav dl{ float:left; margin-right:60px; margin-bottom:0;} .foot-nav dt{ font-weight:normal; margin-bottom:40px;} .foot-nav dt a{ font-size:1.8em; color:#fff; } .foot-nav dd{ margin-bottom:10px;} .foot-nav dd a{ font-size:1.4em; color:#b0b0b0;} .foot-nav dd a:hover{ color: #fff;} .foot-tel{ margin-top:3.8%; padding:0; padding-left: 4%; position: relative;} .foot-tel span{ font-family:"Impact"; font-size:2.8em; color:#fff;} .foot-tel p{ font-size:1.4em; color:#fff; margin-top:2px;} .foot-tel p.dz{ color:#8e8e8e; margin-top:15px; width: 60%;} .foot-tel img{ width: 114px; position: absolute; right: 0; top: 0;} .foot-bottom{ overflow:hidden; padding:0; margin-top:5%;} .foot-link{ padding-left:0;} .foot-link *{ float:left; font-size:1.6em; color:#fff; line-height:30px; display:inline-block;} .foot-link a{ margin-right:15px;} .foot-link a:hover{ color:#ff7200;} .foot-icon{ text-align:right; padding-right:0; } .foot-icon a{ margin-left:15px;} .foot-copy{ padding:5px 0 20px;} .foot-copy .fl{ color:#868686; font-size:1.4em;} .foot-copy .fl a{ color:#868686;} .foot-copy .fr{ text-align:right; font-size:1.4em; } .foot-copy .fr a{ color:#fff;} .xf{ width:80px; position:fixed; right:0; top:50%; transform:translateY(-10%); z-index:99999; display:none;} .xf li{ width:80px; height:80px; border-radius:4px; background:#ff7200; text-align:center; margin:5px 0; position: relative;} .xf li a{ display:inline-block; width:100%; height:100%;} .xf li .icon{ width:28px; height:28px; line-height:28px; display:inline-block; margin-top:14px;} .xf li .title{ font-size:1.4em; color:#fff; margin-top:10px;} .xf li .box{ position: absolute; right: 85px; height: 80px; background:#ff7200; top: 0; width: 180px; border-radius: 4px; color: #fff; padding: 18px 20px; text-align: left; display: none;} .xf li:hover .box{ display: block;} .xf li .box span{ font-size: 1.4em;} .xf li .box p{ font-size: 1.8em;} .page-banner{ position:relative;} .page-banner .banner-bg{ position:relative; z-index:0; width: 100%;} .page-banner .banner-title{ color:#fff; position:absolute; top:54%; left:10%;} .page-banner .banner-title .title{ font-size:3em; font-weight:bold;} .page-banner .banner-title .text{ font-size:1.4em; margin-top:5px; } .page-banner .center{ text-align:center; top:50%; left:50%; transform:translate(-50%,-50%);} .page-banner .center .title{ font-size:4em;} .page-banner .center .text{ line-height:30px; margin-top:15px; font-size:1.8em;} .mbx{ font-size:1.6em; color:#666; position:absolute; right:10%; bottom:30px;} .mbx a{ color:#666;} .mbx a:hover{ color:#ff691e;} .mbx.white{ color:#fff;} .mbx.white a{ color:#fff;} .mbx.white a:hover{ color:#ff691e;} .page-nav{ margin:3% 8%; position:relative; background:white } .page-nav .list{ width:100%; height:50px; line-height:50px; border:1px solid #666; border-radius:50px;} .page-nav .list ul{ position:relative; z-index:1; margin-left:-1px;} .page-nav .list li{ float:left; height:50px;} .page-nav .list li{ font-size:1.6em; color:#333; text-align:center; } .page-nav .list li a{ display:inline-block; color:#333; border:1px solid transparent; border-radius:50px; padding:0 35px; height:50px; line-height:50px; margin: -1px 0;} .page-nav .list li.active a{ color:#ff691e; border:1px solid #ff691e; background: white; } .page-nav .page-nav-icon{ position: absolute; height: 50px; border:1px solid #ff691e; top:0; border-radius:50px; z-index:0;} .product-list{ margin:0 8%;} .product-list dl{ margin-bottom:0;} .product-list dt{ font-size:2.6em; color:#333; font-weight:normal; margin-bottom:20px;} .product-list dd{ position:relative; overflow:hidden; border-radius:30px; margin-bottom:3.4%; transition:all .2s linear 0s;} .product-list dd:hover{ transform:translateY(-10px); box-shadow:0 4px 6px rgba(0,0,0,.35);} .product-list dd .img{ position:relative; z-index:0;} .product-list dd .box{ position:absolute; z-index:1; top:50%; left:15%; transform:translateY(-50%);} .product-list dd .box .title{ font-size:3.6em; color:#fff; font-weight:bold;} .product-list dd .box .text{ font-size:2.4em; color:#fff;} .product-list dd .box .more{ margin-top:40%;} .product-list dd .box .more span{ display:inline-block; width:120px; height:40px; line-height:40px; text-align:center; border:1px solid #fff; border-radius:40px; font-size:1.6em; color:#fff;} .product-list dd .box .more span:hover{ background:#ff7200; border:1px solid #ff7200;} .product-gm{ margin:3.4% 0;} .product-gm .top{ font-size:4em; color:#333; font-weight:bold; text-align:center;} .product-gm .text{ font-size:1.4em; color:#333; margin-top:40px;} .product-gm .text p{ margin-bottom:8px;} .product-gm .text a{ display:inline-block; font-size:1em; width:92px; height:35px; line-height:35px; border-radius:4px; text-align:center; margin-left:10px; transition:all .2s linear 0s;} .product-gm .text a.icon1{ border:1px solid #7bd4ef; color:#7bd4ef; background:url(../images/product-gm-icon1.png) no-repeat 10px center; text-indent: 24px;} .product-gm .text a.icon2{ border:1px solid #cb0507; color:#cb0507; background:url(../images/product-gm-icon2.png) no-repeat 10px center; text-indent: 14px;} .product-gm .text a.icon3{ border:1px solid #ff691e; color:#ff691e; background:url(../images/product-gm-icon3.png) no-repeat 10px center; text-indent: 45px; width: 115px;} .product-gm .text a.icon4{ border:1px solid #ff691e; color:#ff691e; background:url(../images/product-gm-icon4.png) no-repeat 10px center; text-indent: 24px;} .product-gm .text a:hover{ box-shadow:0 2px 4px rgba(0,0,0,.35);} .product-gm .form{ margin:20px -25px; overflow:hidden;} .product-gm .form li{ padding:0 25px; position:relative; margin-bottom:24px;} .product-gm .form li .input{ border:1px solid #bfbfbf; height:50px; width:100%; border-radius:8px; padding:0 22px; font-size:1.4em; background:#f7f7f7; color:#666; } .product-gm .form li i{ position:absolute; width:21px; height:11px; background:url(../images/select-icon.png) no-repeat center; top:50%; transform:translateY(-50%); left:88%;} .product-gm .form li select{ appearance:none; -moz-appearance:none; -webkit-appearance:none;} .product-gm .form li textarea{ width:100%; height:250px; border-radius:8px; padding: 10px 25px; background:#f7f7f7; color:#666; font-size:1.4em; border:1px solid #bfbfbf;} .product-gm .form li:last-child{ text-align:center;} .product-gm .form li input[type="submit"]{ width:270px; height:50px; border-radius:50px; background:#ff691e; color:#fff; font-size:1.6em; border:none; margin:0 20px;} .product-gm .form li input[type="reset"]{ width:270px; height:50px; border-radius:50px; background:#c1c1c1; color:#fff; font-size:1.6em; border:none; margin:0 20px;} .product-con{ position: relative;} .product-con .bg{ position: relative; z-index: 0;} .product-con-box{ position: absolute; width: 100%; padding: 0 10%; top: 50%; transform: translateY(-50%); z-index: 1;} .pro-con-box1{ transform: translateY(-40%);} .pro-con-box1 .top{ padding: 10px 0; border-bottom: 1px solid rgba(181,181,181,.5);} .pro-con-box1 .top .title{ font-size: 1.6em; color: #fff; font-weight: normal; float: left; margin: 0;} .pro-con-box1 .top .other{ float: right; height: 40px; line-height: 40px; margin-top: -24px;} .pro-con-box1 .top .other li{ float: left; color: #fff; font-size: 1.6em; padding: 0 30px;} .pro-con-box1 .top .other li a{ display: inline-block; color: #fff;} .pro-con-box1 .top .other li:last-child{ padding-right: 0;} .pro-con-box1 .top .other li:last-child a{ width: 70px; height: 40px; border-radius: 4px; background: #ff691e; line-height: 40px; padding: 0; text-align: center;} .pro-con-box1 .top .other li:first-child a{ color: #ff7200;} .pro-con-box1 .top .other li:hover a{ color: #ff7200;} .pro-con-box1 .top .other li:last-child:hover a{ background: #fff;} .pro-con-box1 .box{ margin-top: 3%;} .pro-con-box1 .box .img{ float: right;} .pro-con-box1 .box .text{ margin-top: 12%;} .pro-con-box1 .box .text .title{ font-size: 5em; color: #fff; font-weight: bold;} .pro-con-box1 .box .text .p{ font-size: 2em; color: #fff; line-height: 35px; margin-top: 15px;} .pro-con-box2 .img{ position: absolute; float: right; right: 0; bottom: 0; z-index: 1; padding: 0;} .pro-con-box2 .text{ position: absolute; left: 10%; top: 50%; transform: translateY(-50%); z-index: 1;} .pro-con-box2 .text .title{ font-weight: bold; font-size: 5em; color: #fff; margin-bottom: 20px;} .pro-con-box2 .text .p{ font-size: 2.4em; color: #fff; line-height: 35px; padding-right: 54%;} .pro-con-box3 .box{ width: 50%; float: right;} .pro-con-box3 .box dl{ margin: 0 -15px;} .pro-con-box3 .box dt{ font-weight: bold; font-size: 5em; color: #fff; margin-bottom: 30px; padding: 0 15px;} .pro-con-box3 .box dd{ margin-bottom: 25px;} .pro-con-box3 .box dd .icon{ height: 65px; line-height: 65px; margin-bottom: 10px;} .pro-con-box3 .box dd .title{ font-size: 1.8em; font-weight: bold; color: #fff; margin-bottom: 10px;} .pro-con-box3 .box dd .p{ font-size: 1.4em; color: #fff; line-height: 24px;} .pro-con-box4 .img{ padding: 0; text-align: right; float: right;} .pro-con-box4 .text{ position: absolute; left: 10%; top: 50%; transform: translateY(-50%); z-index: 1;} .pro-con-box4 .text .title{ font-weight: bold; font-size: 5em; color: #fff; margin-bottom: 20px;} .pro-con-box4 .text .p{ font-size: 2.4em; color: #fff; line-height: 35px; padding-right: 54%;} .pro-con-box4 .text .imgs{ margin-top: 30px;} .pro-con-box4 .text .imgs span{ margin-right: 70px;} .pro-con-box5 .swiper-container{ padding: 0 50px; overflow: inherit;} .pro-con-box5 .list{ overflow: hidden;} .pro-con-box5 .list .img{ padding: 0;} .pro-con-box5 .list .text{ padding: 5% 0;} .pro-con-box5 .list .text dt{ font-weight: bold; font-size: 5em; color: #fff; margin-bottom: 20px; padding: 0 45px;} .pro-con-box5 .list .text dd{ padding: 0 45px;} .pro-con-box5 .list .text dd .icon{ height: 70px; line-height: 70px; margin-bottom: 10px;} .pro-con-box5 .list .text dd .title{ font-size: 1.8em; font-weight: bold; color: #fff; margin-bottom: 10px;} .pro-con-box5 .list .text dd .p{ font-size: 1.4em; color: #fff; line-height: 24px;} .pro-con-box5 .swiper-button-next{ width: 27px; height: 45px; background: url(../images/product-con-box5-next.png) no-repeat center; margin-top: 0; transform: translateY(-50%); right: 0;} .pro-con-box5 .swiper-button-prev{ width: 27px; height: 45px; background: url(../images/product-con-box5-prev.png) no-repeat center; margin-top: 0; transform: translateY(-50%); left: 0;} .pro-con-box5 .swiper-pagination{ left: 50%; transform: translateX(-50%); bottom: -20%;} .pro-con-box5 .swiper-pagination-bullet{ width: 20px; height: 20px; background: #fff; border-radius: 100%; margin: 0 15px;} .pro-con-box6{ background: url(../images/product-con-box6-bg.jpg) no-repeat center; padding: 60px 10%; background-size: cover;} .pro-con-box6 .top{ font-size: 3em; color: #fff; font-weight: bold; margin-bottom: 20px;} .pro-con-box6 .box{ margin: 0 -15px; overflow: hidden;} .pro-con-box6 .box dl{ overflow: hidden; margin-bottom:40px;} .pro-con-box6 .box dt{ font-size: 2em; color: #fff; font-weight: bold; position: relative; padding-left: 38px; margin-bottom:20px;} .pro-con-box6 .box dt i{ position: absolute; left: 0; top: 50%; transform: translateY(-50%);} .pro-con-box6 .box dd{ font-size: 1.2em; color: #fff; line-height: 35px; } .pro-con-box6 .box dl:first-child dd:nth-child(3n-1){ padding-left: 0;} .pro-con-box6 .box dl:nth-child(3n-1){ clear: left;} .pro-con-box6 .text{ font-size: 1.4em; color: #ccc;} .fw-list{ margin:3.4% 0 2%; overflow:hidden;} .fw-list ul{ margin:0 -30px;} .fw-list li{ padding:0 30px; position:relative; margin-bottom:60px;} .fw-list li .img{ position:relative; z-index:0; overflow:hidden;} .fw-list li .img img{ transition:all .3s linear 0s;} .fw-list li:hover .img img{ transform:scale(1.1,1.1)} .fw-list li .text{ position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%);} .fw-list li .text .title{ text-align:center; color:#fff; font-size:3.4em;} .fw-list li .text .title p{ text-align:center; line-height:50px;} .fw-list li .text .more{ text-align:center; margin-top:30px;} .fw-list li .text .more span{ display:inline-block; width:120px; height:40px; line-height:40px; text-align:center; border:1px solid #fff; border-radius:40px; font-size:1.6em; color:#fff;} .fw-list li .text .more span:hover{ background:#ff7200; border:1px solid #ff7200;} .fw-box1{ position:relative; overflow:hidden;} .fw-box1 .bg{ position:relative; z-index:0;} .fw-box1 .img{ position:absolute; z-index:1; left:11%; top:50%; transform:translateY(-40%); width: 34vw;} .fw-box1 .text{ position:absolute; z-index:1; right:14%; width:35.6vw; top:50%; transform:translateY(-40%);} .fw-box1 .text .title{ font-size:6em; color:#fff; font-weight:bold; margin-bottom:20px;} .fw-box1 .text .p{ font-size:2em; line-height:35px; color:#fff;} .fw-box2{ background:#fafafa; position:relative; height: 41.67vw; overflow:hidden;} .fw-box2 .text{ position:absolute; left:10%; top:44%; transform:translateY(-50%); width: 20vw;} .fw-box2 .text .title{ font-size:4em; color:#0065ff; font-weight:bold; line-height:54px;} .fw-box2 .text .p{ font-size:1.8em; color:#333; line-height:34px; margin-top:34px;} .fw-box2 .img{ position:absolute; right:0; top:0; width: 62vw;} .fw-box3{ position:relative; overflow:hidden;} .fw-box3 .top{ color:#fff; position:absolute; text-align:center; top:45px; z-index:1; width:100%;} .fw-box3 .top .title{ font-size:4em; font-weight:bold;} .fw-box3 .top .text{ font-size:1.8em; margin-top:15px;} .fw-box3 .bd{ position:relative; z-index:0;} .fw-box3 .hd{ position:absolute; z-index:1; bottom:40px; left:50%; transform:translateX(-50%); width:900px;} .fw-box3 .hd li{ float:left; margin:0 40px; opacity:.5; cursor:pointer;} .fw-box3 .hd li p{ font-size:1.6em; color:#fff; text-align:center; margin-top:10px;} .fw-box3 .hd li.on{ opacity:1;} .fw-box4{ height: 41.67vw; background:#fff; position:relative; overflow:hidden;} .fw-box4 .img{ position:absolute; left:0; top:0; width: 55.68vw;} .fw-box4 .text{ width:23.52vw; position:absolute; right:14%; top:50%; transform:translateY(-50%); color:#333;} .fw-box4 .text .title{ font-size:4em; font-weight:bold;} .fw-box4 .text .p{ font-size:1.8em; line-height:30px; margin-top:20px;} .fw-box5{ position:relative; overflow:hidden;} .fw-box5 .img{ position:absolute; right:0; top:50%; transform:translateY(-50%); width: 52.8vw;} .fw-box5 .text{ position:absolute; left:10%; top:50%; transform:translateY(-50%); width:30.34vw; color:#fff;} .fw-box5 .text .title{ font-size:4em; font-weight:bold;} .fw-box5 .text .p{ font-size:1.8em; line-height:34px; margin-top:20px;} .fw-box6{ height: 41.67vw; background:#f7f7f7; position:relative; overflow:hidden;} .fw-box6 .img{ position:absolute; left:7%; top: 50%; transform:translateY(-50%); width: 47.5vw;} .fw-box6 .text{ width:21.4vw; position:absolute; top:50%; transform:translateY(-50%); right:18%; color:#333;} .fw-box6 .text .title{ font-size:4em; font-weight:bold;} .fw-box6 .text .p{ font-size:1.8em; line-height:34px; margin-top:15px;} .fa-list{ margin:3.6% 8%; overflow:hidden;} .fa-list ul{ margin:0 -20px;} .fa-list li{ padding:0 20px; margin-bottom:40px;} .fa-list li .box{ position:relative;} .fa-list li .img{ overflow:hidden; border-radius:20px;} .fa-list li .img img{ transition:all .3s linear 0s;} .fa-list li:hover .img img{ transform:scale(1.1,1.1);} .fa-list li .box .text{ position:absolute; top:50%; transform:translateY(-50%); left:0; width: 100%; text-align: center;} .fa-list li .box .icon{ position:absolute; top:50%; transform:translateY(-50%); left:20%; width: 7.5vw;} .fa-list li .box .title{ font-size:3.6em; color:#fff; line-height:40px;} .fa-list li .box .more{ margin-top:25px;} .fa-list li .box .more span{ display:inline-block; width:120px; height:40px; line-height:40px; text-align:center; border:1px solid #fff; border-radius:40px; font-size:1.4em; color:#fff;} .fa-list li .box .more span:hover{ background:#ff7200; border:1px solid #ff7200;} .fa-case-list{ margin:0 8% 0; overflow:hidden; } .fa-case-list ul{ margin:0 -17.5px;} .fa-case-list li{ padding:0 17.5px; margin-bottom:35px; position:relative;} .fa-case-list li .img{ overflow:hidden;} .fa-case-list li .img img{ transition:all .3s linear 0s; width: 100%;} .fa-case-list li:hover .img img{ transform:scale(1.1,1.1);} .fa-case-list li .text{ background:#fff; padding:20px 25px 35px;} .fa-case-list li .text .fa-logo{ height:42px; line-height:42px;} .fa-case-list li .text .title{ margin-top:15px; font-size:1.8em; color:#333; text-overflow: ellipsis; display: -webkit-inline-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;} .fa-case-list li:hover .text .title{ color:#ff7200;} .fa-case-list li .text .btns{ margin-top:50px;} .fa-case-list li .text .btns span{ display:inline-block; width:120px; height:40px; line-height:40px; text-align:center; border:1px solid #bfbfbf; border-radius:40px; font-size:1.6em; color:#666;} .fa-case-list li .text .btns span:hover{ background:#ff7200; border:1px solid #ff7200; color:#fff;} .page-more{ text-align:center; margin:50px 0 90px;} .page-more a{ display:inline-block; width:200px; height:60px; line-height:60px; border:1px solid #bfbfbf; border-radius:60px; font-size:1.8em; color:#333; background: #fff;} .page-more a:hover{ background:#ff7200; border:1px solid #ff7200; color:#fff;} .fa-case-con{ padding:60px 0;} .fa-case-con .title{ font-size:2.4em; color:#333; font-weight:bold; text-align:center; padding-bottom:40px; border-bottom:2px solid #dadada;} .fa-case-con .text{ padding:40px 0; font-size:1.4em; color:#333; line-height:24px;} .pager a, .pager span{ display:inline-block; height:50px; line-height:50px; font-size:1.4em; color:#333; float:initial !important; padding:0 45px; border-radius:10px;} .pager a{ background:#e5e5e5; text-overflow: ellipsis; display: -webkit-inline-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;} .pager a:hover{ background:#ff7200; color:#fff;} .pager .prev{ text-align:right;} .pager .next{ text-align:left;} .fa-case-con-box1{ padding: 50px 0; background: #fff;} .fa-case-con-box1 .top{ text-align: center; font-size: 4em; color: #333; font-weight: bold; margin-bottom: 20px;} .fa-case-con-box1 .text{ font-size: 1.4em; color: #333; line-height: 24px; padding: 0 15%;} .fa-case-con-box1 .text p{ text-align: center;} .fa-case-con-box2{ padding: 30px 10%;} .fa-case-con-box2 .hd{ overflow: hidden;} .fa-case-con-box2 .hd li{ float: left; font-size: 1.8em; color: #333; margin-right: 55px; cursor: pointer;} .fa-case-con-box2 .hd li.on, .fa-case-con-box2 .hd li:hover{ color: #ff7200;} .fa-case-con-box2 .bd{ margin-top: 30px; font-size:1.4em; line-height: 2em; } .fa-case-con-box2 .bd .box{ background: #ff7200; padding: 50px; overflow: hidden;} .fa-case-con-box2 .bd .box .img{ float: right; padding: 0; text-align: right;} .fa-case-con-box2 .bd .box .text{ padding-left: 0;} .fa-case-con-box2 .bd .box .text .title{ font-size: 4em; color: #fff; font-weight: bold;} .fa-case-con-box2 .bd .box .text .p{ font-size: 1.6em; color: #fff1e6; line-height: 24px; margin-top: 10px; margin-bottom: 6%;} .fa-case-con-box2 .bd .box .text .other{ overflow: hidden; display: table; height: 110px; padding-top: 5%;} .fa-case-con-box2 .bd .box .text .other .icon{ display: table-cell; vertical-align: middle; height: 100%;} .fa-case-con-box2 .bd .box .text .other dl{ display: table-cell; vertical-align: middle; height: 100%; padding: 0 40px; margin-bottom: 0; color: #fff;} .fa-case-con-box2 .bd .box .text .other .dl1{ width: 240px;} .fa-case-con-box2 .bd .box .text .other .dl2{ padding-right: 0;} .fa-case-con-box2 .bd .box .text .other dt{ font-size: 2em; font-weight: bold; margin-bottom: 10px;} .fa-case-con-box2 .bd .box .text .other dd{ font-size: 1.4em; line-height: 24px;} .fa-case-con-box3{ padding: 40px 10% 10px;} .fa-case-con-box3 .top{ text-align: center; font-size: 4em; color: #333; font-weight: bold; margin-bottom: 20px;} .fa-case-con-box3 .list{ overflow: hidden; margin-top: 40px;} .fa-case-con-box3 .list ul{ margin: 0 -30px;} .fa-case-con-box3 .list li{ padding: 0 30px; text-align: center; margin-bottom: 50px;} .fa-case-con-box3 .list li .icon{ margin-bottom: 15px;} .fa-case-con-box3 .list li .title{ font-size: 2em; font-weight: bold; color: #333; margin-bottom: 8px;} .fa-case-con-box3 .list li .text{ text-align: left; font-size: 1.4em; line-height: 24px; color: #333; min-height: 96px;} .fa-case-con-box4{ padding: 50px 10% 20px; background: #fff;} .fa-case-con-box4 .top{ text-align: center; font-size: 4em; color: #333; font-weight: bold; margin-bottom: 20px;} .fa-case-con-box4 .list{ margin-top: 50px; overflow: hidden;} .fa-case-con-box4 .list ul{ margin: 0 -20px;} .fa-case-con-box4 .list li{ padding: 0 20px; margin-bottom: 40px;} .fa-case-con-box4 .list li .box{ background: #f7f7f7; overflow: hidden;} .fa-case-con-box4 .list li .img{ padding: 0;} .fa-case-con-box4 .list li .text{ padding: 25px;} .fa-case-con-box4 .list li .text .title{ font-size: 1.8em; font-weight: bold; color: #333;} .fa-case-con-box4 .list li .text .p{ font-size: 1.4em; color: #757575; line-height: 24px; text-align: justify; margin-top: 10px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; } .fa-case-con-box4 .tc{ position: fixed; max-width: 840px; background: #fff; box-shadow: 0 3px 5px rgba(0,0,0,.25); z-index: 999; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 30px 10px; border-radius: 10px; display: none;} .fa-case-con-box4 .tc .img{ text-align: center;} .fa-case-con-box4 .tc .title{ font-size: 1.8em; font-weight: bold; color: #333; margin-top: 15px;} .fa-case-con-box4 .tc .p{ font-size: 1.4em; color: #757575; line-height: 24px; margin-top: 10px;} .fa-case-con-box5{ padding: 70px 10%;} .fa-case-con-box5 .top{ text-align: center; font-size: 4em; color: #333; font-weight: bold; margin-bottom: 20px;} .fa-case-con-box5 .box{ margin-top: 50px;} .fa-case-con-box5 .box .swiper-container{ padding: 0 8%;} .fa-case-con-box5 .box .list{ overflow: hidden;} .fa-case-con-box5 .box .swiper-slide{ width: 33.33333%; padding: 0 15px;} .fa-case-con-box5 .box .swiper-slide .img{ overflow: hidden;} .fa-case-con-box5 .box .swiper-slide .img img{ transition: all .3s linear 0s;} .fa-case-con-box5 .box .swiper-slide:hover .img img{ transform: scale(1.1,1.1);} .fa-case-con-box5 .box .swiper-slide .title{ font-size: 2em; font-weight: bold; color: #333; text-align: center; margin-top: 20px;} .fa-case-con-box5 .box .swiper-slide:hover .title{ color: #ff7200;} .fa-case-con-box5 .box .swiper-button-next{ width: 31px; height: 57px; background: url(../images/fa-case-con-box5-next.png) no-repeat center; margin-top: 0; transform: translateY(-50%); right: 0;} .fa-case-con-box5 .box .swiper-button-prev{ width: 31px; height: 57px; background: url(../images/fa-case-con-box5-prev.png) no-repeat center; margin-top: 0; transform: translateY(-50%); left: 0;} .fa-case-con-box6{ padding: 60px 10% 110px;} .fa-case-con-box6 .top{ text-align: center; font-size: 4em; color: #333; font-weight: bold; margin-bottom: 20px;} .fa-case-con-box6 .list{ margin-top: 40px; overflow: hidden;} .fa-case-con-box6 .list ul{ margin: 0 -30px;} .fa-case-con-box6 .list li{ padding: 0 30px;} .fa-case-con-box6 .list li .box{ background: #fff;} .fa-case-con-box6 .list li .box .img{ overflow: hidden;} .fa-case-con-box6 .list li .box .text{ padding: 25px;} .fa-case-con-box6 .list li .box .text .title{ font-size: 1.8em; color: #333; margin-bottom: 10px;} .fa-case-con-box6 .list li .box .text .p{ font-size: 1.4em; color: #757575; line-height: 24px;} .service-list{ padding:90px 8% 70px; overflow:hidden;} .service-list .top{ text-align:center; color:#333; margin-bottom:70px;} .service-list .top .title{ font-size:3em; font-weight:bold;} .service-list .top .text{ font-size:1.8em; margin-top:20px;} .service-list ul{ margin:0 -30px;} .service-list li{ height:300px; padding:0 30px; margin-bottom:60px;} .service-list li .box{ width:100%; height:100%; background:#f2f2f2; border-radius:20px; overflow:hidden; } .service-list li .icon{ height:100%; padding: 0 15px 0 16%;} .service-list li .icon img{ position:relative; top:50%; transform:translateY(-50%); width: 70%;} .service-list li .text{ height:100%; padding: 0 15px 0 6%;} .service-list li .text dl{ position:relative; top:50%; transform:translateY(-50%);} .service-list li .text dt{ font-size:2.4em; color:#333; font-weight:bold;} .service-list li .text dd{ margin-top:10px;} .service-list li .text dd a{ font-size:1.6em; color:#333;} .service-list li .text dd a:hover{ color:#ff7200;} .about-box1{ padding:50px 0 60px;} .about-box1 .title{ text-align:center; font-size:3.4em; color:#333; font-weight:bold;} .about-box1 .text{ font-size:1.4em; color:#333; line-height:24px; margin-top:30px;} .about-box1 .video{ margin-top:40px;} .about-box1 .video video{ width:100%;} .about-box2{ background:#fff; padding:50px 0; } .about-box2 .img{ padding:0;} .about-box2 .text{ color:#333; height:100%;} .about-box2 .text .b{ position:relative; margin-top:50%; transform:translateY(-50%);} .about-box2 .text .title{ font-size:5em;} .about-box2 .text .p{ font-size:1.8em; line-height:24px; margin-top:15px; position:relative; padding-bottom:36px; width:356px;} .about-box2 .text .p i{ display:inline-block; position:absolute; width:120px; height:2px; background:#ff691e; left:0; bottom:0;} .about-box2 .box1, .about-box2 .box2{ padding:50px 0; overflow:hidden;} .about-box2 .box1 .img{ float:right;} .about-box2 .box1 .text{ padding-left:0;} .about-box2 .box2 .text{ padding-right:0;} .about-box2 .box2 .b{ float: right;} .about-box3{ padding:50px 0 70px;} .about-box3 .top{ font-size:3.4em; color:#333; text-align:center; font-weight:bold;} .about-box3 .box{ margin-top:100px;} .about-box3 .box .gallery-top{ padding:0 12%;} .about-box3 .box .gallery-top .list{ overflow:hidden;} .about-box3 .box .gallery-top .img{ float:right;} .about-box3 .box .gallery-top .text{ padding-right:50px; padding-top:10px;} .about-box3 .box .gallery-top .text .title{ width:100%; overflow:hidden; position:relative;} .about-box3 .box .gallery-top .text .title .year{ font-size:8em; font-weight:bold; color:#ff691e; float:left; line-height:82px;} .about-box3 .box .gallery-top .text .title .t{ float:left; margin-left:8%; padding: 6px 0px;} .about-box3 .box .gallery-top .text .title .t span{ font-size:2.4em; color:#333; line-height:35px; display:inline-block;} .about-box3 .box .gallery-top .text .title i{ position:absolute; width:8px; height:80px; background:#ff691e; right:0; top:0;} .about-box3 .box .gallery-top .text .p{ margin-top:30px; font-size:1.4em; color:#333; line-height:30px;} .about-box3 .box .gallery-top .swiper-button-next{ background:url(../images/about-box3-next.png) no-repeat center; width:75px; height:75px; margin-top:0; transform:translateY(-50%); right:0; opacity:1;} .about-box3 .box .gallery-top .swiper-button-prev{ background:url(../images/about-box3-prev.png) no-repeat center; width:75px; height:75px; margin-top:0; transform:translateY(-50%); left:0; opacity:1;} .about-box3 .box .gallery-thumbs{ padding:0 16px; margin-top:70px;} .about-box3 .box .gallery-thumbs .list{ overflow:hidden; padding-top:18px;} .about-box3 .box .gallery-thumbs .swiper-slide{ width:14.2857%; text-align:center;} .about-box3 .box .gallery-thumbs .icon{ height:15px; background:url(../images/about-box3-icon1.png) no-repeat center; position:relative;} .about-box3 .box .gallery-thumbs .icon i{ display:inline-block; width:33px; height:40px; background:url(../images/about-box3-icon2.png) no-repeat center; position:absolute; left:50%; transform:translateX(-50%); top:-18px; opacity:0;} .about-box3 .box .gallery-thumbs .swiper-slide-thumb-active .icon{ background:none;} .about-box3 .box .gallery-thumbs .swiper-slide-thumb-active .icon i{ opacity:1;} .about-box3 .box .gallery-thumbs .year{ margin-top:30px;} .about-box3 .box .gallery-thumbs .year span{ display:inline-block; width:120px; height:45px; font-size:1.8em; color:#333;} .about-box3 .box .gallery-thumbs .swiper-slide-thumb-active span{ line-height:45px; background:#ff691e; color:#fff; border-radius:10px;} .about-box3 .box .gallery-thumbs .line{ background:url(../images/about-box3-icon3.png) repeat-x; height:1px; width:100%; top: 25px; position: absolute;} .about-box3 .box .gallery-thumbs .swiper-button-next{ background:url(../images/about-box3-next2.png) no-repeat center #f7f7f7; width:16px; height:16px; margin-top:0; top:18px; right:0; opacity:1; border-radius:100%;} .about-box3 .box .gallery-thumbs .swiper-button-prev{ background:url(../images/about-box3-prev2.png) no-repeat center #f7f7f7; width:16px; height:16px; margin-top:0; top:18px; left:0; opacity:1; border-radius:100%;} .about-box4{ background:#fff; padding:50px 0;} .about-box4 .top{ font-size:3.4em; text-align:center; font-weight:bold; color:#333;} .about-box4 .box{ overflow:hidden; margin-top:40px;} .about-box4 .box .img{ float:right;} .about-box4 .box .text{ padding-right:5%; padding-left:0; height:100%; } .about-box4 .box .text .b{ position:relative; margin-top:50%; transform:translateY(-50%); } .about-box4 .box .text .title{ font-size:3em; color:#ff691e; font-weight:bold; line-height:40px; padding-right:15%;} .about-box4 .box .text .p{ font-size:1.4em; color:#333; line-height:26px; text-align:justify; margin-top:20px;} .about-box5{ padding:50px 0;} .about-box5 .top{ font-size:3.4em; text-align:center; font-weight:bold; color:#333;} .about-box5 .list{ overflow:hidden; margin-top:40px;} .about-box5 .list ul{ margin:0 -10px;} .about-box5 .list li{ padding:0 10px; margin-bottom:25px;} .about-box5 .list li .img{ overflow:hidden;} .about-box5 .list li .img img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); overflow:hidden;} .about-box5 .list li .img img:hover{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } .about-box5 .list li .title{ font-size:1.8em; color:#333; text-align:center; margin-top:15px;} .about-job{ padding:60px 0 120px;} .about-job .top-title{ margin-bottom:40px;} .about-job .top-title .title{ font-size:4em; color:#333; font-weight:bold; text-align:center;} .about-job .top-title .text{ font-size:1.4em; color:#333; text-indent:2em; line-height:26px; margin-top:10px;} .about-job .box .top{ height:60px; background:#ff7200; position:relative;} .about-job .box .top > span{ display:inline-block; width:16.66666667%; float:left; font-size:1.6em; color:#fff; text-align:center; padding:0 15px; height:60px; line-height:60px;} .about-job .box .top a{ display:inline-block; padding:0 10px; border-radius:6px; background:#fff; color:#ff7200; height:35px; line-height:32px; border:1px solid #fff; } .about-job .box .top a:hover{ background:#ff7200; color:#fff;} .about-job .box .top .sq{ position:absolute; top:100%; width:100%; padding:25px 0 50px; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,.15); display:none;} .about-job .box .top .sq .title{ font-size:2.4em; text-align:center; color:#333; font-weight:bold; margin-bottom:50px;} .about-job .box .top .sq .close-btn{ position:absolute; top:26px; right:34px;} .about-job .box .top .sq ul{ margin: 0 23%;} .about-job .box .top .sq li{ overflow:hidden; margin-bottom:20px;} .about-job .box .top .sq li label{ display:inline-block; float:left; height:45px; line-height:45px; font-size:1.4em; color:#333; font-weight:normal; margin-bottom:0; width:10%;} .about-job .box .top .sq li label i{ color:#ff691e; font-style:normal;} .about-job .box .top .sq li input[type="text"]{ width:90%; height:45px; border:1px solid #d2d2d2; border-radius:4px;} .about-job .box .top .sq li .sc{ width:90%; border:2px dashed #d2d2d2; border-radius:4px; float:right; text-align:center; padding:25px 0 20px;} .about-job .box .top .sq li .sc button{ width:150px; height:40px; border-radius:4px; border:none; background:#ff691e; font-size:1.6em; color:#fff; margin-bottom:15px;} .about-job .box .top .sq li .sc [type=file]{ height:40px; font-size:1.6em; margin:0 auto 15px; } .about-job .box .top .sq li .sc p{ text-align:center; font-size:1.4em; color:#ababab; line-height:20px;} .about-job .box .top .sq li input[type="submit"]{ width:150px; height:40px; border-radius:4px; border:none; background:#ff691e; font-size:1.6em; color:#fff; margin-top:20px;} .about-job .box .top .sq li:last-child{ text-align:center; margin-bottom:0;} .about-job .box .list{ overflow:hidden;} .about-job .box .list .title{ height:60px; line-height:60px; background:#fff;} .about-job .box .list .title span{ display:inline-block; width:16.66666667%; float:left; font-size:1.6em; color:#333; text-align:center; padding:0 15px;} .about-job .box .list .title span:last-child{ text-align:right;} .about-job .box .list .text{ padding:10px 40px 15px; background:#fff; display:none; border-bottom:2px solid #eee;} .about-job .box .list .text dl{ font-size:1.4em; color:#333;} .about-job .box .list .text dt{ font-weight:normal; line-height:24px;} .about-job .box .list .text dd{ line-height:24px;} .about-job .box .list .text:nth-child(2){ display:block;} .about-job .box .list .title:nth-child(4n-1){ background:#eee;} .contact{ padding: 50px 0 0;} .contact .top{ font-size: 4em; color: #333; font-weight: bold; text-align: center;} .contact .list{ margin: 40px 0 0; overflow: hidden;} .contact .list .map{ height: 350px; margin-bottom: 30px;} .contact .list ul{ margin: 0 -20px;} .contact .list li{ padding: 0 20px; margin-bottom: 40px; position: relative; z-index: 0;} .contact .list li .box{ background: #fff; text-align: center; border-radius: 10px; border: 1px solid #ccc;} .contact .list li dl{ text-align: left; margin-bottom: 0; padding: 30px 16%;} .contact .list li dt{ font-size: 2em; color: #333; font-weight: normal;} .contact .list li dt b, .contact .list li dt span{ position: relative;} .contact .list li dt i{ display: inline-block; width: 21px; height: 27px; background: url(../images/contact-icon.png) no-repeat center; position: absolute; right: -30px; top: 50%; transform: translateY(-50%);} .contact .list li dd{ font-size: 1.4em; color: #333; margin-top: 15px;} .contact .list li .map{ position: absolute; display: none; width: 640px; height: 350px; left: 100%; top: 0; transform: translateX(-15px);} .contact .list li:hover{ z-index: 1;} .contact .list li:hover .map{ display: block;} .contact .list li:hover .box{ border: 1px solid #ff7200;} .contact .list li:nth-child(2n) .map{ right: 100%; left: inherit; transform: translateX(15px);} .contact-fk{ margin: 10px 0 50px;} .contact-fk .top{ font-size: 4em; color: #333; font-weight: bold; text-align: center;} .contact-fk .list{ margin-top: 40px; overflow: hidden; background: #fff; padding: 5% 0; border-radius: 10px; border: 1px solid #ccc;} .contact-fk .list li{ padding: 0; text-align: center; position: relative; height: 186px;} .contact-fk .list li::before{ content: ""; position: absolute; width: 1px; height: 100%; background: #d2d2d2; right: 0; top: 0;} .contact-fk .list li:last-child::before{ display: none;} .contact-fk .list li .icon{ height: 50px; line-height: 50px;} .contact-fk .list li .title{ font-size: 2.4em; color: #333; font-weight: bold; margin-top: 15px;} .contact-fk .list li .text{ font-size: 1.4em; color: #333; line-height: 24px; margin-top: 15px;;} .about-sl-box1{ margin: 3.6% 0 4%;} .about-sl-box1 .top{ font-size: 4em; text-align: center; font-weight: bold; color: #333;} .about-sl-box1 .list{ margin-top: 40px; overflow: hidden;} .about-sl-box1 .list ul{ margin: 0 -25px;} .about-sl-box1 .list li{ padding: 0 25px; position: relative;} .about-sl-box1 .list li img{ position: relative; z-index: 0;} .about-sl-box1 .list li .box{ position: absolute; width: 90.5%; top: 50%; transform: translateY(-50%); color: #fff;} .about-sl-box1 .list li .box .title{ font-size: 3em; font-weight: bold; text-align: center;} .about-sl-box1 .list li .box .text{ font-size: 1.8em; line-height: 30px; margin-top: 20px;} .about-sl-box1 .list li .box .text p{ text-align: center;} .about-sl-box2{ background: #fff; padding: 40px 0 60px;} .about-sl-box2 .top{ font-size: 4em; text-align: center; font-weight: bold; color: #333;} .about-sl-box2 .list{ overflow: hidden; margin-top: 40px;} .about-sl-box2 .list ul{ margin:0 -25px;} .about-sl-box2 .list li{ padding: 0 25px;} .about-sl-box2 .list li .box{ background: #f7f7f7; padding:25px 0 35px;} .about-sl-box2 .list .img{ overflow: hidden; text-align:center } .about-sl-box2 .list .title{ margin-top: 20px; font-size: 2.4em; color: #333; font-weight: bold; text-align: center; position: relative; padding-bottom: 28px;} .about-sl-box2 .list .title i{ position: absolute; width: 50px; height: 5px; background: #0066ff; bottom: 0; left: 50%; transform: translateX(-50%);} .about-sl-box2 .list .text{ font-size: 1.8em; color: #666; line-height: 24px; padding: 0 16%; text-align: center; margin-top: 35px; height: 48px;} .about-sl-box3 .pc { display:block } .about-sl-box3 .nobi { display:none } .about-sl-box4{ margin: 5% 0;} .about-sl-box4 .top{ font-size: 4em; text-align: center; font-weight: bold; color: #333;} .about-sl-box4 .list{ overflow: hidden; margin-top: 40px;} .about-sl-box4 .list ul{ margin: 0 -15px;} .about-sl-box4 .list li{ padding-top: 85px;} .about-sl-box4 .list li .box{ background: #fff; padding-top: 130px; position: relative; padding-bottom: 35px;} .about-sl-box4 .list li .box .img img{ position: absolute; border: 12px solid #f7f7f7; top: -85px; left: 50%; transform: translateX(-50%); border-radius: 100%;} .about-sl-box4 .list li .box .text .title{ font-size: 2.2em; color: #333; text-align: center; font-weight: bold;} .about-sl-box4 .list li .box .text .p{ font-size: 1.4em; line-height: 22px; color: #757575; padding: 0 30px; margin-top: 15px; min-height: 110px;} .page-top{ margin: 30px 0 0;} .ivideo.neiye{ margin: 10px 0; padding:0 } .ivideo.neiye ul{ margin: 0 -10px;} .ivideo.neiye li { padding:0 10px; } .page-top .box{ border-bottom: 2px solid #d6d6d6; padding-bottom: 10px; overflow: hidden;} .page-top .box .top{ padding: 0; font-size: 2.4em; color: #333; font-weight: bold;} .page-top .news-nav{ padding: 8px 0; text-align: right; height: 18px;} .page-top .news-nav ul{ display: inline-block;} .page-top .news-nav li{ float: left; height: 18px; line-height: 18px; border-right: 1px solid #333;} .page-top .news-nav li:last-child{ border-right: none;} /* .page-top .news-nav li:last-child a{ padding-right: 0;} */ .page-top .news-nav li a{ display: inline-block; padding: 0 30px; font-size: 1.6em;} .page-top .news-nav li.on a, .page-top .news-nav li:hover a{ color: #ff7200;} .news-list{ margin: 50px 0 -40px; overflow: hidden;} .news-list ul{ margin: 0 -25px;} .news-list li{ padding: 0 25px; margin-bottom: 50px;} .news-list li .img{ overflow: hidden;} .news-list li .img img{ transition: all .3s linear 0s;} .news-list li:hover .img img{ transform:scale(1.1,1.1);} .news-list li .text{ margin-top: 24px;} .news-list li .text .other{ height: 35px; line-height: 35px; font-size: 1.4em;} .news-list li .text .other span{ display: inline-block; width: 100px; height: 35px; line-height: 35px; background: #999; color: #fff; text-align: center; margin-right: 20px;} .news-list li .text .title{ font-size: 1.8em; color: #333; font-weight: bold; margin-top: 15px;; text-overflow: ellipsis; display: -webkit-inline-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; width: 100%;} .news-list li .text .p{ margin-top: 10px; font-size: 1.4em; color: #666; line-height: 24px; text-align: justify; text-overflow: ellipsis; display: -webkit-inline-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; width: 100%; height: 48px;} .news-list li:hover .text .title{ color: #ff7200;} .news-con{ margin: 65px 0 60px;} .news-con .title{ text-align: center; font-size: 2.4em; font-weight: bold; color: #333;} .news-con .date{ font-size: 1.4em; color: #333; text-align: center; padding: 15px 0; border-bottom: 2px solid #dadada; line-height: 25px;} .news-con .date .share{ margin-left: 30px; display: inline-block;} .news-con .date .share span{ display: inline-block;} .news-con .date .share a{ margin: 0 5px; cursor: pointer;} .news-con .text{ padding: 40px 0 20px; font-size: 1.4em; line-height: 24px;} .news-con .text p+p{ margin-top: 20px;} .news-con .text img{ height:auto !important } .about-message{ margin: 45px 0 60px;} .about-message .top{ font-size: 4em; text-align: center; font-weight: bold; color: #333;} .about-message .list{ overflow: hidden; margin-top: 40px;} .about-message .list ul{ margin: 0 -30px;} .about-message .list li{ margin-bottom: 25px; padding: 0 30px; overflow: hidden;} .about-message .list li label{ font-size: 1.8em; color: #333; font-weight: normal; margin-bottom: 10px;} .about-message .list li input[type="text"]{ width: 100%; height: 60px; border: none; padding: 0 15px; font-size: 1.4em;} .about-message .list li textarea{ width: 100%; height: 150px; border: none; padding: 10px 15px; font-size: 1.4em;} .about-message .list li:last-child{ text-align: center; padding-top: 30px;} .about-message .list li input[type="submit"]{ width: 120px; height: 50px; background: #ff7200; color: #fff; font-size: 1.8em; border: none; margin-right: 50px;} .about-message .list li input[type="reset"]{ width: 120px; height: 50px; background: #949494; color: #fff; font-size: 1.8em; border: none;} .product-content1 .product-con-box1{ position: relative;} .product-content1 .product-con-box1 .text{ position: absolute; top: 50%; transform: translateY(-42%); color: #fff; width: 100%; padding: 0 10%;} .product-content1 .product-con-box1 .text .title{ font-size: 5em; line-height: 60px;} .product-content1 .product-con-box1 .text .title b{ font-size: 1.4em; float: left; margin-right: 15px; display: inline-block;} .product-content1 .product-con-box1 .text .p{ font-size: 4em; line-height: 56px; width: 34%; margin-top: 40px;} .product-content1 .product-con-box1 .img{ position: absolute; top: 58%; transform: translateY(-42%); right: 10%;} .product-content1 .product-con-box2{ position: relative;} .product-content1 .product-con-box2 .top{ position: absolute; top: 6%; width: 100%; color: #fff; text-align: center; padding: 0 10%;} .product-content1 .product-con-box2 .top .t{ font-size: 8em; font-weight: bold;} .product-content1 .product-con-box2 .top .p{ font-size: 3em; margin-top: 20px;} .product-content1 .product-con-box2 .text{ position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%); width: 1070px; border-radius: 25px; border: 2px solid #fff;} .product-content1 .product-con-box2 .text ul{ padding: 25px 45px; overflow: hidden;} .product-content1 .product-con-box2 .text li{ float: left; overflow: hidden; color: #fff;} .product-content1 .product-con-box2 .text li .icon{ float: left; margin-right: 10px;} .product-content1 .product-con-box2 .text li .b{ float: left;} .product-content1 .product-con-box2 .text li .t{ font-size: 2.2em; font-weight: bold; color: #fff; text-shadow:2px 2px 3px rgba(0,0,0,1);} .product-content1 .product-con-box2 .text li .p{ font-size: 2em; line-height: 22px; color: rgba(255,255,255,.7); text-shadow:2px 2px 3px rgba(0,0,0,1); margin-top: 4px; } .product-content1 .product-con-box2 .bg{ background: #333;} .product-content1 .product-con-box3{ position: relative;} .product-content1 .product-con-box3 .img1{ position: absolute; left: 0; top: 22%;} .product-content1 .product-con-box3 .img2{ position: absolute; right: 0; top: 50%; transform: translateY(-50%);} .product-content1 .product-con-box3 .text{ position: absolute; color: #fff; width: 100%; padding: 0 10%; bottom: 14%;} .product-content1 .product-con-box3 .text .t{ font-size: 8em; font-weight: bold; position: relative; display: inline-block; padding-bottom: 10px; letter-spacing: 6px;} .product-content1 .product-con-box3 .text .t i{ position: absolute; height: 3px; width: 100%; background: #403bff; bottom: 0; left: 0;} .product-content1 .product-con-box3 .text .p{ font-size: 3em; line-height: 40px; width: 54%; margin-top: 5%;} .product-content1 .product-con-box4{ position: relative;} .product-content1 .product-con-box4 .text{ position: absolute; width: 100%; padding: 0 10%; top: 50%; transform: translateY(-45%);} .product-content1 .product-con-box4 .text .t{ font-weight: bold; font-size: 8em; color: #252525; margin-bottom: 6%;} .product-content1 .product-con-box4 .text .p{ font-size: 3em; line-height: 60px; width: 45%;} .product-content1 .product-con-box4 .img{ position: absolute; right: 16%; top: 12%;} .product-content1 .product-con-box5{ position: relative; margin: 0 -82px; overflow: hidden;} .product-content1 .product-con-box5 .box{ width: 25%; float: left; height: 900px; position: relative; transform: skewX(-10deg); overflow: hidden; transition: all .5s;} .product-content1 .product-con-box5 .box img{ position: absolute; top: 50%; left: -82px; max-width: inherit; transform: translateY(-50%) skewX(10deg); z-index: 0;} .product-content1 .product-con-box5 .box .title{ position: absolute; z-index: 2; font-size: 6.4em; color: #fff; font-weight: bold; letter-spacing: 5px; width: 100%; top: 50%; transform: translateY(-120%) skewX(10deg); text-align: center;} .product-content1 .product-con-box5 .box::before{ content: ""; position: absolute; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,.2);} .product-content1 .product-con-box5 .box.on:hover{ width: 36%;} .product-content1 .product-con-box5:hover .box{ width: 21.33333%;} .product-content1 .product-con-box6{ position: relative;} .product-content1 .product-con-box6 .top{ color: #fff; text-align: center; position: absolute; width: 100%; top: 6%;} .product-content1 .product-con-box6 .top .t{ font-weight: bold; font-size: 8em; letter-spacing: 5px;} .product-content1 .product-con-box6 .top .p{ font-size: 3em; margin-top: 20px;} .product-content1 .product-con-box7{ overflow: hidden;} .product-content1 .product-con-box7 li{ float: left; position: relative; width: 50%;} .product-content1 .product-con-box7 li img{ position: relative; z-index: 0;} .product-content1 .product-con-box7 li .title{ position: absolute; z-index: 1; width: 100%; text-align: center; font-size: 8em; color: #fff; font-weight: bold; bottom: 20px;} .product-content1 .product-con-box8{ position: relative;} .product-content1 .product-con-box8 .top{ color: #fff; text-align: center; position: absolute; width: 100%; top: 5%;} .product-content1 .product-con-box8 .top .t{ font-weight: bold; font-size: 8em; letter-spacing: 5px;} .product-content1 .product-con-box8 .top .p{ font-size: 6em;} .product-content1 .product-con-box9{ background: url(../images/product-page/box9-bg.jpg) no-repeat center; background-size: cover;} .product-content1 .product-con-box9 .box{ padding: 60px 10%; overflow: hidden;} .product-content1 .product-con-box9 .box .top{ color: #fff; border-bottom: 2px solid #fff; padding-bottom: 25px;} .product-content1 .product-con-box9 .box .top .t{ font-size: 5.8em; text-transform: uppercase;} .product-content1 .product-con-box9 .box .top .p{ font-size: 4em; margin-top: 10px;} .product-content1 .product-con-box9 .box .list{ padding: 85px 0 0;} .product-content1 .product-con-box9 .box .list li{ float: left; overflow: hidden; margin-bottom: 70px;} .product-content1 .product-con-box9 .box .list li .icon{ float: left; padding-top: 12px;} .product-content1 .product-con-box9 .box .list li .text{ float: left;} .product-content1 .product-con-box9 .box .list li .text .t{ font-size: 2em; color: #fff; font-weight: bold;} .product-content1 .product-con-box9 .box .list li .text .p{ font-size: 1.6em; color: rgba(255,255,255,.7); line-height: 24px; margin: 10px 0 ;} .product-content1 .product-con-box9 .box .list li .text .p p{ text-align: left;} .product-content1 .product-con-box9 .box .list li.ys1{ width: 25%;} .product-content1 .product-con-box9 .box .list li.ys1 .icon{ width: 21%;} .product-content1 .product-con-box9 .box .list li.ys1 .text{ width: 78%;} .product-content1 .product-con-box9 .box .list li.ys2{ width: 50%;} .product-content1 .product-con-box9 .box .list li.ys2 .icon{ width: 10.5%;} .product-content1 .product-con-box9 .box .list li.ys2 .text{ width: 84.5%; text-transform: uppercase;} .product-content2 .product-con-box1{ position: relative;} .product-content2 .product-con-box1 .text{ position: absolute; color: #fefefe; top: 50%; transform: translateY(-50%); width: 100%; padding: 0 10%;} .product-content2 .product-con-box1 .text .t{ font-size: 7em; font-weight: bold;} .product-content2 .product-con-box1 .text .p{ font-size: 5.4em;} .product-content2 .product-con-box2{ background: #0f0f0f; padding: 2% 0;} .product-content2 .product-con-box2 .top{ font-size: 7.6em; text-align: center; color: #fff; font-weight: bold;} .product-content2 .product-con-box2 .list{ padding: 0 10%; overflow: hidden; margin-top: 4%;} .product-content2 .product-con-box2 .list li{ float: left; width: 25%; text-align: center;} .product-content2 .product-con-box2 .list li .icon{ width: 156px; height: 156px; border: 1px solid #f2f2f2; border-radius: 20px; line-height: 156px; display: inline-block;} .product-content2 .product-con-box2 .list li .title{ font-size: 3em; color: #fff; margin-top: 8%;} .product-content2 .product-con-box3{ position: relative;} .product-content2 .product-con-box3 .text{ position: absolute; padding: 0 10%; top: 50%; transform: translateY(-40%); width: 100%;} .product-content2 .product-con-box3 .text .title{ font-size: 7em; color: #fff; letter-spacing: 5px;} .product-content2 .product-con-box3 .text .p{ font-size: 2.4em; color: #fff; line-height: 36px; width: 38%; margin-top: 40px;} .product-content2 .product-con-box3 .text ul{ overflow: hidden; margin-top: 4%;} .product-content2 .product-con-box3 .text li{ float: left; text-align: center; margin-right: 50px;} .product-content2 .product-con-box3 .text li .t{ font-size: 1.8em; color: #fff; margin-top: 12px;} .product-content2 .product-con-box4{ position: relative;} .product-content2 .product-con-box4 .text{ position: absolute; top: 50%; transform: translateY(-50%); width: 100%; padding: 0 10%;} .product-content2 .product-con-box4 .text .title{ font-size: 7em; font-weight: bold; color: #fff; letter-spacing: 5px;} .product-content2 .product-con-box4 .text ul{ overflow: hidden; margin-top: 8%;} .product-content2 .product-con-box4 .text li{ float: left; text-align: center; margin-right: 60px;} .product-content2 .product-con-box4 .text li .t{ font-size: 2.6em; color: #fff; margin-top: 20px;} .product-content2 .product-con-box5{ position: relative;} .product-content2 .product-con-box5 .text{ position: absolute; top: 50%; transform: translateY(-50%); width: 100%; padding: 0 10%;} .product-content2 .product-con-box5 .text .title{ font-size: 7em; font-weight: bold; line-height: 100px; color: #fff; letter-spacing: 5px;} .product-content2 .product-con-box5 .text .p{ font-size: 3em; color: #fff; width: 42%; margin-top: 40px; line-height: 54px;} .product-content2 .product-con-box5 .img{ position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 52%;} .product-content2 .product-con-box6{ position: relative;} .product-content2 .product-con-box6 .top{ position: absolute; top: 40px; color: #fff; width: 100%;} .product-content2 .product-con-box6 .top .title{ font-size: 7em; font-weight: bold; text-align: center; letter-spacing: 5px;} .product-content2 .product-con-box6 .top .p{ font-size: 3em; padding: 0 20%; line-height: 54px; margin-top: 20px;} .product-content2 .product-con-box7{ position: relative; background: #6e7077; overflow: hidden;} .product-content2 .product-con-box7 .fl{ width: 45%; position: relative;} .product-content2 .product-con-box7 .fl .box{ position: absolute; overflow: hidden; padding: 0 15%; margin-top: 45%; transform: translateY(-50%);} .product-content2 .product-con-box7 .fl .title{ font-size: 7em; color: #fff; font-weight: bold;} .product-content2 .product-con-box7 .fl .text{ font-size: 2.4em; color: #fff; margin-top: 70px;} .product-content2 .product-con-box7 .fl ul{ margin-top: 90px;} .product-content2 .product-con-box7 .fl li{ float: left; width: 25%; height: 118px; background: url(../images/product-page/pro2-con-box7-icon.png) no-repeat center; font-size: 4em; text-align: center; line-height: 118px; color: #fff;} .product-content2 .product-con-box7 .fr{ width: 55%;} .product-content2 .product-con-box8{ position: relative;} .product-content2 .product-con-box8 .text{ position: absolute; top: 50%; transform: translateY(-60%); color: #fff; right: 10%; width: 30%;} .product-content2 .product-con-box8 .text .title{ font-size: 7em; font-weight: bold; letter-spacing: 5px;} .product-content2 .product-con-box8 .text .p{ font-size: 2.4em; line-height: 40px; margin-top: 15%;} .product-content2 .product-con-box9{ padding: 40px 0 0;} .product-content2 .product-con-box9 .top{ height: 115px; background: url(../images/product-page/pro2-con-box9-title-bg.png) no-repeat center; background-size: contain; font-size: 7em; letter-spacing: 5px; color: #000; line-height: 115px; text-align: center; margin-bottom: 30px;} .product-content2 .product-con-box9 .box{ overflow: hidden; background: #f3f3f3; padding: 50px 30px;} .product-content2 .product-con-box9 .box li{ width: 25%; float: left; padding: 0 32px;} .product-content2 .product-con-box9 .box li .title{ font-size: 6em; color: #000; text-align: center; padding: 40px 0;} .product-content2 .product-con-box9 .box li:nth-child(2){ margin-top: 120px;} .product-content2 .product-con-box9 .box li:nth-child(3){ margin-top: 150px;} .product-content2 .product-con-box9 .box li:nth-child(4){ margin-top: 30px;} .product-content2 .product-con-box10{ background: url(../images/product-page/pro2-con-box10-bg.jpg) no-repeat center top; background-size: cover; padding: 3% 10% 5%;} .product-content2 .product-con-box10 .top{ font-size: 4.8em; font-weight: bold; color: #fff; padding: 40px 0; border-bottom: 2px solid #9d9d9d;} .product-content2 .product-con-box10 .list{ overflow: hidden; padding-top: 70px; border-bottom: 2px solid #9d9d9d;} .product-content2 .product-con-box10 .list li{ float: left; width: 33.33333%; color: #fff; margin-bottom: 50px;} .product-content2 .product-con-box10 .list li .title{ position: relative; padding-bottom: 10px; font-size: 3em;} .product-content2 .product-con-box10 .list li .title::before{ content:""; width: 30px; height: 5px; position: absolute; display: inline-block; background: #888; left: 0; bottom: 0;} .product-content2 .product-con-box10 .list li .text{ margin-top: 25px; line-height: 40px; font-size: 2.4em;} .i-nav{ overflow: hidden; width: 960px; margin: 1.5% auto -3.5%;} .i-nav li{ width: 20%; float: left; text-align: center;} .i-nav li .icon{ width: 140px; height: 140px; border-radius: 100%; margin: 0 auto; border: 5px solid #f2f2f2; background: #eaeaea; position: relative; box-shadow: 0 0 0 30px transparent; -webkit-transition: box-shadow .4s ease-in-out; -moz-transition: box-shadow .4s ease-in-out; -o-transition: box-shadow .4s ease-in-out; -ms-transition: box-shadow .4s ease-in-out; transition: box-shadow .4s ease-in-out;} .i-nav li:hover .icon{ box-shadow: 0 0 0 0 #f3f3f3; -webkit-transition: box-shadow .4s ease-in-out; -moz-transition: box-shadow .4s ease-in-out; -o-transition: box-shadow .4s ease-in-out; -ms-transition: box-shadow .4s ease-in-out; transition: box-shadow .4s ease-in-out; } .i-nav li .icon i{ position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; border-radius: 100%; background: #ff7200; z-index: 9; opacity: 0; z-index: 0;} .i-nav li:hover .icon i{ -webkit-animation: flipInY2 1s .2s ease both; -moz-animation: flipInY2 1s .2s ease both;} .i-nav li .icon span{ display: block; width: 100%; height: 100%; border-radius: 100%; position: relative; z-index: 1; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; background-size: auto 60%; } .i-nav li .icon1{ background: url(../images/i-nav-icon1.png) no-repeat center; background-size: auto 60%;} .i-nav li .icon2{ background: url(../images/i-nav-icon2.png) no-repeat center; background-size: auto 60%;} .i-nav li .icon3{ background: url(../images/i-nav-icon3.png) no-repeat center; background-size: auto 60%;} .i-nav li .icon4{ background: url(../images/i-nav-icon4.png) no-repeat center; background-size: auto 60%;} .i-nav li .icon5{ background: url(../images/i-nav-icon5.png) no-repeat center; background-size: auto 60%;} .i-nav li:hover .icon1{ background: url(../images/i-nav-icon1-2.png) no-repeat center; background-size: auto 60%;} .i-nav li:hover .icon2{ background: url(../images/i-nav-icon2-2.png) no-repeat center; background-size: auto 60%;} .i-nav li:hover .icon3{ background: url(../images/i-nav-icon3-2.png) no-repeat center; background-size: auto 60%;} .i-nav li:hover .icon4{ background: url(../images/i-nav-icon4-2.png) no-repeat center; background-size: auto 60%;} .i-nav li:hover .icon5{ background: url(../images/i-nav-icon5-2.png) no-repeat center; background-size: auto 60%;} .i-nav li .t{ font-size: 1.5em; color: #333; margin-top: 15px;} @-webkit-keyframes flipInY2{ 0%{-webkit-transform:perspective(400px) rotateY(90deg); opacity:0} 40%{-webkit-transform:perspective(400px) rotateY(-5deg)} 70%{-webkit-transform:perspective(400px) rotateY(5deg)} 100%{-webkit-transform:perspective(400px) rotateY(0deg); opacity:1} } @-moz-keyframes flipInY2{ 0%{-moz-transform:perspective(400px) rotateY(90deg); opacity:0} 40%{-moz-transform:perspective(400px) rotateY(-5deg)} 70%{-moz-transform:perspective(400px) rotateY(5deg)} 100%{-moz-transform:perspective(400px) rotateY(0deg); opacity:1} } @media (min-width:1905px){ .index-box{ width: 1903px; margin: 0 auto;} .iys{ width: 1903px; margin: 0 auto;} .ivideo{ width: 1903px; margin: 0 auto;} .h3000,.h3100, .h3200, .bj6100, .bj6200, .bx6200, .c5000, .c5100, .c6000, .c6100, .product-content1, .product-content2, .bj6100, .bx6100, .bx6200, .nb801, .nb501, .c6100-2d, .bx6210, .p11, .p10, .a6, .C6100-GC5, .c6000-gc5, .C6200-gc5, .a5-uhf, .a8-uhf, .F1 { width: 1920px; margin: 0 auto; overflow: hidden;} .product-data-top{ width: 1920px !important; } } @media (min-width:1581px){ .container{ width:1300px !important; padding:0;} .container-box{ width: 1520px; margin: 0 auto;} .fa-case-con-box3 .list li:nth-child(3n-2){ clear: left;} .fa-case-con-box4 .list li:nth-child(2n-1){ clear: left;} .product-content2 .product-con-box10 .list li:nth-child(3n-2){ clear: left;} } @media (max-width:1580px) and (min-width:1367px){ .container{ width:1300px !important; padding:0;} .container-box{ width: 1230px; margin: 0 auto;} .header .pc-nav{ padding-left: 3%;} .header .tel{ font-size:2.4em;} .header .yy > a{ font-size:1.2em;} .header .pc-nav li > a{ font-size:1.6em;} .fw-box1 .text{ right:10%;} .fw-box1 .text .title{ font-size: 4.2em;} .fw-box1 .text .p{ font-size:1.6em;} .fw-box2 .text .title{ font-size:3em; line-height:40px;} .fw-box2 .text .p{ margin-top:20px; font-size:1.6em;} .fw-box3 .top{ top:34px;} .fw-box3 .top .title{ font-size: 3em;} .fw-box3 .top .text{ margin-top: 10px; font-size:1.6em;} .fw-box4 .text{ right:10%; width: 28vw;} .fw-box5 .text .title{ font-size:3em;} .fw-box6 .text .title{ font-size:3em;} .about-box2 .text .title{ font-size:3em;} .about-box2 .text .p{ width:100%;} .about-box3 .box .gallery-top .text .title .year{ font-size:6em; line-height:50px;} .about-box3 .box .gallery-top .text .title .t{ padding:0;} .about-box3 .box .gallery-top .text .title .t span{ font-size:2em; line-height:25px;} .about-box3 .box .gallery-top .text .title i{ width:5px;} .about-box4 .box .text .title{ padding-right:0;} .fa-case-con-box1 .text{ padding: 0 10%;} .fa-case-con-box2 .bd .box .text .p{ margin-bottom: 3%;} .fa-case-con-box2 .bd .box .text .other{ padding-top: 2%;} .fa-case-con-box2 .bd .box .text .other dl{ padding: 0 5%;} .fa-case-con-box3 .list li:nth-child(3n-2){ clear: left;} .fa-case-con-box4 .list li:nth-child(2n-1){ clear: left;} .pro-con-box1 .box .text{ margin-top: 8%;} .pro-con-box1 .box .text .title{ font-size: 4em;} .pro-con-box1 .box .text .p{ font-size: 1.6em; line-height: 28px;} .pro-con-box2 .text .title{ font-size: 4em;} .pro-con-box2 .text .p{ font-size: 1.8em; padding-right: 30%;} .pro-con-box3 .box{ width: 65%;} .pro-con-box3 .box dt{ font-size: 4em; margin-bottom: 10px;} .pro-con-box3 .box dd{ margin-bottom: 20px;} .pro-con-box3 .box dd .icon{ height: 50px; line-height: 50px;} .pro-con-box3 .box dd .icon img{ width: 10%;} .pro-con-box4 .text .title{ font-size: 4em;} .pro-con-box4 .text .p{ font-size: 1.8em; padding-right: 30%;} .pro-con-box4 .text .imgs img{ width: 6%;} .pro-con-box5 .list .text dt{ font-size: 4em; margin-bottom: 20px;} .pro-con-box5 .list .text dd{ margin-bottom: 20px;} .pro-con-box5 .list .text dd .icon{ height: 50px; line-height: 50px;} .pro-con-box5 .list .text dd .icon img{ width: 12%;} .pro-con-box5 .swiper-pagination{ bottom: -12%;} .pro-con-box5 .swiper-pagination-bullet{ width: 15px; height: 15px;} .product-content1 .product-con-box1 .text .title{ font-size: 4em;} .product-content1 .product-con-box1 .text .p{ font-size: 3.2em; line-height: 46px; margin-top: 30px; width: 32%;} .product-content1 .product-con-box1 .img{ width: 28%;} .product-content1 .product-con-box2 .top .t{ font-size: 5em;} .product-content1 .product-con-box2 .top .p{ font-size: 2.6em;} .product-content1 .product-con-box3 .img1{ width: 30%;} .product-content1 .product-con-box3 .img2{ width: 40%;} .product-content1 .product-con-box3 .text .t{ font-size: 5em;} .product-content1 .product-con-box3 .text .p{ font-size: 2.6em; margin-top: 3%;} .product-content1 .product-con-box4 .text .t{ font-size: 5em; margin-bottom: 4%;} .product-content1 .product-con-box4 .text .p{ font-size: 2.6em; line-height: 42px;} .product-content1 .product-con-box4 .img{ width: 24%; right: 17%; top: 16%;} .product-content1 .product-con-box5 .box{ height: 750px;} .product-content1 .product-con-box5 .box .title{ font-size: 4em;} .product-content1 .product-con-box6 .top .t{ font-size: 5em;} .product-content1 .product-con-box6 .top .p{ font-size: 2.6em;} .product-content1 .product-con-box7 li .title{ font-size: 5em;} .product-content1 .product-con-box8 .top .t{ font-size: 5em;} .product-content1 .product-con-box8 .top .p{ font-size: 4em;} .product-content1 .product-con-box9 .box .top .t{ font-size: 4em;} .product-content1 .product-con-box9 .box .top .p{ font-size: 2.8em;} .product-content1 .product-con-box9 .box .list li{ margin-bottom: 30px;} .product-content1 .product-con-box9 .box .list li .text .t{ font-size: 1.8em;} .product-content1 .product-con-box9 .box .list li .text .p{ font-size: 1.4em;} .product-content1 .product-con-box9 .box .list li.ys2 .text .p{ font-size: 1.4em;} .product-content2 .product-con-box1 .text .t{ font-size: 5.8em;} .product-content2 .product-con-box1 .text .p{ font-size: 3.8em;} .product-content2 .product-con-box2 .top{ font-size: 6em;} .product-content2 .product-con-box3 .text .title{ font-size: 5.8em;} .product-content2 .product-con-box3 .text .p{ font-size: 2em; width: 44%;} .product-content2 .product-con-box4 .text .title{ font-size: 5.8em;} .product-content2 .product-con-box5 .text .title{ font-size: 5.8em; line-height: 80px;} .product-content2 .product-con-box5 .text .p{ font-size: 2.4em; line-height: 40px;} .product-content2 .product-con-box6 .top .title{ font-size: 5.8em;} .product-content2 .product-con-box6 .top .p{ font-size: 2.4em; line-height: 40px; padding: 0 15%;} .product-content2 .product-con-box7 .fl .title{ font-size: 5.8em;} .product-content2 .product-con-box7 .fl .text{ font-size: 2em;} .product-content2 .product-con-box7 .fl li{ font-size: 3em; background-size: contain;} .product-content2 .product-con-box8 .text{ width: 32%;} .product-content2 .product-con-box8 .text .title{ font-size: 5.8em;} .product-content2 .product-con-box8 .text .p{ font-size: 2em;} .product-content2 .product-con-box9 .top{ font-size: 5.8em;} .product-content2 .product-con-box9 .box li .title{ font-size: 4.8em;} .product-content2 .product-con-box10 .list li:nth-child(3n-2){ clear: left;} .product-content2 .product-con-box10 .top{ font-size: 3.8em; padding: 35px 0;} .product-content2 .product-con-box10 .list{ padding-top: 50px;} .product-content2 .product-con-box10 .list li .title{ font-size: 2.4em;} .product-content2 .product-con-box10 .list li .text{ font-size: 1.8em; line-height: 30px;} } @media (max-width:1366px) and (min-width: 1200px){ .header{ padding:0 40px;} .header .yy > a{ font-size:1.4em;} .header .pc-nav{ padding:0 0 0 15px} .header .tel{ font-size:2em;} .header .pc-nav li > a{ font-size:1.6em;} .header .pc-nav li .product-nav{ padding: 0 40px;} .header .pc-nav li .nav-box{ padding: 0 40px;} .foot-tel{ margin-top: 2.8%; padding-left: 1%;} .page-banner .banner-title{ left:40px; top:50%;} .page-banner .banner-title.center{ left:50%; width:100%; padding:0 10%;} .page-nav{ margin:3% 40px;} .product-list{ margin:0 40px;} .mbx{ right:40px;} .product-gm{ margin:3.4% 40px;} .product-gm .form li i{ left:84%;} .fw-list{ margin: 3.4% 40px 2%;} .fw-list ul{ margin: 0 -20px;} .fw-list li{ padding:0 20px; margin-bottom:40px;} .fw-box1 .img{ left:40px;} .fw-box1 .text{ right:40px; width: 52.6vw;} .fw-box1 .text .title{ font-size: 4.2em;} .fw-box1 .text .p{ font-size:1.6em;} .fw-box2 .text{ left:40px; width:30vw;} .fw-box2 .text .title{ font-size:3em; line-height:40px;} .fw-box2 .text .p{ margin-top:20px; font-size:1.6em;} .fw-box3 .top{ top:30px;} .fw-box3 .top .title{ font-size: 3em;} .fw-box3 .top .text{ margin-top: 10px; font-size:1.6em;} .fw-box4 .text{ right:40px; width: 34vw;} .fw-box5 .text{ left:40px; width:38vw;} .fw-box5 .text .title{ font-size:3em;} .fw-box6 .img{ left:40px;} .fw-box6 .text{ right:40px; width: 38vw;} .fw-box6 .text .title{ font-size:3em;} .fa-list{ margin:3.6% 40px;} .fa-list ul{ margin:0 -20px;} .fa-list li{ padding:0 20px; margin-bottom:40px;} .fa-list li .box .title{ font-size:2.8em;} .fa-case-list{ margin:50px 40px 0;} .fa-case-list li .text .btns{ margin-top:35px;} .page-more{ margin:10px 0 50px;} .fa-case-con{ padding: 60px 40px;} .fa-case-con-box1{ padding: 50px 40px;} .fa-case-con-box1 .top, .fa-case-con-box2 .top, .fa-case-con-box3 .top, .fa-case-con-box4 .top, .fa-case-con-box5 .top, .fa-case-con-box6 .top{ font-size: 3em;} .fa-case-con-box1 .text{ padding: 0 5%;} .fa-case-con-box2{ padding: 30px 40px;} .fa-case-con-box2 .bd .box .text .p{ margin-bottom: 3%;} .fa-case-con-box2 .bd .box .text .other{ padding-top: 2%;} .fa-case-con-box2 .bd .box .text .other dl{ padding: 0 5%;} .fa-case-con-box3{ padding: 30px 40px 10px;} .fa-case-con-box3 .list li:nth-child(3n-2){ clear: left;} .fa-case-con-box4{ padding: 40px 40px 20px;} .fa-case-con-box4 .list{ margin-top: 40px;} .fa-case-con-box4 .list li:nth-child(2n-1){ clear: left;} .fa-case-con-box5{ padding: 50px 40px;} .fa-case-con-box6{ padding: 50px 40px 80px;} .service-list{ padding: 40px 40px 20px;} .service-list .top{ margin-bottom:40px;} .service-list .top .text{ margin-top:15px;} .service-list ul{ margin:0 -15px;} .service-list li{ height:250px; padding:0 15px; margin-bottom:30px;} .about-box1{ padding: 40px;} .about-box1 .title{ font-size:2.8em;} .about-box2{ padding:25px 40px;} .about-box2 .box1, .about-box2 .box2{ padding:25px 0;} .about-box2 .text .title{ font-size:3.6em;} .about-box2 .text .p{ width:100%;} .about-box3{ padding:30px 40px;} .about-box3 .box .gallery-top .text .title .year{ font-size:6em; line-height:50px;} .about-box3 .box .gallery-top .text .title .t{ padding:0;} .about-box3 .box .gallery-top .text .title .t span{ font-size:2em; line-height:25px;} .about-box3 .box .gallery-top .text .title i{ width:5px;} .about-box4, .about-box5{ padding:30px 40px;} .about-box4 .box .text .title{ padding-right:0;} .about-job{ padding: 50px 40px 100px;} .contact .top{ font-size: 3em;} .contact .list{ margin: 30px 40px 0;} .contact .list li dl{ padding: 30px 10%;} .contact-fk{ margin: 10px 40px 40px;} .contact-fk .top{ font-size: 3em;} .contact-fk .list{ margin-top: 30px;} .about-sl-box1 { margin: 3.6% 40px 4%;} .about-sl-box1 .top{ font-size: 3em;} .about-sl-box1 .list ul{ margin: 0 -15px;} .about-sl-box1 .list li{ padding: 0 15px;} .about-sl-box1 .list li .box .title{ font-size: 2em;} .about-sl-box1 .list li .box .text{ font-size: 1.6em; margin-top: 15px;} .about-sl-box2{ padding: 30px 40px 50px;} .about-sl-box2 .top{ font-size: 3em;} .about-sl-box2 .list{ margin-top: 30px;} .about-sl-box2 .list ul{ margin: 0 -15px;} .about-sl-box2 .list li{ padding: 0 15px;} .about-sl-box2 .list .text{ font-size: 1.4em; margin-top: 30px;} .about-sl-box4{ margin: 5% 40px;} .about-sl-box4 .top{ font-size: 3em;} .page-top{ margin: 30px 40px 0;} .ivideo.neiye{ margin: 10px 40px ;} .news-list{ margin: 50px 40px -20px;} .news-con{ margin: 45px 40px 60px;} .about-message .top{ font-size: 3em;} .about-message{ margin: 45px 40px 60px;} .product-con-box{ padding: 0 40px; position: relative; top: 0; transform: translateY(0); overflow: hidden;} .product-con .bg{ position: absolute; top: 0; height: 100%; width: 100%; left: 0;} .product-con .bg img{ position: absolute; height: 100%; left: 50%; transform: translateX(-50%); width: auto; max-width: inherit;} .pro-con-box1{ padding: 10% 40px 4%;} .pro-con-box1 .box .text{ margin-top: 8%;} .pro-con-box1 .box .text .title{ font-size: 3em;} .pro-con-box1 .box .text .p{ font-size: 1.6em; line-height: 28px;} .pro-con-box2{ overflow: hidden; padding-top: 6%;} .pro-con-box2 .img{ position: relative;} .pro-con-box2 .text{ left: 40px;} .pro-con-box2 .text .title{ font-size: 3em; margin-bottom: 10px;} .pro-con-box2 .text .p{ font-size: 1.8em; padding-right: 30%;} .pro-con-box3{ padding: 5% 40px;} .pro-con-box3 .box{ width: 60%;} .pro-con-box3 .box dt{ font-size: 3em; margin-bottom: 10px;} .pro-con-box3 .box dd{ margin-bottom: 20px;} .pro-con-box3 .box dd .icon{ height: 50px; line-height: 50px;} .pro-con-box3 .box dd .icon img{ width: 10%;} .pro-con-box4{ padding: 5% 40px;} .pro-con-box4 .text{ left: 40px;} .pro-con-box4 .text .title{ font-size: 3em;} .pro-con-box4 .text .p{ font-size: 1.8em; padding-right: 30%;} .pro-con-box4 .text .imgs img{ width: 6%;} .pro-con-box5{ padding: 5% 40px; overflow: inherit;} .pro-con-box5 .list .text dt{ font-size: 3em; margin-bottom: 20px;} .pro-con-box5 .list .text dd{ margin-bottom: 20px;} .pro-con-box5 .list .text dd .icon{ height: 50px; line-height: 50px;} .pro-con-box5 .list .text dd .icon img{ width: 12%;} .pro-con-box5 .swiper-pagination{ bottom: -10%;} .pro-con-box5 .swiper-pagination-bullet{ width: 15px; height: 15px;} .pro-con-box6{ padding: 50px 40px;} .product-content1 .product-con-box1 .text{ padding: 0 40px;} .product-content1 .product-con-box1 .text .title{ font-size: 4em;} .product-content1 .product-con-box1 .text .p{ font-size: 3.2em; line-height: 46px; margin-top: 30px; width: 32%;} .product-content1 .product-con-box1 .img{ width: 28%; right: 40px;} .product-content1 .product-con-box2 .top{ padding: 0 40px;} .product-content1 .product-con-box2 .top .t{ font-size: 4em;} .product-content1 .product-con-box2 .top .p{ font-size: 2.4em;} .product-content1 .product-con-box3 .img1{ width: 30%;} .product-content1 .product-con-box3 .img2{ width: 40%;} .product-content1 .product-con-box3 .text .t{ font-size: 4em;} .product-content1 .product-con-box3 .text .p{ font-size: 2.4em; margin-top: 3%;} .product-content1 .product-con-box4 .text .t{ font-size: 4em; margin-bottom: 4%;} .product-content1 .product-con-box4 .text .p{ font-size: 2.4em; line-height: 42px;} .product-content1 .product-con-box4 .img{ width: 24%; right: 17%; top: 16%;} .product-content1 .product-con-box5{ margin: 0 -70px;} .product-content1 .product-con-box5 .box{ height: 750px;} .product-content1 .product-con-box5 .box .title{ font-size: 4em;} .product-content1 .product-con-box6 .top .t{ font-size: 4em;} .product-content1 .product-con-box6 .top .p{ font-size: 2.4em;} .product-content1 .product-con-box7 li .title{ font-size: 4em;} .product-content1 .product-con-box8 .top .t{ font-size: 4em;} .product-content1 .product-con-box8 .top .p{ font-size: 3.2em;} .product-content1 .product-con-box9 .box{ padding: 40px;} .product-content1 .product-con-box9 .box .top .t{ font-size: 4em;} .product-content1 .product-con-box9 .box .top .p{ font-size: 2.6em;} .product-content1 .product-con-box9 .box .list li{ margin-bottom: 30px;} .product-content1 .product-con-box9 .box .list li .icon{ padding: 12px 15px 0 0;} .product-content1 .product-con-box9 .box .list li .text .t{ font-size: 1.8em;} .product-content1 .product-con-box9 .box .list li .text .p{ font-size: 1.4em;} .product-content1 .product-con-box9 .box .list li.ys2 .text .p{ font-size: 1.4em;} .product-content2 .product-con-box1 .text{ padding: 0 40px;} .product-content2 .product-con-box1 .text .t{ font-size: 4.8em;} .product-content2 .product-con-box1 .text .p{ font-size: 2.8em;} .product-content2 .product-con-box2 .top{ font-size: 5em;} .product-content2 .product-con-box2 .list{ padding: 0 40px;} .product-content2 .product-con-box2 .list li .icon{ width: 140px; height: 140px; line-height: 140px;} .product-content2 .product-con-box2 .list li .icon img{ width: 60%;} .product-content2 .product-con-box2 .list li .title{ font-size: 2.4em;} .product-content2 .product-con-box3 .text{ padding: 0 40px; transform: translateY(-50%);} .product-content2 .product-con-box3 .text .title{ font-size: 4.8em;} .product-content2 .product-con-box3 .text .p{ font-size: 1.8em; width: 44%;} .product-content2 .product-con-box4 .text{ padding: 0 40px;} .product-content2 .product-con-box4 .text .title{ font-size: 4.8em;} .product-content2 .product-con-box5 .text{ padding: 0 40px;} .product-content2 .product-con-box5 .text .title{ font-size: 4.8em; line-height: 80px;} .product-content2 .product-con-box5 .text .p{ font-size: 2.4em; line-height: 40px;} .product-content2 .product-con-box6 .top .title{ font-size: 4.8em;} .product-content2 .product-con-box6 .top .p{ font-size: 2em; line-height: 38px; padding: 0 10%; margin-top: 10px;} .product-content2 .product-con-box7 .fl .title{ font-size: 4.8em;} .product-content2 .product-con-box7 .fl .text{ font-size: 2em; margin-top: 50px;} .product-content2 .product-con-box7 .fl ul{ margin-top: 50px;} .product-content2 .product-con-box7 .fl li{ font-size: 3em; background-size: contain;} .product-content2 .product-con-box8 .text{ right: 40px; width: 32%;} .product-content2 .product-con-box8 .text .title{ font-size: 4.8em;} .product-content2 .product-con-box8 .text .p{ font-size: 2em;} .product-content2 .product-con-box9 .top{ font-size: 4em; height: 95px; line-height: 95px;} .product-content2 .product-con-box9 .box li .title{ font-size: 3.8em;} .product-content2 .product-con-box10 .list li:nth-child(3n-2){ clear: left;} .product-content2 .product-con-box10{ padding: 3% 40px 5%;} .product-content2 .product-con-box10 .top{ font-size: 2.8em; padding: 35px 0;} .product-content2 .product-con-box10 .list{ padding-top: 50px;} .product-content2 .product-con-box10 .list li .title{ font-size: 2.4em;} .product-content2 .product-con-box10 .list li .text{ font-size: 1.8em; line-height: 30px;} } @media (max-width:1199px) and (min-width:992px){ .container{ width:100% !important ; } .header{ padding:0 40px;} .header .yy > a{ font-size:1.2em; width:100%; text-align:center;} .header .pc-nav{ padding: 0 0 0 15px;} .header .tel{ font-size:2em;} .header .pc-nav li > a{ font-size:1.4em;} /* .header .pc-nav li dl{ width:140%; left:50%; transform:translateX(-50%);} */ .header .pc-nav li .product-nav{ padding: 0 40px;} .header .pc-nav li .product-nav dl{ padding: 20px 7.5px;} .header .pc-nav li .product-nav dd{ margin-bottom: 0; padding: 0 32px 0 0;} .header .pc-nav li .product-nav dd .new{ color: #ff7200; width: 14%; padding: 0 2px; height: 20px; line-height: 20px; overflow: hidden; margin-top: 10px;} .header .pc-nav li .product-nav dd .new::before{ content: "New"; color: #fff; } .header .pc-nav li .nav-box{ padding: 0 40px;} .inews li .text{ padding:10px 15px;} .inews li .text .title{ font-size:2em;} .inews li .text .p{ font-size:1.6em; margin: 0;} .inews li .text .more{ font-size:1.4em;} .inews .swiper-button-next{ width: 10%; height: 10%; background-size: contain !important; right:0px; } .inews .swiper-button-prev{ width: 10%; height: 10%; background-size: contain !important; left:0px;} .ivideo .list li .btns i{ width:85px;} .ivideo .list li .btns p{ font-size:2.8em;} .foot-nav dl{ margin-right: 7%;} .foot-tel{ margin-top: 2.8%; padding-left: 0;} .page-banner .banner-title{ left:40px; top:50%;} .page-banner .banner-title.center{ left:50%; width:100%; padding:0 10%;} .mbx{ right:40px;} .page-nav{ margin:3% 40px;} .product-list{ margin:0 40px;} .product-list dd .box .more{ margin-top:20%;} .product-gm{ margin:3.4% 40px;} .product-gm .form li i{ left:84%;} .fw-list{ margin: 3.4% 40px 2%;} .fw-list ul{ margin: 0 -20px;} .fw-list li{ padding:0 20px; margin-bottom:40px;} .fw-box1 .img{ left:40px;} .fw-box1 .text{ right:40px; width: 52.6vw;} .fw-box1 .text .title{ font-size: 4.2em;} .fw-box1 .text .p{ font-size:1.6em;} .fw-box2 .text{ left:40px; width:30vw;} .fw-box2 .text .title{ font-size:3em; line-height:40px;} .fw-box2 .text .p{ margin-top:20px; font-size:1.6em;} .fw-box3 .top{ top:22px;} .fw-box3 .top .title{ font-size: 2.2em;} .fw-box3 .top .text{ margin-top: 5px; font-size:1.6em;} .fw-box3 .hd{ width: 600px; bottom: 20px;} .fw-box3 .hd li{ width: 60px; margin:0 20px;} .fw-box3 .hd li p{ font-size:1.4em;} .fw-box4 .text{ right:40px; width: 34vw;} .fw-box4 .text .title{ font-size:3em;} .fw-box5 .text{ left:40px; width:38vw;} .fw-box5 .text .title{ font-size:3em;} .fw-box6 .img{ left:40px;} .fw-box6 .text{ right:40px; width: 40vw;} .fw-box6 .text .title{ font-size:3em;} .fa-list{ margin:3.6% 40px;} .fa-list ul{ margin:0 -20px;} .fa-list li{ padding:0 20px; margin-bottom:40px;} .fa-list li .box .title{ font-size:3em;} .fa-list li .box .more{ margin-top:10px;} .fa-case-list{ margin:50px 40px 0;} .fa-case-list li .text .title{ font-size:1.6em;} .fa-case-list li .text .btns{ margin-top:35px;} .page-more{ margin:10px 0 50px;} .fa-case-con{ padding:40px;} .fa-case-con .title{ padding-bottom:25px;} .fa-case-con .text{ padding:40px 0 10px;} .fa-case-con-box1{ padding: 50px 40px;} .fa-case-con-box1 .top, .fa-case-con-box2 .top, .fa-case-con-box3 .top, .fa-case-con-box4 .top, .fa-case-con-box5 .top, .fa-case-con-box6 .top{ font-size: 3em;} .fa-case-con-box1 .text{ padding: 0 5%;} .fa-case-con-box2{ padding: 30px 40px;} .fa-case-con-box2 .bd .box .text .title{ font-size: 3em;} .fa-case-con-box2 .bd .box .text .p{ margin-bottom: 3%;} .fa-case-con-box2 .bd .box .text .other{ padding-top: 2%;} .fa-case-con-box2 .bd .box .text .other dl{ padding: 0 2%;} .fa-case-con-box2 .bd .box .text .other .dl1{ width: 180px;} .fa-case-con-box3{ padding: 30px 40px 10px;} .fa-case-con-box3 .list li:nth-child(3n-2){ clear: left;} .fa-case-con-box4{ padding: 40px 40px 20px;} .fa-case-con-box4 .list{ margin-top: 40px;} .fa-case-con-box4 .list li:nth-child(2n-1){ clear: left;} .fa-case-con-box5{ padding: 50px 40px;} .fa-case-con-box6{ padding: 50px 40px 80px;} .service-list{ padding: 40px 40px 20px;} .service-list .top{ margin-bottom:40px;} .service-list .top .text{ margin-top:15px;} .service-list ul{ margin:0 -15px;} .service-list li{ height:250px; padding:0 15px; margin-bottom:30px;} .service-list li .icon img{ width:80%;} .about-box1{ padding: 40px;} .about-box1 .title{ font-size:2.8em;} .about-box2{ padding:25px 40px;} .about-box2 .box1, .about-box2 .box2{ padding:25px 0;} .about-box2 .text .title{ font-size:2.8em;} .about-box2 .text .p{ width:100%; font-size:1.6em; padding-bottom:28px;} .about-box3{ padding:30px 40px;} .about-box3 .top{ font-size:2.8em;} .about-box3 .box .gallery-top{ padding:0 8%;} .about-box3 .box .gallery-top .text{ padding-right:10px;} .about-box3 .box .gallery-top .text .title .year{ font-size:6em; line-height:50px;} .about-box3 .box .gallery-top .text .title .t{ padding:0;} .about-box3 .box .gallery-top .text .title .t span{ font-size:2em; line-height:25px;} .about-box3 .box .gallery-top .text .title i{ width:5px;} .about-box3 .box .gallery-top .swiper-button-next, .about-box3 .box .gallery-top .swiper-button-prev{width: 45px; height: 45px; background-size: contain;} .about-box4, .about-box5{ padding:30px 40px;} .about-box4 .top, .about-box5 .top{ font-size:2.8em;} .about-box4 .box .text .title{ padding-right:0; font-size:2em; line-height:28px;} .about-box4 .box .text .p{ line-height:24px; margin-top:10px;} .about-box5 .list li .title{ font-size:1.6em;} .about-job{ padding: 40px 40px 100px;} .about-job .top-title .title{ font-size:3em;} .contact .top{ font-size: 3em;} .contact .list{ margin: 30px 40px 0;} .contact .list li dl{ padding: 30px 10%;} .contact-fk{ margin: 10px 40px 40px;} .contact-fk .top{ font-size: 3em;} .contact-fk .list{ margin-top: 30px;} .about-sl-box1 { margin: 3.6% 40px 4%;} .about-sl-box1 .top{ font-size: 3em;} .about-sl-box1 .list ul{ margin: 0 -15px;} .about-sl-box1 .list li{ padding: 0 15px;} .about-sl-box1 .list li .box .title{ font-size: 2em;} .about-sl-box1 .list li .box .text{ font-size: 1.6em; margin-top: 15px;} .about-sl-box2{ padding: 30px 40px 50px;} .about-sl-box2 .top{ font-size: 3em;} .about-sl-box2 .list{ margin-top: 30px;} .about-sl-box2 .list ul{ margin: 0 -15px;} .about-sl-box2 .list li{ padding: 0 15px;} .about-sl-box2 .list .text{ font-size: 1.4em; margin-top: 30px;} .about-sl-box4{ margin: 5% 40px;} .about-sl-box4 .top{ font-size: 3em;} .page-top{ margin: 30px 40px 0;} .ivideo.neiye{ margin: 10px 40px 0;} .news-list{ margin: 50px 40px 0px;} .news-list ul{ margin: 0 -15px;} .news-list li{ padding: 0 15px; margin-bottom: 30px;} .news-con{ margin: 45px 40px 50px;} .about-message .top{ font-size: 3em;} .about-message{ margin: 45px 40px 60px;} .about-message .list ul{ margin: 0 -15px;} .about-message .list li{ padding: 0 15px;} .product-con-box{ padding: 0 40px; position: relative; top: 0; transform: translateY(0); overflow: hidden;} .product-con .bg{ position: absolute; top: 0; height: 100%; width: 100%; left: 0;} .product-con .bg img{ position: absolute; height: 100%; left: 50%; transform: translateX(-50%); width: auto; max-width: inherit;} .pro-con-box1{ padding: 12% 40px 4%;} .pro-con-box1 .box .text{ margin-top: 8%;} .pro-con-box1 .box .text .title{ font-size: 3em;} .pro-con-box1 .box .text .p{ font-size: 1.6em; line-height: 28px;} .pro-con-box2{ overflow: hidden; padding-top: 6%;} .pro-con-box2 .img{ position: relative;} .pro-con-box2 .text{ left: 40px;} .pro-con-box2 .text .title{ font-size: 3em; margin-bottom: 10px;} .pro-con-box2 .text .p{ font-size: 1.8em; padding-right: 30%;} .pro-con-box3{ padding: 5% 40px;} .pro-con-box3 .box{ width: 70%;} .pro-con-box3 .box dt{ font-size: 3em; margin-bottom: 10px;} .pro-con-box3 .box dd{ margin-bottom: 20px;} .pro-con-box3 .box dd .icon{ height: 50px; line-height: 50px;} .pro-con-box3 .box dd .icon img{ width: 10%;} .pro-con-box4{ padding: 5% 40px;} .pro-con-box4 .text{ left: 40px;} .pro-con-box4 .text .title{ font-size: 3em;} .pro-con-box4 .text .p{ font-size: 1.8em; padding-right: 30%;} .pro-con-box4 .text .imgs img{ width: 6%;} .pro-con-box5{ padding: 3% 40px 5%; overflow: inherit;} .pro-con-box5 .list .img{ position: absolute; top: 50%; transform: translateY(-50%);} .pro-con-box5 .list .text{ float: right;} .pro-con-box5 .list .text dt{ font-size: 3em; margin-bottom: 20px; padding: 0 15px;} .pro-con-box5 .list .text dd{ padding: 0 15px;} .pro-con-box5 .list .text dd .icon{ height: 50px; line-height: 50px;} .pro-con-box5 .list .text dd .icon img{ width: 12%;} .pro-con-box5 .swiper-pagination{ bottom: -5%;} .pro-con-box5 .swiper-pagination-bullet{ width: 15px; height: 15px;} .pro-con-box6{ padding: 50px 40px;} .product-content1 .product-con-box1 .text{ padding: 0 40px;} .product-content1 .product-con-box1 .text .title{ font-size: 3.2em;} .product-content1 .product-con-box1 .text .p{ font-size: 2.2em; line-height: 30px; margin-top: 20px; width: 32%;} .product-content1 .product-con-box1 .img{ width: 24%; right: 40px;} .product-content1 .product-con-box2 .top{ padding: 0 40px;} .product-content1 .product-con-box2 .top .t{ font-size: 3.2em;} .product-content1 .product-con-box2 .top .p{ font-size: 2em;} .product-content1 .product-con-box2 .text{ width: 840px;} .product-content1 .product-con-box2 .text ul{ padding: 25px 30px;} .product-content1 .product-con-box2 .text li .icon{ width: 22%;} .product-content1 .product-con-box2 .text li .t{ font-size: 1.8em;} .product-content1 .product-con-box2 .text li .p{ font-size: 1.4em;} .product-content1 .product-con-box3 .img1{ width: 30%;} .product-content1 .product-con-box3 .img2{ width: 40%;} .product-content1 .product-con-box3 .text{ padding: 0 40px;} .product-content1 .product-con-box3 .text .t{ font-size: 3.2em;} .product-content1 .product-con-box3 .text .p{ font-size: 2em; margin-top: 3%;} .product-content1 .product-con-box4 .text{ padding: 0 40px;} .product-content1 .product-con-box4 .text .t{ font-size: 3.2em; margin-bottom: 4%;} .product-content1 .product-con-box4 .text .p{ font-size: 2em; line-height: 40px;} .product-content1 .product-con-box4 .img{ width: 24%; right: 17%; top: 16%;} .product-content1 .product-con-box5{ margin: 0 -70px;} .product-content1 .product-con-box5 .box{ height: 700px;} .product-content1 .product-con-box5 .box .title{ font-size: 3.2em;} .product-content1 .product-con-box6 .top .t{ font-size: 3.2em;} .product-content1 .product-con-box6 .top .p{ font-size: 2em;} .product-content1 .product-con-box7 li .title{ font-size: 3.2em;} .product-content1 .product-con-box8 .top .t{ font-size: 3.2em;} .product-content1 .product-con-box8 .top .p{ font-size: 2.8em;} .product-content1 .product-con-box9 .box{ padding: 40px;} .product-content1 .product-con-box9 .box .top .t{ font-size: 4em;} .product-content1 .product-con-box9 .box .top .p{ font-size: 2.6em;} .product-content1 .product-con-box9 .box .list li{ margin-bottom: 30px;} .product-content1 .product-con-box9 .box .list li:nth-child(2n-1){ clear: left;} .product-content1 .product-con-box9 .box .list li .icon{ padding: 12px 15px 0 0;} .product-content1 .product-con-box9 .box .list li .text .t{ font-size: 1.8em;} .product-content1 .product-con-box9 .box .list li .text .p{ font-size: 1.4em;} .product-content1 .product-con-box9 .box .list li.ys1{ width: 50%;} .product-content1 .product-con-box9 .box .list li.ys2 .icon{ width: 21%;} .product-content1 .product-con-box9 .box .list li.ys2 .text{ width: 78%;} .product-content1 .product-con-box9 .box .list li.ys2 .text .p{ font-size: 1.4em;} .product-content2 .product-con-box1 .text{ padding: 0 40px;} .product-content2 .product-con-box1 .text .t{ font-size: 3.8em;} .product-content2 .product-con-box1 .text .p{ font-size: 2em;} .product-content2 .product-con-box2 .top{ font-size: 4em;} .product-content2 .product-con-box2 .list{ padding: 0 40px;} .product-content2 .product-con-box2 .list li .icon{ width: 100px; height: 100px; line-height: 100px;} .product-content2 .product-con-box2 .list li .icon img{ width: 50%;} .product-content2 .product-con-box2 .list li .title{ font-size: 2em;} .product-content2 .product-con-box3 .text{ padding: 0 40px; transform: translateY(-50%);} .product-content2 .product-con-box3 .text .title{ font-size: 3.8em;} .product-content2 .product-con-box3 .text .p{ font-size: 1.6em; width: 44%; line-height: 24px;} .product-content2 .product-con-box3 .text li .icon{ width: 80%; margin: 0 auto;} .product-content2 .product-con-box3 .text li .t{ font-size: 1.6em;} .product-content2 .product-con-box4 .text{ padding: 0 40px;} .product-content2 .product-con-box4 .text .title{ font-size: 3.8em;} .product-content2 .product-con-box4 .text li{ width: 80px; margin-right: 40px;} .product-content2 .product-con-box4 .text li .t{ font-size: 1.8em;} .product-content2 .product-con-box5 .text{ padding: 0 40px;} .product-content2 .product-con-box5 .text .title{ font-size: 3.8em; line-height: 60px;} .product-content2 .product-con-box5 .text .p{ font-size: 2em; line-height: 36px;} .product-content2 .product-con-box6 .top .title{ font-size: 3.8em;} .product-content2 .product-con-box6 .top .p{ font-size: 1.8em; line-height: 30px; padding: 0 40px; margin-top: 10px;} .product-content2 .product-con-box7 .fl .title{ font-size: 3.8em;} .product-content2 .product-con-box7 .fl .text{ font-size: 1.6em; margin-top: 30px;} .product-content2 .product-con-box7 .fl ul{ margin-top: 30px;} .product-content2 .product-con-box7 .fl li{ font-size: 2.2em; background-size: contain; height: 80px; line-height: 80px;} .product-content2 .product-con-box8 .text{ width: 32%; right: 40px;} .product-content2 .product-con-box8 .text .title{ font-size: 3.8em;} .product-content2 .product-con-box8 .text .p{ font-size: 1.8em; line-height: 30px;} .product-content2 .product-con-box9 .top{ font-size: 3em; height: 75px; line-height: 75px;} .product-content2 .product-con-box9 .box li .title{ font-size: 2.4em; padding: 20px 0;} .product-content2 .product-con-box9 .box li:nth-child(2){ margin-top: 50px;} .product-content2 .product-con-box9 .box li:nth-child(3){ margin-top: 60px;} .product-content2 .product-con-box10 .list li:nth-child(3n-2){ clear: left;} .product-content2 .product-con-box10{ padding: 3% 40px 5%;} .product-content2 .product-con-box10 .top{ font-size: 2.4em; padding: 35px 0;} .product-content2 .product-con-box10 .list{ padding-top: 50px;} .product-content2 .product-con-box10 .list li .title{ font-size: 2em;} .product-content2 .product-con-box10 .list li .text{ font-size: 1.6em; line-height: 30px;} .i-nav{ width: 720px;} .i-nav li .icon{ width: 100px; height: 100px;} } @media (max-width:991px) and (min-width: 768px){ .container{ width:100% !important ; } .header{ height:80px; padding:0 15px;} .header .logo{ height:80px; line-height:80px;} .header .nav-btn{ height:80px; line-height:80px;} .header .tel{ display:none;} .nav .nav-top{ height:80px; line-height:80px;} .index-box{ padding:5% 10px;} .iproduct, .inews{ padding: 0 10px;} .inews li .text{ padding:10px 15px;} .inews li .text .title{ font-size:2em;} .inews li .text .p{ font-size:1.6em; margin: 0;} .inews li .text .more{ font-size:1.4em;} .inews .swiper-button-next{ width: 10%; height: 10%; background-size: contain !important; right:0px; } .inews .swiper-button-prev{ display: none;} .ivideo{ padding:0 20px;} .ivideo .top{ margin: 35px 0 30px;} .ivideo .top span{ font-size:2.4em;} .ivideo .top a{ font-size:1.4em; margin-top:10px;} .ivideo .list{ margin:0 -10px 30px;} .ivideo .list li{ padding:0 10px;} .ivideo .list li .btns i{ width:65px;} .ivideo .list li .btns p{ font-size:2.4em;} .foot-nav{ overflow:hidden;} .foot-nav dl{ margin-right:0; width:20%;} .foot-nav dt{ margin-bottom:0; text-align:center;} .foot-nav dd{ display:none;} .foot-tel{ margin-top:2%; padding-left: 0;} .page-banner .banner-title{ left:15px; top:50%;} .page-banner .banner-title.center{ left:50%; width:100%; padding:0 20px;} .page-nav{ margin:3% 15px;} .product-list dt{ font-size:2.6em; margin-bottom:10px;} .product-list{ margin:0 15px;} .product-list dd .box .title{ font-size:3em;} .product-list dd .box .text{ font-size:2em;} .product-list dd .box .more{ margin-top:20%;} .product-gm{ margin:3.4% 15px;} .product-gm .form{ margin: 20px -15px;} .product-gm .form li{ padding:0 15px; margin-bottom:30px;} .product-gm .form li i{ left:84%;} .fw-list{ margin: 3.4% 15px 2%;} .fw-list ul{ margin: 0 -15px;} .fw-list li{ padding:0 15px; margin-bottom:30px;} .fw-list li .text .title{ font-size:2.4em;} .fw-list li .text .title p{ line-height:36px;} .fw-list li .text .more{ margin-top:15px;} .fw-box1 .img{ left:20px;} .fw-box1 .text{ right:20px; width: 52.6vw;} .fw-box1 .text .title{ font-size: 3.2em; margin-bottom:10px;} .fw-box1 .text .p{ font-size:1.4em; line-height: 24px;} .fw-box2 .text{ left:20px; width:35vw;} .fw-box2 .text .title{ font-size:2em; line-height:32px;} .fw-box2 .text .p{ margin-top:15px; font-size:1.6em; line-height:28px;} .fw-box3 .top{ top:22px;} .fw-box3 .top .title{ font-size: 2.2em;} .fw-box3 .top .text{ margin-top: 5px; font-size:1.6em;} .fw-box3 .hd{ width: 600px; bottom: 20px;} .fw-box3 .hd li{ width: 60px; margin:0 20px;} .fw-box3 .hd li p{ font-size:1.4em;} .fw-box4 .text{ right:20px; width: 36vw;} .fw-box4 .text .title{ font-size:2.6em;} .fw-box4 .text .p{ font-size:1.6em; margin-top:10px;} .fw-box5 .text{ left:20px; width:42vw;} .fw-box5 .text .title{ font-size:2.4em;} .fw-box5 .text .p{ font-size:1.6em; line-height:28px;} .fw-box6 .img{ left:20px;} .fw-box6 .text{ right:20px; width: 40vw;} .fw-box6 .text .title{ font-size:3em;} .fa-list{ margin:3.6% 15px;} .fa-list ul{ margin:0 -15px;} .fa-list li{ padding:0 15px; margin-bottom:30px;} .fa-list li .box .title{ font-size:2.8em;} .fa-list li .box .more{ margin-top:10px;} .fa-case-list{ margin:50px 15px 0;} .fa-case-list li .text .title{ font-size:1.6em;} .fa-case-list li .text .btns{ margin-top:30px;} .page-more{ margin:10px 0 50px;} .fa-case-con{ padding:30px 15px;} .fa-case-con .title{ padding-bottom:25px; font-size:2em;} .fa-case-con .text{ padding:40px 0 10px;} .fa-case-con-box1{ padding: 30px 15px;} .fa-case-con-box1 .top, .fa-case-con-box2 .top, .fa-case-con-box3 .top, .fa-case-con-box4 .top, .fa-case-con-box5 .top, .fa-case-con-box6 .top{ font-size: 2.6em;} .fa-case-con-box1 .text{ padding: 0;} .fa-case-con-box2{ padding: 30px 15px;} .fa-case-con-box2 .hd li{ font-size: 1.6em;} .fa-case-con-box2 .bd .box .text .title{ font-size: 2.6em;} .fa-case-con-box2 .bd .box .text .p{ margin-bottom: 1%;} .fa-case-con-box2 .bd .box .text .other{ padding-top: 4%;} .fa-case-con-box2 .bd .box .text .other dl{ padding: 0 2%;} .fa-case-con-box2 .bd .box .text .other .dl1{ width: 180px;} .fa-case-con-box3{ padding: 30px 15px 10px;} .fa-case-con-box3 .list li:nth-child(2n-1){ clear: left;} .fa-case-con-box4{ padding: 30px 15px 20px;} .fa-case-con-box4 .list{ margin-top: 30px;} .fa-case-con-box4 .list li:nth-child(2n-1){ clear: left;} .fa-case-con-box5{ padding: 30px 15px;} .fa-case-con-box5 .box .swiper-slide .title{ font-size: 1.6em;} .fa-case-con-box6{ padding: 30px 15px 40px;} .fa-case-con-box6 .list ul{ margin: 0 -15px;} .fa-case-con-box6 .list li{ padding: 0 15px;} .service-list{ padding: 40px 15px 20px;} .service-list .top{ margin-bottom:40px;} .service-list .top .title{ font-size:2.4em;} .service-list .top .text{ margin-top:10px; font-size:1.4em;} .service-list ul{ margin:0 -15px;} .service-list li{ height:200px; padding:0 15px; margin-bottom:30px;} .service-list li .icon img{ width:80%;} .service-list li .text dt{ font-size:2em;} .service-list li .text dd{ margin-top:5px;} .service-list li .text dd a{ font-size:1.4em;} .about-box1{ padding: 40px 15px;} .about-box1 .title{ font-size:2.8em;} .about-box2{ padding:25px 15px;} .about-box2 .box1, .about-box2 .box2{ padding:25px 0; height:auto !important;} .about-box2 .box1 .img, .about-box2 .box2 .img{ float:inherit;} .about-box2 .text{ margin-top:20px;} .about-box2 .text .b{ margin-top:0; transform:translateY(0); float: initial;} .about-box2 .text .title{ font-size:2.8em;} .about-box2 .text .p{ width:100%; font-size:1.6em; padding-bottom:28px;} .about-box3{ padding:30px 15px;} .about-box3 .top{ font-size:2.8em;} .about-box3 .box .gallery-top{ padding:0 8%;} .about-box3 .box .gallery-top .text{ padding-right:10px;} .about-box3 .box .gallery-top .text .title .year{ font-size:5em; line-height:50px;} .about-box3 .box .gallery-top .text .title .t{ padding:0;} .about-box3 .box .gallery-top .text .title .t span{ font-size:2em; line-height:25px;} .about-box3 .box .gallery-top .text .title i{ width:5px;} .about-box3 .box .gallery-top .swiper-button-next, .about-box3 .box .gallery-top .swiper-button-prev{width: 45px; height: 45px; background-size: contain;} .about-box4, .about-box5{ padding:30px 15px;} .about-box4 .top, .about-box5 .top{ font-size:2.8em;} .about-box4 .box{ height:auto !important;} .about-box4 .box .img{ float:inherit;} .about-box4 .box .text{ margin-top:20px; padding:0;} .about-box4 .box .text .b{ top:0; transform:translateY(0);} .about-box4 .box .text .title{ padding-right:0; font-size:2.4em;} .about-box4 .box .text .p{ margin-top:10px;} .about-box5 .list li .title{ font-size:1.6em;} .about-job{ padding: 30px 15px 60px;} .about-job .top-title .title{ font-size:2.8em;} .about-job .box .top .sq ul{ margin:0 15%;} .about-job .box .top > span{ font-size:1.2em; padding:0 10px;} .about-job .box .list .title span{ font-size:1.2em;} .about-job .box .top .sq .title{ font-size:2em;} .contact{ padding: 30px 0 0;} .contact .top{ font-size: 2.6em;} .contact .list{ margin: 20px 15px 0;} .contact .list ul{ margin: 0 -15px;} .contact .list li{ padding: 0 15px; margin-bottom: 30px;} .contact .list li dl{ padding: 20px 5%;} .contact .list li dd{ margin-top: 5px;} .contact .list li .map{ width: 100%;} .contact-fk{ margin: 10px 15px 40px;} .contact-fk .top{ font-size: 2.6em;} .contact-fk .list{ margin-top: 30px;} .contact-fk .list li:nth-child(2n-1){ clear: left;} .contact-fk .list li:nth-child(2n)::before{ display: none;} .contact-fk .list li:nth-child(-n+1){ margin-bottom: 30px;} .contact-fk .list li .title{ font-size: 2em;} .about-sl-box1 { margin: 3.6% 15px 4%;} .about-sl-box1 .top{ font-size: 2.6em;} .about-sl-box1 .list ul{ margin: 0 -15px;} .about-sl-box1 .list li{ padding: 0 15px;} .about-sl-box1 .list li .box .title{ font-size: 1.8em;} .about-sl-box1 .list li .box .text{ font-size: 1.4em; margin-top: 15px;} .about-sl-box2{ padding: 30px 15px 50px;} .about-sl-box2 .top{ font-size: 2.6em;} .about-sl-box2 .list{ margin-top: 30px;} .about-sl-box2 .list ul{ margin: 0 -15px;} .about-sl-box2 .list li{ padding: 0 15px;} .about-sl-box2 .list .title{ font-size: 2em; padding-bottom: 20px;} .about-sl-box2 .list .title i{ height: 3px;} .about-sl-box2 .list .text{ font-size: 1.4em; margin-top: 25px; padding: 0 10%;} .about-sl-box4{ margin: 5% 15px;} .about-sl-box4 .top{ font-size: 2.6em;} .about-sl-box4 .list li{ margin-bottom: 30px;} .page-top{ margin: 30px 15px 0;} .ivideo.neiye{ margin: 10px 15px ;} .news-list{ margin: 50px 15px 0px;} .news-list ul{ margin: 0 -15px;} .news-list li{ padding: 0 15px; margin-bottom: 30px;} .news-list li:nth-child(2n-1){ clear: left;} .news-con{ margin: 35px 15px 40px;} .news-con .title{ font-size: 2em;} .about-message .top{ font-size: 2.6em;} .about-message{ margin: 45px 15px 40px;} .about-message .list ul{ margin: 0 -15px;} .about-message .list li{ padding: 0 15px;} .product-con-box{ padding: 0 15px; position: relative; top: 0; transform: translateY(0); overflow: hidden;} .product-con .bg{ position: absolute; top: 0; height: 100%; width: 100%; left: 0;} .product-con .bg img{ position: absolute; height: 100%; left: 50%; transform: translateX(-50%); width: auto; max-width: inherit;} .pro-con-box1{ padding: 14% 15px 4%;} .pro-con-box1 .box .text{ margin-top: 8%;} .pro-con-box1 .box .text .title{ font-size: 2.6em;} .pro-con-box1 .box .text .p{ font-size: 1.4em; line-height: 24px;} .pro-con-box2{ overflow: hidden; padding-top: 6%;} .pro-con-box2 .img{ position: relative;} .pro-con-box2 .text{ left: 15px;} .pro-con-box2 .text .title{ font-size: 2.6em; margin-bottom: 5px;} .pro-con-box2 .text .p{ font-size: 1.4em; padding-right: 10%; line-height: 24px;} .pro-con-box3{ padding: 5% 15px;} .pro-con-box3 .box{ width: 80%;} .pro-con-box3 .box dt{ font-size: 2.6em; margin-bottom: 10px;} .pro-con-box3 .box dd{ margin-bottom: 20px;} .pro-con-box3 .box dd .title{ font-size: 1.6em;} .pro-con-box3 .box dd .p{ font-size: 1.2em;} .pro-con-box3 .box dd .icon{ height: 50px; line-height: 50px;} .pro-con-box3 .box dd .icon img{ width: 12%;} .pro-con-box4{ padding: 5% 15px;} .pro-con-box4 .text{ left: 15px;} .pro-con-box4 .text .title{ font-size: 2.6em; margin-top: 5px;} .pro-con-box4 .text .p{ font-size: 1.4em; padding-right: 10%; line-height: 24px;} .pro-con-box4 .text .imgs span{ margin-right: 40px;} .pro-con-box4 .text .imgs img{ width: 8%;} .pro-con-box5{ padding: 3% 15px 5%; overflow: inherit;} .pro-con-box5 .list .img{ position: absolute; top: 50%; transform: translateY(-50%);} .pro-con-box5 .list .text{ float: right;} .pro-con-box5 .list .text dt{ font-size: 2.6em; margin-bottom: 20px; padding: 0 15px;} .pro-con-box5 .list .text dd{ padding: 0 15px;} .pro-con-box5 .list .text dd .title{ font-size: 1.6em;} .pro-con-box5 .list .text dd .p{ font-size: 1.2em;} .pro-con-box5 .list .text dd .icon{ height: 50px; line-height: 50px;} .pro-con-box5 .list .text dd .icon img{ width: 12%;} .pro-con-box5 .swiper-pagination{ bottom: -5%;} .pro-con-box5 .swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 10px;} .pro-con-box6{ padding: 40px 15px;} .pro-con-box6 .top{ font-size: 2.6em;} .pro-con-box6 .box dl:nth-child(3n-1){ clear: inherit;} .pro-con-box6 .box dl:nth-child(2n){ clear: left;} .pro-con-box6 .box dl:first-child dd:nth-child(2n){ padding-left: 0;} .pro-con-box6 .box dl:first-child dd:nth-child(2n+1){ padding-left: 15px;} .product-content1 .product-con-box1 .text{ padding: 0 15px;} .product-content1 .product-con-box1 .text .title{ font-size: 2.8em;} .product-content1 .product-con-box1 .text .p{ font-size: 1.6em; line-height: 26px; margin-top: 20px; width: 32%;} .product-content1 .product-con-box1 .img{ width: 24%; right: 15px;} .product-content1 .product-con-box2 .top{ padding: 0 15px;} .product-content1 .product-con-box2 .top .t{ font-size: 2.8em;} .product-content1 .product-con-box2 .top .p{ font-size: 1.4em; margin-top: 10px;} .product-content1 .product-con-box2 .text{ width: 710px;} .product-content1 .product-con-box2 .text ul{ padding: 25px 20px;} .product-content1 .product-con-box2 .text li .icon{ width: 22%;} .product-content1 .product-con-box2 .text li .t{ font-size: 1.8em;} .product-content1 .product-con-box2 .text li .p{ font-size: 1.4em;} .product-content1 .product-con-box3 .img1{ width: 30%;} .product-content1 .product-con-box3 .img2{ width: 40%;} .product-content1 .product-con-box3 .text{ padding: 0 15px;} .product-content1 .product-con-box3 .text .t{ font-size: 2.8em;} .product-content1 .product-con-box3 .text .p{ font-size: 1.4em; margin-top: 3%; line-height: 24px;} .product-content1 .product-con-box4 .text{ padding: 0 15px;} .product-content1 .product-con-box4 .text .t{ font-size: 2.8em; margin-bottom: 4%;} .product-content1 .product-con-box4 .text .p{ font-size: 1.4em; line-height: 24px;} .product-content1 .product-con-box4 .img{ width: 24%; right: 17%; top: 16%;} .product-content1 .product-con-box5{ margin: 0 -46px;} .product-content1 .product-con-box5 .box{ height: 500px;} .product-content1 .product-con-box5 .box .title{ font-size: 2.4em;} .product-content1 .product-con-box6 .top .t{ font-size: 2.8em;} .product-content1 .product-con-box6 .top .p{ font-size: 1.4em; margin-top: 10px;} .product-content1 .product-con-box7 li .title{ font-size: 2.4em;} .product-content1 .product-con-box8 .top .t{ font-size: 2.8em;} .product-content1 .product-con-box8 .top .p{ font-size: 1.8em;} .product-content1 .product-con-box9 .box{ padding: 20px 15px;} .product-content1 .product-con-box9 .box .top .t{ font-size: 2.8em;} .product-content1 .product-con-box9 .box .top .p{ font-size: 2em;} .product-content1 .product-con-box9 .box .list li{ margin-bottom: 30px;} .product-content1 .product-con-box9 .box .list li:nth-child(2n-1){ clear: left;} .product-content1 .product-con-box9 .box .list li .icon{ padding: 12px 15px 0 0;} .product-content1 .product-con-box9 .box .list li .text .t{ font-size: 1.8em;} .product-content1 .product-con-box9 .box .list li .text .p{ font-size: 1.4em;} .product-content1 .product-con-box9 .box .list li.ys1{ width: 50%;} .product-content1 .product-con-box9 .box .list li.ys2 .icon{ width: 21%;} .product-content1 .product-con-box9 .box .list li.ys2 .text{ width: 78%;} .product-content1 .product-con-box9 .box .list li.ys2 .text .p{ font-size: 1.4em;} .product-content2 .product-con-box1 .text{ padding: 0 15px;} .product-content2 .product-con-box1 .text .t{ font-size: 2.8em;} .product-content2 .product-con-box1 .text .p{ font-size: 1.8em;} .product-content2 .product-con-box2 .top{ font-size: 3em;} .product-content2 .product-con-box2 .list{ padding: 0 15px;} .product-content2 .product-con-box2 .list li .icon{ width: 100px; height: 100px; line-height: 100px;} .product-content2 .product-con-box2 .list li .icon img{ width: 50%;} .product-content2 .product-con-box2 .list li .title{ font-size: 1.6em;} .product-content2 .product-con-box3 .text{ padding: 0 15px; transform: translateY(-50%); } .product-content2 .product-con-box3 .text .title{ font-size: 2.8em;} .product-content2 .product-con-box3 .text .p{ font-size: 1.6em; width: 50%; line-height: 24px; margin-top: 20px;} .product-content2 .product-con-box3 .text li .icon{ width: 80%; margin: 0 auto;} .product-content2 .product-con-box3 .text li .t{ font-size: 1.6em;} .product-content2 .product-con-box4 .text{ padding: 0 40px;} .product-content2 .product-con-box4 .text .title{ font-size: 2.8em;} .product-content2 .product-con-box4 .text li{ width: 80px; margin-right: 30px;} .product-content2 .product-con-box4 .text li .t{ font-size: 1.8em;} .product-content2 .product-con-box5 .text{ padding: 0 40px;} .product-content2 .product-con-box5 .text .title{ font-size: 2.8em; line-height: 40px;} .product-content2 .product-con-box5 .text .p{ font-size: 1.6em; line-height: 26px;} .product-content2 .product-con-box6 .top{ top: 20px;} .product-content2 .product-con-box6 .top .title{ font-size: 2.8em;} .product-content2 .product-con-box6 .top .p{ font-size: 1.6em; line-height: 26px; padding: 0 40px; margin-top: 10px;} .product-content2 .product-con-box7 .fl .title{ font-size: 2.8em;} .product-content2 .product-con-box7 .fl .text{ font-size: 1.4em; margin-top: 25px;} .product-content2 .product-con-box7 .fl ul{ margin-top: 35px;} .product-content2 .product-con-box7 .fl li{ font-size: 2em; background-size: contain; height: 80px; line-height: 80px;} .product-content2 .product-con-box8 .text{ width: 32%; right: 15px;} .product-content2 .product-con-box8 .text .title{ font-size: 2.8em;} .product-content2 .product-con-box8 .text .p{ font-size: 1.6em; line-height: 26px;} .product-content2 .product-con-box9 .top{ font-size: 2.8em; height: 65px; line-height: 65px;} .product-content2 .product-con-box9 .box li{ padding: 0 15px;} .product-content2 .product-con-box9 .box li .title{ font-size: 2em; padding: 20px 0;} .product-content2 .product-con-box9 .box li:nth-child(2){ margin-top: 50px;} .product-content2 .product-con-box9 .box li:nth-child(3){ margin-top: 60px;} .product-content2 .product-con-box10 .list li:nth-child(3n-2){ clear: left;} .product-content2 .product-con-box10{ padding: 3% 15px 5%;} .product-content2 .product-con-box10 .top{ font-size: 2.4em; padding: 30px 0;} .product-content2 .product-con-box10 .list{ padding-top: 40px;} .product-content2 .product-con-box10 .list li .title{ font-size: 1.8em;} .product-content2 .product-con-box10 .list li .text{ font-size: 1.4em; line-height: 30px;} .i-nav li .t{ font-size: 1.4em;} } @media (max-width: 767px){ .header{ height:60px; background:#fff; padding:0 15px;} .header .logo{ height:60px; line-height:60px;} .header .logo img{ height:35px; display: none;} .header .logo .img{ display: inline-block;} .header .nav-btn{ height:60px; line-height:60px;} .header .nav-btn .nav-icon span{ background: #333;} .header .tel{ display:none;} .nav .nav-top{ height:60px; line-height:60px;} .yy-m{ text-align: center; position: relative; display:block } .yy-m .btns{ height: 60px; line-height: 60px; pointer-events: none;} .yy-m .btns img{ width: 70%;} .yy-m dl{ position: absolute; width: 150%; background: #fff; top: 100%; left: 50%; transform: translateX(-50%); display: none;} .yy-m dd{ width: 100%; border-bottom: 1px solid #666; height: 40px; line-height: 40px;} .yy-m dd:last-child{ border-right: none;} .yy-m dd a{ font-size: 1.4em; color: #333; display: inline-block; width: 100%;} .yy-m dd:hover a{ background: #ff7200; color: #fff;} .banner .swiper-pagination{ bottom:10px;} .banner .swiper-pagination-bullet{ width:25px; height:2px; margin:0 10px !important;} .index-box{ padding:5% 0;} .iproduct{ padding:0 15px;} .iproduct .swiper-slide .text{ padding:15px;} .iproduct .swiper-slide .text .title{ font-size:1.8em;} .iproduct .swiper-slide .text .more{ font-size:1.4em;} .inews{ margin-top:5%; padding:0 15px;} .inews li .text{ padding:10px 15px;} .inews li .text .title{ font-size:1.8em;} .inews li .text .p{ font-size:1.4em; margin: 0;} .inews li .text .more{ font-size:1.2em;} .inews .swiper-button-next{ width: 10%; height: 10%; background-size: contain !important; right:0px; } .inews .swiper-button-prev{ display: none;} .iys{padding:10% 0 6%;} .iys .top .t{ font-size:1.8em;} .iys .list{margin-top: 6%;} .iys .list li{ margin-bottom:20px;} .iys .list li .num span{ font-size:1.6em;} .iys .list li .p{ font-size:1.4em;} .ivideo{ padding:0 15px;} .ivideo .top{ margin: 20px 0;} .ivideo .top span{ font-size:2em;} .ivideo .top a{ font-size:1.4em; margin-top:5px;} .ivideo .list{ margin:0 -10px 30px;} .ivideo .list li{ padding: 10px; margin-bottom: 0 } .ivideo .list li .btns i{ width:65px; margin-bottom:15px;} .ivideo .list li .btns p{ font-size:2em; line-height:20px;} .about-box1 .video video{ min-height:250px; object-fit:cover; } .about-sl-box3 .pc { display:none } .about-sl-box3 .mobile { display:block } .foot-nav{ display: none; } /* .foot-nav dl{ margin-right:0; width:20%;} */ .foot-nav dl{ margin-right:10px; margin-bottom: 10px; } .foot-nav dl:last-child{ margin-right:0; } .foot-nav dt{ margin-bottom:0; text-align:center;} .foot-nav dt a{ font-size:1.4em;} .foot-nav dd{ display:none;} .foot-tel{ margin-top:5%; padding-left: 0;} .foot-tel p{ font-size:1.4em;} .foot-tel img{ width: 100px; border-radius: 6px;} .foot-link{ padding:0;} .foot-link *{ font-size: 1.4em;} .foot-icon{ text-align:left; padding:0;} .foot-icon a{ margin:0 15px 0 0; } .foot-copy .fl, .foot-copy .fr{ font-size:1.2em; text-align:center; width:100%; line-height:24px;} .xf{ display:none !important;} .page-banner .banner-title{ left:15px; top:30%;} .page-banner .banner-title.center{ left:50%; top:45%; width:100%; padding:0 20px;} .page-banner .center .text{ font-size:1.4em; line-height:24px; height: 48px; overflow: hidden;} .page-banner .banner-title{ display: none; } .page-banner .banner-title.center{ display: block; } .page-banner .banner-title .title{ font-size:2.2em; } .page-banner .banner-title .text{ margin-top:0; } .mbx{ font-size:1.4em; right:15px; bottom: 15px; } .page-nav{ margin:5% 15px; display: none;} .page-nav .list{ height:40px; line-height:40px; } .page-nav .list li{ font-size:1.4em; height:40px;} .page-nav .list li a{ height:40px; line-height:40px; padding:0 10px;} .page-nav .page-nav-icon{ height:40px;} .product-list{ margin:5% 15px;} .product-list dt{ font-size:1.8em; margin-bottom:10px;} .product-list dl{ margin-bottom:20px;} .product-list dd{ border-radius:10px;} .product-list dd .box{ left:10%;} .product-list dd .box .title{ font-size:1.8em; font-weight:normal;} .product-list dd .box .text{ font-size:1.4em;} .product-list dd .box .more{ margin-top:10%;} .product-list dd .box .more span{ width:90px; height:30px; line-height:30px; font-size:1.4em;} .product-gm{ margin:5% 15px;} .product-gm .top{ font-size:2em;} .product-gm .text{ margin-top:20px;} .product-gm .text a{ margin-bottom:10px;} .product-gm .form{ margin: 20px -15px 0;} .product-gm .form li{ padding:0 15px; margin-bottom:15px;} .product-gm .form li i{ left:88%;} .product-gm .form li input[type="submit"], .product-gm .form li input[type="reset"]{ width:150px; margin:0 10px; height:40px;} .fw-list{ margin: 5% 15px 3%;} .fw-list ul{ margin: 0 -15px;} .fw-list li{ padding:0 15px; margin-bottom:15px;} .fw-list li .text{ width:100%;} .fw-list li .text .title{ font-size:1.8em; width:100%;} .fw-list li .text .title p{ line-height:24px;} .fw-list li .text .more{ margin-top:10px;} .fw-list li .text .more span{ height:35px; line-height:35px; font-size:1.4em;} .fw-box1{ padding:5% 20px;} .fw-box1 .img{ position: relative; left:0px; transform: translateY(0); width:100%; text-align:center;} .fw-box1 .img img{ width:60%;} .fw-box1 .text{ right:0; transform: translateY(0); width: 100%; position: relative; } .fw-box1 .text .title{ font-size: 1.8em; margin-bottom:10px;} .fw-box1 .text .p{ font-size:1.4em; line-height: 24px;} .fw-box1 .bg{ position:absolute; width:100%; height: 100%; top:0;} .fw-box1 .bg img{ position:absolute; height:100%; max-width: inherit; left: 50%; transform: translateX(-50%);} .fw-box2{ height:auto;} .fw-box2 .img{ position:relative; text-align:right; width:100%;} .fw-box2 .img img{ width:60%;} .fw-box2 .text{ left:0px; width:100%; transform: translateY(0); position:relative; padding:20px;} .fw-box2 .text .title{ font-size:2em; line-height:32px;} .fw-box2 .text .p{ margin-top:15px; font-size:1.6em; line-height:28px;} .fw-box3 .top{ top:6vw; padding:0 20px;} .fw-box3 .top .title{ font-size: 1.8em;} .fw-box3 .top .text{ margin-top:4px; font-size:1.4em;} .fw-box3 .bd{ height:95vw;} .fw-box3 .bd li{ height:100%; width:100%; height:95vw; position:relative;} .fw-box3 .bd li img{ position:absolute; height:100%; max-width:inherit; left:50%; transform:translateX(-50%);} .fw-box3 .hd{ width: 100%; bottom: 10px; padding:0 10px;} .fw-box3 .hd li{ width: 16.66666667%; float:left; margin:0; padding:0 7.5px;} .fw-box3 .hd li p{ font-size:1.2em;} .fw-box4{ height:auto;} .fw-box4 .img{ position:relative; width:100%;} .fw-box4 .img img{ width:60%;} .fw-box4 .text{ position:relative; width:100%; transform: translateY(0); padding:20px; right:0;} .fw-box4 .text .title{ font-size:2em;} .fw-box4 .text .p{ font-size:1.4em; margin-top:5px; line-height:24px;} .fw-box5{ padding:5% 0;} .fw-box5 .img{ position:relative; width:100%; top:5%; transform: translateY(0); text-align:right;} .fw-box5 .img img{ width:60%;} .fw-box5 .text{ left:0; transform: translateY(0); width: 100%; position: relative; padding: 0 20px; margin-top:20px;} .fw-box5 .text .title{ font-size:2em;} .fw-box5 .text .p{ font-size:1.4em; line-height:24px; margin-top:5px;} .fw-box5 .bg{ position:absolute; height:100%; width: 100%; top:0;} .fw-box5 .bg img{ position:absolute; max-width:inherit; height:100%; left:50%; transform:translateX(-50%);} .fw-box6{ height:auto; padding:5% 20px;} .fw-box6 .img{ position:relative; width:100%; top:5%; transform: translateY(0); left:0; text-align:center;} .fw-box6 .img img{ width:60%;} .fw-box6 .text{ right: 0; width: 100%; position: relative; top: 0; transform: translateY(0); margin-top:20px;} .fw-box6 .text .title{ font-size:2em;} .fw-box6 .text .p{ font-size:1.4em; line-height:24px; margin-top:5px;} .fa-list{ margin:5% 15px;} .fa-list ul{ margin:0 -15px;} .fa-list li{ padding:0 15px; margin-bottom:15px;} .fa-list li .box .icon{ width:16.5vw;} .fa-list li .box .title{ font-size:2.8em;} .fa-list li .box .more{ margin-top:15px;} .fa-case-list{ margin:20px 15px 0;} .fa-case-list ul{ margin:0 -7.5px;} .fa-case-list li{ padding:0 7.5px; margin-bottom:15px;} .fa-case-list li .text{ padding:10px 15px 15px;} .fa-case-list li .text .title{ font-size:1.4em; margin-top:5px; height: 40px; overflow: hidden; -webkit-line-clamp: 2;} .fa-case-list li .text .btns{ margin-top:15px;} .fa-case-list li .text .btns span{ font-size:1.4em;} .page-more{ margin:10px 0 30px;} .page-more a{ width: 140px; height: 45px; line-height: 45px; font-size: 1.4em;} .fa-case-con{ padding:30px 15px 10px;} .fa-case-con .title{ padding-bottom:15px; font-size:1.8em; border-bottom:1px solid #dadada;} .fa-case-con .text{ padding:20px 0 10px;} .fa-case-con-box1{ padding: 20px 15px;} .fa-case-con-box1 .top, .fa-case-con-box2 .top, .fa-case-con-box3 .top, .fa-case-con-box4 .top, .fa-case-con-box5 .top, .fa-case-con-box6 .top{ font-size: 2em;} .fa-case-con-box1 .top{ margin-bottom: 10px;} .fa-case-con-box1 .text{ padding: 0;} .fa-case-con-box2{ padding: 20px 15px;} .fa-case-con-box2 .hd li{ font-size: 1.4em; margin-right: 20px;} .fa-case-con-box2 .bd{ margin-top: 20px;} .fa-case-con-box2 .bd .box{ padding: 15px;} .fa-case-con-box2 .bd .box .img{ float: inherit; margin-bottom: 15px;} .fa-case-con-box2 .bd .box .text{ padding: 0;} .fa-case-con-box2 .bd .box .text .title{ font-size: 1.8em;} .fa-case-con-box2 .bd .box .text .p{ margin-bottom: 1%;} .fa-case-con-box2 .bd .box .text .other{ padding-top: 4%;} .fa-case-con-box2 .bd .box .text .other .icon{ width: 10%;} .fa-case-con-box2 .bd .box .text .other dl{ padding: 0 2%; width: 40%;} .fa-case-con-box2 .bd .box .text .other .dl1{ width: 40%;} .fa-case-con-box3{ padding: 20px 15px 10px;} .fa-case-con-box3 .list ul{ margin: 0 -15px;} .fa-case-con-box3 .list li{ padding: 0 15px; margin-bottom: 20px;} .fa-case-con-box3 .list li:nth-child(2n-1){ clear: left;} .fa-case-con-box3 .list li .title{ font-size: 1.8em;} .fa-case-con-box4{ padding: 20px 15px;} .fa-case-con-box4 .list{ margin-top: 20px;} .fa-case-con-box4 .list li{ margin-bottom: 20px;} .fa-case-con-box4 .list li .img{ height: 250px; overflow: hidden;} .fa-case-con-box4 .list li .img img{ width: 100%;} .fa-case-con-box4 .list li:nth-child(2n-1){ clear: left;} .fa-case-con-box4 .list li .text .p{ -webkit-line-clamp: inherit;} .fa-case-con-box4 .tc{ display: none !important;} .fa-case-con-box5{ padding: 20px 15px;} .fa-case-con-box5 .box .swiper-slide{ width: 100%; padding: 0 7.5px;} .fa-case-con-box5 .box .swiper-slide .title{ font-size: 1.4em;} .fa-case-con-box5 .box .swiper-button-next, .fa-case-con-box5 .box .swiper-button-prev{ background-size: 10px;} .fa-case-con-box6{ padding: 20px 15px 0;} .fa-case-con-box6 .list{ margin-top: 20px;} .fa-case-con-box6 .list ul{ margin: 0 -15px;} .fa-case-con-box6 .list li{ padding: 0 15px; margin-bottom: 30px;} .pager{ margin:20px -15px 10px;} .pager a{ padding:0 15px; height:45px; line-height:45px;} .pager .prev{ text-align:left; margin-bottom:10px;} .service-list{ padding: 20px 15px 20px;} .service-list .top{ margin-bottom:25px;} .service-list .top .title{ font-size:1.8em;} .service-list .top .text{ margin-top:5px; font-size:1.4em;} .service-list ul{ margin:0 -7.5px;} .service-list li{ height:235px; padding:0 7.5px; margin-bottom:15px;} .service-list li:nth-child(2n-1){ clear:left;} .service-list li .icon{ text-align:center; padding:0; height:50px; line-height:50px; margin-top:20px;} .service-list li .icon img{ height:45px; top:0; transform:translateY(0); width: auto;} .service-list li .text{ padding:0;} .service-list li .text dl{ top:0; transform:translateY(0); text-align:center; margin-top:20px;} .service-list li .text dt{ font-size:1.8em;} .service-list li .text dd{ margin-top:5px;} .service-list li .text dd a{ font-size:1.4em;} .about-box1{ padding: 25px 15px;} .about-box1 .title{ font-size:1.8em;} .about-box1 .text{ margin-top:10px;} .about-box1 .video{ margin-top:15px;} .about-box2{ padding:10px 15px;} .about-box2 .box1, .about-box2 .box2{ padding:15px 0; height:auto !important;} .about-box2 .box1 .img, .about-box2 .box2 .img{ float:inherit;} .about-box2 .text{ margin-top:15px;} .about-box2 .text .b{ margin-top:0; transform:translateY(0); float: initial;} .about-box2 .text .title{ font-size:2em;} .about-box2 .text .p{ width:100%; font-size:1.4em; padding-bottom:20px; margin-top:10px;} .about-box3{ padding:30px 15px;} .about-box3 .top{ font-size:2em;} .about-box3 .box{ margin-top:20px;} .about-box3 .box .gallery-top{ padding:0 25px;} .about-box3 .box .gallery-top .img{ float:inherit;} .about-box3 .box .gallery-top .text{ padding-right:10px; margin-top:10px;} .about-box3 .box .gallery-top .text .title .year{ font-size:4em; line-height:40px;} .about-box3 .box .gallery-top .text .title .t{ padding:0; margin-left:12%;} .about-box3 .box .gallery-top .text .title .t span{ font-size:1.6em; line-height:22px;} .about-box3 .box .gallery-top .text .title i{ width:5px;} .about-box3 .box .gallery-top .text .p{ margin-top:10px;} .about-box3 .box .gallery-top .swiper-button-next, .about-box3 .box .gallery-top .swiper-button-prev{width: 25px; height: 25px; background-size: contain;} .about-box3 .box .gallery-thumbs{ margin-top:20px;} .about-box3 .box .gallery-thumbs .swiper-slide{ width:33.33333%;} .about-box3 .box .gallery-thumbs .year span{ font-size:1.4em; width: 90px; height: 30px;} .about-box3 .box .gallery-thumbs .swiper-slide-thumb-active span{ line-height:32px; border-radius:4px;} .about-box4, .about-box5{ padding:20px 15px;} .about-box4 .top, .about-box5 .top{ font-size:2em;} .about-box4 .box{ height:auto !important; margin-top:20px;} .about-box4 .box .img{ float:inherit;} .about-box4 .box .text{ margin-top:20px; padding:0;} .about-box4 .box .text .b{ margin-top:0; transform:translateY(0);} .about-box4 .box .text .title{ padding-right:0; font-size:1.8em; text-align: center;} .about-box4 .box .text .p{ margin-top:5px; text-align: center;} .about-box5 .list{ margin-top:20px;} .about-box5 .list li{ margin-bottom:15px;} .about-box5 .list li .title{ font-size:1.4em; margin-top:10px;} .about-job{ padding: 30px 15px 60px;} .about-job .top-title .title{ font-size:1.8em;} .about-job .box .top > span{ font-size:1.2em; padding:0 5px;} .about-job .box .list .title span{ font-size:1.2em; padding: 0 5px; line-height: 18px; margin: 3% 0px;} .about-job .box .list .title span:last-child img{ width:20%; transform: translateY(5px); z-index:0;} .about-job .box .top a{ padding: 0 5px; border-radius:4px; line-height:18px; height:38px; margin:22% 0; overflow:hidden;} .about-job .box .list .text{ padding: 10px 15px 15px;} .about-job .box .list .text dl{ font-size:1.4em;} .about-job .box .top .sq{ z-index:1; padding: 25px 0 30px;} .about-job .box .top .sq .close-btn{ top: 20px; right: 20px; width: 16px;} .about-job .box .top .sq .title{ font-size:1.8em; margin-bottom:20px;} .about-job .box .top .sq ul{ margin:0 10px;} .about-job .box .top .sq li label{ width:15%;} .about-job .box .top .sq li input[type="text"]{ width:85%;} .about-job .box .top .sq li .sc{ width:85%; padding:20px;} .about-job .box .top .sq li .sc button{ font-size:1.4em; width:100px; height:35px; } .about-job .box .top .sq li .sc p{ font-size:1.2em;} .about-job .box .top .sq li .sc p:nth-child(2){ display:none;} .about-job .box .top .sq li input[type="submit"]{ margin-top:0; width:100px; height:35px; font-size:1.4em;} .contact{ padding: 20px 0 0;} .contact .top{ font-size: 2em;} .contact .list{ margin: 20px 15px 0;} .contact .list ul{ margin: 0 -15px;} .contact .list li{ padding: 0 15px; margin-bottom: 15px;} .contact .list li dt{ font-size: 1.8em;} .contact .list li dt i{ background-size: 16px;} .contact .list li dl{ padding: 20px 5%;} .contact .list li dd{ margin-top: 5px;} .contact .list li .map{ width: 100%; top: 100%; left: 0;} .contact .list li:nth-child(2n) .map{ width: 100%; top: 100%; right: 0;} .contact-fk{ margin: 10px 15px 40px;} .contact-fk .top{ font-size: 2em;} .contact-fk .list{ margin-top: 20px;} .contact-fk .list li{ height: 150px;} .contact-fk .list li .icon{ height: 30px; line-height: 30px;} .contact-fk .list li .icon img{ height: 28px;} .contact-fk .list li:nth-child(2n-1){ clear: left;} .contact-fk .list li:nth-child(2n)::before{ display: none;} .contact-fk .list li:nth-child(-n+1){ margin-bottom: 30px;} .contact-fk .list li .title{ font-size: 1.6em;} .contact-fk .list li .text{ margin-top: 8px; padding: 0 10px; font-size: 1.2em;} .about-sl-box1 { margin: 5% 15px 2%;} .about-sl-box1 .top{ font-size: 2em;} .about-sl-box1 .list{ margin-top: 20px;} .about-sl-box1 .list ul{ margin: 0 -15px;} .about-sl-box1 .list li{ padding: 0 15px; margin-bottom: 30px; text-align: center;} .about-sl-box1 .list li .box{ width: 92.6%;} .about-sl-box1 .list li .box .title{ font-size: 1.8em;} .about-sl-box1 .list li .box .text{ font-size: 1.4em; margin-top: 15px;} .about-sl-box2{ padding: 5% 15px 2%;} .about-sl-box2 .top{ font-size: 2em;} .about-sl-box2 .list{ margin-top: 20px;} .about-sl-box2 .list ul{ margin: 0 -15px;} .about-sl-box2 .list li{ padding: 0 15px; margin-bottom: 30px;} .about-sl-box2 .list li .box{ padding: 20px 0 25px;} .about-sl-box2 .list .img{ text-align: center;} .about-sl-box2 .list .title{ font-size: 2em; padding-bottom: 20px;} .about-sl-box2 .list .title i{ height: 3px;} .about-sl-box2 .list .text{ font-size: 1.4em; margin-top: 25px; padding: 0 10%;} .about-sl-box4{ margin: 5% 15px 3%;} .about-sl-box4 .top{ font-size: 2em;} .about-sl-box4 .list{ margin-top: 20px;} .about-sl-box4 .list li{ margin-bottom: 25px;} .page-top{ margin: 30px 15px 0;} .ivideo.neiye{ margin: 10px 15px ;} .page-top .box .top{ font-size: 1.8em; display:none } .page-top .news-nav{ padding: 4px 0; text-align: center; height:auto } .page-top .news-nav li a{ padding: 0 5px; font-size: 1.4em;} .news-list{ margin: 30px 15px -10px;} .news-list ul{ margin: 0 -15px;} .news-list li{ padding: 0 15px; margin-bottom: 30px;} .news-list li .img img{ width: 100%;} .news-list li .text{ margin-top: 20px;} .news-con{ margin: 20px 15px 30px;} .news-con .title{ font-size: 1.8em;} .news-con .text{ padding: 20px 0;} .about-message .top{ font-size: 2em;} .about-message{ margin: 25px 15px 20px;} .about-message .list{ margin-top: 20px;} .about-message .list li label{ font-size: 1.4em;} .about-message .list li input[type="text"]{ height: 40px;} .about-message .list li:last-child{ padding: 0;} .about-message .list li input[type="submit"]{ margin-right: 20px; font-size: 1.4em; height: 40px;} .about-message .list li input[type="reset"]{ font-size: 1.4em; height: 40px;} .product-con-box{ padding: 0 15px; position: relative; top: 0; transform: translateY(0); overflow: hidden;} .product-con .bg{ position: absolute; top: 0; height: 100%; width: 100%; left: 0;} .product-con .bg img{ position: absolute; height: 100%; left: 50%; transform: translateX(-50%); width: auto; max-width: inherit;} .pro-con-box1{ padding: 5% 15px;} .pro-con-box1 .top .other{ height: 30px; line-height: 30px; margin-top: -6px;} .pro-con-box1 .top .other li{ font-size: 1.4em; padding: 0 15px;} .pro-con-box1 .top .other li:last-child a{ height: 30px; line-height: 30px;} .pro-con-box1 .box .img{ float: inherit;} .pro-con-box1 .box .text{ margin-top: 5%;} .pro-con-box1 .box .text .title{ font-size: 2em;} .pro-con-box1 .box .text .p{ font-size: 1.2em; line-height: 22px;} .pro-con-box2{ overflow: hidden; padding-top: 6%;} .pro-con-box2 .img{ position: relative;} .pro-con-box2 .text{ left: 15px; position: relative; top: 0; transform: translateY(0); margin-bottom: 20px;} .pro-con-box2 .text .title{ font-size: 2em; margin-bottom: 5px;} .pro-con-box2 .text .p{ font-size: 1.2em; padding-right: 10%; line-height: 22px;} .pro-con-box3{ padding: 5% 15px;} .pro-con-box3 .box{ width: 100%;} .pro-con-box3 .box dt{ font-size: 2em; margin-bottom: 20px; text-align: center;} .pro-con-box3 .box dd{ margin-bottom: 20px;} .pro-con-box3 .box dd .title{ font-size: 1.6em;} .pro-con-box3 .box dd .p{ font-size: 1.2em;} .pro-con-box3 .box dd .icon{ height: 50px; line-height: 50px;} .pro-con-box3 .box dd .icon img{ width: 10%;} .pro-con-box4{ padding: 5% 15px;} .pro-con-box4 .img{ float: inherit;} .pro-con-box4 .text{ left: 0; position: relative; top: 0; transform: translateY(0); margin-bottom: 20px;} .pro-con-box4 .text .title{ font-size: 2em; margin-top: 5px; margin-bottom: 5px;} .pro-con-box4 .text .p{ font-size: 1.2em; padding-right: 10%; line-height: 22px;} .pro-con-box4 .text .imgs{ margin-top: 15px;} .pro-con-box4 .text .imgs span{ margin-right: 40px;} .pro-con-box4 .text .imgs img{ width: 8%;} .pro-con-box5{ padding: 3% 15px 5%; overflow: inherit;} .pro-con-box5 .swiper-container{ padding: 0 40px;} .pro-con-box5 .list .img{ position: absolute; top: 50%; transform: translateY(-50%);} .pro-con-box5 .list .text{ float: right;} .pro-con-box5 .list .text dt{ font-size: 2em; margin-bottom: 20px; padding: 0 15px;} .pro-con-box5 .list .text dd{ padding: 0 15px; margin-bottom: 20px;} .pro-con-box5 .list .text dd .title{ font-size: 1.6em;} .pro-con-box5 .list .text dd .p{ font-size: 1.2em;} .pro-con-box5 .list .text dd .icon{ height: 50px; line-height: 50px;} .pro-con-box5 .list .text dd .icon img{ width: 10%;} .pro-con-box5 .swiper-pagination{ bottom: 0%;} .pro-con-box5 .swiper-pagination-bullet{ width: 10px; height: 10px; margin: 0 10px;} .pro-con-box6{ padding: 5% 15px;} .pro-con-box6 .top{ font-size: 2em;} .pro-con-box6 .box dl{ margin-bottom: 20px;} .pro-con-box6 .box dt{ font-size: 1.6em; line-height: 30px; margin-bottom: 15px;} .pro-con-box6 .box dd{ padding: 0;} .product-content1 .product-con-box1 .text{ padding: 0 40px; top: 16%; transform: translateY(0);} .product-content1 .product-con-box1 .text .title{ font-size: 1.8em; font-weight: normal; line-height: 30px;} .product-content1 .product-con-box1 .text .title b{ font-size: 1.6em;} .product-content1 .product-con-box1 .text .p{ font-size: 1.4em; line-height: 24px; margin-top: 5px; width: 100%;} .product-content1 .product-con-box1 .img{ width: 75%; right: inherit; left: 50%; top: inherit; bottom: 5%; transform: translateX(-50%);} .product-content1 .product-con-box2 .top{ padding: 0 40px; z-index: 1;} .product-content1 .product-con-box2 .top .t{ font-size: 2em; text-align: left;} .product-content1 .product-con-box2 .top .p{ font-size: 1.4em; margin-top: 15px; line-height: 24px; text-align: left; width: 88%;} .product-content1 .product-con-box2 .text{ width: 130%; z-index: 1; border-radius: 20px; transform: scale(0.7,0.7) translateX(-71.6%); bottom: 4%;} .product-content1 .product-con-box2 .text ul{ padding: 15px 5px;} .product-content1 .product-con-box2 .text li{ padding: 0 5px;} .product-content1 .product-con-box2 .text li .icon{ width: 20%; text-align: center; margin-right: 0;} .product-content1 .product-con-box2 .text li .icon img{ margin-top: 10px;} .product-content1 .product-con-box2 .text li .b{ width: 80%; padding-left: 5px;} .product-content1 .product-con-box2 .text li .t{ font-size: 1.8em; width: 100%;} .product-content1 .product-con-box2 .text li .p{ font-size: 1.2em; line-height: 18px;} .product-content1 .product-con-box3 .img1{ width: 30%; top: 5%;} .product-content1 .product-con-box3 .img2{ width: 50%;} .product-content1 .product-con-box3 .text{ padding: 0 55px; bottom: inherit; top: 6%;} .product-content1 .product-con-box3 .text .t{ font-size: 2em;} .product-content1 .product-con-box3 .text .t i{ height: 1px; background: #ff4e00;} .product-content1 .product-con-box3 .text .p{ font-size: 1.4em; margin-top: 15px; line-height: 24px; width: 94%;} .product-content1 .product-con-box4 .text{ padding: 0 40px; top: 8%; transform: translateY(0);} .product-content1 .product-con-box4 .text .t{ font-size: 2em; margin-bottom: 4%;} .product-content1 .product-con-box4 .text .p{ font-size: 1.4em; line-height: 24px; width: 98%;} .product-content1 .product-con-box4 .img{ width: 52%; right: inherit; top: inherit; left: 50%; transform: translateX(-50%); bottom: 4%;} /* .product-content1 .product-con-box5{ margin: 0 -30px;} .product-content1 .product-con-box5 .box{ height: 260px;} .product-content1 .product-con-box5 .box .title{ font-size: 1.6em; font-weight: normal;} .product-content1 .product-con-box5 .box img{ height: 110%;} */ .product-content1 .product-con-box5{ background: #25292e; padding: 30px 40px; margin: 0;} .product-content1 .product-con-box5 .title{ text-align: center; font-size: 2em; color: #fff; font-weight: bold; letter-spacing: 1px;} .product-content1 .product-con-box5 .list{ margin-top: 25px;} .product-content1 .product-con-box5 .list ul{ margin: 0 -5px;} .product-content1 .product-con-box5 .list li{ width: 50%; float: left; padding: 0 5px; margin-bottom: 15px;} .product-content1 .product-con-box6 .top{ padding: 0 40px; z-index: 1;} .product-content1 .product-con-box6 .top .t{ font-size: 2em; letter-spacing: 0; text-align: left;} .product-content1 .product-con-box6 .top .p{ font-size: 1.4em; margin-top: 15px; text-align: left; width: 75%; line-height: 24px;} .product-content1 .product-con-box7 li{ width: 100%;} .product-content1 .product-con-box7 li .title{ font-size: 2em; bottom: inherit; top: 8%;} .product-content1 .product-con-box8 .top{ z-index: 1; text-align: left; padding: 0 40px; top: 10%;} .product-content1 .product-con-box8 .top .t{ font-size: 2em; letter-spacing: 1px;} .product-content1 .product-con-box8 .top .p{ font-size: 1.4em; margin-top: 10px;} .product-content1 .product-con-box9 .box{ padding: 20px 15px;} .product-content1 .product-con-box9 .box .top .t{ font-size: 2em;} .product-content1 .product-con-box9 .box .top .p{ font-size: 1.4em;} .product-content1 .product-con-box9 .box .list{ padding: 30px 0 0;} .product-content1 .product-con-box9 .box .list li{ margin-bottom: 20px;} .product-content1 .product-con-box9 .box .list li .icon{ padding: 12px 15px 0 0;} .product-content1 .product-con-box9 .box .list li .icon img{ max-height: 25px;} .product-content1 .product-con-box9 .box .list li .text .t{ font-size: 1.8em; font-weight: normal;} .product-content1 .product-con-box9 .box .list li .text .p{ font-size: 1.4em; line-height: 20px;} .product-content1 .product-con-box9 .box .list li.ys1{ width: 100%;} .product-content1 .product-con-box9 .box .list li.ys2{ width: 100%;} .product-content1 .product-con-box9 .box .list li.ys1 .icon, .product-content1 .product-con-box9 .box .list li.ys2 .icon{ width: 15%;} .product-content1 .product-con-box9 .box .list li.ys2 .text{ width: 85%;} .product-content1 .product-con-box9 .box .list li.ys2 .text .p{ font-size: 1.4em;} .product-content2 .product-con-box1 .text{ padding: 0 45px; top: 15%; transform: translateY(0); letter-spacing: 1px;} .product-content2 .product-con-box1 .text .t{ font-size: 3em;font-weight: normal;} .product-content2 .product-con-box1 .text .t span{ font-size: 0.58em;} .product-content2 .product-con-box1 .text .p{ font-size: 1.4em; margin-top: 5px;} .product-content2 .product-con-box2{ padding: 20px 0;} .product-content2 .product-con-box2 .top{ font-size: 1.8em;} .product-content2 .product-con-box2 .list{ padding: 0 15px; margin-top: 20px;} .product-content2 .product-con-box2 .list li .icon{ width: 45px; height: 45px; line-height: 40px; border-radius: 10px;} .product-content2 .product-con-box2 .list li .icon img{ width: 50%;} .product-content2 .product-con-box2 .list li .title{ font-size: 1.2em; margin-top: 10px;} .product-content2 .product-con-box3 .text{ padding: 0 30px; transform: translateY(0); top: 5%; z-index: 1;} .product-content2 .product-con-box3 .text .title{ font-size: 2em; letter-spacing: 1px; font-weight: bold;} .product-content2 .product-con-box3 .text .p{ font-size: 1.4em; width: 100%; line-height: 24px; margin-top: 20px;} .product-content2 .product-con-box3 .text li{ margin-right: 20px; width: 60px;} .product-content2 .product-con-box3 .text li .icon{ width: 80%; margin: 0 auto;} .product-content2 .product-con-box3 .text li .t{ font-size: 1.2em;} .product-content2 .product-con-box4 .text{ padding: 0 35px; z-index: 1; top: 10%; transform: translateY(0);} .product-content2 .product-con-box4 .text .title{ font-size: 2em; } .product-content2 .product-con-box4 .text ul{ margin: 92% -30px 0;} .product-content2 .product-con-box4 .text li{ width: 33.333333%; padding: 0 30px; float: left; margin-right: 0;} .product-content2 .product-con-box4 .text li .icon img{ height: 30px;} .product-content2 .product-con-box4 .text li .t{ font-size: 1.2em; margin-top: 10px;} .product-content2 .product-con-box5 .text{ padding: 0 25px; z-index: 1; top: 6%; transform: translateY(0);} .product-content2 .product-con-box5 .text .title{ font-size: 2em; line-height: 30px;} .product-content2 .product-con-box5 .text .p{ font-size: 1.4em; line-height: 24px; margin-top: 20px; width: 72%;} .product-content2 .product-con-box5 .img{ z-index: 0; top: inherit; left: 50%; transform: translateX(-50%); width: 80%; bottom: 6%;} .product-content2 .product-con-box6 .top{ top: 20px; z-index: 1; padding: 0 25px;} .product-content2 .product-con-box6 .top .title{ font-size: 2em; text-align: left; letter-spacing: 2px;} .product-content2 .product-con-box6 .top .p{ font-size: 1.2em; line-height: 20px; padding: 0; margin-top: 15px;} .product-content2 .product-con-box7 .text{ width: 100%; position: absolute; z-index: 1; padding: 0 35px; top: 10%; color: #fff;} .product-content2 .product-con-box7 .text .t{ font-size: 2em; font-weight: bold;} .product-content2 .product-con-box7 .text .p{ font-size: 1.2em; line-height: 20px; margin-top: 15px;} .product-content2 .product-con-box8 .text{ width: 68%; left: 25px; right: inherit; z-index: 1; top: inherit; transform: translateY(0); bottom: 6%;} .product-content2 .product-con-box8 .text .title{ font-size: 2em;} .product-content2 .product-con-box8 .text .p{ font-size: 1.2em; line-height: 20px; margin-top: 6%;} .product-content2 .product-con-box9{ padding: 25px 0 0;} .product-content2 .product-con-box9 .t{ text-align: center; font-size: 2em; color: #333;} .product-content2 .product-con-box9 .img{ padding: 25px;} .product-content2 .product-con-box10{ padding: 3% 15px 5%;} .product-content2 .product-con-box10 .list li{ width: 50%; margin-bottom: 20px;} .product-content2 .product-con-box10 .list li:nth-child(2n-1){ clear: left;} .product-content2 .product-con-box10 .top{ font-size: 2em; padding: 20px 0;} .product-content2 .product-con-box10 .list{ padding-top: 20px;} .product-content2 .product-con-box10 .list li .title{ font-size: 1.4em;} .product-content2 .product-con-box10 .list li .title::before{ height: 2px;} .product-content2 .product-con-box10 .list li .text{ font-size: 1.2em; line-height: 24px; margin-top: 10px;} .i-nav{ padding: 20px 3% 0; margin: 0; width: 100%;} .i-nav li .icon{ width: 60px; height: 60px;} .i-nav li .t{ font-size: 1.2em; margin-top: 10px;} }