/*banner*/ .banner { width: 100%; position: relative; } .focus { width: 100%; position: relative; zoom: 1; overflow: hidden; z-index: 9; } .f426x240, .f160x160 { width: 100%; overflow: hidden; z-index: 9; } .rslides li { width: 100%; float: left; display: none; z-index: 9; } .rslides li img { z-index: 9; display:block; } .rslides { width: 100%; position: relative; z-index: 9; margin: 0 auto; } .rslides_nav { height: 51px; width: 31px; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 0; text-indent: -9999px; overflow: hidden; text-decoration: none; display: none; } .rslides_nav:active { opacity: 1.0; } .rslides_nav.next { left: auto; right: 0; } .rslides_tabs { text-align: center; position: absolute; bottom: 30px; z-index: 9; left: 0%; width:100%; } .rslides_tabs li { display: inline; float: none; _float: left; *float: left; margin:0 10px; } .rslides_tabs a { margin-top: 0px; text-indent: 9999px; overflow: hidden; background:url(/uploads/image/images/ico1.png) no-repeat; display: inline-block; _display: block; *display: block; width: 15px; height: 15px; z-index: 9; *z-index: 9; } .rslides_tabs .rslides_here a { background:url(/uploads/image/images/ico1on.png) no-repeat; } .banner .prev{ position:absolute; left:2%; top:50%; margin-top:-17px; background:url(/uploads/image/images/nimg20_left.png) center no-repeat; z-index:22; width:20px; height:35px; display:block;} .banner .next{ position:absolute; right:2%; top:50%; margin-top:-17px; background:url(/uploads/image/images/nimg20_right.png) center no-repeat; z-index:22; width:20px; height:35px; display:block;} .banner .prev:hover{ background:url(/uploads/image/images/nimg20_lefton.png) center no-repeat;} .banner .next:hover{ background:url(/uploads/image/images/nimg20_righton.png) center no-repeat;} /*banner结束*/ .ind-banner3{width: 100%; height: 100vh;overflow: hidden; position: relative;} .ind-banner3 .swiper-slide {height: 100vh; color: #fff; } .ind-banner3 .swiper-slide {position: relative;} .ind-banner3 .swiper-slide img{width: 100%;} .ind-banner3 .swiper-slide a{ display: block; width: 100%; height: 100%; } .ind-banner3 .swiper-slide video { position: absolute; width: 100%; height:100%; left: 0px; top: 50%; transform: translatey(-50%); object-fit: cover; } .ind-banner3 .swiper-pagination{ position: absolute; text-align: center; left: 0; width: 100%; bottom: 45px!important; } .ind-banner3 .swiper-pagination-bullet {width: 15px; height: 15px; opacity: 1; background: url(/uploads/image/images/ico1.png) no-repeat; margin-left:5px!important; margin-right: 5px; border-radius: 0; -moz-border-radius:0; } .ind-banner3 .swiper-pagination-bullet-active {background: url(/uploads/image/images/ico1on.png) no-repeat!important; } .indexflashtel{position:relative; overflow:hidden; max-width:1004px; display:none;} .indexflashtel .btndiv{position:absolute; z-index:10; left:0px; bottom:25px; width:100%; text-align:center;} .indexflashtel .btndiv span{display:inline-block; width:15px; height:15px; background:url(/uploads/image/images/ico1.png) no-repeat; cursor:pointer; margin:0 5px;} .indexflashtel .btndiv span.on{ background:url(/uploads/image/images/ico1on.png) no-repeat;} .indexflashtel .bd{position:relative; z-index:0;} .indexflashtel .bd li{position:relative; text-align:center;} .indexflashtel .bd li img{width:100%; display:block;} .indexpart0{ height:157px; border-bottom:#eee solid 1px;} .indexpart0 .list li{ float:left; width:25%; text-align:center; background:url(/uploads/image/images/line2.jpg) right center no-repeat; height:157px;} .indexpart0 .list li .num{ padding:25px 0 5px; font-size:50px; color:#159997; font-family:impact;} .indexpart0 .list li .txt{ font-size:14px; color:#999; height:35px; position:relative;} .indexpart0 .list li .txt em{ position:absolute; left:50%; bottom:0px; margin-left:-10px; width:20px; height:2px; background:#f19015;} .indexpart1{ padding:90px 0 115px;} .indexpart1 .topdiv{ height:55px; position:relative; padding-bottom:30px;} .indexpart1 .topdiv .title{ padding-left:40px; font-size:24px; color:#159997; background:url(/uploads/image/images/nimg20_1.png) left center no-repeat;} .indexpart1 .topdiv .btndiv{ position:absolute; right:0px; top:2px;} .indexpart1 .topdiv .btndiv a{ position: relative; display:block; width:85px; height:26px; border: #eee solid 1px; color: #bababa; line-height:26px; font-size:14px; text-indent:14px; border-radius: 24px;} .indexpart1 .topdiv .btndiv a:after{ content: ''; position: absolute; width: 16px; height: 10px; right: 17px; top: 50%; margin-top: -5px; background:url(/uploads/image/images/nimg16_2.png) no-repeat;} .indexpart1 .topdiv .btndiv a:hover{ color:#159997; border: #159997 solid 1px;} .indexpart1 .topdiv .btndiv a:hover:after{ background:url(/uploads/image/images/nimg16_2on.png) no-repeat;} .indexpart1 .topdiv .txt{ position:absolute; right:110px; top:0px; line-height:32px; color:#bababa; font-size:14px;} .indexpart1 .leftdiv{ width:610px; margin-right:20px;} .indexpart1 .leftdiv .box{ position:relative;} /*.indexpart1 .leftdiv .imgdiv img{ width:100%;}*/ .indexpart1 .leftdiv .imgdiv img{ width:610px;} .indexpart1 .leftdiv .suspenddiv{ display: none; position:absolute; left:0px; bottom:0px; width:100%; height:170px; background:url(/uploads/image/images/bg1.png) repeat;} .indexpart1 .leftdiv .name{ padding:25px 30px 0; height:30px; line-height:30px; font-size:18px; color:#fff; overflow:hidden;} .indexpart1 .leftdiv .content{ padding:20px 30px 0; height:48px; line-height:24px; overflow:hidden; color:#fff; font-size:14px;} .indexpart1 .leftdiv .time{ padding:10px 30px 0; height:30px; color:#fff; position:relative;} .indexpart1 .leftdiv .time a{ position:absolute; right:30px; top:8px; color:#fff;} .indexpart1 .leftdiv .time a:hover{ text-decoration:underline;} .indexpart1 .leftdiv .phonebox{ display: none; position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; background:url(/uploads/image/images/bg1.png) repeat; } .indexpart1 .leftdiv .phonebox a{ display: block; width: 100%; overflow: hidden; font-size: 14px; color: #fff; line-height: 40px; } .indexpart1 .leftdiv .phonebox em{ padding: 0 10px; } .indexpart1 .rightdiv{ width:610px;} .indexpart1 .rightdiv .bigimg{ position:relative;} .indexpart1 .rightdiv .bigimg img{ width:610px;} .indexpart1 .rightdiv .bigimg .name{ position:absolute; width:100%; left:0px; text-align:center; top:50%; margin-top:-15px; height:30px; line-height:30px; color:#fff; font-size:24px;} .indexpart1 .rightdiv .list{ padding-top:20px; overflow:hidden;} .indexpart1 .rightdiv .list ul{ margin-right:-35px;} .indexpart1 .rightdiv .list li{ float:left; width:50%; font-size:14px; height:44px;} .indexpart1 .rightdiv .list li .box{ margin-right:35px; padding-left:22px; background:url(/uploads/image/images/ico5.png) left 9px no-repeat;} .indexpart1 .rightdiv .list li a{ display:block; height:22px; line-height:22px; overflow:hidden;} .indexpart1 .rightdiv .list li em{ display:block; color:#bababa;} .indexpart2 .topdiv{ height:55px; position:relative; padding-bottom:30px;} .indexpart2 .topdiv .wal{ height: 55px; position: relative; } .indexpart2 .topdiv .title{ padding-left:40px; font-size:24px; color:#159997; background:url(/uploads/image/images/nimg20_1.png) left center no-repeat;} .indexpart2 .topdiv .btndiv{ position:absolute; right:0px; top:2px;} .indexpart2 .topdiv .btndiv a{ position: relative; display:block; width:85px; height:26px; border: #eee solid 1px; color: #bababa; line-height:26px; font-size:14px; text-indent:14px; border-radius: 24px;} .indexpart2 .topdiv .btndiv a:after{ content: ''; position: absolute; width: 16px; height: 10px; right: 17px; top: 50%; margin-top: -5px; background:url(/uploads/image/images/nimg16_2.png) no-repeat;} .indexpart2 .topdiv .btndiv a:hover{ color:#159997; border: #159997 solid 1px;} .indexpart2 .topdiv .btndiv a:hover:after{ background:url(/uploads/image/images/nimg16_2on.png) no-repeat;} .indexpart2 .topdiv .txt{ position:absolute; right:110px; top:0px; line-height:32px; color:#bababa; font-size:14px;} .indexproduct{ position: relative; } .wrap1{ position:relative; } .wrap1 ul{ position:relative; z-index:2; } .wrap1 ul{ background: no-repeat center/cover; transition: all .4s ease; overflow: hidden; } .wrap1 li{ float: left; width: 50%; position: relative; overflow: hidden; } .wrap1 li a{ display:block; width:100%; height:100%;} .wrap1 li .imgdiv img{ width: 100%; transition: all .3s cubic-bezier(0.47, 0, 0.75, 0.72); transform: translate3d(0, 0, 0); } .wrap1 li .layer{ position: absolute; left: 14%; top: 8.5%; } .wrap1 li .name{ font-weight: bold; font-size: 36px; line-height: 36px; color: #666; } .wrap1 li .e-name{ font-weight: bold; font-size: 30px; line-height: 30px; color: #666; } .wrap1 li .msg{ font-size: 18px; color: #666; padding-top: 15px; } .wrap1 li .pj{ padding-top:25px;} .wrap1 li .pj dd{ font-size:14px; line-height:26px; color: #666;} .wrap1 li .bg{ position:absolute; left:0; top:0; opacity:0; width:100%; height:100%; background:rgba(23,151,153,0.8); z-index:1;} .wrap1 li:hover .bg{ opacity:1;} .wrap1 li:hover .e-name, .wrap1 li:hover .name, .wrap1 li:hover .msg, .wrap1 li:hover .pj dd{ color:#fff;} .wrap1 li .ico{ margin-top: 80px; position:relative; } .wrap1 li .ico .img1{ position:absolute; left:0; top:0; opacity:0;} .wrap1 li:hover .ico img{ opacity:0;} .wrap1 li:hover .ico .img1{ opacity:1;} .wrap1 .motor-background{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:1; overflow: hidden; background-color: #151515; } .motor-overlay{ position: absolute; opacity:1; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; transition: opacity 0.5s ease; z-index: 10; } .wrap1 .motor-background .bg{ opacity:0; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; transition: opacity 0.5s .3s ease; z-index: 9; } .wrap1 .motor-background.cur .motor-overlay { opacity:0; animation: opacity1 1s ease-in-out; } .wrap1 .motor-background.cur .bg{ opacity:1; animation: opacity2 1s ease-in-out; } .wrap1 li img{ transition: opacity 0.5s forwards ease; } .wrap1 li .layer{ opacity:1; transition: opacity 0.5s forwards ease; } .wrap1 li.cur{ position: static; } .wrap1 li .layer.cur{ opacity:0; left: 0; top: 0; } @-webkit-keyframes opacity1{ 0% { opacity:0.4 } 40% { opacity:1 } 100%{ opacity:0 } } @-webkit-keyframes opacity2{ 0% { opacity:0 } 100%{ opacity:1 } } .wrap1 li{ position:relative; z-index:2; } .wrap1 li .layer{ z-index:9; } .wrap1 li a{ display:block; } .indexpart3{ padding-top: 100px; } .indexpart3 .topdiv{ height:55px; position:relative; padding-bottom:30px;} .indexpart3 .topdiv .wal{ height: 55px; position: relative; } .indexpart3 .topdiv .title{ padding-left:40px; font-size:24px; color:#159997; background:url(/uploads/image/images/nimg20_1.png) left center no-repeat;} .indexpart3 .topdiv .btndiv{ position:absolute; right:0px; top:2px;} .indexpart3 .topdiv .btndiv a{ position: relative; display:block; width:85px; height:26px; border: #eee solid 1px; color: #bababa; line-height:26px; font-size:14px; text-indent:14px; border-radius: 24px;} .indexpart3 .topdiv .btndiv a:after{ content: ''; position: absolute; width: 16px; height: 10px; right: 17px; top: 50%; margin-top: -5px; background:url(/uploads/image/images/nimg16_2.png) no-repeat;} .indexpart3 .topdiv .btndiv a:hover{ color:#159997; border: #159997 solid 1px;} .indexpart3 .topdiv .btndiv a:hover:after{ background:url(/uploads/image/images/nimg16_2on.png) no-repeat;} .indexpart3 .topdiv .txt{ position:absolute; right:110px; top:0px; line-height:32px; color:#bababa; font-size:14px;} .indexpart3 .list li{ float: left; width: 33.33%; position: relative; overflow: hidden;} .indexpart3 .list li .imgdiv img{ width: 100%; } .indexpart3 .list li .layer{ position: absolute; right: 0; top: 0; width: 33%; height: 100%; background: rgba(0,0,0,0.5); } .indexpart3 .list li .mxfdiv{ padding: 0 28% 0 20%; height: 100%; } .indexpart3 .list li .name{ padding-top: 25px; width: 115px; font-size: 18px; color: #fff; line-height: 30px; height: 60px; overflow: hidden; } .indexpart3 .list li .ico{ position: absolute; left: 20%; bottom: 14%; } .indexpart3 .list li .msg{ opacity: 0; font-size: 14px; color: #fff; /*padding-top: 12px;*/ line-height: 26px; height: 104px; overflow: hidden; width: 220px; position:relative; left:-12px;} .indexpart3 .list li .msg em{ line-height: 26px; display: inline-block; padding: 0 12px; position:relative; top:1px;} .indexpart3 .list li:hover .layer{ width: 55%; background: rgba(19,182,180,0.8); } .indexpart3 .list li:hover .msg{ opacity: 1; } .indexpart3 .list li:hover .mxfdiv{ padding: 0 10%; } .indexpart3 .list li:hover .ico{ left: 10%; } .indexpart4{ padding:110px 0;} .indexpart4 .topdiv{ height:55px; position:relative; padding-bottom:30px;} .indexpart4 .topdiv .title{ padding-left:40px; font-size:24px; color:#159997; background:url(/uploads/image/images/nimg20_1.png) left center no-repeat;} .indexpart4 .topdiv .btndiv{ position:absolute; right:0px; top:2px;} .indexpart4 .topdiv .btndiv a{ position: relative; display:block; width:85px; height:26px; border: #eee solid 1px; color: #bababa; line-height:26px; font-size:14px; text-indent:14px; border-radius: 24px;} .indexpart4 .topdiv .btndiv a:after{ content: ''; position: absolute; width: 16px; height: 10px; right: 17px; top: 50%; margin-top: -5px; background:url(/uploads/image/images/nimg16_2.png) no-repeat;} .indexpart4 .topdiv .btndiv a:hover{ color:#159997; border: #159997 solid 1px;} .indexpart4 .topdiv .btndiv a:hover:after{ background:url(/uploads/image/images/nimg16_2on.png) no-repeat;} .indexpart4 .topdiv .txt{ position:absolute; right:110px; top:0px; line-height:32px; color:#bababa; font-size:14px; text-transform:uppercase;}.indexpart4 .list{ border-top:#eee solid 1px; border-left:#eee solid 1px;} .indexpart4 .list li{ float:left; width:16.66%;} .indexpart4 .list li .box{ border-right:#eee solid 1px; border-bottom:#eee solid 1px;} .indexpart4 .list li .box img{ width:205px;} .indexpart5{ padding-bottom: 100px;} .indexpart5 .leftdiv{ width:610px;} .indexpart5 .rightdiv{ width:560px;} .indexpart5 .list{ height:100px; background: #eee; margin-bottom:45px;} .indexpart5 .list li{ float:left; width:25%; height:100px; text-align:center; font-size:14px; position: relative;} .indexpart5 .list li:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #e0e0e0; } .indexpart5 .list li:last-child:after{ display: none; } .indexpart5 .list li a{ display: block; width: 100%; height: 100%; color: #999; } .indexpart5 .list li .ico{ padding:22px 0 10px;} .indexpart5 .list li .ico .img1{ display:none;} .indexpart5 .list li:hover a{ color: #159997; } .indexpart5 .list li:hover .ico .img1{ display:inline-block;} .indexpart5 .list li:hover .ico img{ display:none;} .indexpart5 .msgdiv{ width:230px;} .indexpart5 .msglist li{ padding-left:60px; position:relative; font-size:14px; height:84px;} .indexpart5 .msglist li .ico{ position:absolute; left:0px; top:5px;} .indexpart5 .msglist li b{ font-size: 14px; color: #333; display: block; padding-top: 5px; } .indexpart5 .msglist li p{ font-size: 14px; color: #999; padding-top: 6px; } .indexpart5 .ewmlist{ width: 208px; } .indexpart5 .ewmlist ul{ margin-left:-38px;} .indexpart5 .ewmlist li{ float:left; width:85px; margin-left:38px; padding-bottom: 12px;} .indexpart5 .ewmlist li .imgdiv{ border:#efefef solid 1px;} .indexpart5 .ewmlist li p{ text-align:center; padding-top:10px; color:#bababa; font-size:14px;} .about .msg{ font-size:14px; color:#999; line-height:24px; padding-bottom:25px;} .about .msg b{ font-size:16px; padding-right:10px;} .about .list{ height:157px; border-bottom:#eee solid 1px; border-top:#eee solid 1px;} .about .list li{ float:left; width:25%; text-align:center; background:url(/uploads/image/images/line2.jpg) right center no-repeat; height:157px;} .about .list li .num{ padding:25px 0 5px; font-size:50px; color:#159997; font-family:impact;} .about .list li .txt{ font-size:14px; color:#999; height:35px; position:relative;} .about .list li .txt em{ position:absolute; left:50%; bottom:0px; margin-left:-10px; width:20px; height:2px; background:#f19015;} .about .content{ font-size:14px; line-height:24px; color:#999; padding:40px 0;} .about .imgdiv img{ width:1240px;} .about .imgdiv2{ padding-top: 40px; } .culture .list li{ padding-left:190px; position:relative; min-height:150px; padding-bottom:20px; border-bottom:#efefef solid 1px;} .culture .list li .leftdiv{ position:absolute; left:0px; top:0px; width:150px; text-align:center;} .culture .list li .ico{ padding:52px 0 15px;} .culture .list li h2{ font-size:16px; color:#159997;} .culture .list li .name{ padding:50px 0 20px; position:relative; font-size:14px; font-weight:bold;} .culture .list li .name em{ display:block; position:absolute; left:0px; bottom:0px; width:20px; height:2px; background:#f19015;} .culture .list li .content{ font-size:14px; color:#999; padding-top:20px;} .historybox{ position:relative;} .historybg{ height:55px; background:url(/uploads/image/images/line4.jpg) left 36px repeat-x;} .historylist{ height:55px; background:url(/uploads/image/images/bg6.png) left 32px repeat-x; padding:0 40px;} .historylist .slick-slide{ text-align:center; height:55px; font-size:18px; font-weight:bold; color:#6e6e6e; background:url(/uploads/image/images/nimg16_1.png) center 27px no-repeat; cursor:pointer;} .historylist .slickon{ color:#159997; background:url(/uploads/image/images/nimg16_1on.png) center 27px no-repeat;} .historybox .slick-prev{position:absolute; z-index:10; left:-30px; top:50%; margin-top:-8px; display:block; background:url(/uploads/image/images/nimg14_left.png) left top no-repeat; width:35px; height:28px;} .historybox .slick-next{position:absolute; z-index:10; right:-30px; top:50%; margin-top:-8px; display:block; background:url(/uploads/image/images/nimg14_right.png) right top no-repeat; width:35px; height:28px;} .historycontentdiv{ padding-top:35px;} .historycontent{ display:none;} .historycontent li{ background:url(/uploads/image/images/line3.png) bottom repeat-x; padding:35px 0 20px 110px; position:relative;} .historycontent li .year{ position:absolute; left:20px; top:40px; font-size:16px; color:#333; font-weight:bold;} .historycontent li .list{ padding-top:5px;} .historycontent li .list dd{ font-size:14px; line-height:24px; color:#999; padding-bottom:20px;} .video .list ul{ margin-right:-20px;} .video .list li{ float:left; width:33.33%; margin-bottom:40px;} .video .list li .box{ margin-right:20px;} .video .list li .imgdiv{ position:relative;overflow: hidden; height: 250px;} .video .list li .imgdiv .img1{ width:400px;} .video .list li .hidebox{ position:absolute; left:0px; top:0px; display:none; z-index:11; background:url(/uploads/image/images/bg2.png) repeat; width:100%;} .video .list li .ico{ position:absolute; left:50%; top:50%; width:35px; height:35px; margin-left:-17px; margin-top:-17px;} .video .list li .name{ padding-top:15px; height:24px; line-height:24px; overflow:hidden; font-size:14px; text-align:center;} .videoshow .name{ text-align:center; font-size:24px; padding-bottom:10px;} .videoshow .time{ text-align:center; color:#bababa; padding-bottom:10px; border-bottom:#eee solid 1px;} .videoshow .videoimg{ text-align:center; padding:50px 0;} .videoshow .txt{ font-size:14px; color:#f19015; font-weight:bold; padding-bottom:15px;} .videoshow .content{ font-size:14px; line-height:24px; color:#999; padding-bottom:90px;} .videoshow .share{ padding-left:58px; position:relative; height:37px; color:#999; float:right;} .videoshow .share em{ position:absolute; left:0px; top:0px; font-size:14px; line-height:27px;} .videoshow .share li{ float:left; margin-left:10px;} .pagedown{height:75px; position:relative; overflow:hidden;} .pagedown .box{ border-top:#eee solid 1px; padding-top:15px; padding-right:130px;} .pagedown .btn{position:absolute; display:block; top:24px; right:0px; width:118px; height:33px; border:#e0e0e0 solid 1px; text-align:center; line-height:33px; font-size:14px;} .pagedown .btn:hover{ color:#fff; border:#159997 solid 1px; background:#159997;} .pagedown li{ height:30px; line-height:30px; overflow:hidden; position:relative; top:-3px; font-size:14px;} .honorbox{ position:relative;} .honorbg{ height:120px;} .honorlist{ height:120px; background:url(/uploads/image/images/bg4.png) left bottom repeat-x; padding:0 100px;} .honorlist .slick-slide{ text-align:center; padding-top:45px; height:75px; font-size:16px; cursor:pointer;} .honorlist .slickon{ color:#fff; background:url(/uploads/image/images/nimg80_1.png) center top no-repeat; font-size:18px; padding-top:28px; height:90px;} .honorbox .slick-prev{position:absolute; z-index:10; left:0px; top:96px; display:block; background:#fff url(/uploads/image/images/nimg16_left.png) left top no-repeat; width:30px; height:30px;} .honorbox .slick-next{position:absolute; z-index:10; right:0px; top:96px; display:block; background:#fff url(/uploads/image/images/nimg16_right.png) right top no-repeat; width:30px; height:30px;} .honorcontentdiv{ padding-top:70px;} .honorcontent{ display:none;} .honor .contentbox li{ background:#f7f7f7; padding:60px 38px 45px; margin-bottom:30px;} .honor li .year{ font-size:18px; color:#159997; font-weight:bold; padding-bottom:20px;} .honor li .botdiv{ padding-left:95px; position:relative;} .honor li .month{ position:absolute; left:0px; top:0px; width:65px; height:32px; background:url(/uploads/image/images/nimg65_1.png) no-repeat; line-height:32px; color:#333;} .honor li .month em{ display:block; width:56px; text-align:center; font-weight:bold;} .honor li .list{ padding-top:3px;} .honor li .list dd{ font-size:14px; line-height:24px; color:#999; padding-bottom:15px;} .product .title{ height:48px; border-bottom:#eee solid 2px; font-size:18px; color:#159997; font-weight:bold;} .product .list{ padding:30px 0 70px;} .product .list ul{ margin-right:-20px;} .product .list li{ float:left; width:25%; padding-bottom:20px;} .product .list li .box{ margin-right:20px;} .product .list li .imgdiv{ border:#eee solid 1px;} .product .list li .imgdiv img{ width:293px;} .product .list li .botdiv{ height:70px; background:#f3f3f3; padding:0 10px; overflow:hidden;} .product .list li .name{ padding-top:10px; height:28px; line-height:28px; overflow:hidden; font-size:18px; color:#666; text-align:center;} .product .list li .txt{ color:#999; font-size:14px; text-align:center; overflow:hidden; height:45px;} .product .list li:hover .botdiv{ background:#5bb7b6;} .product .list li:hover .name{ color:#fff;} .product .list li:hover .txt{ color:#eee;} .product .list2{ padding:30px 0 0;} .productshow_1{ position:relative; height:488px; padding-left:712px; margin-bottom:100px;} .productshow_1 .bigimg{ border:#eee solid 1px; width:608px; position:absolute; left:0px; top:0px;} .productshow_1 .rightbot{ width:528px; height:68px; position:absolute; right:0px; bottom:0px;} .productshow_1 .prev{position:absolute; left:0px; top:0px; display:block; width:42px; height:68px; background:url(/uploads/image/images/nimg42_left.jpg) left top no-repeat; z-index:66;} .productshow_1 .next{position:absolute; right:0px; top:0px; display:block; width:42px; height:68px; background:url(/uploads/image/images/nimg42_right.jpg) left top no-repeat; z-index:66} .productshow_1 .list{width:426px; overflow:hidden; position:relative; margin:0 auto;} .productshow_1 .list ul{width:2000%;} .productshow_1 .list li{float:left; width:83px; height:66px; border:#eee solid 1px; overflow:hidden; margin:0 11px;} .productshow_1 .list li img{ width:83px;} .productshow_1 .list .linow{ border:#159997 solid 1px;} .productshow_1 .name{ height:60px; border-bottom:#eee solid 1px; position:relative; font-size:24px; color:#159997; line-height:60px; font-weight:bold;} .productshow_1 .name em{ position:absolute; left:0px; bottom:-2px; width:20px; height:3px; display:block; background:#f19015;} .productshow_1 .msglist{ padding-top:25px;} .productshow_1 .msglist dd{ color:#999; font-size:14px; line-height:24px; padding-left:20px; background:url(/uploads/image/images/ico5.png) left 10px no-repeat; margin-bottom:8px;} .productshow .tab2{ height:52px; border-top:#e5e5e5 solid 1px; border-bottom:#e5e5e5 solid 1px; text-align:center;} .productshow .tab2 li{ display:inline-block; height:50px; line-height:50px; border-bottom:#fff solid 2px; font-size:18px; margin:0 35px;} .productshow .tab2 .linow{ border-bottom:#159997 solid 2px; color:#159997;} .productshow .content{ font-size:14px; line-height:30px; color:#999; padding:70px 0 50px;} .productshow .tableimg{ padding-top:40px;} .productshow .btndiv{ padding:60px 0 85px;} .productshow .btndiv a{ display:block; width:120px; height:35px; background:#159997; color:#fff; text-align:center; line-height:35px; font-size:14px;} .productshow .share{ padding-left:58px; position:relative; height:37px; color:#999; float:right;} .productshow .share em{ position:absolute; left:0px; top:0px; font-size:14px; line-height:27px;} .productshow .share li{ float:left; margin-left:10px;} .productshow_1tel{ display:none; padding-bottom:50px;} .productflash{ width:100%; overflow: hidden; position:relative;} .productflash .slider-for .imgdiv{ border:#eee solid 1px;} .productflash .slider-for img{ width:100%;} .productflash .agentlistbox{ width:100%; padding-top:15px; text-align:center;} .productflash .agentlist{ padding:0 40px;} .productflash .agentlist .slick-slide{float:left; margin:0 3px; border:#eee solid 1px;} .productflash .agentlist .slick-slide img{ width:100%;} .productflash .agentlist .slick-current{ border:#159997 solid 1px;} .productflash .slick-prev{ cursor:pointer;position:absolute; background:url(/uploads/image/images/nimg42_left.jpg) no-repeat left center; background-size:32px; width:32px; height:52px; bottom:0px; left:0px; z-index:222} .productflash .slick-next{ cursor:pointer;background: url(/uploads/image/images/nimg42_right.jpg) no-repeat right center; background-size:32px; width: 32px; height: 52px; position: absolute; bottom: 0px; right: 0px; z-index:222} .productshow_1tel .name{ padding:30px 0 10px; border-bottom:#eee solid 1px; position:relative; font-size:18px; color:#159997; font-weight:bold;} .productshow_1tel .name em{ position:absolute; left:0px; bottom:-2px; width:20px; height:3px; display:block; background:#f19015;} .productshow_1tel .msglist{ padding-top:15px;} .productshow_1tel .msglist dd{ color:#999; font-size:14px; line-height:24px; padding-left:20px; background:url(/uploads/image/images/ico5.png) left 10px no-repeat; margin-bottom:10px;} /*.solution .list li{ padding-bottom:50px;} .solution .list li .title{ font-size:18px; color:#159997; font-weight:bold; padding-bottom:25px; border-bottom:#eee solid 2px;} .solution .list li .content{ line-height:36px; font-size:14px; color:#999; padding:25px 0 40px;}*/ .solution{ padding-bottom:80px;} .solution .title{ font-size:18px; color:#159997; font-weight:bold; padding-bottom:25px; border-bottom:#eee solid 2px;} .solution .content{ line-height:36px; font-size:14px; color:#999; padding:25px 0 40px;} .solution .k-box{margin: 0 97px;} .solution .title1{margin: 40px 0 10px 0px;} .solution .title1 em{font-size: 39px;color: #159997;display: block;text-transform: uppercase;font-weight: bold;} .solution .title1 span{font-size: 29px;color: #333;display: block;padding: 9px 0 19px;} .solution .title1 i{display: block; width: 45px; height: 2px; background: #159997; } .solution .o-list{margin: 0 0px 40px;overflow: hidden;text-align: right;} .solution .o-list ul{float: right;} .solution .o-list li{float: left;margin-left: 20px;width: 75px;text-align: center;} .solution .o-list li img{width: 100% } .solution .o-list li span{color: #159997; line-height: 40px; font-size: 16px; } .solution p{line-height: 30px; color:#666;font-size: 16px; } .solution .img-list{overflow: hidden; margin: 40px 0 60px; } .solution .img-list .list{overflow: hidden; width: 694px; } .solution .img-list .list li{float: left;margin-right: 10px;margin-bottom: 10px;} .solution .img-list .list li:nth-child(3n){margin-right: 0; } .solution .img-list .list li img{} .solution .img1{margin:50px 0 0 ;} .solution .k-txt{float: right; } .solution .t1{color: #159997; font-size: 22px; } .solution .t2{color: #666; line-height: 30px; width: 419px; } .solution .tlt{color: #159997; font-size: 29px; padding: 40px 0 20px; } .solution .d-list{overflow: hidden;margin-top: 50px;} .solution .d-list li{float: left;width: 498px;margin-right: 50px;margin-bottom: 30px;} .solution .d-list li:nth-child(2n){margin-right: 0;} .solution .d-list img{float: left;margin-right: 18px;} .solution .d-list .t1{color: #159997;font-size: 20px;background: url(/uploads/image/images/z11.jpg)no-repeat 105px;padding-left: 126px;} .solution .d-list .t2{color: #666;line-height: 30px;width: 385px;margin-left: 115px;font-size: 16px;} .case .content{ font-size:14px; line-height:24px; color:#999; padding-bottom:40px;} .case .list{ border-top:#eee solid 1px; border-left:#eee solid 1px; margin-bottom:50px;} .case .list li{ float:left; width:16.66%;} .case .list li .box{ border-right:#eee solid 1px; border-bottom:#eee solid 1px;} .case .list li .box img{ width:205px;} .casetab{ text-align: center; padding-bottom: 50px; } .casetab li{ display: inline-block; } .casetab li .box{ margin: 0 5px; } .casetab li .box a{ display: block; width: 112px; height: 38px; border: #999 solid 1px; border-radius: 24px; line-height: 38px; font-size: 16px; color: #333; } .casetab li .box .anow,.casetab li .box a:hover{ background: #159997; color: #fff; border: #159997 solid 1px; } .caselist ul{ margin-right: -20px; } .caselist li{ float: left; width: 50%; padding-bottom: 45px; } .caselist li .box{ margin-right: 20px; } .caselist li .imgdiv{ overflow: hidden; } .caselist li .imgdiv img{ width: 100%; transition:1.5s;-moz-transition:1.5s;-webkit-transition:1.5s;-o-transition:1.5s; } .caselist li .name{ padding-top: 15px; height: 42px; font-size: 18px; } .caselist li .name a{ color: #666; height: 42px; line-height: 42px; overflow: hidden;} .caselist li .name a:hover{ color: #159997;} .caselist li .msg{ padding-top: 5px; color: #999; font-size: 14px; position: relative; left: -12px; height: 60px; overflow: hidden; } .caselist li .msg em{ line-height: 30px; display: inline-block; padding: 0 12px; position:relative; top:1px;} .caselist li .ico{ margin-top: 25px; width: 35px; height: 21px; } .caselist li .ico .img1{ display: none; } .caselist li .ico:hover img{ display: none; } .caselist li .ico:hover .img1{ display: inline-block; } .caselist li .box:hover .imgdiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);} .caseshow .name{ text-align:center; font-size:24px; padding-bottom:15px;} .caseshow .time{ text-align:center; color:#bababa; padding-bottom:15px; border-bottom:#eee solid 1px;} .caseshow .msglist{ height:86px; border-bottom:#eee solid 1px;} .caseshow .msglist li{ float:left; width:16%; text-align:center; background:url(/uploads/image/images/line2.jpg) right center no-repeat; height:86px;} .caseshow .msglist li .txt{ padding:16px 0 10px; font-size:14px; color:#159997; font-weight:bold;} .caseshow .msglist li p{ font-size:14px; color:#999; height:35px; position:relative;} .caseshow .content{ padding:36px 0; font-size:14px; line-height:24px; color:#999;} .caseshow .share{ padding-left:58px; position:relative; height:37px; color:#999; float:right;} .caseshow .share em{ position:absolute; left:0px; top:0px; font-size:14px; line-height:27px;} .caseshow .share li{ float:left; margin-left:10px;} .caseshow .box{ padding-bottom:100px;} .caseshow{ position:relative;} .caseshow .slick{ padding:10px 120px;} .caseshow .slick img{ width:100%;} .caseshow .slick-prev{ display:block; width:12px; height:20px; background:url(/uploads/image/images/nimg12_left2.png) no-repeat; position:absolute; left:0px; top:50%; margin-top:-10px; z-index:11;} .caseshow .slick-next{ display:block; width:12px; height:20px; background:url(/uploads/image/images/nimg12_right2.png) no-repeat; position:absolute; right:0px; top:50%; margin-top:-10px; z-index:11;} .caseshow .slick-prev:hover{background:url(/uploads/image/images/nimg12_left2on.png) no-repeat;} .caseshow .slick-next:hover{background:url(/uploads/image/images/nimg12_right2on.png) no-repeat;} .service .title{ height:26px; line-height:26px; padding-left:25px; background:url(/uploads/image/images/ico6.jpg) left center no-repeat; font-size:18px; color:#159997; font-weight:bold;} .service .part1{ overflow: hidden; padding-bottom: 70px; } .service .part1 .leftdiv{ width: 425px; padding-top: 35px; } .service .part1 .msg{ margin-top: 75px; position: relative; padding: 70px 0 70px 52px; font-size: 14px; line-height: 36px; } .service .part1 .msg:before{ content: ''; position: absolute; left: 16px; top: 0; width: 22px; height: 18px; background:url(/uploads/image/images/nimg22_6.png) no-repeat; } .service .part1 .msg:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 22px; height: 18px; background:url(/uploads/image/images/nimg22_7.png) no-repeat; } .service .part1 .rightimg{ width: 732px; } .service .part1 .rightimg img{ width: 732px; } .service .part2{ padding-bottom: 70px; } .service .part2 .content{ font-size: 14px; line-height: 24px; color: #999; padding: 10px 0 30px; } .service .part2 li{ float: left; width: 33.33%; position: relative; background: #f2f2f2; position: relative; top: 0;} .service .part2 li:nth-child(2){ background: #fafafa; } .service .part2 li .bg{ opacity: 0; } .service .part2 li .bg img{ width: 100%; } .service .part2 li .layer{ position: absolute; left: 0; top: 60px; } .service .part2 li .mxfdiv{ padding: 0 35px 0 65px; } .service .part2 li .ico .img1{ display: none; } .service .part2 li .name{ font-weight: bold; font-size: 24px; color: #333; padding: 20px 0 15px; } .service .part2 li .wen{ font-size: 14px; line-height: 24px; color: #999; } .service .part2 li:hover{ top: -10px; } .service .part2 li:hover .bg{ opacity: 1; } .service .part2 li:hover .ico img{ display: none; } .service .part2 li:hover .ico .img1{ display: inline-block; } .service .part2 li:hover .name, .service .part2 li:hover .wen{ color: #fff; } .service .part3{ padding-bottom: 75px; } .service .part3 .title{ margin-bottom: 35px; } .service .part3 .leftimg{ width: 732px; } .service .part3 .leftimg img{ width: 732px; } .service .part3 .rightdiv{ width: 432px; } .service .part3 .tel{ padding-top: 15px; } .service .part3 .tel b{ color: #159997; font-size: 14px; } .service .part3 .tel em{ font-size: 34px; color: #f19015; font-family: impact; } .service .part3 .msg{ padding-top: 15px; font-size: 14px; color: #999; line-height: 24px; } .service .part3 .wen{ padding-top: 40px; } .service .part3 .wen li{ padding-bottom: 25px; font-size: 14px; color: #999; line-height: 24px; } .service .part3 .wen li b{ display: block; color: #666; padding-bottom: 10px; } .service .list{ padding-top: 20px; } .service .list li{ color: #999; height:55px; line-height:55px; overflow:hidden; padding-left: 20px; padding-right:60px; background:url(/uploads/image/images/line5.png) bottom repeat-x; font-size:14px; position:relative;} .service .list li a{ position:absolute; right:0px; top:0px; display:block; background:url(/uploads/image/images/nimg12_1.png) left center no-repeat; padding-left:20px;} .newspic{ position:relative;} .newspic .slick{height:335px; padding:0 105px 0 505px; overflow:hidden; position:relative; background:#f5f5f5;} .newspic .slick .imgdiv{position:absolute; left:20px; top:20px;} .newspic .slick .imgdiv img { width:400px; } .newspic .slick .name{ height:50px; border-bottom:#e0e0e0 solid 1px; overflow:hidden; font-size:18px; padding-top:75px;} .newspic .slick .name a{color:#666; display:block; height:24px; line-height:24px; overflow:hidden;} .newspic .slick .content{line-height:24px; overflow:hidden; padding-top:20px; font-size:14px; height:48px; margin-bottom:30px; color:#999;} .newspic .slick .botdiv{ position:relative; height:30px; line-height:30px;} .newspic .slick .time{ color:#bababa; height:30px;} .newspic .slick .more{ position:absolute; right:0px; top:0px; background:url(/uploads/image/images/ico2.png) right center no-repeat; padding-right:18px;} .newspic .slick-dots{ text-align:center; padding-top:20px;} .newspic .slick-dots li{display:inline-block; margin:0 5px; width:10px; height:10px; background:#ccc; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; } .newspic .slick-dots .slick-active{background:#f19015;} .newspic .slick-prev{ position:absolute; display:block; width:12px; height:20px; background:url(/uploads/image/images/nimg12_left2.png) no-repeat; left:-48px; top:50%; margin-top:-10px; z-index:22;} .newspic .slick-next{ position:absolute; display:block; width:12px; height:20px; background:url(/uploads/image/images/nimg12_right2.png) no-repeat; right:-48px; top:50%; margin-top:-10px; z-index:22;} .newspic .slick-prev:hover{ background:url(/uploads/image/images/nimg12_left2on.png) no-repeat;} .newspic .slick-next:hover{ background:url(/uploads/image/images/nimg12_right2on.png) no-repeat;} .newslist{ padding-top:30px;} .newslist li{ height:258px; background:url(/uploads/image/images/line5.png) bottom repeat-x; position:relative; padding-left:188px;} .newslist li a{ display:block; height:258px;} .newslist li .timediv{ position:absolute; left:0px; top:50px; width:105px; height:85px; text-align:center; background:#eee; color:#999;} .newslist li .timediv em{ height:35px; background:#f5f5f5; display:block; line-height:35px; font-size:14px;} .newslist li .timediv span{ height:50px; line-height:50px; display:block; font-size:30px;} .newslist li .name{color:#666; height:50px; border-bottom:#e0e0e0 solid 1px; overflow:hidden; font-size:18px; padding-top:50px;} .newslist li .name em{ display:block; height:24px; line-height:24px; overflow:hidden;} .newslist li .content{line-height:24px; overflow:hidden; padding-top:20px; font-size:14px; height:45px; margin-bottom:30px; color:#999;} .newslist li .btndiv{ background:url(/uploads/image/images/ico2.png) right center no-repeat; width:52px; color:#666;} .newslist li:hover .timediv{ background:#0d8c8a; color:#fff;} .newslist li:hover .timediv em{ background:#159997;} .newslist li:hover .name{ color:#159997; font-weight:bold;} .newslist li:hover .btndiv{ background:url(/uploads/image/images/ico2on.png) right center no-repeat; color:#159997;} .newshow .name{ text-align:center; font-size:24px; padding-bottom:15px;} .newshow .time{ text-align:center; color:#bababa; padding-bottom:15px; border-bottom:#eee solid 1px;} .newshow .content{ font-size:14px; line-height:24px; color:#999; padding:30px 0;} .newshow .share{ padding-left:58px; position:relative; height:37px; color:#999; float:right;} .newshow .share em{ position:absolute; left:0px; top:0px; font-size:14px; line-height:27px;} .newshow .share li{ float:left; margin-left:10px;} .newshow .imgdiv{ text-align:center; padding:35px 0;} .project .name{ text-align:center; font-size:24px; padding-bottom:15px;} .project .time{ text-align:center; color:#bababa; padding-bottom:15px; border-bottom:#eee solid 1px;} .project .contentbox{ margin-top:50px; background:#3e4545; padding:50px 60px 40px;} .projectpic{ position:relative; padding:0 100px;} .projectpic .slick .imgdiv img{ width:100%;} /*.projectpic .msg{ color:#fff; position:absolute; right:100px; bottom:0px; width:100px; height:40px; background:url(/uploads/image/images/bg1.png) repeat; font-size:14px; text-align:center; line-height:40px;} */ .projectpic .slick-prev{ font-size:14px; display:block; color:#fff; width:76px; text-align:right; height:30px; line-height:30px; position:absolute; z-index:10; top:50%; margin-top:-10px; left:0px; background:url(/uploads/image/images/nimg8_left.png) left center no-repeat;} .projectpic .slick-next{ font-size:14px; display:block; color:#fff; width:76px; height:30px; line-height:30px; position:absolute; z-index:10; top:50%; margin-top:-10px; right:0px; background:url(/uploads/image/images/nimg8_right.png) right center no-repeat;} .projectpic .slick-prev:hover{ color:#159997; background:url(/uploads/image/images/nimg8_lefton.png) left center no-repeat;} .projectpic .slick-next:hover{ color:#159997; background:url(/uploads/image/images/nimg8_righton.png) right center no-repeat;} .projectpic .content{ color:#c1c3c3; font-size:14px; line-height:24px; padding-top:40px;} .project .teldiv{ display:none;} .projectpictel{ position:relative; padding:0px;} .projectpictel .slick img{ width:100%;} .projectpictel .slick-prev{ font-size:14px; display:block; color:#fff; width:76px; text-align:right; height:30px; line-height:30px; position:absolute; z-index:10; top:50%; margin-top:-10px; left:10px; background:url(/uploads/image/images/nimg8_left.png) left center no-repeat;} .projectpictel .slick-next{ font-size:14px; display:block; color:#fff; width:76px; height:30px; line-height:30px; position:absolute; z-index:10; top:50%; margin-top:-10px; right:10px; background:url(/uploads/image/images/nimg8_right.png) right center no-repeat;} .projectpictel .slick-prev:hover{ color:#159997; background:url(/uploads/image/images/nimg8_lefton.png) left center no-repeat;} .projectpictel .slick-next:hover{ color:#159997; background:url(/uploads/image/images/nimg8_righton.png) right center no-repeat;} .contact .title{ height:26px; line-height:26px; padding-left:25px; background:url(/uploads/image/images/ico6.jpg) left center no-repeat; font-size:18px; color:#159997; font-weight:bold;} .contact .part1{ padding-top: 28px; padding-bottom: 65px; overflow: hidden; } .contact .part1 .leftdiv{ width: 414px; } .contact .part1 .leftdiv li{ float: left; width: 50%; height: 246px; background: #eee; text-align: center; } .contact .part1 .leftdiv .li01{ background: #f6f6f6; } .contact .part1 .leftdiv li .ico{ padding: 75px 0 10px; } .contact .part1 .leftdiv li .name{ font-weight: bold; font-size: 14px; color: #333; padding-bottom: 10px; } .contact .part1 .leftdiv li p{ font-size: 14px; line-height: 22px; color: #999; } .contact .part1 .mapdiv{ border: #eee solid 1px;width:65%;height:490px; } .contact .part1 .mapdiv #map1{ } .contact .part2{ padding-bottom: 70px; } .contact .part2 .list{ padding-top: 25px; } .contact .part2 .list li{ float: left; width: 33.33%; position: relative; overflow: hidden;} .contact .part2 .list li .bg{ position:absolute; left:0; top:0; opacity:0; width:100%; height:100%; background:rgba(23,151,153,0.8); z-index:1;} .contact .part2 .list li .imgdiv img{ width: 100%; } .contact .part2 .list li .layer{ position: absolute; left: 40px; top: 60px; z-index: 4; color: #fff;} .contact .part2 .list .li01 .layer{ color: #333; } .contact .part2 .list li .name{ font-size: 30px; line-height: 30px; } .contact .part2 .list li .wen{ padding-top: 20px; line-height: 32px; font-size: 18px; padding-right: 120px; } .contact .part2 .list li:before{content:"";position: absolute;left:4%;top:4%;border-top:1px solid #fff;border-left:1px solid #fff; width:0; height:0; transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box; z-index: 3;} .contact .part2 .list li:after{content:"";position: absolute;right:4%;bottom:4%;border-right:1px solid #fff;border-bottom:1px solid #fff; width:0; height:0; transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box; z-index: 3;} .contact .part2 .list li:hover:before{width:92%;height:92%;visibility: visible;} .contact .part2 .list li:hover:after{width:92%;height:92%;visibility: visible;} .contact .part2 .list li:hover .bg{ opacity:1;} .contact .part2 .list2{ padding-top: 80px; } .contact .part2 .list2 li{ float: left; width: 35%; position: relative; height: 180px; } .contact .part2 .list2 li:first-child{ width: 30%; } .contact .part2 .list2 li:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #eee; } .contact .part2 .list2 li:last-child:after{ display: none; } .contact .part2 .list2 li .box{ padding: 0 70px 0 60px; } .contact .part2 .list2 li:first-child .box{ padding: 0 70px 0 0; } .contact .part2 .list2 li .name{ height:26px; line-height:26px; padding-left:25px; background:url(/uploads/image/images/ico6.jpg) left center no-repeat; font-size:18px; color:#159997; font-weight:bold;} .contact .part2 .list2 li .msglist{ padding-top: 15px; } .contact .part2 .list2 li .msglist dd{ position: relative; padding-left: 46px; font-size: 14px; line-height: 28px; color: #999; } .contact .part2 .list2 li .msglist dd em{ position: absolute; left: 0; top: 0; } .contact .part3{ padding-top: 20px; } .contact .part3 ul{ margin-right: -120px; } .contact .part3 li{ float: left; width: 33.33%; } .contact .part3 li .box{ margin-right: 120px; } .contact .part3 li .imgdiv img{ width: 100%; } .contact .part3 dl{ padding-top: 15px; } .contact .part3 dd{ font-size: 14px; line-height: 30px; position: relative; color: #999; } .contact .part3 dd em{ position: absolute; right: 0; top: 0; } .job .list li{ position:relative; margin-bottom:10px; border:#eee solid 1px;} .job .list li .topdiv{ height:48px; position:relative;} .job .list li .topdiv a{ display:block; height:48px; padding-right:100px; background:url(/uploads/image/images/nimg66_1.png) right center no-repeat;} .job .list li .box{ display:none; color:#5d5d5d; padding:45px 50px 60px;} .job .list li .msgdiv{ color:#999;} .job .list li.linow .topdiv a{ background:#159997 url(/uploads/image/images/nimg66_1on.png) right center no-repeat; color:#fff;} .job .list li.linow .msgdiv{ color:#fff;} .job .list li .msgdiv dd{ height:48px; float:left; line-height:48px; font-size:14px;} .job .list li .msgdiv .dd01{ text-align:left; text-indent:50px; width:248px;} .job .list li .msgdiv .dd02{ width:256px;} .job .list li .msgdiv .dd03{ width:210px;} .job .list li .msgdiv .dd04{ width:192px;} .job .list li .msgdiv .dd05{ width:165px;} .job .list li .content{ line-height:24px; padding-bottom:40px; font-size:14px; color:#999;} .job .list li h2{ position:relative; height:30px; color:#159997;} .job .list li .btndiv a{ display:block; width:118px; height:33px; color:#8b8b8c; font-size:14px; text-align:center; line-height:33px; border:#e0e0e0 solid 1px;} .job .list li .btndiv a:hover{ border:#159997 solid 1px; background:#159997; color:#fff;} .job .list li .teldiv{ display:none; padding-bottom:30px;} .job .list li .teldiv dd{ font-size:14px; color:#999; line-height:24px;} .lyb .msg{ text-align:center; color:#f19015; font-size:14px; padding-bottom:45px;} .lyb .form{ padding:0 210px;} .lyb .form ul{ margin-right:-20px;} .lyb .form li{ float:left; width:50%; height:70px;} .lyb .form li .box{ margin-right:20px; height:48px; border:#eee solid 1px; padding-left:58px; position:relative;} .lyb .form li .ico{ position:absolute; left:15px; top:13px;} .lyb .form li .input1{ width:100%; height:48px; line-height:48px; font-size:14px; color:#bababa;} .lyb .form .li01{ width:100%; height:250px;} .lyb .form .li01 .box{ height:198px;} .lyb .form textarea{ width:100%; height:198px; font-size:14px; line-height:24px;} .lyb .btngroup{ width:300px; margin:0 auto;} .lyb .btngroup li{ width:120px; margin:0 15px; float:left;} .lyb .btngroup li a{ display:block; width:118px; height:33px; line-height:33px; text-align:center; font-size:14px; border:#e0e0e0 solid 1px;} .lyb .btngroup li a:hover{ background:#159997; border:#159997 solid 1px; color:#fff;} #phonedd { display:none; } /*2020.5.19*/ .factory .title{ height:26px; line-height:26px; padding-left:25px; margin-bottom: 25px; background:url(/uploads/image/images/ico6.jpg) left center no-repeat; font-size:18px; color:#159997; font-weight:bold;} .factory .mxfdiv{ position: relative; } .factory .mxfdiv .imgdiv img{ width: 100%; } .factory .mxfdiv .name{ position: absolute; left: 35px; bottom: 25px; font-size: 18px; color: #fff; font-weight: bold; } .factory .mxfdiv .layer{ display: none; position: absolute; left: 120px; top: 110px; color: #fff; z-index: 2; } .factory .mxfdiv .txt{ font-weight: bold; font-size: 18px; } .factory .mxfdiv .msg{ padding-top: 25px; font-size: 14px; line-height: 24px; width: 500px; } .factorypic{ position: relative; margin-top: 15px; margin-bottom: 65px; } .factorypic .swiper-slide{ position: relative; } .factorypic .swiper-slide .limg img{ width: 100%; } .factorypic .swiper-slide .name{ position: absolute; left: 30px; font-size: 18px; color: #fff; bottom: 24px; font-weight: bold; } .factorypic .swiper-button-prev{ z-index: 2; position: absolute; left: 22px; top: 50%; margin-top: -16px; width: 31px; height: 31px; background: url(/uploads/image/images/nimg31_left.png) no-repeat; } .factorypic .swiper-button-next{ z-index: 2; position: absolute; right: 22px; top: 50%; margin-top: -16px; width: 31px; height: 31px; background: url(/uploads/image/images/nimg31_right.png) no-repeat; }