*{margin:0;padding:0;} body{width:100%; overflow-x: hidden} body,input{font-family:arial;color:#666;font-size: 14px;font-family: "寰蒋闆呴粦";} h2,h3{font-weight: normal;} a{text-decoration:none;color: #333;} a:hover{ text-decoration:none;} i,em{font-style:normal} img{border:0;vertical-align:middle;} ul li{list-style: none} h1,b{font-weight:normal} button{border:none; background: none;} /*鍏叡鏍峰紡*/ .wap-container{width:96%;margin:0 auto} .container{max-width:1600px;margin:0 auto} .container-s{max-width:95%;margin:0 auto} input{outline: none;} .cl{HEIGHT: 0px; CLEAR: both;} .jz{margin:0 auto;} .fl{FLOAT: left} .fr{FLOAT: right} .c{*zoom:1;} .c:after{content: ""; display: block; height: 0; clear: both;} .txt-c{text-align: center;} .txt-r{text-align: right;} .col-white{color: #fff;} /*澶撮儴*/ .header-zw{height: 107px;} .header{height: 107px; position: fixed;top:0;left:0;right:0;width:100%; background: #fff;z-index: 999;box-shadow:0px 2px 8px 0px rgba(50,50,50,0.25);;} .header .logo{width: 229px;margin-top:26px} .header .nav{width:54%;margin-left:5%} .header .nav li{float:left;width:calc(100%/9);text-align: center; position: relative;} .header .nav li>a{float:left;font-size:16px;color:#333;line-height: 105px;text-align: center;text-align: center;width: 100%;transition: all .4s;} .header .nav li:hover>a,.header .nav li.on>a{background: #eee;color:#BE1915} .search{margin:40px 3%;} .seach-form{ position: absolute;top:110px; background: #fff;display: none;cursor: pointer;} .seach-form input{float:left;border:none; background: none;height:40px;line-height: 40px;padding:0 10px} .seach-form .f-text{width:170px;} .seach-form .f-submit{width:50px; background: #EC0307;color:#fff} .lan{line-height: 105px;} .lan a{line-height: 105px;font-size:18px;} .tel{margin-top:20px;} .tel p{margin:10px 0;} .tel p img{vertical-align: middle;margin-right:10px} .tel p span{margin-right:10px} .nav dl{ padding-top:10px; display: none; width: 100%; height: auto; position: absolute; left: 0; top: 97px; width: 100%; } .nav li:nth-child(3) dl{width:142%;} .nav li:nth-child(5) dl{width:132%;} .nav dl em a{display: block;height: 32px; line-height: 32px; padding-left: 23px; border-bottom: 1px solid rgba(250,250,250,.3);color:#fff;} .nav dl em{ background:url(../images/jtou.png ) no-repeat center left 10px rgba(0,0,0,0.7); display: block; background-repeat: no-repeat; text-align: left; overflow: hidden; } .nav dl em:hover a{ background:url(../images/jtou.png ) no-repeat center left 10px rgba(234,15,21,0.7);} /*澶撮儴*/ /*棣栭〉banner*/ .banner{position:relative;overflow: hidden;overflow: hidden;} .banner{height:600px;} .banner .swiper-slide a{display: block;width: 100%;height: 100%;position: absolute;top:0;left:0;} .banner img{display: none;} #banner-num{bottom:5%} #banner-num span{ background:rgba(255,255,255,0.6);width: 12px;height: 12px;margin:0 7px} #banner-num .swiper-pagination-bullet-active{ background: #EC0307;} /*棣栭〉banner*/ /*瑙e喅鏂规*/ .case-title {margin:40px 0 30px 0} .case-title b{display:block;text-align:center;font-size:30px;line-height:30px;color:#333333;text-align: center;} .case-title span{display: block;color:#777777;font-size: 12px;line-height:12px;margin:5px 0;font-weight: normal;text-align: center;} .case-title p{color:#555555;font-size:16px;text-align: center;margin:14px 0} .case-title p em{display: inline-block;margin:0 10px;font-weight:normal} .case-p{border-top:1px solid #DADADA;text-align: center;height: 45px;line-height: 45px;} .case-p span{display: inline-block;margin-right:33px} .case-p span:nth-child(3){margin-right:0} .case-top{margin:50px auto 20px auto} .case-top li{float:left;width:204px;height:65px; background: #EEEEEE;margin-right:5px;transition: all .3s;width: calc(100%/7 - 5px);} .case-top li a{display: block;height:65px} .case-top li:nth-child(7){margin-right:0} .case-top li span,.case-top li em{display: block;text-align: center;} .case-top li span{font-size:16px;color:#333333;line-height: 16px;padding-top:15px} .case-top li em{font-size:12px;color:#777777;margin-top:3px} .case-top li:hover,.case-top li.on{ background: #E71F19;} .case-top li:hover span,.case-top li.on span,.case-top li.on em,.case-top li:hover em{color:#fff} .case-topg{margin:50px auto 20px auto} .case-topg li{float:left;width:204px;height:65px; background: #EEEEEE;margin-right:5px;transition: all .3s;width: calc(100%/8 - 5px);} .case-topg li a{display: block;height:65px} .case-topg li:nth-child(8){margin-right:0} .case-topg li span,.case-topg li em{display: block;text-align: center;} .case-topg li span{font-size:16px;color:#333333;line-height: 16px;padding-top:15px} .case-topg li em{font-size:12px;color:#777777;margin-top:3px} .case-topg li:hover,.case-topg li.on{ background: #E71F19;} .case-topg li:hover span,.case-topg li.on span,.case-topg li.on em,.case-topg li:hover em{color:#fff} .case-con li{width:24%;margin-right:1.3333333%;float:left;border:1px solid #DBDBDB;box-sizing: border-box;transition:all .5s;margin-bottom:1.3333333%;} .case-con li:nth-child(4n){margin-right:0} .case-con li .pic{width: 100%;overflow: hidden;} .case-con li .pic img{width: 100%;transition:all .5s;} .case-con li .info{margin:15px 0; background:url(../images/case-jt.png) no-repeat center right 25px;transition:all .5s;} .case-con li .info em,.case-con li .info span{display: block;margin-left:20px} .case-con li .info em{font-size:16px;color:#333333;font-weight:bold;/*margin-bottom:8px;*/transition:all .5s; line-height: 32px;} .case-con li .info span{color:#888} .case-con li:hover{ background: #f9f9f9;border-color:#eee} .case-con li:hover .pic img{transform: scale(1.3);} .case-con li:hover em{color:#EC0307} .case-con li:hover .info{background:url(../images/case-jt.png) no-repeat center right 15px;} .case-more{margin:50px auto;width:250px;height:50px; background: #EEEEEE;border-radius:50px;text-align: center;line-height:50px;transition: all .3s;} .case-more a{display: block;width:250px;height:50px;font-size:16px} .case-more:hover{ background: #EC0307;} .case-more:hover a{color:#fff} /*鍏ㄧ悆鍓嶆部鍒涙剰绉戞妧*/ .cycase-div{ background: #F5F5F5;padding:50px 0} .title{width: 85%;} .title em{font-size:30px;line-height:30px;color:#333333;margin-bottom:10px;font-family: arial;font-weight:normal} .title p{overflow: hidden;margin:20px 0} .title p b{float:left;color:#b47f43;font-size:36px; background: #25211E;height: 60px;line-height:60px;padding:0 20px;margin-right:20px;} .title p span{font-size:15px;color:#666;line-height:24px;font-weight: normal;} .mesg{width: 100%;margin-top: 45px;position: relative;} .mesg ul{width: 100%;height: auto;overflow: hidden;} .mesg ul li{float: left;margin-right: 5px;margin-bottom: 5px;overflow: hidden;cursor: pointer;background: #000;} .mesg ul li:nth-child(3),.gol .mesg ul li:nth-child(7),.gol .mesg ul li:nth-child(9){margin-right: 0;} .mesg ul li a{display: block;position: relative;width: 100%;height:100%;} .mesg ul li a img{transition: all 0.6s;} .one{ -ms-transform:scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4); } .mesg ul li a p{color: #fff;position: absolute;bottom: 18px;left: 18px;line-height: 20px; width: 90%;} .mesg ul li a p span{font-size:12px} .mesg ul li a p span:nth-child(1){font-size: 24px;} .mesg ul li a p span:nth-child(2){ font-size: 12px; padding: 2px 8px; border: 1px solid #fff; float: right; } .mesg ul li a p span:nth-child(3){font-size: 8px;text-transform : uppercase;font-family: 氓庐鈥姑ぢ解€淃} .mesg ul li a .masks{ width: 100%; height: 100%; position: absolute; top: 0; right: 100%; background:#9C1F24; transition: all 0.6s; } .mebig ul li a .masks{background: #9C1F24;z-index: 99999;} .mebig ul li:nth-child(6) a .masks{ background: #B47F43;right: 0} .mebig ul li:nth-child(4) a .masks{ background: #9C1F24;right: 0;} .gol1 .mebig ul li:hover:nth-child(6) a .masks{right:100%} .gol1 .mebig ul li:hover:nth-child(4) a .masks{right:100%} .gol1 .mesg ul li:nth-child(4) a .masks .overs h2:nth-child(3){border:none;text-align: center;} .gol1 .mesg ul li:nth-child(4) a .masks .overs em{display:block;width: 115px;height:28px;border:1px solid #fff;text-align: center;line-height:28px;margin:50px auto;color:#fff} .gol1 .mesg ul li:nth-child(4) a .masks .overs h2:nth-child(2):after{content: '';display: block;width:30px;height: 2px; background: #fff;margin:10px auto} .mebig ul li a .masks>img{width: 24px;height: 24px;position: absolute;top: 15px;right: 20px;} .mesg ul li a .masks .overs{margin:24px 35px;} .mesg ul li a .masks .overs h2{color: #fff;} .mesg ul li a .masks .overs h2:nth-child(1){font-size: 24px;} .mesg ul li a .masks .overs h2:nth-child(2){font-size: 8px;margin-top: 0px;text-transform : uppercase;font-family:arial;} .mesg ul li a .masks .overs h2:nth-child(3){ font-size: 14px; line-height: 25px; margin-top: 40px; overflow: hidden;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical ; border-top: 1px solid #fff; } .mebig ul li a .masks .overs h2:nth-child(3){ padding-top: 15px; margin-top: 15px; line-height: 23px; -webkit-line-clamp: 3; } .mxiu ul li a .masks .overs h2:nth-child(3){ padding-top: 20px; margin-top: 20px; -webkit-line-clamp: 3; } .gol1 .mebig ul li:nth-child(4){text-align: center;} .gol1 .mesg ul li:nth-child(4) a .masks .overs{margin-top:100px} .gol1 .mesg ul li a:hover .masks{right:0;} .gol1 .mebig ul li video{height: 100%;} .gol1 .mebig ul li img{width: 100%;height: 100%;} .gol1 .mebig ul li:nth-child(1){width: 48%;height: 230px;overflow: hidden;} .gol1 .mebig ul li:nth-child(2){width:25%;height: 230px;overflow: hidden;} .gol1 .mebig ul li:nth-child(3){width:25.4%;height: 230px;overflow: hidden;} .gol1 .mebig ul li:nth-child(4){width:25%;height:465px;overflow: hidden;} .gol1 .mebig ul li:nth-child(5){width:33%;height:230px;overflow: hidden;} .gol1 .mebig ul li:nth-child(6){width:20%;height:230px;overflow: hidden;} .gol1 .mebig ul li:nth-child(7){width:20%;height:230px;overflow: hidden;margin-right:0} .gol1 .mebig ul li:nth-child(8){width:37%;height: 230px;overflow: hidden;} .gol1 .mebig ul li:nth-child(9){width:36.5%;height: 230px;overflow: hidden;margin-right:0} .gol1 .mesg ul li:nth-child(4) a:hover .masks{right:100%;} .gol1 .mesg ul li:nth-child(6) a:hover .masks{right:100%;} .gol2{height: auto;margin:100px auto 0px;} .gol2 .mesg ul li{overflow: hidden;} .gol2 .mesg ul li img{width: 100%;height: 100%;} .gol2 .mesg ul li a{width: 100%;height: 100%;} .gol2 .mesg ul li video{width: 100%;height: 100%;} .gol2 .mesg ul li:hover .masks{right:0} .gol2 .mesg ul li:nth-child(1){width:35%;height:230px;} .gol2 .mesg ul li:nth-child(2){width:30%;height:230px;} .gol2 .mesg ul li:nth-child(3){width:34%;height:230px;} .gol2 .mesg ul li:nth-child(4){width:26%;height:230px;} .gol2 .mesg ul li:nth-child(5){width:45%;height:230px;} .gol2 .mesg ul li:nth-child(6){width:28%;height:230px;margin-right: 0;} .gol2 .mesg ul li:nth-child(4) a .masks .overs h2:nth-child(3){text-align: left;} .gol2 .mesg ul li:nth-child(4) a .masks .overs em{display:block;width: 115px;height:28px;border:1px solid #fff;text-align: center;line-height:28px;margin:50px auto;color:#fff} .gol2 .mesg ul li:nth-child(4) a .masks .overs h2:nth-child(2):after{content: '';display: none;width:30px;height: 2px; background: #fff;margin:10px auto} .gol2 .mebig ul li a .masks>img{width: 24px;height: 24px;position: absolute;top: 15px;right: 20px;} .gol2 .mxiu ul li:nth-child(4) a .masks .overs h2:nth-child(3){ padding-top: 20px; margin-top: 20px; -webkit-line-clamp: 3; border-top: 1px solid #fff; overflow: hidden; } /*鍗庢亽浠嬬粛*/ .about-title{margin:50px 0} .about-title span{display: block;} .about-title span:after{content: '';display: block;width: 47px;height:4px; background: #E71F19;margin:20px auto} .about-title span em,.about-title span b{display: block;text-align: center;} .about-title span b{font-size:30px;color:#333333;font-weight:normal;line-height:30px;} .about-title span em{font-size:12px;color:#777777;line-height: 12px;margin-top:5px;;} .about-title p{color:#666666;font-size:14px;line-height:24px;text-align: center;max-width: 1300px;margin:0 auto 40px auto;} .about-left{width:48%;position: relative;} .about-left p img{width:100%} .about-left span{ position: absolute;top:46%;left:0%;right:0;width:100%;margin:0 auto;display: block;z-index: 999;text-align: center;-webkit-animation: gif 2s infinite linear;animation: gif 2s infinite linear;} @keyframes gif { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .about-right{width:49%;} .about-right p{line-height: 28px;color:#666666;font-size:15px;margin:40px 0} .about-left-bottom li{float:left;width: calc(100%/5 - 15px);height:133px; background: #EEEEEE;text-align: center;margin-right:18px;transition: all .4s;} .about-left-bottom li span{transition: all .4s;} .about-left-bottom li span,.about-left-bottom li em{display: block;text-align: center;font-size:16px;margin-top:5px;} .about-left-bottom li span{margin-top:30px;transition: all .4s;} .about-left-bottom li:nth-child(5){margin-right:0; background: #E71F19;} .about-left-bottom li:nth-child(5) a{color:#fff} .about-left-bottom li:hover{ background: #ddd;} .about-left-bottom li:hover span{transform:rotateY(180deg);} .about-left-bottom li:nth-child(5):hover { background: #A50D0A;} .none .ys{} /*鎴樼暐鍚堜綔*/ .parent{ background: #F5F5F5;padding:1px 0 50px 0;margin-top:50px} .parent .title,.about .title{margin:60px 0} .parent-left{width:40%;overflow: hidden; background: #fff; position: relative;padding-bottom:75px;height: 350px;} .parent-title{margin:34px 0} .parent-title b,.parent-title span{display: block;text-align: center;} .parent-title b{font-size:22px;line-height: 22px;margin:5px 0;color:#333} .parent-title span{font-size:12px;line-height: 12px;} .parent-list{width:80%;margin:0 auto;overflow: hidden;} .parent-list li{width: 48%;;} .parent-list li img{width: 100%;} #parent-num{bottom:30px} #parent-num span{width:13px;height:13px;border-radius: 100%;margin:0 10px} #parent-num .swiper-pagination-bullet-active{ background: #EC0307;} .parent-right{width:59%;border:1px solid #ddd;height:425px;display: table-cell; vertical-align: middle;overflow: hidden;} .parent-right img{width:90%;height: auto;display: inline-block;} /*鎴樼暐鍚堜綔*/ /*鏂伴椈涓績*/ .news{margin:50px auto} .news-list{width:calc(100%/3 - 30px);margin-right:45px;float:left;} .news-list:nth-child(3){margin-right:0} .news-list h2{border-bottom:1px solid #DDDDDD;padding:10px 0} .news-list h2:before{content: '';float:left;width:12px;height: 15px; background: #E71F19;margin-top:9px;margin-right:10px} .news-list h2 b{font-size:16px;color:#333333;font-weight:bold} .news-list h2 span{font-size:14px;color:#666666} .news-list h2 a{float:right;width:79px;height:28px;line-height: 28px;text-align: center; background: #EEEEEE;color:#666;font-size:13px;border-radius: 100px;} .news-list h2 a:hover{ background: #EC0307;color:#fff} .news-list ul{margin:20px 0} .news-list ul li{border-bottom:1px dashed #DDDDDD;overflow: hidden;padding: 10px 0;} .news-list ul li a{color:#666666;font-size:14px;overflow: hidden;} .news-list ul li a:hover{color:#EC0307} .news-list ul li a span{float:left;width:70%;line-height: 22px;} .news-list ul li a em{float:right} /*鏂伴椈涓績*/ /*搴曢儴*/ .footer{padding-bottom:64px; background: #111111;} .footer-top{ background: #333333;padding:20px 0 30px 0} .foot-left,.foot-center,.foot-right{height: 255px;} .foot-left{width: 445px;border-right:1px solid #474747;} .foot-left .foot-logo dt,.foot-logo dd{float:left} .foot-logo{margin:30px 0} .foot-logo dt,.foot-logo dd{float:left} .foot-logo dd{margin-left:10px} .foot-logo dd em,.foot-logo dd span{display: block} .foot-logo dd em{ background: #414141;font-size:14px;color:#ffffff;width: 220px;height: 42px;line-height: 21px;text-align: center;margin-top:12px; padding: 4px 0;} .foot-dingyue dt{color:#fff;font-size: 16px;margin-bottom:10px;} .foot-dingyue dd a{margin-right:10px;display: inline-block;margin-top:6px;} .foot-dingyue dd form{width: 212px;height: 37px; background: #fff;margin-left:30px} .foot-dingyue dd form input{border:none; background: #fff;height: 37px;} .foot-dingyue dd form .form-text{text-indent: 20px; float: left; width: 150px;} .foot-dingyue dd form .form-submit{width:40px;float:right; background: url(../images/foot-search.png) no-repeat center;border-left:1px solid #DEDEDE} .foot-center{width:35%;margin-left:40px;border-right: 1px solid #474747;padding-right:30px} .foot-title{font-size:16px;font-weight:bold;color:#fff;padding-top:15px} .foot-title em{font-size:14px;font-weight: normal;margin-left:10px;} .foot-center ul {margin:20px 0;overflow: hidden;border-top:1px solid #474747;border-bottom:1px solid #474747;height: 55px;line-height: 55px;} .foot-center ul li{float:left;margin-right:16px;} .foot-center ul li a{color:#8E8E8E;float:left;font-size:16px;} .foot-center ul li a:hover{color:#fff} .foot-center p{font-size:13px;line-height: 26px;color:#AFAFAF;} .foot-right{width:26%} .foot-right .foot-title{border-bottom:1px solid #474747;padding-bottom:20px} .foot-right ul{margin-top:15px;} .foot-right ul li{line-height: 35px;} .foot-right ul li a{color:#9A9A9A;transition: all .4s;} .foot-right ul li a:hover{color:#fff;padding-left:10px;} .footer-bottom{ background: #111111;height: 50px;line-height: 50px;} .footer-bottom,.footer-bottom a{color:#A1A1A1;text-align: center;} .foot-fix{height: 64px;width: 100%; background: url(../images/foot-bottombg.jpg) no-repeat center; background-size:cover;position: fixed;bottom:-1px;width:100%;left:0;z-index: 9999;} .foot-fl dl{float:left;margin-right:30px;margin-top:10px;border-right:1px solid #C83A36;padding-right: 30px;margin-right:20px;;} .foot-fl dl dt,.foot-fl dl dd{float:left} .foot-fl dl dd{margin-left:10px} .foot-fl dl dd em,.foot-fl dl dd span{display: block;color:#fff} .foot-fl dl dd em{font-size:14px;line-height:14px;padding-top:3px} .foot-fl dl dd span{font-size:20px;line-height:20px;font-weight: bold;font-family: arial;margin-top:5px;font-weight: 900;} .foot-fl dl:nth-child(3){font-weight:bold;color:#fff;line-height:45px;} .foot-fl dl:nth-child(3) a{color:#fff;font-size:18px;} .foot-fr{margin-top:13px;} .foot-fr ul li{margin-left:4px;float:left} .foot-fr ul li a{color:#fff;border:1px solid #D07B76;padding: 0 8px;height: 35px;line-height: 35px;float:left;font-size:16px;} .foot-fr ul li:hover a{ background: #fff;color:#AA231D} /*搴曢儴*/ /*浜掑姩绉戞妧*/ .ny-banner{width: 100%;} .ny-banner img{width: 100%;} .ny-main .title{margin:30px 0;padding-top:30px;width:93%} .ny-main .title p b{width: 330px;text-align: center;} .ny-main .title p{margin:10px 0} .inter{margin-bottom:50px} .inter-list .mesg ul li a:hover .masks{right:0;} .inter-list .mebig ul li video{width: 100%;height: 100%;} .inter-list .mebig ul li img{width: 100%;height: 100%;} .inter-list .mebig ul li:nth-child(1){width: 40%;height: 260px;overflow: hidden;} .inter-list .mebig ul li:nth-child(2){width: 35%;height: 260px;overflow: hidden;} .inter-list .mebig ul li:nth-child(3){width:24%;height: 260px;overflow: hidden;} .inter-list .mebig ul li:nth-child(4){width:22%;height:260px;overflow: hidden;} .inter-list .mebig ul li:nth-child(5){width:30%;height:260px;overflow: hidden;} .inter-list .mebig ul li:nth-child(6){width:22%;height:260px;overflow: hidden;} .inter-list .mebig ul li:nth-child(7){width:24.7%;height:260px;overflow: hidden;margin-right:0} .inter-list .mesg ul li:nth-child(4) a .masks{right:100%;} .inter-list .mesg ul li:nth-child(6) a .masks{right:100%;} .inter-list .mesg ul li:nth-child(4) a:hover .masks{right:0%;} .inter-list .mesg ul li:nth-child(6) a:hover .masks{right:0%;} .inter-list ul li:nth-child(6) a .masks{ background: #9C1F24;} /*vrar*/ .vrar{ background: #F0F0F0;padding:1px 0 50px 0} .vrar .mesg ul li a p span:nth-child(1){float: left;} .vrar .mesg ul li a p span:nth-child(2){float: left;margin-left:20px;margin-top:-3px} .vrar .mesg ul{ position: relative;} .vrar .mesg ul li{overflow: hidden;} .vrar .mesg ul li img,.vrar .mesg ul li video{width: 100%;height: 100%;} .vrar .mesg ul li:nth-child(1){width: 45%;height: 500px;} .vrar .mesg ul li:nth-child(2){width: 25%;height: 500px;} .vrar .mesg ul li:nth-child(3){width:29.3%;height: 248px; position: absolute;right:0;top:0;} .vrar .mesg ul li:nth-child(4){width:29.3%;height: 248px; position: absolute;right:0;bottom:0;margin-right:0} .vrar .mesg ul li img{transition: all .5s;} .vrar .mesg ul li:hover img{transform: scale(1.3);} /*鍏ㄦ伅鎴愬儚*/ .imageing{padding:1px 0 50px 0} .imageing .mesg ul{ position: relative;} .imageing .mesg ul li{overflow: hidden;} .imageing .mesg ul li img,.imageing .mesg ul li video{width: 100%;height: 100%;} .imageing .mesg ul li:nth-child(1){width:45%;height: 500px;} .imageing .mesg ul li:nth-child(2){width:25%;height: 500px;} .imageing .mesg ul li:nth-child(3){width:29.3%;height: 248px; position: absolute;right:0;top:0;} .imageing .mesg ul li:nth-child(4){width:29.3%;height: 248px; position: absolute;right:0;bottom:0;margin-right:0} .imageing .mesg ul li img{transition: all .5s;} .imageing .mesg ul li:hover img{transform: scale(1.3);} /*鏁板瓧娌欑洏*/ .tables{padding:1px 0 50px 0} .tables .mesg ul{ position: relative;} .tables .mesg ul li{overflow: hidden;} .tables .mesg ul li img,.tables .mesg ul li video{width: 100%;height: 100%;} .tables .mesg ul li:nth-child(1){width: 45%;height: 500px;} .tables .mesg ul li:nth-child(2){width: 25%;height: 500px;} .tables .mesg ul li:nth-child(3){width: 29.3%;height: 248px; position: absolute;right:0;top:0;} .tables .mesg ul li:nth-child(4){width: 29.3%;height: 248px; position: absolute;right:0;bottom:0;margin-right:0} .tables .mesg ul li img{transition: all .5s;} .tables .mesg ul li:hover img{transform: scale(1.3);} /*鏈烘瑁呯疆*/ .devices{ background: #F0F0F0;padding:1px 0 50px 0} .devices .mesg ul{ position: relative;} .devices .mesg ul li{overflow: hidden;} .devices .mesg ul li img,.tables .mesg ul li video{width: 100%;height: 100%;} .devices .mesg ul li:nth-child(1){width:35%;height: 500px;} .devices .mesg ul li:nth-child(2){width:32.5%;height: 249px;} .devices .mesg ul li:nth-child(3){width:32%;height: 248px;position: absolute;right:0;top:0} .devices .mesg ul li:nth-child(4){width:32.5%;height: 248px;position: absolute;right:32.2%;bottom:5px;margin:0} .devices .mesg ul li:nth-child(5){width:32%;height: 248px;position: absolute;right:0;bottom:5px;margin:0} .devices .mesg ul li img{transition: all .5s;} .devices .mesg ul li:hover img{transform: scale(1.3);} /*涓帶绯荤粺*/ .systems{margin-bottom:50px;} .case-banner{position: relative;} .case-wz{color:#fff;text-align: center;padding-top:100px} .case-wz b{font-size:44px;color:#fff;display: block;line-height: 44px;margin-bottom:30px;} .case-wz span{margin:0 auto;font-size:23px;color:#fff;display: block;width: 540px;height:49px;border:1px solid #fff;line-height:49px;text-align: center;} /*绮惧搧妗堜緥*/ .case-banner{ position: relative;} .case-ctitle1{ position: absolute;bottom:0;height:70px; background: rgba(0,0,0,0.5);width: 100%;} .case-ctitle1 ul li{float:left;width: calc(100% / 5 - 2px);position: relative;} .case-ctitle1 ul li span,.case-ctitle1 ul li em{display: block;color:#fff;text-align: center;} .case-ctitle1 ul li span{font-size:16px;line-height:16px;margin-top:17px} .case-ctitle1 ul li em{font-size:12px;color:#B8B9B9} .case-ctitle1 ul li:after{content: '';width: 1px;height:40px; background: rgba(255,255,255,0.3);float:right;position: absolute;top:17px;} .case-ctitle1 ul li:nth-child(1):after{display: none;} .case-ctitle1 ul li:hover span,.case-ctitle1 ul li.on span{color:#BF1D1A} .case-banner{ position: relative;} .case-ctitle1s{ position: absolute;bottom:0;height:70px; background: rgba(0,0,0,0.5);width: 100%;} .case-ctitle1s ul li{float:left;width: calc(100%/6 - 2px);position: relative;} .case-ctitle1s ul li span,.case-ctitle1s ul li em{display: block;color:#fff;text-align: center;} .case-ctitle1s ul li span{font-size:16px;line-height:16px;margin-top:17px} .case-ctitle1s ul li em{font-size:12px;color:#B8B9B9} .case-ctitle1s ul li:after{content: '';width: 1px;height:40px; background: rgba(255,255,255,0.3);float:right;position: absolute;top:17px;} .case-ctitle1s ul li:nth-child(1):after{display: none;} .case-ctitle1s ul li:hover span,.case-ctitle1s ul li.on span{color:#BF1D1A} .case-con-top{overflow: hidden;} .case-con-top dl{float:left;width:25%;border-right:1px dashed #DDDDDD;box-sizing: border-box;margin:50px 0} .case-con-top dl dt{padding:20px 0} .case-con-top dl dt b{font-size: 22px;line-height:22px;font-weight: bold;color:#333} .case-con-top dl dt span{font-size: 14px;line-height:14px;font-weight: bold;color:#666666;font-weight:normal} .case-con-top dl dt,.case-con-top dl dd{width:80%;margin:0 auto} .case-con-top dl dd{font-size:14px;line-height:24px;color:#666} .ny-case-title {position: relative;margin:50px 0} .ny-case-title div{position: relative;padding-left:20px;} .ny-case-title div:before{content: '';width:41px;height:64px; background: #DDDDDD;float:left;position: absolute;left:0;z-index: -999;} .ny-case-title s{content: '';width:97%;float:right;height: 1px; background: #ccc; position: absolute;left:2.5%;top:50%} .ny-case-title div b{display: block;font-size: 30px;font-weight:bold;line-height:30px;color:#333333;margin-top:5px;} .ny-case-title div p{display: block;font-size:24px;color:#999999;line-height:24px;margin-top:7px;font-family: arial;} .ny-case-title div span{font-size:16px;line-height:18px;color:#666666;font-weight: normal;margin-left:20px;position: relative;top:-6px;} .ny-case-list li{border:1px solid #eee;overflow: hidden; background: #f5f5f5;margin:20px 0} .ny-case-list li .pic{width:60%;overflow: hidden;} .ny-case-list li .pic img{width: 100%;transition: all .4s;} .ny-case-list li:hover .pic img{transform: scale(1.2);} .ny-case-list li .info{width:40%;} .ny-case-list li .info div{width:76%;margin:30px auto 0 auto} .ny-case-list li .info div h2{padding-top:50px;border-bottom:1px solid #CECECE;padding-bottom:30px;margin-bottom:30px;} .ny-case-list li .info div h2 b{font-size:30px;line-height:30px;display: block;} .ny-case-list li .info div h2 span{display: block;font-size:16px;color:#777777;line-height:20px;margin-top:10px;} .ny-case-list li .info div p{font-size:16px;line-height:30px;color:#666} .ny-case-list li .info div em{margin-top:40px;display: block;width:210px;height:50px;line-height:50px;color:#fff; background: #E71116;border-radius:50px;text-align: center;} .ny-case-list li .info div em img{margin-right:10px;font-size:16px;} .ny-case-list li:nth-child(odd) .pic,.ny-case-list li:nth-child(odd) .info{float:left} .ny-case-list li:nth-child(even) .pic,.ny-case-list li:nth-child(even) .info{float:right} .pagelist{text-align: center;margin:50px 0} .pagelist a,.pagelist .rows{display: inline-block;padding:5px 8px;border:1px solid #999999;margin:0 5px;} .pagelist a:hover{ background: #000000;color:#fff} .pagelist .current{display: inline-block;padding:5px 8px;border:1px solid #999999;margin:0 5px; background: #E71116;color:#fff} .ny-clobal-con{ background: #F8F8F8;padding: 10px 0 3px 0} .cont6{height: 660px;margin: 50px auto 120px;} .cont6 ul{width: 100%;height: 100%;overflow: hidden;background: #f9f9f9;} .cont6 ul li{width: 25%;height: 220px;float: left;position: relative;overflow: hidden;} .cont6 ul li p.li1{width: 365px;height: 220px;cursor: pointer;} .cont6 ul li p.li1 img{transition: all 0.5s;} .cont6 ul li:nth-of-type(1){width:50%;height: 220px; background: #eee;} .cont6 ul li:nth-of-type(1) p.li2{width:68%;height: 170px;margin:45px auto 0 auto;} .cont6 ul li:nth-of-type(1) p.li2 img{width: 100%;} .cont6 ul li:nth-of-type(4),.cont6 ul li:nth-of-type(4) p.li1,.cont6 ul li:nth-of-type(8),.cont6 ul li:nth-of-type(8) p.li1{ width: 25%;height: 220px;} .cont6 ul li .conzx{background: #74B61E;} .cont6 ul li .conch{background: #B47F43;} .cont6 ul li .consj{background: #EEEEEE;} .cont6 ul li .conbk1{ background: #4D96B8;} .cont6 ul li .consj p{color:#666} .cont6 ul li .consj p.tit61{color:#333} .cont6 ul li .conbk p{color: #616161} .cont6 .con6li{width:90%;height:90%;position: relative;padding:5%; background: #EEEEEE;} .con6li p{color: #fff;} .con6li .tit61{font-size: 30px;color: #fff;} .con6li .tit61 img{width: 36px;height: 36px;position: relative;left: 10px;top: -2px;} .con6li .tit62{font-size: 14px;text-transform: uppercase;margin-top: 3px;} .con6li .tit63{ font-size:80px; font-family: arial; font-weight: bold;opacity: 0.2; position: absolute; top: 10px; right:15px; } .con6li .tit64{ margin-top:30px; width: 283px; font-size: 14px; line-height: 24px; text-align: justify; width: 90%; } figure .xz{ height: 100%; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transition: 0.6s; -webkit-transition: 0.6s; cursor: pointer; } figure .face { width: 100%; height: 465px; position: absolute; box-sizing: border-box; font-family: 'Source Sans Pro',sans-serif; } figure .face:nth-child(1) { color: #fff; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } figure .face:nth-child(1) .face1{width: 100%;height: 100%;position: relative;} figure .face:nth-child(2) { color: #094b2c; background: green; transform: rotateY(-90deg) translate3d(0, 0, 0); -webkit-transform: rotateY(-90deg) translate3d(0, 0, 0); } .ny-case2-list li{width:48%;margin:1%;float:left;border:1px solid #ddd;box-sizing: border-box;overflow: hidden;} .ny-case2-list .pic{overflow: hidden;} .ny-case2-list .pic,.ny-case2-list .pic img{width:100%} .ny-case2-list .pic img{transition: all .5s;} .ny-case2-list li:hover .pic img{transform: scale(1.3);} .ny-case2-list .info{width:94%;margin:0 auto;padding:30px 0;overflow: hidden;} .ny-case2-list .info h2{width:30%;text-align: center;} .ny-case2-list .info h2,.ny-case2-list .info p{float:left} .ny-case2-list .info h2 b,.ny-case2-list .info h2 span{display: block;} .ny-case2-list .info h2 b{ background:#A28D6E;color:#fff;font-size:16px;height:40px;width: 215px;line-height:40px;text-align: center;} .ny-case2-list .info h2 span{font-size:16px;color:#666;margin-top:5px;} .ny-case2-list .info p{margin-left:4%;width:66%;font-size:15px;color:#555;line-height:24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical ;margin-top:10px;} /*绮惧搧妗堜緥鍒楄〃椤?/ .wind .title{ width:64%;} .wind .shows{width: 100%;height: auto; margin-top: 60px;} .wind .shows ul{width: 100%;height: 548px;overflow: hidden;} .wind .shows ul li{ width:calc(100%/6); height: 548px; float: left; position: relative; float: left; cursor: pointer; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; border-left: 1px solid #fff; box-sizing: border-box; } .wind .showsg ul li{ width:calc(100%/7); } .wind .shows ul li:nth-of-type(1){border-left: 0;} .wind .shows ul li .ksm{ position: relative;z-index: 9; width: 100%; height: 100%; } .wind .shows ul li .ks{position: absolute;top:0;left:0;z-index:8;height: 100%;} /*.wind .shows ul li.lis{width: 785px!important;}*/ .wind .shows ul li:nth-of-type(6){margin-right: 0;} .wind .shows ul li .tits{position: absolute;top: 30px;left: 22px;width: 22px;height: 22px;border: 0;} .wind .shows ul li p{position: relative;z-index: 10;} .wind .shows ul li p.big{font-size: 24px;color: #fff;width: 25px;position: absolute;top: 60px;left: 22px;line-height: 25px;} .wind .shows ul li p.smal{ line-height: 12px; font-size: 12px; color: #fff; position: absolute;writing-mode:vertical-rl;bottom:50px;left: 10%;; } .wind .shows ul li p.bot{ display: none; font-size: 14px; line-height: 24px; color: #fff; width:93%; height: 70px; background: rgba(0,0,0,.8); padding: 15px 40px; position: absolute; left: 0; bottom: 0; } .wind .shows ul li img{ width: 100%; float:left } .wind .shows ul:hover li{ width: 10%; } .wind .shows ul li:hover{ width:60%; } .wind .showsg{width: 100%;height: auto; margin-top: 60px;} .wind .showsg ul{width: 100%;height: 548px;overflow: hidden;} .wind .showsg ul li{ width:calc(100%/7); height: 548px; float: left; position: relative; float: left; cursor: pointer; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; border-left: 1px solid #fff; box-sizing: border-box; } .wind .showsg ul li:nth-of-type(1){border-left: 0;} .wind .showsg ul li .ksm{ position: relative;z-index: 9; width: 100%; height: 100%; } .wind .showsg ul li .ks{position: absolute;top:0;left:0;z-index:8;height: 100%;} /*.wind .shows ul li.lis{width: 785px!important;}*/ .wind .showsg ul li:nth-of-type(6){margin-right: 0;} .wind .showsg ul li .tits{position: absolute;top: 30px;left: 22px;width: 22px;height: 22px;border: 0;} .wind .showsg ul li p{position: relative;z-index: 10;} .wind .showsg ul li p.big{font-size: 24px;color: #fff;width: 25px;position: absolute;top: 60px;left: 22px;line-height: 25px;} .wind .showsg ul li p.smal{ line-height: 12px; font-size: 12px; color: #fff; position: absolute;writing-mode:vertical-rl;bottom:50px;left: 10%;; } .wind .showsg ul li p.bot{ display: none; font-size: 14px; line-height: 24px; color: #fff; width:93%; height: 70px; background: rgba(0,0,0,.8); padding: 15px 40px; position: absolute; left: 0; bottom: 0; } .wind .showsg ul li img{ width: 100%; float:left } .wind .showsg ul:hover li{ width: 10%; } .wind .showsg ul li:hover{ width:40%; } /*瀵艰埅搴曢儴*/ .foot-nav{ background: #F5F5F5;overflow: hidden;height: 415px;} .foot-nav dl{padding:30px 0;float:left;width:calc(100%/5);border-right:1px solid #EAEAEA;box-sizing: border-box;height: 415px} .foot-nav dl dt{font-size:16px;color:#333;padding-left:20px;margin-bottom:20px;border-bottom:1px solid #ddd;padding-bottom:15px;} .foot-nav dl dt em{font-size:13px;font-weight:bold;color:#666;margin-left:10px;} .foot-nav dl dt,.foot-nav dl dd{width:75%;margin:0 auto} .foot-nav dl dt{ background:url(../images/list-bg.jpg) no-repeat top left;} .foot-nav dl dd a{display: block;border-bottom:1px dashed #DDDDDD;line-height: 30px;color:#666;transition: all .5s;} .foot-nav dl dd a:hover{text-indent:10px;color:#BE1915;} /*鑱旂郴鎴戜滑*/ .ny-con-title{margin:40px 0;} .ny-con-title b,.ny-con-title span{display: block;text-align: center;} .ny-con-title b{font-size:34px;line-height:34px;color:#333333} .ny-con-title span{font-size:16px;line-height:16px;color:#888888;margin-top:5px} .ny-contact-list dl{overflow: hidden;margin:40px auto} .ny-contact-list dl dt img{display: none;} .ny-contact-list dl dt{height: 336px; background-size:cover !important;} .ny-contact-list dl dt{width:60%} .ny-contact-list dl dt img{width:100%} .ny-contact-list dl dd{width:39.6%;border:1px solid #DADADA;height: 336px;box-sizing: border-box;position: relative;} .ny-contact-list dl dd div{width:80%;margin:30px auto;} .ny-contact-list dl dd div b{display: block;font-size: 25px;color:#555555;border-bottom:1px solid #DDDDDD;padding:20px 0} .ny-contact-list dl dd div b img{margin-right:20px} .ny-contact-list dl dd div p{line-height: 31px;color:#777777;font-size:15px;margin-top:30px;;} .ny-contact-list dl dd span{display: block;text-align: right;color:#E3E3E3;font-family: arial;font-size:14px;position: absolute;bottom:30px;right:30px;} .ny-contact-con{ height:550px} .ny-contact-left{width:50%} .ny-contact-right{width:50%} .ny-contact-left h2{margin-bottom: 40px;} .ny-contact-left h2 b{display: block;font-size:36px;color:#b47f43;line-height: 36px;margin-bottom:10px;} .ny-contact-left h2 p{font-size:17px;color:#666666} .ny-contact-left h2:after{content:'';display: block;width: 45px;height:4px; background: #CC9346;margin-top:30px} .ny-contact-left ul li{display: block;font-size:15px;line-height:20px;color:#666;padding-top: 20px;} .ny-contact-left ul li span{float:left;width:60px;text-align: center;} .ny-contact-right form{width:100%;margin-top:30px;} .ny-contact-right form div{ background: #FFFFFF;border:1px solid #DDDDDD;height:50px;overflow:hidden;margin:20px 0} .ny-contact-right form div label{width:130px; background: #EAEAEA;float:left;height: 50px;line-height:50px;text-align: center;} .ny-contact-right form div label em{color:#f00;margin-left:4px;} .ny-contact-right form div input{float:left;border:none;height:50px;text-indent:20px;width:60%} .ny-contact-right form div.form-name,.ny-contact-right form div.form-tel{width:48%;margin-right:3%;float:left} .ny-contact-right form div.form-company input{width:80%} .ny-contact-right form div.form-name input{ background: url(../images/form-icon1.png) no-repeat center right;} .ny-contact-right form div.form-tel input{ background: url(../images/form-icon2.png) no-repeat center right;} .ny-contact-right form div.form-company input{ background: url(../images/form-icon3.png) no-repeat center right;} .ny-contact-right form div.form-tel{margin-right:0} .ny-contact-right form div.form-company{width:100%} .ny-contact-right form div.form-xuanze select{width:70%;height: 50px;line-height:50px;border:none;margin-left:4%} .ny-contact-right form div.form-submit input{width:172px; background: #CC9346;height: 50px;line-height:50px;color:#fff;text-indent: 0;font-size:16px} .ny-contact-right form div.form-submit{width: auto; background: none;border:none;margin-top:10px;} /*鍔犲叆鎴戜滑*/ .ny-join{ background: #F6F6F6;padding:0 0 30px 0;margin-bottom:30px} .ny-join .title{width:70%} .ny-join-list ul li{overflow: hidden;border-bottom:1px solid #D6D6D6;padding:20px 0;} .ny-join-list ul li span,.ny-join-list ul li p,.ny-join-list ul li em{float:left} .ny-join-list ul li span{width:20%;height:87px;line-height: 87px;text-align: center; background: #DDDDDD;color:#333;font-size:18px} .ny-join-list ul li p{width:60%;margin:0 4%;font-size:15px;line-height:28px;margin-top:10px} .ny-join-list ul li em{cursor: pointer;width:104px;height:39px; background: #000000;color:#B47F43;text-align: center;line-height:39px;margin-top:20px;} .ny-join-bg{width:100%;height: 100vh; position: fixed;top:0;left:0; background: rgba(0,0,0,0.5);z-index:9999;display: none;} .mkcon{ width: 1000px; padding:30px 0 70px 0; position: fixed; top: 20%; left: 0; right:0;margin:0 auto; background: #fff;z-index:9999;display: none; } .mkcon .close{ width: 35px; height: 35px; position: absolute; top: 10px; right: 10px; display: block; cursor: pointer; } .mkcon p{font-size: 14px;line-height: 26px;margin-bottom: 10px;} .mkcon .tit{ margin-bottom:20px; width:100%; font-size: 30px; color: #666; text-align: center; line-height: 40px; } .mkcon .tit1{ font-size: 16px; color: #e4aa0d; text-align: left; margin-top: 15px; margin-bottom: 0; } .mkcon-more a{ position: absolute;bottom:20px;right:0;left:0;margin:0 auto; display: block; background: #e4aa0d; width:200px;height:40px;line-height:40px;text-align: center; } .ny-join-list .mkcon p{width: 100%;margin:0} .mkcon-con{width:80%;margin:0 auto;overflow: hidden;} .qiye1{width: 100%;height: auto;position: relative;} .qiye1 .qytit{width: 250px;height: 45px;position: absolute;top: 30px;left: 35px;} .qiye1 .qytit p:nth-of-type(1){font-size: 24px;color: #fff;} .qiye1 .qytit p:nth-of-type(1) span{ font-size: 12px; border: 1px solid #dcdcdc; padding: 2px 8px; position: relative; left: 10px; top: -2px; } .qiye1 .qytit p:nth-of-type(2){font-size: 8px;color: #fff;text-transform : uppercase;} .qiye1 .xcp{width: 100%;height: auto;} .qiye1 .xcp ul{width: 100%;height: 100%;overflow: hidden;} .qiye1 .xcp ul li{float: left;width: 49%;position: relative;box-sizing: border-box;margin-right:2%;margin-bottom:20px;} .qiye1 .xcp ul li video{width: 100%;height: auto;} .qiye1 .xcp ul li:nth-of-type(1){width:100%} .qiye1 .xcp ul li:nth-of-type(1) img{width: 100%;} .qiye1 .xcp ul li:nth-of-type(1) .pxq p.zi1{width: 760px;height: 45px;line-height: 23px;position: absolute;top: 23px;left: 30px;font-size: 14px;} .qiye1 .xcp ul li:nth-of-type(1) .pxq p.zi2{ width: 120px; height: 32px; line-height: 32px; position: absolute; right: 85px; top: 30px; background: #00011c; color: #ffdd80; text-align: center; } .qiye1 .xcp ul li:nth-of-type(2n+1){margin-right: 0;} .qiye1 .xcp ul li img{width: 100%;display: block;} .qiye1 .xcp ul li .pxq{width: 100%;height: 93px;border: 1px solid #bfbfbf;position: relative;box-sizing: border-box;} .qiye1 .xcp ul li .pxq p.zi1{ width: 370px; height: 45px; position: absolute; top: 24px; left: 28px; font-size: 14px; line-height: 23px; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .qiye1 .xcp ul li .pxq p.zi2{ display: block; width: 120px; height: 32px; line-height: 32px; position: absolute; right: 20px; top: 30px; text-align: center; border: 1px solid #bfbfbf; } .qiye1 .xcp .qytit{top: 14px;left: 26px;} .projectshow{ background: url(../images/projectshow-bg.jpg) no-repeat center;height:900px} .projectshow .title{padding-top: 45px;} .projectshow .title p span{color:#fff} .projectshow .title em{color:#fff} .projectshow .title p b{ background: #B47F43;color:#000} .conimg{width: 100%;border: 1px solid #817042;overflow: hidden;position: relative;z-index: 10;} .conimg > div{display: none;width: 100%;height:100%;} .conimg > div:nth-child(1){display: block;} .conimg > div img{width: 100%;height: 100%;} .conimg > div .miaos{ width: 380px; height: 175px; position: absolute; top: 240px; left: 75px; background: rgba(0,0,0,.5); } .conimg > div .miaos span{ width: 310px; height: 105px; font-size: 14px; line-height: 27px; text-align: justify; color: #c3c3c3; margin: 35px auto; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .project-ul{width: 100%;overflow: hidden;margin-top: 30px;position: relative;z-index: 10;} .project-ul li{ float: left; width: calc(100%/5 - 10px); height: 50px; line-height: 50px; margin-right: 11px; text-align: center; cursor: pointer; } .project-ul li a{font-size: 24px;color: #e4aa0d;} .project-ul li:last-child{margin-right: 0;} .project-ul li.on{border: 1px solid #817042;} .spevail{margin-bottom:60px} .spevail .mesg ul li{height:350px} .spevail .mesg ul li img{width:100%;height: 100%;} .spevail .mesg ul li:nth-child(1){width:40%} .spevail .mesg ul li:nth-child(2){width: 29%;} .spevail .mesg ul li:nth-child(3){width: 29%;} .spevail .mesg ul li:nth-child(4){width:29%} .spevail .mesg ul li:nth-child(5){width: 29%;} .spevail .mesg ul li:nth-child(6){width: 40%;} .spevail .mesg ul li:nth-child(6){margin-right:0} .digital{margin-bottom:40px} /*鏂伴椈鍔ㄦ€?/ .ny-news-top{margin-bottom:50px;} .ny-news-top .pic{width: 55%;height:484px} .ny-news-top .pic div{height: 100%;} .ny-news-top .pic img{width:100%;display: none;} .ny-news-top .info{width:44%;border:1px solid #DADADA} .ny-news-top .info ul li{padding:31px 0;border-bottom:1px solid #DDDDDD;transition: all .4s;} .ny-news-top .info ul li span{display: inline-block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical ;width:80%;float:left} .ny-news-top .info ul li h3{font-size:20px;line-height:20px;width:90%;margin:15px auto;transition: all .4s;overflow: hidden;} .ny-news-top .info ul li p{width:90%;margin:0 auto;color:#666;font-size:14px;line-height:24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical ;} .ny-news-top .info ul li h3 em{font-size:14px;color:#666;float:right} .ny-news-top .info ul li:nth-child(3){border:none} .ny-news-top .info ul li.on{ background: #F3F3F3;} .ny-news-top .info ul li.on h3{color:#B47F43} .ny-news-ctitle {text-align: center;} .ny-news-ctitle li{display:inline-block;width: 23%;height:70px;line-height: 70px; border:1px solid #ddd;transition: all .3s} .ny-news-ctitle li a{font-size:24px;display:inline-block;width: 100%;height:70px;line-height: 70px;text-align: center;background: #F3F3F3;transition: all .3s;} .ny-news-ctitle li:hover a,.ny-news-ctitle li.on a{ background: #000000;color:#B47F43} .ny-news-all ul{overflow: hidden;margin:30px 0} .ny-news-all ul li{ background: #F3F3F3;overflow:hidden;margin-bottom:10px} .ny-news-all ul li .pic,.ny-news-all ul li .time,.ny-news-all ul li .info{float:left} .ny-news-all ul li .pic{width:26%;} .ny-news-all ul li .pic img{width: 100%;} .ny-news-all ul li .time{width:10%;margin-right:3%;margin-top:4%} .ny-news-all ul li .time span,.ny-news-all ul li .time em{display: block;text-align: right;} .ny-news-all ul li .time span{font-size:38px;color:#555555} .ny-news-all ul li .time em{font-size:14px;color:#777;font-size:22px;} .ny-news-all ul li .info{width:55%;margin-top:4%} .ny-news-all ul li .info h2{font-size:26px;line-height:26px;color:#333333} .ny-news-all ul li .info p{line-height:26px;color:#666666;font-size:15px;margin-top:18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical } /*鍏充簬鎴戜滑*/ .ny-about-title{margin:40px 0} .ny-about-title div{float:left;margin-right:50px;} .ny-about-title div h2{color:#333333;font-size:28px;line-height:28px;margin-bottom:5px;font-weight:bold} .ny-about-title div span{display: block;font-size:14px;color:#666666;line-height:15px;margin-top:5px} .ny-about-title div h3{font-size:22px;font-weight:normal;color:#333333} .ny-about-title div h3 b{font-weight:bold} .ny-about-title div p{color:#777777} .ny-about-con .pic{float:left;width:51%} .ny-about-con .pic img{width:100%} .ny-about-con .info{float:right;width: 47%;margin-top:15px} .ny-about-con .info p{color:#666;line-height:28px;font-size:15px;margin-bottom:15px;} .ny-about-number{margin:50px auto;overflow: hidden;} .ny-about-number li{width:calc(100%/3 - 25px);float:left; background: #EEEEEE;height:90px;line-height:90px;margin-right:25px} .ny-about-number li:nth-child(3){margin-right:0} .ny-about-number li div b{font-family: arial;font-weight: bold;color:#E71F19;font-size:70px;} .ny-about-number li div em{font-size:40px;color:#e71f19;margin-left:5px} .ny-about-number li div{float:left;margin-left:20%} .ny-about-number li p{font-size:28px;color:#333333;float:left;margin-left:15px;} .ny-about-number li:nth-child(1) div em{font-size:24px;} .ny-about-advantage{ background: url(../images/ys-bannerbg.jpg) no-repeat center;height:665px;} .ny-advant-list{overflow: hidden; position: relative;} .ny-advant-list li{height:395px;} .ny-advant-list li .pic{float:left;width:50%;height:395px;} .ny-advant-list li .pic img{display: none;} .ny-advant-list li .info{float:right;height:395px; background: #FFFFFF;width: 50%;} .ny-advant-list li .info h2{border-bottom:1px solid #EEEEEE;padding:100px 0 30px 0;margin-bottom:30px;position: relative;} .ny-advant-list li .info h2 b{display: block;font-size:26px;line-height: 26px;color:#333;} .ny-advant-list li .info h2 span{display: block;font-size:14px;color:#666} .ny-advant-list li .info p{font-size:16px;color:#666;line-height: 29px;} .ny-advant-list li .info h2,.ny-advant-list li .info p{width:80%;margin:0 auto} .ny-advant-list li .info h2 em{font-size:60px;color:#dddddd;font-family: arial;float:right;font-weight:900;position: absolute;top:70px;right:0;} .ny-advant-list li .info p{margin-top:30px;} .ny-about-advantage .title{padding:50px 0 40px 0;margin-bottom:0} /*璧勮川鑽h獕*/ .ny-honor-list dl{float:left;width:49%;margin-right:1%} .ny-honor-list dl{ background: #FAFAFA;border:1px solid #DADADA} .ny-honor-list dl:nth-child(1) dd span{margin:1% 1% 1% 1%;padding:1.17% 0} .ny-honor-list dl:nth-child(2){margin-right:0} .ny-honor-list dl:nth-child(2) dd span{width: 100%;} .ny-honor-list dl dt{background: #EBEBEB;line-height:100px;padding:30px 0} .ny-honor-list dl dt b,.ny-honor-list dl dt span{display: block;text-align: center;} .ny-honor-list dl dt b{font-size:22px;font-weight:bold;line-height:22px;margin-bottom:5px;color:#EC0307} .ny-honor-list dl dt span{font-size:15px;color:#999999;line-height:15px;} .ny-honor-list dl dd{width:90%;margin:20px auto;padding-bottom:30px;overflow: hidden;} .ny-honor-list dl dd span{transition: all .4s;float:left;width:46%;margin:1% 1% 0 1%;text-align: center;padding:1%; background: #EEEEEE;} .ny-honor-list dl dd span:hover{ background: #ddd;} .ny-tank-con{ background: #f6f6f6;padding:10px 0 60px 0;margin:30px 0} .ny-tank-list dl{overflow: hidden; background: #fff;} .ny-tank-list dl dt,.ny-tank-list dl dd{width:50%;height: 315px;} .ny-tank-list dl:nth-child(1) dt,.ny-tank-list dl:nth-child(1) dd{float:left} .ny-tank-list dl:nth-child(1) dt img{display: none;} .ny-tank-list dl:nth-child(2) dt,.ny-tank-list dl:nth-child(2) dd{float:right} .ny-tank-list dl dd h2{padding-top:40px;} .ny-tank-list dl dd h2,.ny-tank-list dl dd p{width:85%;margin:0 auto} .ny-tank-list dl dd h2 b{font-size:26px;color:#333333;line-height:26px;} .ny-tank-list dl dd h2 em{font-size:16px;color:#777777;font-family: arial;margin-left:10px;} .ny-tank-list dl dd h2:after{content:'';display: block;width: 44px;height:4px; background: #E71F19;margin:20px 0} .ny-tank-list dl dd p{font-size:16px;color:#666666;line-height:30px;} .ny-tank-list1{margin:40px auto 0 auto} .ny-tank-list1 dl{width:24%;margin-right:1.3333%;float:left; background: #FFFFFF;} .ny-tank-list1 dt img,.ny-tank-list1 dt{width:100%} .ny-tank-list1 dl:nth-child(4){margin-right:0} .ny-tank-list1 dt,.ny-tank-list1 dd{width:90%;margin:0 auto;} .ny-tank-list1 dt{margin-top:20px} .ny-tank-list1 dd{height:283px;width:85%;margin:0 auto;text-align: center;} .ny-tank-list1 dd b{font-size:20px;color:#333333;margin:15px 0;display: block;text-align: center} .ny-tank-list1 dd b:after{content: '';display: block;width: 36px;height:3px; background: #E71F19;margin:10px auto;} .ny-tank-list1 dd p{line-height:26px;color:#666} .ny-vision-list {margin:40px auto} .ny-vision-list dl{float:left;width:calc(100%/3 - 30px);margin-right:45px} .ny-vision-list dl:nth-child(3){margin-right:0} .ny-vision-list dl dd{height:67px; background: #F5F5F5;line-height: 67px;} .ny-vision-list dl dd b{font-size:20px;font-weight:bold;color:#333;margin-left:30px;} .ny-vision-list dl dd span{color:#666;margin-left:20px;font-size:16px;} .ny-vision-list dl dt img{width: 100%;} .tj-case-con{position: relative;overflow: hidden;margin-bottom:50px} .tj-case-con li{float:left;} .tj-case-con li .pic{width:100%;overflow: hidden} .tj-case-con li .pic img{width: 100%;transition: all .5s;} .tj-case-con li .info{ background:#f5f5f5;padding:20px 0} .tj-case-con li .info span,.tj-case-con li .info em{display: block;text-align: center;} .tj-case-con li .info span{font-size:20px;color:#333} .tj-case-con li .info em{color: #888;font-size:11px;} .tj-case-con li:hover .pic img{transform: scale(1.3);} /*鎵嬫満瀹㈡湇*/ .pf_down { display: none; width: 100%; float: left; position: fixed; left: 0; bottom: 0; height: 50px; background: #E71F19; z-index: 66; box-shadow: 0 -4px 7px rgba(0,0,0,0.15); z-index: 999; } .pf_down li { box-sizing: border-box; width: 33.33%; float: left; text-align: center; padding: 7px 0 5px 0; border-right: 1px solid rgba(255,255,255, 0.2); } .pf_down li .ico7 { width: 100%; float: left; height: 20px; } .pf_down li.l1 .ico7{ background: url(../images/btn15.png) no-repeat center center; background-size: 20px 20px;} .pf_down li.l2 .ico7{ background: url(../images/btn16.png) no-repeat center center; background-size: 20px 20px;} .pf_down li.l3 .ico7{ background: url(../images/btn17.png) no-repeat center center; background-size: 20px 20px;} .pf_down li .name { width: 100%; float: left; margin-top: 4px; font-size: 12px; color: #fff; line-height: 14px; } /*鎵嬫満瀹㈡湇*/ /*浜у搧璇︽儏椤?/ .ny-pro-details{padding:50px 0} .details-left{width:72%;background: #fff;padding:2%} .details-left .tit{ font-size: 24px; color: #616161; height: 60px; line-height: 60px; border-bottom: 1px solid #dcdcdc; position: relative; } .details-left .tit a:after{content: '>';font-size:16px} .details-left .tit a:last-child:after{content: '';} .details-left .tit span:nth-of-type(1){font-size: 12px;display: inline-block;position: relative;top:1px;text-transform : uppercase;} .details-left .tit img{ display: inline-block; width: 24px; height: 24px; position: relative; top: -2px; } .details-left .tit span:nth-of-type(2){ font-size: 12px; display: inline-block; color: #c2c1c1; position: absolute; right: 0; bottom: 12px; line-height: 20px; } .details-left .tit span:nth-of-type(2) a{color: #c2c1c1;} .details-right{width:18%; background: #fff;padding:1% 2%} .details-right ul li img{width: 100%;} .xqcont{ margin-top: 30px;font-size: 14px;line-height: 28px;color:#555} .details-right .ctitle1{width: 100%;height: auto;margin-top: 10px;} .details-right .ctitle1{width: 100%;height: 100%;overflow: hidden;} .details-right .ctitle1>li{width: 100%;height: auto;margin-bottom:10px} .details-right .ctitle1>li>a{ box-sizing: border-box; display: block; width: 100%; height: 100%; line-height: 50px; font-size: 20px; color: #333; text-align: center; border: 1px solid #dcdcdc;transition: all .3s; } .details-right .ctitle1>li{cursor: pointer;} .details-right .ctitle1>li span{font-size: 12px;display: inline-block;text-transform : uppercase;position: relative;top: -3px;} .details-right .ctitle1>li>a.ond{background: #00011c;border: 1px solid #00011c;color: #ffdd80;} .details-right .ctitle1>li:hover>a,.details-right .ctitle1>li.on>a{ background:#BE1915;color:#fff} .details-right .ctitle1>li.on .ctitle2{display: block;} .details-right .ctitle1>li .hdxts{margin-top: 15px;padding-bottom: 5px;} .details-right .ctitle1>li .hdxts ul li a img{float: left;} .details-right .ctitle1>li:nth-child(1)>a{ background:#BE1915;color:#fff} .details-right .ctitle1>li:nth-child(1) .ctitle2{display: block;} .details-right .ctitle2{width: 100%;overflow: hidden;display: none;} .details-right .ctitle2 li{width: 100%;margin-bottom: 15px;overflow: hidden;} .details-right .ctitle2 li a{display: block;width: 100%;height: 100%;position: relative;border: 1px solid #dcdcdc;box-sizing: border-box;overflow: hidden;} .details-right .ctitle2 li a img{width:50%;float:left;transition: all .6s;} .details-right .ctitle2 li a .xni{width:45%;float:left;margin-top:18px;margin-left:2.5%} .details-right .ctitle2 li a .xni p:nth-child(1){color: #333;text-align: center;font-size:16px} .details-right .ctitle2 li a .xni p:nth-child(2){color: #888;text-align: center;font-size:11px} .details-right .ctitle2 li:hover{background: #f5f5f5;} .details-right .ctitle2 li:hover .vr p:nth-child(1){color:#E71518;} .details-left .tit span a:hover{color:#BE1915} .xqcont p{width: 100%;color:#333} .xqcont img{width:100% !important;margin:5px auto;display: block;height: auto !important;} .xqcont video{width:100% !important;height: auto !important;} /*2021.4.1鑽h獕璇佷功3澶у垎绫?/ .ny-honor1-list{margin-top: 40px;} .ny-honor1-list .container{} .ny-honor1-list{margin-bottom:70px} .ny-honor1-list .parHd{text-align: center;} .ny-honor1-list .parHd li{cursor: pointer;display: inline-block;width:125px;height:41px;line-height: 41px;text-align: center;background: #F2F2F2;color:#666;margin:0 10px} .ny-honor1-list .parHd li:hover,.ny-honor-list .parHd li.on{ background: #BE1915;color:#fff} .ny-honor1-list .parBd{margin-top:30px; position: relative;} .ny-honor1-list .parBd li{float:left;width:calc(100% / 5 - 15px); margin-right: 15px; border:1px solid #CCCCCC;} .ny-honor1-list .parBd li img{width: 100%;} #honor-prev,#honor-next{position: absolute; width: 40px; height: 40px; z-index: 2; top: 50%; transform: translateY(-50%); border-radius: 50% } #honor-prev{left: -42px; background: url(../images/honor-prev.png) no-repeat center #ccc;} #honor-next{right: -42px; background: url(../images/honor-next.png) no-repeat center #ccc;} #honor-prev:hover{background: url(../images/honor-prev2.png) no-repeat center #BE1915; } #honor-next:hover{background: url(../images/honor-next2.png) no-repeat center #BE1915;} /*2021.4.1绾㈣壊鏂囧寲寤鸿闅愯棌*/ /*.case-top li{width: calc(100% / 6 - 5px)}*/ .details-right .ctitle1>li:nth-child(2){display: none;} /*https://www.h2099.com/picture273.html姹囨姤鐗囨敼鎴愬浘鐗?/ .qiye1 .xcp ul li.video-pic video{display: none;} .qiye1 .xcp ul li.video-pic .pc-video-images{display: block;} .tj-case-con .swiper-pagination,.ny-advant-list .swiper-pagination{display: none!important;} /*棣栭〉鍦板浘鏇存崲*/ .parent-right{background: #e0e0e2} .parent-right img{width: 100%} /*2021.5.14 https://www.h2099.com/product263.html 澧炲姞鍒嗙被鏍峰紡*/ .campus-class{padding-left: 0!important;} .campus-class ul li{display: block!important; text-align: center;} .campus-class ul li h3{font-size: 16px;color: #333333;line-height: 16px;padding-top: 15px;} .campus-class li:hover span, .campus-class li.on span, .campus-class li.on h3, .campus-class li:hover h3 {color: #fff;} /*鍏氬缓棣嗗奖钘?/ /*.zhanting-wind .showsg ul li{width: calc(100% / 5)} .zhanting-case li:nth-child(6){display: none} .zhanting-case li{width: calc(100%/6 - 5px)}*/ /*浜洪槻棣嗛殣钘?/ /*.case-ctitle1s ul li{width: calc(100%/5 - 2px)} .case-ctitle1s ul li:nth-child(5){display: none;}*/ /*https://www.h2099.com/product263.html 鏍″洯鏂囧寲寤鸿 2022.6.15*/ .campus-case li {width: calc(100%/6 - 5px);} /*2024.1.31澧炲姞鍒嗙被*/ .case-ctitle1 ul li{width: calc(100% / 9 - 2px);} .case-ctitle1 ul li:nth-child(2){display: none} .case-topg li,.case-top li{margin-bottom: 10px} .case-top2 li:nth-child(3){display: none} .guan-list ul li{width: calc(100% / 11 - 2px);} .indexcasetop li{width: calc(100%/7 - 5px)} .indexcasetop li:nth-child(3){display: none} .indexcasetop li:nth-child(7) {margin-right: 5px;} .ztzg-case li{width: calc(100%/6 - 5px)!important;} .ztzg-case li:nth-child(8) {margin-right: 5px!important;} .whkj-case li{width: calc(100%/5 - 5px)!important;} .whkj-case li:nth-child(7) {margin-right:5px!important;}