@charset "utf-8"; /* CSS Document */ /*comm*/ .inputTarget{position:relative;} .inputTarget input{width:100%;height:100%;border:0;background:transparent;position:relative;z-index:3;} .inputTarget textarea{width:100%;height:100%;border:0;background:transparent;position:relative;z-index:3;} .inputTarget label{position:absolute;left:0;top:0;font-weight:normal;} .inputTarget label.normal_label{z-index:1;background:inherit;} .inputTarget label.warn_label{z-index:2;background:inherit;} .anchor{width:100%;height:1px; position:absolute;top:0;left:0;display:inline-block;} /*pc*/ @media(min-width:1200px){ .container{width:1200px;padding:0;} .mb_header,.mb_footer,.mb_banner,.mb_style{display:none;} /*header*/ .header1{line-height:115px;height:115px;} .header1 .container{position:relative;} .header1 ._list{height:100%;} .header1 ._icon li{margin-left:10px; position:relative;height:115px;} .header1 ._icon li a{width:40px;height:40px; position:relative;margin-top:35px; z-index:9} .header1 ._icon li a img{ position:absolute;top:50%;left:50%; transform:translate(-50%,-50%); transition:all 0.4s;} .header1 ._icon li a img.icon1{opacity:0} .header1 ._icon li:hover a img.icon0{opacity:0} .header1 ._icon li:hover a img.icon1{opacity:1} .header1 ._icon .headerQr{width:120px; position:absolute;bottom:-100px;z-index:9;left:50%; transform:translateX(-50%);max-width:unset; display:none; transition:.4s all} .header1 ._icon li:hover .headerQr{ display:block;} .header1 ._tel{font-size:20px;line-height:normal;color:#0f6244;margin-left:20px;margin-top:30px;} .header1 ._nav li a{padding:0 18px;font-size:14px;color:#333;position:relative;} .header1 ._nav li a::after{ content:''; bottom:0;width:0;height:1px;background:#0f6244; left:50%; transform:translateX(-50%); position:absolute; transition:all 0.4s;} .header1 ._nav li a:hover, .header1 ._nav li.hover a{color:#0f6244;} .header1 ._nav li a:hover::after, .header1 ._nav li.hover a::after{width:100%;} .header1 ._nav li.on a{background:#0f6244;color:#fff;} .header1 ._navDrop{z-index:99; position:absolute; top:115px; left:50%; transform:translateX(-50%)} .header1 ._navDrop .g1{background:#eaeaea;padding:25px;display:none; position:absolute; top:0;left:0;} .header1 ._navDrop .g1 ._name{font-size:25px;color:#0f6244;font-weight:bold;} .header1 ._navDrop ul.g2{width:1020px;} .header1 ._navDrop .g2 li{margin-left:20px;margin-bottom:10px;width:240px;height:160px;} .header1 ._navDrop .g2 li:nth-child(4n+1){margin-left:0;} .header1 ._navDrop .g2 a{height:100%;} .header1 ._navDrop .g2 ._img{height:100%;} .header1 ._navDrop .g2 ._img img{width:100%;height:100%;} .header1 ._navDrop .g2 ._name{line-height:45px; font-size:16px; color:#fff;background:#333; transition:all 0.4s;font-weight:normal; position:absolute; left:50%;bottom:0;transform:translateX(-50%)} .header1 ._navDrop .g2 li:hover ._name{background:#0f6244} /*footer*/ .footer1{padding:75px 0 60px;background:#333333;} .footer1 ._title{color:#fff;} .footer1 ._title ._titleB{font-size:28px;} .footer1 ._title ._titleS{font-size:16px;} .footer1 .footerForm{width:500px;font-size:14px;} .footer1 .footerForm .formInputTarget{border:2px solid #838383;line-height:40px;background:transparent;width:235px;float:left;margin-left:30px;margin-top:30px;padding:0 15px;color:#fff;} .footer1 .footerForm .formInputTarget:first-child, .footer1 .footerForm .formInputTargetTextarea{margin-left:0;} .footer1 .footerForm .formInputTarget label{color:#838383;left:15px;top:0;} .footer1 .footerForm .formInputTargetTextarea{width:100%;} .footer1 .formSubmit{width:100%;border:0;background:#0f6244;color:#fff;font-size:14px;margin-top:30px;line-height:40px;} .footer1 .footerInfor{margin-left:30px;width:265px;} .footer1 .footerInfor ._tel{font-size:34px;font-weight:bold;margin-top:25px;color:#fff;} .footer1 .footerInfor ._add{color:#838383;font-size:16px;margin-top:35px;line-height:2.3;} .footer1 .footerInfor ._icp, .footer1 .footerInfor ._icp a, .footer1 .footerInfor ._copy{font-size:14px;color:#fff;white-space:nowrap;line-height:1.8;} .footer1 .footerInfor ._icp{margin-top:48px;} .footer1 .footerInfor ._icp a{margin-right:15px;} .footer1 .footerQr{font-size:14px;color:#ffffee;margin-top:50px;} .footer1 .footerQr li{width:150px;margin-left:15px;} .footer1 .footerQr li img{width:100%;height:0;padding-bottom:100%;} .footer1 .footerQr li ._name{margin-top:15px;} /*banner*/ .index_banner img{height:580px;width:100%;} .index_banner .hd{position:absolute;bottom:5%;z-index:9;} .index_banner .hd li{margin:0 8px;cursor:pointer;} .index_banner .hd li i{width:12px;height:12px;border-radius:50%;background:#fff;} .index_banner .hd li.on i{background:#0f6244;} .index_banner .arrow a{position:absolute;font-size:105px;color:#fff;top:50%;transform:translateY(-50%);cursor:pointer;} .index_banner .arrow a.prev{left:2%;} .index_banner .arrow a.next{right:2%;} .inner_banner img{height:375px;width:100%;} /*index*/ .indexContent ._title{font-size:28px;color:#222;font-weight:bold;margin-bottom:30px;} .indexContent ._title a{font-size:14px;color:#222;font-weight:normal;} .indexContent .level1{background:#f7f7f7;padding:70px 0 30px;} .indexContent .level1 ._item{overflow:hidden;} .indexContent .level1 ._item ._cover1, .indexContent .level1 ._item ._cover2, .indexContent .level1 ._item ._text{position:absolute; top:50%;left:50%; transform:translate(-50%, -50%);} .indexContent .level1 ._item ._cover1{height:105px;background:rgba(255,255,255,.63);z-index:3;} .indexContent .level1 ._item ._cover2{height:0;background:rgba(122,165,148,0.5);z-index:5;padding:10px;transition:all 0.4s;opacity:0;width:0;} .indexContent .level1 ._item ._cover2 b{height:100%;width:100%;border:1px solid #fff;} .indexContent .level1 ._item ._img{transition:all 0.4s;} .indexContent .level1 ._block1{margin-top:15px;} .indexContent .level1 ._block1 ._item{margin-left:40px;width:580px;height:250px;} .indexContent .level1 ._block1 ._item a{height:100%;} .indexContent .level1 ._block1 ._item ._text{font-size:30px;color:#0f6244;font-weight:bold;z-index:9;transition:all 0.4s;} .indexContent .level1 ._block1 ._item ._cover2{width:100%;} .indexContent .level1 ._block1 ._item img{width:100%;height:100%;} .indexContent .level1 ._block1 ._item:hover ._cover1{height:0;} .indexContent .level1 ._block1 ._item:hover ._cover2{height:100%;opacity:1;} .indexContent .level1 ._block1 ._item:hover ._text{color:#fff;} .indexContent .level1 ._block1 ._item:first-child{margin-left:0;} .indexContent .level1 ._block1>li._item:last-child{ margin-left:0; width:100%; margin-top:15px;display:none;} .indexContent .level1 ._block2{margin-top:20px;} .indexContent .level1 ._block2 ._item{margin-left:20px;width:385px;height:auto;} .indexContent .level1 ._block2 ._item a{height:100%;} .indexContent .level1 ._block2 ._item ._text{font-size:22px;color:#333;z-index:9;transition:all 0.4s;} .indexContent .level1 ._block2 ._item img{width:100%;height:100%;} .indexContent .level1 ._block2 ._item ._icon img{width:75px;height:50px;} .indexContent .level1 ._block2 ._item:first-child{margin-left:0;} .indexContent .level1 ._block2 ._item:hover ._cover1{height:0;} .indexContent .level1 ._block2 ._item:hover ._cover2{height:100%;opacity:1;width:100%;} .indexContent .level1 ._block2 ._item:hover ._text{color:#fff; font-weight:bold;} .indexContent .level1 ._block2 ._item:hover ._text img{filter:contrast(2) invert(1);} .indexContent .level1 ._item:hover ._img{ transform:scale(1.1)} .indexContent .level1 ._url a{width:240px;line-height:50px;font-size:20px;color:#fff;margin-top:10px;background:#0f6244;} .indexContent .level1 ._url a i{margin-left:10px;} .indexContent .level2{padding:25px 0;} .indexContent .level2 ._item{width:232px;height:310px;margin-left:10px; position:relative;} .indexContent .level2 ._item:first-child{margin-left:0;} .indexContent .level2 ._item ._img{width:100%;height:100%;} .indexContent .level2 ._item ._cover, .indexContent .level2 ._item ._text{ position:absolute;top:0;left:0;width:100%;height:100%; font-weight:bold;} .indexContent .level2 ._item ._cover{background:#fff;opacity:0; transition:all 0.4s} .indexContent .level2 ._item ._text{color:#333;font-size:20px;padding:25px 15px;} .indexContent .level2 ._item:hover ._cover{ opacity:0.5;} .indexContent .level2 ._item:hover ._text{ color:#0f6244;} .indexContent .level3{margin-bottom:120px;} .indexContent .level3 ._media{width:405px;} .indexContent .level3 ._media img{width:100%;height:0;padding-bottom:85.64%;} .indexContent .level3 ._news{width:360px;margin-left:40px;} .indexContent .level3 ._decoration{padding-top:120px;width:350px;} .indexContent .level3 ._media ._text{height:180px;background:#e5e5e5;padding:30px 25px 0;} .indexContent .level3 ._media ._text ._name{ font-size:24px;color:#333;font-weight:bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .indexContent .level3 ._media ._text ._intro{font-size:14px;color:#333;} .indexContent .level3 ._news li{border-bottom:1px solid #f3f3f3;padding:0 10px; transition:all 0.4s;padding-bottom:30px;margin-bottom:30px;} .indexContent .level3 ._news li a{color:#333;} .indexContent .level3 ._news li a b{font-weight:normal;opacity:0;} .indexContent .level3 ._news li a ._date{font-size:14px;} .indexContent .level3 ._news li a ._name{font-size:16px;} .indexContent .level3 ._news li:hover{border-color:#0f6244;} .indexContent .level3 ._news li:hover a{color:#0f6244;} .indexContent .level3 ._news li:hover a b{opacity:1;} .indexContent .level3 ._news ._more a{width:120px;line-height:40px;color:#fff;background:#0f6244;} .indexContent .level4{background:url(../images/index/l5-bg.jpg) no-repeat center center;height:650px;padding-top:80px;} .indexContent .level4 ._left{width:420px;} .indexContent .level4 ._left li{width:200px;height:228px;margin-left:20px;margin-bottom:20px;background:#fff;padding-top:15px;} .indexContent .level4 ._left li:nth-child(2n+1){margin-left:0;} .indexContent .level4 ._left li ._icon{margin-bottom:15px;} .indexContent .level4 ._left li ._name{font-size:24px;color:#333;margin-bottom:30px;} .indexContent .level4 ._left li ._more a{width:140px;line-height:40px;color:#fff;background:#666;border-radius:5px;} .indexContent .level4 ._left li ._more a:hover{background:#0f6244;} .indexContent .level4 ._right{position:relative;} .indexContent .level4 ._right a{ position:absolute;top:0;height:477px;z-index:3;} .indexContent .level4 ._right a._company{width:404px;left:0;} .indexContent .level4 ._right a._keshun{width:346px;right:0;} .indexContent .level4 ._right a._company span{display:inline-block;} /*inner*/ ._pagePathBlock{background:#eeeeee;1ine-height:68px;z-index:5;} ._navList a{font-size:14px;color:#666;line-height:68px; position:relative;} ._navList a::after{width:100%;height:1px;background:#0f6244; position:absolute;bottom:0;left:50%; transform:translateX(-50%);display:none;content:'';} ._navList li{margin-left:25px;} ._navList li.on a{color:#0f6244;} ._navList li.on a::after{display:block;} ._bigTitle{font-size:18px;line-height:65px;color:#0f6244;} ._bigTitle b{font-weight:normal;} ._innerContent{background:#f3f3f3;} ._innerContent1{background:#fff;} ._blackTitle{font-size:30px;color:#111;margin-top:55px;} /*contact*/ .contact .level1{margin-top:50px;} .contact .level1 ._block{color:#fff;height:320px;background:url(../images/contact/l1-bg.jpg) no-repeat center center;background-size:cover;} .contact .level1 ._block ._text{width:545px;padding-top:45px;margin-left:35px;} .contact .level1 ._block ._text ._title{font-size:35px;margin-bottom:30px;} .contact .level1 ._block ._text ._intro{font-size:14px;line-height:2.3;} .contact .level1 ._block ._form{width:546px;padding-top:10px;margin-right:35px;} .contact .level1 ._block ._form ._title{font-size:16px;margin-bottom:15px;} .contact .level1 ._block ._form .formInputTarget{border:1px solid #fff;line-height:38px;width:263px;margin-left:20px; float:left;margin-bottom:15px;padding:0 10px;} .contact .level1 ._block ._form .formInputTarget:first-child{margin-left:0;} .contact .level1 ._block ._form .formInputTargetTextarea{width:100%;margin-left:0;} .contact .level1 ._block ._form .formInputTarget label{left:10px;} .contact .level1 ._block ._form button{width:125px;line-height:30px;background:#fff;border:0;color:#0f6244;} .contact ._infor{width:570px;float:left;} .contact ._infor p{border-bottom:1px dotted #ddd;padding-bottom:20px;margin-top:20px;line-height:35px;color:#666;} .contact ._infor p:first-child{margin-top:0;} .contact ._infor p ._icon{width:35px;height:35px;margin-right:15px;} .contact ._infor p ._sTitle{font-size:14px;margin-right:5px;} .contact ._infor p ._mes{font-size:14px;} .contact ._map{float:right;width:570px;height:390px;} .contact ._map .map{width:100%;height:100%;} .contact .level2{margin-top:60px;margin-bottom:70px;} /*calculator*/ .calculator{padding:30px 0 50px;} .calculator .container{width:950px;} .calculator ._calBtn{float:left;margin-left:30px;cursor:pointer;margin-top:50px;} .calculator .calculatorForm{width:690px;} .calculator .calculatorForm td{padding:10px 15px;} .calculator .calculatorForm td.tdTitle{width:15%;} .calculator ._beizhu{display:none;margin-top:15px;padding-left:15px;} .calculator ._beizhu b{font-weight:normal;} .calculator .dataInput .inputTarget{border:1px solid #ccc;padding:0 10px;} .calculator .dataInput .inputTarget label{left:10px;color:#ddd;} .calculator ._calResult{display:none;align-items: baseline;margin-top:15px;padding-left:15px;} .calculator ._calResult b{color:#0f6244;font-size:18px;font-weight:bold;} .calculator ._calResult b i{font-style:normal;} .calculator ._errorMsg{display:none;color:#f00;font-size:18px;font-weight:bold;padding-left:15px;} .calculator table{line-height:35px;} .calculator .select2-container .select2-choice{line-height:35px;height:35px;border-radius:0;} .calculator .select2-container .select2-choice .select2-arrow{border-radius:0;} /*product*/ ._proNav .hd{background:#eee;line-height:80px;} ._proNav .hd ul{font-size:18px;color:#333;display:flex;border-left:1px solid #fff;border-right:1px solid #fff;} ._proNav .hd ul a{color:#333;} ._proNav .hd li{width:33.3%;border-left:1px solid #fff;position:relative; cursor:pointer;padding:0 20px;} ._proNav .hd li p{background:url(../images/pro/arrow.png) no-repeat center right;position:relative;padding-left:70px;} ._proNav .hd li p i{width:40px;height:40px;position:absolute;top:50%;left:0;transform:translateY(-50%)} ._proNav .hd li::before{content:'';top:0;width:1px;height:100%;position:absolute;background:#fff;left:0;} ._proNav .hd li::after{content:'';top:-1px;width:calc(100% + 2px);height:2px;position:absolute;background:#0f6244;left:50%; transform:translateX(-50%);display:none;} ._proNav .hd li:first-child::before{display:none;} ._proNav .hd li.on{background:#fff;} ._proNav .hd li.on::after{display:block;} ._proNav .bd ul{display:none;height: auto;overflow: hidden;zoom: 1;padding: 17px 0 3px 8px;} ._proNav .bd ul li{float: left;margin: 10px 0 0 8px;height: 23px;line-height: 23px;} ._proNav .bd ul li a{display: block;padding: 0 6px;color:#7f7f7f;font-size: 13px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;} ._proNav .bd ul li:hover a, ._proNav .bd ul li.on a{color:#fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;border-radius: 3px;background-color:#0f6244;} .proList{margin-top:50px;} .proList li{width:285px;height:285px;margin-left:20px;margin-bottom:20px;position:relative;overflow:hidden;} .proList li.ml0{margin-left:0;} .proList li.bigPro{width:590px;height:590px;} .proList li ._name{width:100%;line-height:55px;height:55px;font-size:14px;color:#333;margin:0;background:rgba(255,255,255,.4); position:absolute; bottom:0; left:50%; transform:translateX(-50%);padding:0 25px;overflow:hidden;} .proList li:hover ._name{opacity:0;} .proList li ._img{} .proList li ._img img{width:100%;height:100%;} .proList li ._slide{ position:absolute;height:0;bottom:0;transition:all 0.4s;opacity:0;} .proList li ._slide ._cover, .proList li ._slide ._text{ position:absolute;left:50%; transform:translateX(-50%);} .proList li ._slide ._cover{bottom:0;height:100%;background:rgba(15,98,68,.5);padding:15px;} .proList li ._slide ._cover b{border:1px solid #fff;height:100%;} .proList li ._slide ._text{ top:50%; transform:translateY(-50%);left:0;padding:0 30px;} .proList li ._slide ._text ._name, .proList li ._slide ._text ._intro{font-size:14px;color:#fff;margin-bottom:15px;background:none;position:relative;line-height:normal;padding:0;height:auto;} .proList li ._slide ._text ._more{margin-top:20px;} .proList li ._slide ._text ._more p{font-size:14px;background:#fff;line-height:25px;border-radius:12px;color:#0f6244;width:80px;} .proList li:hover ._slide{opacity:1;height:100%;} .proList li:hover ._slide ._name{opacity:1} .proItem .level0{margin:35px 0;} .proItem .level0 a, .proItem .level0 span{display:inline-block;color:#666;margin-right:5px;} ._proItemImgList{width:475px;float:left;} ._proItemImgList .bigImg li{width:477px;border:2px solid #ddd;} ._proItemImgList .bigImg li img{width:100%;padding-bottom:490px;height:0;} ._proItemImgList .smallScroll .sBtn{display:inline-block;position:absolute;width:30px;height:30px;top:50%;transform:translateY(-50%);display:none;} ._proItemImgList .smallScroll .sPrev{left:0;background:url(../images/pro/pro_prev.png) no-repeat center center;} ._proItemImgList .smallScroll .sNext{right:0;background:url(../images/pro/pro_next.png) no-repeat center center;} ._proItemImgList .smallImg{padding-top:15px;} ._proItemImgList .smallImg .tempWrap{width:100% !important;} ._proItemImgList .smallImg ul{display:flex;width:100% !important;} ._proItemImgList .smallImg li{width:25% !important;margin-left:15px;border:1px solid #ddd;} ._proItemImgList .smallImg li:first-child{margin-left:0;} ._proItemImgList .smallImg li img{width:100%;padding-bottom:90px;height:0;opacity:0.5;} ._proItemImgList .smallImg li.on img{opacity:1;} .proItem{padding-bottom:70px;} .proItem .level1{margin-bottom:90px;margin-top:30px;} .proItem .level1 ._title{font-size:20px;color:#0f6244;margin-bottom:15px;font-weight:normal;} .proItem .level1 ._sTitle{font-size:22px;color:#0f6244;margin-bottom:30px;font-weight:normal;} .proItem .level1 ._dImg{font-size:24px;color:#777;} .proItem .level1 ._dImg ._block{width:400px;margin:auto;position:relative;} .proItem .level1 ._dImg ._block .hd{ position:absolute; top:50%;left:50%; transform:translate(-50%,-50%);} .proItem .level1 ._dImg ._block .hd a{color:#777;font-size:40px;} .proItem .level1 ._dImg ._block .hd a:hover{color:#0f6244;} .proItem .level1 ._dImg ._block .hd a.prev{float:left;margin-left:-45px;} .proItem .level1 ._dImg ._block .hd a.next{float:right;margin-right:-45px;} .proItem .level1 ._dImg ._block .bd img{width:400px;height:400px;} .proItem .level2{margin-bottom:45px;} .proItem .level2 ._title, .proItem .level3 ._title{margin-bottom:45px;} .proItem .level2 ._title p, .proItem .level3 ._title p{font-size:20px;color:#333;padding:0 35px;background:#fff;position:relative;z-index:3;} .proItem .level2 ._title::after, .proItem .level3 ._title::after{ position:absolute; top:50%;width:100%;height:1px;background:#f4f4f4; content:''; left:50%; transform:translate(-50%,-50%)} .proItem table{display:inline-table !important;float:none !important;} /*news*/ .newsList{padding:70px 0 90px;} .newsList li{height:430px;width:380px;transition:all .4s;margin-bottom:40px;margin-left:30px;border-radius:5px 5px 5px 90px;overflow:hidden;font-size:14px;color:#333;} .newsList li:nth-child(3n+1){margin-left:0;} .newsList li a{height:100%;color:#333;} .newsList li ._text{padding:25px 30px 0;height:100%;position:absolute;top:0;} .newsList li ._text ._more{height:70px;padding-right:30px;position:absolute;bottom:0;left:50%; transform:translateX(-50%); width:calc(100% + 30px);background:#d8d8d8} .newsList li ._text ._more b{line-height:35px;width:110px;border:1px solid #0f6244;color:#0f6244;position:absolute;top:50%;right:30px;transform:translateY(-50%)} .newsList li ._text ._img{margin-bottom:15px;} .newsList li ._text ._img img{height:210px;width:100%;} .newsList li ._text ._name{margin-bottom:15px;} .newsList li ._text ._intro{color:#666666;font-size:12px;line-height:1.8;} .newsList li ._text1{ transition:all 0.4s;} .newsList li ._text2{opacity:0;background:#0f6244; transition:all 0.4s;} .newsList li ._text2 ._intro{font-size:14px;color:#fff;line-height:2.3;} .newsList li ._text2 ._more{background:#0f6244;} .newsList li ._text2 ._more b{background:#fff;color:#0f6244;} .newsList li ._text1{background:#eeeeee;} .newsList li:hover ._text1{opacity:0;} .newsList li:hover ._text2{opacity:1;background:#0f6244;} /*article*/ .newsItem{padding:55px 0 50px;} .newsItem ._title{font-size:20px;color:#626262;margin-bottom:10px;} .newsItem ._infor{font-size:12px;color:#626262;margin-bottom:25px;padding-bottom:25px;border-bottom:1px dashed #d9d9d9;} .newsItem ._infor span{margin:0 15px;} .newsItem ._text{color:#676767;font-size:14px;line-height:1.8;} .newsItem ._url{padding:20px;margin-top:50px;} .newsItem ._url ul{border:1px solid #d8d8d8;background:#f0f0f0;line-height:50px;display:flex;} .newsItem ._url ul li{width:50%; position:relative;} .newsItem ._url ul li:first-child::after{ position:absolute;content:''; right:0;width:1px;height:50px;top:0;background:#d8d8d8;z-index:2} .newsItem ._url ul li:last-child::after{ position:absolute;content:''; left:0;width:1px;height:50px;top:0;background:#d8d8d8;z-index:2} .newsItem ._url ul a{color:#0f6244; font-size:14px;} .newsItem ._url ul span{color:#bbb; font-size:14px;} .newsItem ._url ul a i{ font-style:normal; font-size:16px;} /*join*/ ._joinTitle ._title1{color:#0f6244;font-size:30px;margin-bottom:15px;} ._joinTitle ._title1 b{font-weight:normal;color:#333333} ._joinTitle ._title2{font-size:18px;color:#454545;padding-bottom:30px;} ._joinTitle ._title2::after{position:absolute; bottom:0; height:1px; width:105px;background:#707070; content:''; transform:translateX(-50%);left:50%;} ._joinTitle .level5 ._title1{font-size:36px;} .join .level1{padding:65px 0 100px;} .join .level1 ._form{margin-top:50px;} .join .level1 ._form ._block{border:1px solid #eee;padding:20px 60px 50px;} .join .level1 ._form ._block .formInputTarget{width:423px;border:1px solid #eee; line-height:35px;margin-left:90px;margin-top:20px;float:left;position:relative} .join .level1 ._form ._block .formInputTarget b{font-weight:normal;font-size:14px;color:#666; position:absolute; left:-90px;} .join .level1 ._form ._block .formInputTarget input{padding:0 10px;} .join .level1 ._form ._block .formInputTarget label{left:10px;} .join .level1 ._form ._block .formInputTarget._formAdd{width:900px;} .join .level1 ._form ._block .formInputTarget._formPhone{margin-left:140px;} .join .level1 ._form ._block button{color:#fff;border:0;background:#0f6244;font-size:20px;line-height:50px;width:280px;} .join .level1 ._form ._block .formBtnBlock{margin-top:50px;} .join .level2{height:620px;background:url(../images/join/l2-bg.jpg) no-repeat center center;padding-top:55px;} .join .level2 ._list{margin-top:80px;} .join .level2 ul{display:flex;} .join .level2 li{width:255px;background:rgba(0,0,0,0.28);padding:40px 0 45px;margin-left:60px;} .join .level2 li:first-child{margin-left:0;} .join .level2 li ._icon{margin-bottom:25px;} .join .level2 li ._text{font-size:18px;color:#fff;line-height:2.3;} .join .level3{padding:60px 0 80px;} .join .level3 ._list{margin-top:70px} .join .level3 ._list ul{} .join .level3 ._list li{width:196px;margin-left:55px;margin-bottom:30px;} .join .level3 ._list li:nth-child(5n+1){margin-left:0px;} .join .level4{background:url(../images/join/l4-bg.jpg) no-repeat center center;height:900px;padding-top:85px;} .join .level4 ._wrap{margin-top:60px;} .join .level4 ul, .join .level4 ul li{position:absolute;} .join .level4 ul ._name{font-size:18px;color:#0f6244;font-weight:bold;margin-bottom:5px;} .join .level4 ul ._text{font-size:14px;color:#595959;line-height:1.8;} .join .level4 ul li{max-width:410px;} .join .level4 ul li._point0{left:65px;top:10px;} .join .level4 ul li._point1{left:810px;top:10px;} .join .level4 ul li._point2{left:-80px;top:310px;} .join .level4 ul li._point3{left:870px;top:310px;} .join .level4 ul li._point4{left:380px;top:540px;} .join .level5{padding-top:75px} .join .level5 ._list{margin-top:80px;padding:80px;height:1075px;background:url(../images/join/l5-bg.jpg) no-repeat center center;} .join .level5 ._list li{width:270px;margin-left:40px;margin-bottom:40px; transition:all 0.8s;color:#fff; background:rgba(41,41,41,.5);border-radius:10px;padding-top:60px;height:425px;cursor:pointer;} .join .level5 ._list li:nth-child(4n+1){margin-left:0;} .join .level5 ._list li:hover{background:rgba(15,98,68,.5); transform:rotateY(180deg);} .join .level5 ._list li ._name{font-size:18px;font-weight:bold;margin-top:45px;} .join .level5 ._list li ._text{font-size:14px;line-height:1.8;margin-top:30px;padding:0 15px;} .join .level5 ._list li:hover ._icon, .join .level5 ._list li:hover ._name, .join .level5 ._list li:hover ._text{transform:rotateY(180deg);} .join .level6{height:825px;background:url(../images/join/l6-bg.jpg) no-repeat center bottom;padding-top:85px;} .join .level6 ._img{margin-top:70px;} #certify { position: relative; width: 1200px; margin: 0 auto} #certify .swiper-container { padding-bottom: 60px;} #certify .swiper-slide { width: 760px; height: 450px; background: #fff; box-shadow: 0 8px 30px #ddd;} #certify .swiper-slide img{ display:block;width:100%;height:100%;} #certify .swiper-slide p { line-height: 98px; padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0;} #certify .swiper-pagination { width: 100%; bottom: 20px;} #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1;} #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff;} #certify .swiper-button-prev { left: -30px; width: 45px; height: 45px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 0; background-size: 100%;} #certify .swiper-button-prev:hover { background-position: 0 -46px; background-size: 100%} #certify .swiper-button-next { right: -30px; width: 45px; height: 45px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 -93px; background-size: 100%;} #certify .swiper-button-next:hover { background-position: 0 -139px; background-size: 100%} /*company*/ .company ._comTitle ._title1{font-size:24px;color:#333333;padding-bottom:10px;margin-bottom:20px;} .company ._comTitle ._title1::after{ content:''; position:absolute; bottom:0;width:45px;height:1px; background:#0f6244; left:50%; transform:translateX(-50%);} .company ._comTitle ._title2{font-size:14px;color:#666666;} .company .level1{ /* background:url(../images/company/l1-bg.jpg) no-repeat center center; */ height:auto; padding:0 0 30px 0; } .company .level1 ._text{width:665px;padding-right:15px;padding-top:15px;} .company .level1 ._title{font-size:24px;color:#333;margin-bottom:15px;} .company .level1 ._intro{font-size:14px;color:#454545;line-height:2.3;} .company .level1 ._intro p{text-indent:28px;} .company .level1 ._textD{width:50%;height:auto;margin-top:18px;border-top:1px solid #eeeeee;} .company .level1 ._textD p{font-size:14px;color:#333;line-height:normal;} .company .level1 ._textD p b{font-size:60px;color:#0f6244;} .company .level1 ._textD p i{font-size:16px;color:#333333;font-style:normal;} .company .level1 ._textD ._item{text-align: center; width: 50%; height: 150px; padding-top: 10px; position: relative; padding: 10px;} .company .level1 ._textD ._item::before{ content:''; position:absolute; top:0; height:125px;width:1px; background:#eee;left:0;} .company .level1 ._textD ._item:last-child::before{display:none;} .company .level2{background:url(../images/company/l2-bg.jpg) no-repeat center center;height:630px;} .company .level2 ._intro{float:right;width:500px;padding-top:0;margin:25px 0;height:550px;overflow-y:auto;} .company .level2 ._intro::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; } .company .level2 ._intro::-webkit-scrollbar-thumb { background: #685b5d; } .company .level2 ._intro li{background:url(../images/company/l2-icon.png) no-repeat left 15px;padding-left:40px;margin-bottom:45px;} .company .level2 ._intro li ._title{color:#0f6244;font-size:18px;margin-bottom:5px;} .company .level2 ._intro li ._title b{font-size:24px;font-weight:normal;} .company .level2 ._intro li ._text{font-size:14px;color:#454545;line-height:2.3;width:430px;} .company .level3{padding-top:45px;} .company .level3 ._scroll{margin-top:50px;} .company .level3 .container{width:1220px;} .company .level3 .hd{ position:absolute; left:50%;top:50%; transform:translate(-50%,-50%);padding:0 10px;z-index:5;} .company .level3 .hd a{width:30px;line-height:50px;text-align:center;color:#fff;font-size:24px;background:rgba(15,98,68,0.5);} .company .level3 .hd a:hover{background:rgba(15,98,68,1);} .company .level3 .bd li{width:285px !important;padding:0 5px;margin:0 10px;background:#eeeeee;padding-top:15px;} .company .level3 .bd li img{width:100%;padding-bottom:200px;height:0;border-radius:10px;} .company .level3 .bd li ._name{font-size:14px;color:#333;height:70px;padding:0 10px;display:inline-table;} .company .level3 .bd li ._name span{vertical-align:middle;display:table-cell;} .company .level4{padding-top:60px;padding-bottom:110px;} .company .level4 ._title2{font-size:16px;margin-bottom:15px;} .company .level4 ._list{margin-top:30px;} .company .level4 ._list li{margin:0 35px;max-width:140px;} .company .level4 ._list li ._name{margin-top:10px;} /*project*/ .project ul{padding:60px 0;} .project ul li{width:360px;margin-left:60px;margin-bottom:20px;} .project ul li:nth-child(3n+1){margin-left:0;} .project ul li:hover{box-shadow:5px 5px 15px #bbb} .project ul li a{height:100%;border:1px solid #ddd;} .project ul li a ._name{line-height:90px;font-size:18px;color:#333;padding:0 15px;} .project ul li a ._name ._more{font-size:14px;color:#999999; position:relative;} .project ul li a ._name ._more::after{width:100%;height:2px; content:''; position:absolute; top:50%; left:50%; transform:translate( -50% , 20px); background:#0f6345} .project ul li a ._img{height:285px;overflow:hidden;} .project ul li a ._img img{width:100%;height:100%;transition:all 0.8s;} .project ul li a ._img ._cover{width:100%;height:100%;background:url(../images/case/hoverIcon.png) rgba(0,0,0,.4) no-repeat center center;opacity:0; transition:all 0.4s; position:absolute; top:0;left:0;z-index:9;} .project ul li:hover a ._img img{transform:scale(1.1);} .project ul li:hover a ._img ._cover{ opacity:1;} .project ul li:hover a ._name{color:#0f6345;} .projectItem{padding:30px 0 120px;} .projectItem .level1{margin-top:30px;} .projectItem .level1 ._left{width:570px;float:left;position:relative;} .projectItem .level1 ._left img{width:100%;height:420px;} .projectItem .level1 ._left .hd{position:absolute; top:50%;left:50%; transform:translate(-50%,-50%); z-index:6; opacity:0;transition:all 0.4s;} .projectItem .level1 ._left:hover .hd{ opacity:1;} .projectItem .level1 ._left .hd a{width:30px;line-height:90px;background:#0f6345;opacity:0.6; transition:all 0.4s;color:#212121;font-size:22px;} .projectItem .level1 ._left .hd a:hover{ opacity:1; color:#fff;} .projectItem .level1 ._left .hd a.prev{float:left;} .projectItem .level1 ._left .hd a.next{float:right;} .projectItem .level1 ._right{width:550px;float:right;} .projectItem .level1 ._right ._name{color:#0f6244;font-size:18px;margin-bottom:30px;font-weight:bold;margin-top:70px;} .projectItem .level1 ._right ._intro{color:#666;font-size:14px;} .projectItem ._url{margin-top:50px;} .projectItem ._url ul{border:1px solid #d8d8d8;background:#f0f0f0;line-height:50px;display:flex;} .projectItem ._url ul li{width:50%; position:relative;} .projectItem ._url ul li:first-child::after{ position:absolute;content:''; right:0;width:1px;height:50px;top:0;background:#d8d8d8;z-index:2} .projectItem ._url ul li:last-child::after{ position:absolute;content:''; left:0;width:1px;height:50px;top:0;background:#d8d8d8;z-index:2} .projectItem ._url ul a{color:#0f6244; font-size:14px;} .projectItem ._url ul span{color:#bbb; font-size:14px;} .projectItem ._url ul a i{ font-style:normal; font-size:16px;} /*service*/ .service{padding:50px 0 70px;} .service li{margin:0 15px;margin-bottom:70px;width:360px;border:1px solid #ddd;border-radius:5px;} .service li ._img{width:100%} .service li img{width:100%;height:210px;} .service li ._name{line-height:40px;color:#333;font-size:14px;} .service li ._more{color:#ddd;line-height:40px;} .service li:hover ._more{color:#0f6345;} .service1 li{ position:absolute;} .service1 li a{position:relative;z-index:9;/*background:rgba(255,0,0,0.4);*/} .service1 ._warp1 li a{width:21px;height:21px;} .service1 ._warp2 li a{width:16px;height:16px;} .service1 li a img{max-width:unset;position:absolute;/*display:none;*/opacity:0;transition:all 0.4s;z-index:-1;} .service1 li a:hover img{opacity:1;z-index:9;/*display:block;*/} .service1 li a img:hover{opacity:0;cursor:auto;} .service1 ._warp{margin-top:60px;} .service1 ._warp1{background:url(../images/service/service1/warp1.jpg) no-repeat center center;height:887px;} .service1 ._warp1 li._point0{left:565px;top:805px;} .service1 ._warp1 li._point1{left:128px;top:330px;} .service1 ._warp1 li._point2{left:681px;top:209px;} .service1 ._warp1 li._point3{left:1075px;top:486px;} .service1 ._warp1 li._point4{left:913px;top:610px;} .service1 ._warp1 li._point5{left:262px;top:510px;} .service1 ._warp1 li._point6{left:957px;top:338px;} .service1 ._warp1 li._point0 img{left:20px;top:-390px;} .service1 ._warp1 li._point1 img{left:20px;top:-300px;} .service1 ._warp1 li._point2 img{left:20px;top:-174px;} .service1 ._warp1 li._point3 img{left:-450px;top:-320px;} .service1 ._warp1 li._point4 img{left:-476px;top:-290px;} .service1 ._warp1 li._point5 img{left:20px;top:-370px;} .service1 ._warp1 li._point6 img{left:-510px;top:-260px;} .service1 ._warp2{background:url(../images/service/service1/warp2-3.jpg) no-repeat center center;height:1531px;} .service1 ._warp2 li a{cursor:pointer;} .service1 ._warp2 li a img{display:none} .service1 ._warp2 li a:hover img{/*opacity:1;*/z-index:-1;display:block;} .service1 ._warp2 li a img:hover{opacity:1;cursor:pointer;} .service1 ._warp2 li._point1{left:367px;top:600px;} .service1 ._warp2 li._point2{left:302px;top:468px;display:none;} .service1 ._warp2 li._point3{left:603px;top:88px;display:none;} .service1 ._warp2 li._point4{left:545px;top:336px;display:none;} .service1 ._warp2 li._point5{left:340px;top:342px;} .service1 ._warp2 li._point6{left:744px;top:430px;} .service1 ._warp2 li._point7{left:861px;top:515px;} .service1 ._warp2 li._point8{left:820px;top:599px;} .service1 ._warp2 li._point9{left:404px;top:695px;} .service1 ._warp2 li._point10{left:478px;top:779px;display:none;} .service1 ._warp2 li._point11{left:547px;top:811px;display:none;} .service1 ._warp2 li._point12{left:888px;top:808px;} .service1 ._warp2 li._point13{left:476px;top:1163px;} .service1 ._warp2 li._point14{left:181px;top:1033px;} .service1 ._warp2 li._point1 img{left:-373px;top:-639px;} .service1 ._warp2 li._point2 img{left:0px;top:-503px;} .service1 ._warp2 li._point3 img{left:0px;top:-132px;} .service1 ._warp2 li._point4 img{left:0px;top:-247px;} .service1 ._warp2 li._point5 img{left:1px;top:-218px;} .service1 ._warp2 li._point6 img{left:0px;top:-126px;} .service1 ._warp2 li._point7 img{left:0px;top:-128px;} .service1 ._warp2 li._point8 img{left:0px;top:-108px;} .service1 ._warp2 li._point9 img{left:0px;top:-80px;} .service1 ._warp2 li._point10 img{left:0px;top:-53px;} .service1 ._warp2 li._point11 img{left:0px;top:0px;} .service1 ._warp2 li._point12 img{left:-111px;top:0px;} .service1 ._warp2 li._point13 img{left:0px;top:0px;} .service1 ._warp2 li._point14 img{left:-221px;top:0px;} .coop ._text{padding-top:45px;color:#666;font-size:14px;line-height:2.3} .coop ._text p{text-indent:28px;} /*video*/ .videoNav{margin-bottom:70px;margin-top:50px;} .videoNav li{margin:0 20px;} .videoNav li a{width:150px;line-height:55px;color:#8c8c8c;border:1px solid #8c8c8c;} .videoNav li:hover a, .videoNav li.on a{background:#0f6244;border-color:#0f6244;color:#fff;position:relative;} .videoNav li.on a::after{position:absolute;bottom:0;left:50%; transform:translateX(-50%);content:'';border-width:100px 0 0 0;border-color:red transparent transparent transparent;} .videoPlayBox{display:none;} .litexbox-video .videoPlayBox{display:block;} .videoList li{width:380px;height:265px;margin-left:30px;margin-bottom:40px;} .videoList li:nth-child(3n+1){margin-left:0;} .videoList li a, .videoList li ._img{width:100%;height:100%;} .videoList li ._img iframe, .videoList li ._img img{width:100%;height:100%;} .videoList li ._cover, .videoList li ._name{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);padding:0 15px;} .videoList li ._cover{width:100%;height:100%;background:#000;opacity:0.63; z-index:3;} .videoList li ._name{color:#fff; font-size:16px; z-index:5;} .litexbox-video{width:960px !important;height:480px !important;margin:0 auto; overflow:hidden !important;} .litexbox-video .litebox-content, .litexbox-video .videoPlayBox, .litexbox-video iframe{width:100% !important;height:100% !important;padding:0 !important;} .litexbox-video .litebox-content{margin-top:0 !important;transform:translateY(-50%);} /*question*/ .questList .videoNav{margin-bottom:35px;} .questList .videoNav li{ position:relative;width:auto;border:0;margin-left:0;margin-right:40px;} .questList .videoNav li a{padding-left:70px;font-size:16px;} .questList .videoNav .icon{width:35px;height:25px; position:absolute; left:25px;top:50%;transform:translateY(-50%); transition:all 0.4s;} .questList .videoNav .icon2{opacity:0} .questList .videoNav li a:hover .icon1{opacity:0;} .questList .videoNav li a:hover .icon2{opacity:1;} .questList .videoNav li.on a .icon1{opacity:0;} .questList .videoNav li.on a .icon2{opacity:1;} .questList ul._list{width:50%;float:left;} .questList ul._list li{line-height:65px;background:#f5f5f5;margin-bottom:15px;} .questList ul._list li a{color:#333; transition:all 0.4s;font-size:16px;} .questList ul._list li a i{width:30px;margin-left:40px;position:relative;height:65px;} .questList ul._list li a i img{position:absolute;top:50%;transform:translateY(-50%); transition:all 0.4s;} .questList ul._list li a i .img2{opacity:0;} .questList ul._list li a p{width:calc(100% - 95px);float:right;} .questList ul._list li a:hover{background:#0f6244;color:#fff;} .questList ul._list li a:hover i .img1{opacity:0;} .questList ul._list li a:hover i .img2{opacity:1;} .questList ._img{float:right;width:50%;padding-left:25px;} } /*mobi*/ @media(max-width:1200px){ .pc_header,.pc_footer,.pc_banner,.pc_style{display:none;} body{} /* .mb_header,.mb_footer,.mb_banner{display:none;} .pc_header,.pc_footer,.pc_banner{display:block;} body{float:left;width:1200px;overflow-x:hidden;} .container{width:1200px;padding:0;} */ /*header*/ .header1{padding:15px 0;} .header1 ._logo img{height:45px;} .header1 ._menu{ position:absolute;left:10px;top:50%; transform:translateY(-50%); padding-top:2px;} .header1 ._menu b{width:50px;height:45px;border:1px solid #666;border-radius:5px;cursor:pointer;} .header1 ._menu b i{display:inline-block;width:65%;height:1px;background:#666;border-radius:1px;margin-top:5px;position:absolute;left:50%;transform:translateX(-50%);} .header1 ._menu b i:nth-child(1){top:30%;margin-top:-2px;} .header1 ._menu b i:nth-child(2){top:50%;margin-top:-2px;} .header1 ._menu b i:nth-child(3){top:70%;margin-top:-2px;} .content_block{z-index:9;background:#fff;margin-left:0;overflow-x:hidden;overflow-y:scroll;} ._nav{width:50%;position:fixed;height:100vh;overflow-y:scroll;z-index:-1;display:none;left:0;top:0;} ._nav ul.g1{border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;} ._nav ul ._g1A{padding:15px 0;padding-left:30px;font-size:14px;color:#666;border-top:1px solid #ddd;} ._nav ul li._g1:first-child ._g1A{border:0;} ._nav ul ._g1A b{font-weight:normal;position:absolute;right:30px;top:50%;color:#666; transform:translateY(-50%)} ._nav ul ._g1A.on{color:#0f6244;} ._nav ul.g2{display:none;} ._nav ul.g2 ._g2A{padding:15px 0;padding-left:15px;font-size:14px;color:#666;border-top:1px solid #ddd;background:#efefef;} ._nav ul.g2 ._g2A span{margin-right:8px;} /*footer*/ .footer1{padding:35px 0 30px;background:#333333;} .footer1 ._title{color:#fff;} .footer1 ._title ._titleB{font-size:20px;} .footer1 ._title ._titleS{font-size:14px;} .footer1 .footerForm{width:100%;font-size:14px;margin-bottom:15px;} .footer1 .footerForm .formInputTarget{border:2px solid #838383;line-height:40px;background:transparent;width:calc((100% - 15px)/2);float:left;margin-left:15px;margin-top:15px;padding:0 15px;color:#fff;} .footer1 .footerForm .formInputTarget:first-child, .footer1 .footerForm .formInputTargetTextarea{margin-left:0;} .footer1 .footerForm .formInputTarget label{color:#838383;left:15px;top:0;} .footer1 .footerForm .formInputTargetTextarea{width:100%;} .footer1 .formSubmit{width:100%;border:0;background:#0f6244;color:#fff;font-size:14px;margin-top:15px;line-height:40px;} .footer1 .footerInfor{margin-left:0;width:50%;} .footer1 .footerInfor ._tel{font-size:25px;font-weight:bold;margin-top:15px;color:#fff;} .footer1 .footerInfor ._add{color:#838383;font-size:14px;margin-top:20px;line-height:1.8;} .footer1 .footerQr{font-size:14px;color:#ffffee;margin-top:50px;width:50%;} .footer1 .footerQr li{width:calc((100% - 30px) / 2);margin-left:15px;} .footer1 .footerQr li img{width:100%;height:0;padding-bottom:100%;} .footer1 .footerQr li ._name{margin-top:15px;} .footer2 ._add{color:#838383;font-size:16px;margin-top:35px;line-height:2.3;} .footer2{padding-bottom:30px;background:#333333;} .footer2 ._icp, .footer2 ._icp a, .footer2 ._copy{font-size:14px;color:#fff;white-space:nowrap;line-height:1.8;} .footer2 ._icp a{margin-right:15px;} /*banner*/ /*.index_banner,.index_banner ul,.index_banner li{width:100%;overflow:hidden;}*/ .index_banner img{height:0;width:100%;padding-bottom:36.41%;} .swiper-pagination-bullet-active{background: #0f6244;} .inner_banner img{height:0;width:100%;padding-bottom:29.13%;} /*index*/ .indexContent ._title{font-size:22px;color:#222;font-weight:bold;margin-bottom:30px;} .indexContent ._title a{font-size:12px;color:#222;font-weight:normal;} .indexContent .level1{background:#f7f7f7;padding:35px 0 20px;} .indexContent .level1 ._item{overflow:hidden;} .indexContent .level1 ._item ._cover1, .indexContent .level1 ._item ._cover2, .indexContent .level1 ._item ._text{position:absolute; top:50%;left:50%; transform:translate(-50%, -50%);} .indexContent .level1 ._item ._cover1{height:65px;background:rgba(255,255,255,.63);z-index:3;} .indexContent .level1 ._item ._cover2{height:0;background:rgba(122,165,148,0.5);z-index:5;padding:10px;transition:all 0.4s;opacity:0;width:0;} .indexContent .level1 ._item ._cover2 b{height:100%;width:100%;border:1px solid #fff;} .indexContent .level1 ._item ._img{transition:all 0.4s;} .indexContent .level1 ._block1 ._item{margin-left:0;width:100%;margin-bottom:15px;} .indexContent .level1 ._block1 ._item a{height:100%;} .indexContent .level1 ._block1 ._item ._text{font-size:22px;color:#0f6244;font-weight:bold;z-index:9;transition:all 0.4s;} .indexContent .level1 ._block1 ._item ._cover2{width:100%;} .indexContent .level1 ._block1 ._item img{width:100%;height:0;padding-bottom:42.74%;} .indexContent .level1 ._block1 ._item:hover ._cover1{height:0;} .indexContent .level1 ._block1 ._item:hover ._cover2{height:100%;opacity:1;} .indexContent .level1 ._block1 ._item:hover ._text{color:#fff;} .indexContent .level1 ._block1 ._item:first-child{margin-left:0;} .indexContent .level1 ._block1 ._item:last-child{display:none;} .indexContent .level1 ._block2{margin-top:0;} .indexContent .level1 ._block2 ._item{margin-left:15px;width:calc((100% - 30px)/3);margin-bottom:15px;} .indexContent .level1 ._block2 ._item a{height:100%;} .indexContent .level1 ._block2 ._item ._text{font-size:14px;color:#333;z-index:9;transition:all 0.4s;} .indexContent .level1 ._block2 ._item img{width:100%;height:100%;} .indexContent .level1 ._block2 ._item ._icon img{width:40px;} .indexContent .level1 ._block2 ._item:nth-child(3n+1){margin-left:0;} .indexContent .level1 ._block2 ._item:hover ._cover1{height:0;} .indexContent .level1 ._block2 ._item:hover ._cover2{height:100%;opacity:1;width:100%;} .indexContent .level1 ._block2 ._item:hover ._text{color:#fff; font-weight:bold;} .indexContent .level1 ._block2 ._item:hover ._text img{filter:contrast(2) invert(1);} .indexContent .level1 ._item:hover ._img{ transform:scale(1.1)} .indexContent .level1 ._url p{width:auto;float:right; margin-left:20px;} .indexContent .level1 ._url a{width:120px;line-height:40px;font-size:16px;color:#fff;margin-top:10px;background:#0f6244;} .indexContent .level1 ._url a i{margin-left:10px;} .indexContent .level2{padding:25px 0;} .indexContent .level2 ._item{width:calc((100% - 10px) / 2);margin-left:10px;margin-bottom:10px; position:relative;} .indexContent .level2 ._item:nth-child(2n+1){margin-left:0;} .indexContent .level2 ._item ._img{width:100%;height:0;padding-bottom:133.62%} .indexContent .level2 ._item ._cover, .indexContent .level2 ._item ._text{ position:absolute;top:0;left:0;width:100%;height:100%; font-weight:bold;} .indexContent .level2 ._item ._cover{background:#fff;opacity:0; transition:all 0.4s} .indexContent .level2 ._item ._text{color:#333;font-size:14px;padding:15px 15px;/*color:#0f6244;*/} .indexContent .level2 ._item:hover ._cover{ opacity:0.5;} .indexContent .level2 ._item:hover ._text{ color:#0f6244;} .indexContent .level3{margin-bottom:60px;} .indexContent .level3 ._media{width:100%;} .indexContent .level3 ._news{width:100%;margin-top:25px;} .indexContent .level3 ._decoration{padding-top:120px;width:350px;display:none;} .indexContent .level3 ._media ._text{height:112px;background:#e5e5e5;padding:30px 25px 0;} .indexContent .level3 ._media ._text ._name{font-size:24px;color:#333;font-weight:bold;} .indexContent .level3 ._media ._text ._intro{font-size:14px;color:#333;} .indexContent .level3 ._news li{border-bottom:1px solid #f3f3f3;padding:0 10px; transition:all 0.4s;padding-bottom:30px;margin-bottom:30px;} .indexContent .level3 ._news li a{color:#333;} .indexContent .level3 ._news li a b{font-weight:normal;opacity:0;} .indexContent .level3 ._news li a ._date{font-size:14px;} .indexContent .level3 ._news li a ._name{font-size:16px;} .indexContent .level3 ._news li:hover{border-color:#0f6244;} .indexContent .level3 ._news li:hover a{color:#0f6244;} .indexContent .level3 ._news li:hover a b{opacity:1;} .indexContent .level3 ._news ._more a{width:120px;line-height:40px;color:#fff;background:#0f6244;} .indexContent .level4{background:url(../images/index/l5-bg.jpg) no-repeat center center;background-size:cover;padding:40px 0;} .indexContent .level4 ._left{width:100%;} .indexContent .level4 ._left li{width:calc((100% - 20px)/2);height:228px;margin-left:20px;margin-bottom:20px;background:#fff;padding-top:15px;} .indexContent .level4 ._left li:nth-child(2n+1){margin-left:0;} .indexContent .level4 ._left li ._icon{margin-bottom:15px;} .indexContent .level4 ._left li ._name{font-size:24px;color:#333;margin-bottom:30px;} .indexContent .level4 ._left li ._more a{width:140px;line-height:40px;color:#fff;background:#666;border-radius:5px;} .indexContent .level4 ._left li ._more a:hover{background:#0f6244;} .indexContent .level4 ._right{position:relative;} .indexContent .level4 ._right a{ position:absolute;top:0;height:100%;z-index:3;} .indexContent .level4 ._right a._company{width:50%;left:0;} .indexContent .level4 ._right a._keshun{width:50%;right:0;} /*inner*/ ._pagePathBlock{background:#eeeeee;1ine-height:68px;z-index:5;display:none;} ._navList a{font-size:14px;color:#666;line-height:68px; position:relative;} ._navList a::after{width:100%;height:1px;background:#0f6244; position:absolute;bottom:0;left:50%; transform:translateX(-50%);display:none;content:'';} ._navList li{margin-left:25px;} ._navList li.on a{color:#0f6244;} ._navList li.on a::after{display:block;} ._bigTitle{font-size:18px;line-height:65px;color:#0f6244;} ._bigTitle b{font-weight:normal;} ._innerContent{background:#f3f3f3;} ._innerContent1{background:#fff;} ._blackTitle{font-size:24px;color:#111;margin-top:25px;} /*contact*/ .contact .level1{background:url(../images/contact/l1-bg.jpg) no-repeat center center;background-size:cover;padding-bottom:25px;} .contact .level1 ._block{color:#fff;} .contact .level1 ._block ._text{width:100%;padding-top:25px;} .contact .level1 ._block ._text ._title{font-size:24px;margin-bottom:15px;} .contact .level1 ._block ._text ._intro{font-size:14px;line-height:1.8;} .contact .level1 ._block ._form{width:100%;padding-top:10px;} .contact .level1 ._block ._form ._title{font-size:16px;margin-bottom:15px;} .contact .level1 ._block ._form .formInputTarget{border:1px solid #fff;line-height:38px;width:100%; float:left;margin-bottom:15px;padding:0 10px;} .contact .level1 ._block ._form .formInputTarget:first-child{margin-left:0;} .contact .level1 ._block ._form .formInputTargetTextarea{width:100%;margin-left:0;} .contact .level1 ._block ._form .formInputTarget label{left:10px;} .contact .level1 ._block ._form button{width:125px;line-height:30px;background:#fff;border:0;color:#0f6244;} .contact ._infor{width:100%;float:left;} .contact ._infor p{border-bottom:1px dotted #ddd;padding-bottom:20px;margin-top:20px;line-height:35px;color:#666;} .contact ._infor p:first-child{margin-top:0;} .contact ._infor p ._icon{width:25px;height:25px;margin-right:5px;background-size:cover !important;} .contact ._infor p ._sTitle{font-size:14px;margin-right:5px;} .contact ._infor p ._mes{font-size:12px;} .contact ._map{float:right;width:100%;height:350px;margin-top:30px;} .contact ._map .map{width:100%;height:100%;} .contact .level2{margin-top:30px;margin-bottom:35px;} /*product*/ ._proNav .hd{background:#eee;line-height:60px;} ._proNav .hd ul{font-size:18px;color:#333;border-left:1px solid #fff;border-right:1px solid #fff;} ._proNav .hd ul a{color:#333;} ._proNav .hd li{width:50%;position:relative; cursor:pointer;padding:0 20px;border-top:1px solid #fff;} ._proNav .hd li:nth-child(-n+2){border-top:0;} ._proNav .hd li p{background:url(../images/pro/arrow.png) no-repeat center right;position:relative;padding-left:60px;} ._proNav .hd li p i{width:30px;height:30px;position:absolute;top:50%;left:0;transform:translateY(-50%);background-size:cover !important;} ._proNav .hd li::before{content:'';top:0;width:1px;height:100%;position:absolute;background:#fff;left:0;} ._proNav .hd li::after{content:'';top:-1px;width:calc(100% + 2px);height:2px;position:absolute;background:#0f6244;left:50%; transform:translateX(-50%);display:none;} ._proNav .hd li:nth-child(2n+1)::before{display:none;} ._proNav .hd li.on{background:#fff;} ._proNav .hd li.on::after{display:block;} ._proNav .bd ul{display:none;height: auto;overflow: hidden;zoom: 1;padding: 17px 0 3px 8px;} ._proNav .bd ul li{float: left;margin: 10px 0 0 8px;height: 23px;line-height: 23px;} ._proNav .bd ul li a{display: block;padding: 0 6px;color:#7f7f7f;font-size: 13px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;transition: all 0.5s ease;} ._proNav .bd ul li:hover a, ._proNav .bd ul li.on a{color:#fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;border-radius: 3px;background-color:#0f6244;} .proList{margin-top:50px;} .proList li{width:calc((100% - 20px)/2);margin-left:20px;margin-bottom:20px;position:relative;overflow:hidden;} .proList li:nth-child(2n+2){margin-left:0;} .proList li.bigPro{width:100%;margin-left:0;} .proList li ._name{width:100%;line-height:55px;height:55px;font-size:14px;color:#333;margin:0;background:rgba(255,255,255,.4); position:absolute; bottom:0; left:50%; transform:translateX(-50%);padding:0 25px;overflow:hidden;} .proList li:hover ._name{opacity:0;} .proList li ._img{} .proList li ._img img{width:100%;height:0;padding-bottom:100%;} .proList li ._slide{ position:absolute;height:0;bottom:0;transition:all 0.4s;opacity:0;} .proList li ._slide ._cover, .proList li ._slide ._text{ position:absolute;left:50%; transform:translateX(-50%);} .proList li ._slide ._cover{bottom:0;height:100%;background:rgba(15,98,68,.5);padding:15px;} .proList li ._slide ._cover b{border:1px solid #fff;height:100%;} .proList li ._slide ._text{ top:50%; transform:translateY(-50%);left:0;padding:0 30px;} .proList li ._slide ._text ._name, .proList li ._slide ._text ._intro{font-size:14px;color:#fff;margin-bottom:15px;background:none;position:relative;line-height:normal;padding:0;height:auto;} .proList li ._slide ._text ._intro{display:none;} .proList li ._slide ._text ._more{margin-top:20px;} .proList li ._slide ._text ._more p{font-size:14px;background:#fff;line-height:25px;border-radius:12px;color:#0f6244;width:80px;} .proList li:hover ._slide{opacity:1;height:100%;} .proList li:hover ._slide ._name{opacity:1} .proItem .level0{margin:35px 0;} .proItem .level0 a, .proItem .level0 span{display:inline-block;color:#666;margin-right:5px;} ._proItemImgList{width:475px;float:left;} ._proItemImgList .bigImg li{width:477px;border:2px solid #ddd;} ._proItemImgList .bigImg li img{width:100%;padding-bottom:490px;height:0;} ._proItemImgList .smallScroll .sBtn{display:inline-block;position:absolute;width:30px;height:30px;top:50%;transform:translateY(-50%);display:none;} ._proItemImgList .smallScroll .sPrev{left:0;background:url(../images/pro/pro_prev.png) no-repeat center center;} ._proItemImgList .smallScroll .sNext{right:0;background:url(../images/pro/pro_next.png) no-repeat center center;} ._proItemImgList .smallImg{padding-top:15px;} ._proItemImgList .smallImg .tempWrap{width:100% !important;} ._proItemImgList .smallImg ul{display:flex;width:100% !important;} ._proItemImgList .smallImg li{width:25% !important;margin-left:15px;border:1px solid #ddd;} ._proItemImgList .smallImg li:first-child{margin-left:0;} ._proItemImgList .smallImg li img{width:100%;padding-bottom:90px;height:0;opacity:0.5;} ._proItemImgList .smallImg li.on img{opacity:1;} .proItem{padding-bottom:70px;} .proItem .level1{margin-bottom:90px;margin-top:30px;} .proItem .level1 ._title{font-size:20px;color:#0f6244;margin-bottom:15px;font-weight:normal;} .proItem .level1 ._sTitle{font-size:22px;color:#0f6244;margin-bottom:30px;font-weight:normal;} .proItem .level1 ._dImg{font-size:24px;color:#777;} .proItem .level1 ._dImg ._block{width:80%;margin:auto;position:relative;} .proItem .level1 ._dImg ._block .hd{ position:absolute; top:50%;left:50%; transform:translate(-50%,-50%);} .proItem .level1 ._dImg ._block .hd a{color:#777;font-size:40px;} .proItem .level1 ._dImg ._block .hd a:hover{color:#0f6244;} .proItem .level1 ._dImg ._block .hd a.prev{float:left;margin-left:-45px;} .proItem .level1 ._dImg ._block .hd a.next{float:right;margin-right:-45px;} .proItem .level1 ._dImg ._block .bd img{width:400px;height:400px;} .proItem .level1 ._intro{line-height:1.8;} .proItem .level2{margin-bottom:45px;} .proItem .level2 ._title, .proItem .level3 ._title{margin-bottom:45px;} .proItem .level2 ._intro, .proItem .level3 ._intro{max-width:100%;overflow:hidden;} .proItem .level2 ._title p, .proItem .level3 ._title p{font-size:20px;color:#333;padding:0 35px;background:#fff;position:relative;z-index:3;} .proItem .level2 ._title::after, .proItem .level3 ._title::after{ position:absolute; top:50%;width:100%;height:1px;background:#f4f4f4; content:''; left:50%; transform:translate(-50%,-50%)} .proItem table{display:inline-table !important;float:none !important;} /*calculator*/ .calculator{padding:15px 0 25px;} .calculator .container{width:100%;} .proSelect{margin-top:15px;} .calculator .calculatorBtn{text-align:center;width:100%;} .calculator ._calBtn{margin:0 15px;cursor:pointer;margin-top:25px;width:auto;} .calculator .calculatorForm{width:100%;} .calculator .calculatorForm td.tdTitle{width:25%;padding:10px 0;} .calculator .calculatorForm td.tdSelect{width:75%;} .calculator .calculatorForm td.tdSelect .select2-chosen{max-width:calc(100% - 25px);overflow:hidden;} .calculator ._beizhu{display:none;margin-top:25px;padding-left:0;} .calculator ._beizhu b{font-weight:normal;} .calculator .dataInput .inputTarget{border:1px solid #ccc;padding:0 10px;} .calculator .dataInput .inputTarget label{left:10px;color:#ddd;} .calculator ._calResult{display:none;align-items: baseline;margin-top:25px;padding-left:0;white-space:nowrap;} .calculator ._calResult b{color:#0f6244;font-size:18px;font-weight:bold;white-space:normal;} .calculator ._calResult b i{font-style:normal;} .calculator ._errorMsg{display:none;color:#f00;font-size:18px;font-weight:bold;padding-left:0;margin-top:25px;} .calculator table{line-height:35px;} .calculator .select2-container{max-width:100%;overflow:hidden;width:100%;} .calculator .select2-container .select2-choice{line-height:35px;height:35px;border-radius:0;} .calculator .select2-container .select2-choice .select2-arrow{border-radius:0;} /*news*/ .newsList{padding:35px 0 45px;} .newsList li{height:430px;width:100%;transition:all .4s;margin-bottom:20px;margin-left:0;border-radius:5px 5px 5px 90px;overflow:hidden;font-size:14px;color:#333;} .newsList li:nth-child(3n+1){margin-left:0;} .newsList li a{height:100%;color:#333;} .newsList li ._text{padding:25px 15px 0;height:100%;position:absolute;top:0;} .newsList li ._text ._more{height:70px;padding-right:30px;position:absolute;bottom:0;left:50%; transform:translateX(-50%); width:calc(100% + 30px);background:#d8d8d8} .newsList li ._text ._more b{line-height:35px;width:110px;border:1px solid #0f6244;color:#0f6244;position:absolute;top:50%;right:30px;transform:translateY(-50%)} .newsList li ._text ._img{margin-bottom:15px;} .newsList li ._text ._img img{height:210px;width:100%;} .newsList li ._text ._name{margin-bottom:15px;} .newsList li ._text ._intro{color:#666666;font-size:12px;line-height:1.8;} .newsList li ._text1{ transition:all 0.4s;} .newsList li ._text2{opacity:0;background:#0f6244; transition:all 0.4s;} .newsList li ._text2 ._intro{font-size:14px;color:#fff;line-height:2.3;} .newsList li ._text2 ._more{background:#0f6244;} .newsList li ._text2 ._more b{background:#fff;color:#0f6244;} .newsList li ._text1{background:#eeeeee;} .newsList li:hover ._text1{opacity:0;} .newsList li:hover ._text2{opacity:1;background:#0f6244;} /*article*/ .newsItem{padding:25px 0 25px;} .newsItem ._title{font-size:16px;color:#626262;margin-bottom:10px;} .newsItem ._infor{font-size:12px;color:#626262;margin-bottom:25px;padding-bottom:25px;border-bottom:1px dashed #d9d9d9;} .newsItem ._infor span{margin:0 15px;} .newsItem ._text{color:#676767;font-size:14px;line-height:1.8;} .newsItem ._url{padding:20px 0;margin-top:50px;} .newsItem ._url ul{border:1px solid #d8d8d8;background:#f0f0f0;line-height:50px;display:flex;} .newsItem ._url ul li{width:50%; position:relative;} .newsItem ._url ul li:first-child::after{ position:absolute;content:''; right:0;width:1px;height:50px;top:0;background:#d8d8d8;z-index:2} .newsItem ._url ul li:last-child::after{ position:absolute;content:''; left:0;width:1px;height:50px;top:0;background:#d8d8d8;z-index:2} .newsItem ._url ul a{color:#0f6244; font-size:14px;} .newsItem ._url ul span{color:#bbb; font-size:14px;} .newsItem ._url ul a i{ font-style:normal; font-size:16px;} /*join*/ ._joinTitle ._title1{color:#0f6244;font-size:24px;margin-bottom:15px;} ._joinTitle ._title1 b{font-weight:normal;color:#333333} ._joinTitle ._title2{font-size:14px;color:#454545;padding-bottom:15px;} ._joinTitle ._title2::after{position:absolute; bottom:0; height:1px; width:105px;background:#707070; content:''; transform:translateX(-50%);left:50%;} .join .level1{padding:30px 0 50px;} .join .level1 ._form{margin-top:25px;} .join .level1 ._form ._block{border:1px solid #eee;padding:20px 10px 20px;} .join .level1 ._form ._block .formInputTarget{width:calc(100% - 70px);border:1px solid #eee; line-height:35px;margin-left:70px;margin-top:20px;float:left;position:relative} .join .level1 ._form ._block .formInputTarget b{font-weight:normal;font-size:14px;color:#666; position:absolute; left:-70px;} .join .level1 ._form ._block .formInputTarget input{padding:0 10px;} .join .level1 ._form ._block .formInputTarget label{left:10px;} .join .level1 ._form ._block button{color:#fff;border:0;background:#0f6244;font-size:16px;line-height:40px;width:240px;} .join .level1 ._form ._block .formBtnBlock{margin-top:25px;} .join .level2{background:url(../images/join/l2-bg.jpg) no-repeat center center;background-size:cover;padding-top:25px;padding-bottom:25px;} .join .level2 ._list{margin-top:40px;} .join .level2 ul{} .join .level2 li{width:calc((100% - 15px)/2);background:rgba(0,0,0,0.28);padding:20px 0 25px;margin-left:15px;float:left;margin-bottom:15px;} .join .level2 li:nth-child(2n+1){margin-left:0;} .join .level2 li ._icon{margin-bottom:25px;} .join .level2 li ._text{font-size:14px;color:#fff;line-height:1.8;} .join .level3{padding:30px 0 40px;} .join .level3 ._list{margin-top:35px} .join .level3 ._list ul{} .join .level3 ._list li{width:calc((100% - 30px)/3);margin-left:15px;margin-bottom:15px;} .join .level3 ._list li:nth-child(3n+1){margin-left:0px;} .join .level4{background:url(../images/join/l4-bg.jpg) no-repeat center center;background-size:cover;padding-top:40px;padding-bottom:40px;} .join .level4 ._wrap{margin-top:30px;} .join .level4 ul, .join .level4 ul li{position:relative;} .join .level4 ul ._name{font-size:16px;color:#0f6244;font-weight:bold;margin-bottom:5px;} .join .level4 ul ._text{font-size:14px;color:#595959;line-height:1.8;} .join .level4 ul li{width:100%;margin-bottom:25px;} .join .level5{padding-top:35px} .join .level5 ._list{margin-top:80px;padding:40px 0;background:url(../images/join/l5-bg.jpg) no-repeat center center;background-size:cover;} .join .level5 ._list li{width:calc((100% - 15px)/2);margin-left:15px;margin-bottom:15px; transition:all 0.8s;color:#fff; background:rgba(41,41,41,.5);border-radius:10px;padding-top:30px;height:370px;cursor:pointer;} .join .level5 ._list li:nth-child(2n+1){margin-left:0;} .join .level5 ._list li:hover{background:rgba(15,98,68,.5); transform:rotateY(180deg);} .join .level5 ._list li ._name{font-size:18px;font-weight:bold;margin-top:25px;} .join .level5 ._list li ._text{font-size:14px;line-height:1.8;margin-top:15px;padding:0 10px;} .join .level5 ._list li:hover ._icon, .join .level5 ._list li:hover ._name, .join .level5 ._list li:hover ._text{transform:rotateY(180deg);} .join .level6{background:url(../images/join/l6-bg.jpg) no-repeat center bottom;padding-top:45px;padding-bottom:45px;} .join .level6 ._img{margin-top:35px;} #certify { position: relative; width: 100%; margin: 0 auto;padding:0 15px;} #certify .swiper-container { padding-bottom: 30px;} #certify .swiper-slide { width: 100%; background: #fff; box-shadow: 0 8px 30px #ddd;} #certify .swiper-slide img{ display:block;width:100%;height:0;padding-bottom:59.21%;} #certify .swiper-slide p { line-height: 98px; padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0;} #certify .swiper-pagination { width: 100%; bottom: 20px;} #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1;} #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff;} #certify .swiper-button-prev { left: -30px; width: 45px; height: 45px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 0; background-size: 100%;} #certify .swiper-button-prev:hover { background-position: 0 -46px; background-size: 100%} #certify .swiper-button-next { right: -30px; width: 45px; height: 45px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 -93px; background-size: 100%;} #certify .swiper-button-next:hover { background-position: 0 -139px; background-size: 100%} /*company*/ .company ._comTitle ._title1{font-size:24px;color:#333333;padding-bottom:10px;margin-bottom:20px;} .company ._comTitle ._title1::after{ content:''; position:absolute; bottom:0;width:45px;height:1px; background:#0f6244; left:50%; transform:translateX(-50%);} .company ._comTitle ._title2{font-size:14px;color:#666666;} .company .level1{} .company .level1 ._text{width:100%;padding-top:15px;margin-bottom:15px;} .company .level1 ._title{font-size:18px;color:#333;margin-bottom:15px;} .company .level1 ._intro{font-size:14px;color:#454545;line-height:1.8;} .company .level1 ._intro p{text-indent:28px;} .company .level1 ._textD{width: calc(100% + 30px);height:85px;margin-top:30px;border-top:1px solid #eeeeee;margin: 0 -15px;} .company .level1 ._textD p{font-size:14px;color:#333;line-height:normal;} .company .level1 ._textD p b{font-size:40px;color:#0f6244;} .company .level1 ._textD p i{font-size:16px;color:#333333;font-style:normal;} .company .level1 ._textD ._item{width:calc(100% / 3);padding-top:10px; position:relative;} .company .level1 ._textD ._item::before{ content:''; position:absolute; top:0; height:85px;width:1px; background:#eee;left:0;} .company .level1 ._textD ._item:last-child::before{display:none;} .company .level2{background:url(../images/company/l2-m-bg.jpg) no-repeat center center;padding:40px 0;background-size:cover;} .company .level2 ._intro{float:right;width:100%;} .company .level2 ._intro li{background:url(../images/company/l2-icon.png) no-repeat left 15px;padding-left:40px;margin-bottom:25px;} .company .level2 ._intro li ._title{color:#0f6244;font-size:18px;margin-bottom:5px;} .company .level2 ._intro li ._title b{font-size:24px;font-weight:normal;} .company .level2 ._intro li ._text{font-size:14px;color:#454545;line-height:2.3;width:100%;} .company .level3{padding-top:45px;} .company .level3 ._scroll{margin-top:50px;} .company .level3 .container{width:370px;padding:0;} .company .level3 .hd{ position:absolute; left:50%;top:50%; transform:translate(-50%,-50%);padding:0 10px;z-index:5;} .company .level3 .hd a{width:30px;line-height:50px;text-align:center;color:#fff;font-size:24px;background:rgba(15,98,68,0.5);} .company .level3 .hd a:hover{background:rgba(15,98,68,1);} .company .level3 .bd li{width:165px !important;padding:0 5px;margin:0 10px;background:#eeeeee;padding-top:15px;} .company .level3 .bd li img{width:100%;padding-bottom:70.18%;height:0;border-radius:10px;} .company .level3 .bd li ._name{font-size:14px;color:#333;height:70px;padding:0 10px;display:inline-table;} .company .level3 .bd li ._name span{vertical-align:middle;display:table-cell;} .company .level4{padding-top:30px;padding-bottom:55px;} .company .level4 ._list{margin-top:25px;} .company .level4 ._list li{margin:0 10px;width:calc((100% - 60px)/3.1)} .company .level4 ._list li ._name{margin-top:10px;} /*project*/ .project ul{padding:30px 0;} .project ul li{width:100%;margin-left:0;margin-bottom:20px;} .project ul li:nth-child(3n+1){margin-left:0;} .project ul li:hover{box-shadow:5px 5px 15px #bbb} .project ul li a{height:100%;border:1px solid #ddd;} .project ul li a ._name{line-height:60px;font-size:16px;color:#333;padding:0 15px;} .project ul li a ._name ._more{font-size:14px;color:#999999; position:relative;display:none;} .project ul li a ._name ._more::after{width:100%;height:2px; content:''; position:absolute; top:50%; left:50%; transform:translate( -50% , 20px); background:#0f6345} .project ul li a ._img{overflow:hidden;} .project ul li a ._img img{width:100%;height:0;padding-bottom:79.17%;transition:all 0.8s;} .project ul li a ._img ._cover{width:100%;height:100%;background:url(../images/case/hoverIcon.png) rgba(0,0,0,.4) no-repeat center center;opacity:0; transition:all 0.4s; position:absolute; top:0;left:0;z-index:9;} .project ul li:hover a ._img img{transform:scale(1.1);} .project ul li:hover a ._img ._cover{ opacity:1;} .project ul li:hover a ._name{color:#0f6345;} .projectItem{padding:30px 0 60px;} .projectItem .level1{margin-top:30px;} .projectItem .level1 ._left{width:100%;float:left;position:relative;} .projectItem .level1 ._left img{width:100%;height:0;padding-bottom:73.68%;} .projectItem .level1 ._left .hd{position:absolute; top:50%;left:50%; transform:translate(-50%,-50%); z-index:6; opacity:1;transition:all 0.4s;} .projectItem .level1 ._left:hover .hd{ opacity:1;} .projectItem .level1 ._left .hd a{width:30px;line-height:90px;background:#0f6345;opacity:0.6; transition:all 0.4s;color:#212121;font-size:22px;} .projectItem .level1 ._left .hd a:hover{ opacity:1; color:#fff;} .projectItem .level1 ._left .hd a.prev{float:left;} .projectItem .level1 ._left .hd a.next{float:right;} .projectItem .level1 ._right{width:100%;float:right;} .projectItem .level1 ._right ._name{color:#0f6244;font-size:18px;margin-bottom:30px;font-weight:bold;margin-top:70px;} .projectItem .level1 ._right ._intro{color:#666;font-size:14px;} .projectItem ._url{margin-top:50px;} .projectItem ._url ul{border:1px solid #d8d8d8;background:#f0f0f0;line-height:50px;display:flex;} .projectItem ._url ul li{width:50%; position:relative;} .projectItem ._url ul li:first-child::after{ position:absolute;content:''; right:0;width:1px;height:50px;top:0;background:#d8d8d8;z-index:2} .projectItem ._url ul li:last-child::after{ position:absolute;content:''; left:0;width:1px;height:50px;top:0;background:#d8d8d8;z-index:2} .projectItem ._url ul a{color:#0f6244; font-size:14px;} .projectItem ._url ul span{color:#bbb; font-size:14px;} .projectItem ._url ul a i{ font-style:normal; font-size:16px;} /*service*/ .service{padding:50px 0 70px;} .service li{margin:0 15px;margin-bottom:70px;width:360px;border:1px solid #ddd;border-radius:5px;} .service li ._img{width:100%} .service li img{width:100%;height:210px;} .service li ._name{line-height:40px;color:#333;font-size:14px;} .service li ._more{color:#ddd;line-height:40px;} .service li:hover ._more{color:#0f6345;} .service1 li{ position:absolute;} .service1 li a{position:relative;z-index:9;/*background:rgba(255,0,0,0.4);*/} .service1 ._warp1 li a{width:21px;height:21px;} .service1 ._warp2 li a{width:16px;height:16px;} .service1 li a img{max-width:unset;position:absolute;/*display:none;*/opacity:0;transition:all 0.4s;z-index:-1;} .service1 li a:hover img{opacity:1;z-index:9;/*display:block;*/} .service1 li a img:hover{opacity:0;cursor:auto;} .service1 ._warp{margin-top:30px;} .service1 ._warp1{background:url(../images/service/service1/warp1.jpg) no-repeat center center;height:887px;} .service1 ._warp1 li._point0{left:565px;top:805px;} .service1 ._warp1 li._point1{left:128px;top:330px;} .service1 ._warp1 li._point2{left:681px;top:209px;} .service1 ._warp1 li._point3{left:1075px;top:486px;} .service1 ._warp1 li._point4{left:913px;top:610px;} .service1 ._warp1 li._point5{left:262px;top:510px;} .service1 ._warp1 li._point6{left:957px;top:338px;} .service1 ._warp1 li._point0 img{left:20px;top:-390px;} .service1 ._warp1 li._point1 img{left:20px;top:-300px;} .service1 ._warp1 li._point2 img{left:20px;top:-174px;} .service1 ._warp1 li._point3 img{left:-450px;top:-320px;} .service1 ._warp1 li._point4 img{left:-476px;top:-290px;} .service1 ._warp1 li._point5 img{left:20px;top:-370px;} .service1 ._warp1 li._point6 img{left:-510px;top:-260px;} .service1 ._warp2{background:url(../images/service/service1/warp2.jpg) no-repeat center center;height:1531px;} .service1 ._warp2 li a{cursor:pointer;} .service1 ._warp2 li a img{display:none} .service1 ._warp2 li a:hover img{/*opacity:1;*/z-index:-1;display:block;} .service1 ._warp2 li a img:hover{opacity:1;cursor:pointer;} .service1 ._warp2 li._point1{left:360px;top:606px;} .service1 ._warp2 li._point2{left:302px;top:468px;} .service1 ._warp2 li._point3{left:603px;top:88px;} .service1 ._warp2 li._point4{left:545px;top:336px;} .service1 ._warp2 li._point5{left:331px;top:431px;} .service1 ._warp2 li._point6{left:761px;top:452px;} .service1 ._warp2 li._point7{left:854px;top:521px;} .service1 ._warp2 li._point8{left:818px;top:596px;} .service1 ._warp2 li._point9{left:404px;top:691px;} .service1 ._warp2 li._point10{left:478px;top:779px;} .service1 ._warp2 li._point11{left:547px;top:811px;} .service1 ._warp2 li._point12{left:1050px;top:843px;} .service1 ._warp2 li._point13{left:476px;top:1166px;} .service1 ._warp2 li._point14{left:181px;top:1036px;} .service1 ._warp2 li._point1 img{left:-373px;top:-639px;} .service1 ._warp2 li._point2 img{left:0px;top:-503px;} .service1 ._warp2 li._point3 img{left:0px;top:-132px;} .service1 ._warp2 li._point4 img{left:0px;top:-247px;} .service1 ._warp2 li._point5 img{left:1px;top:-245px;} .service1 ._warp2 li._point6 img{left:0px;top:-166px;} .service1 ._warp2 li._point7 img{left:0px;top:-151px;} .service1 ._warp2 li._point8 img{left:0px;top:-108px;} .service1 ._warp2 li._point9 img{left:0px;top:-96px;} .service1 ._warp2 li._point10 img{left:0px;top:-53px;} .service1 ._warp2 li._point11 img{left:0px;top:0px;} .service1 ._warp2 li._point12 img{left:-111px;top:0px;} .service1 ._warp2 li._point13 img{left:0px;top:0px;} .service1 ._warp2 li._point14 img{left:-221px;top:0px;} .coop ._text{padding-top:45px;color:#666;font-size:14px;line-height:2.3} .coop ._text p{text-indent:28px;} /*video*/ .videoNav{margin-bottom:35px;margin-top:25px;} .videoNav li{width:calc((100% - 20px)/2);margin-left:20px;margin-bottom:20px;float:left;} .videoNav li:nth-child(2n+1){margin-left:0;} .videoNav li a{width:100%;line-height:55px;color:#8c8c8c;border:1px solid #8c8c8c;} .videoNav li:hover a, .videoNav li.on a{background:#0f6244;border-color:#0f6244;color:#fff;position:relative;} .videoNav li.on a::after{position:absolute;bottom:0;left:50%; transform:translateX(-50%);content:'';border-width:100px 0 0 0;border-color:red transparent transparent transparent;} .videoPlayBox{display:none;} .litexbox-video .videoPlayBox{display:block;} .videoList li{width:calc((100% - 15px)/2);height:150px;margin-left:15px;margin-bottom:15px;} .videoList li:nth-child(2n+1){margin-left:0;} .videoList li a, .videoList li ._img{width:100%;height:100%;} .videoList li ._img iframe, .videoList li ._img img{width:100%;height:100%;} .videoList li ._cover, .videoList li ._name{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);padding:0 15px;} .videoList li ._cover{width:100%;height:100%;background:#000;opacity:0.63; z-index:3;} .videoList li ._name{color:#fff; font-size:16px; z-index:5;} .litexbox-video{width:960px !important;height:480px !important;margin:0 auto; overflow:hidden !important;} .litexbox-video .litebox-content, .litexbox-video .videoPlayBox, .litexbox-video iframe{width:100% !important;height:100% !important;padding:0 !important;} .litexbox-video .litebox-content{margin-top:0 !important;transform:translateY(-50%);} .videoPlay iframe{width:100% !important;height:250px !important;} /*question*/ .questList .videoNav{margin-bottom:35px;padding:0} .questList .videoNav li{ position:relative;border:0;margin-left:15px;margin-bottom:15px;margin-right:0;width:calc((100% - 15px)/2)} .questList .videoNav li:nth-child(2n+1){margin-left:0;} .questList .videoNav li a{padding-left:70px;font-size:16px;} .questList .videoNav .icon{width:35px;height:25px; position:absolute; left:25px;top:50%;transform:translateY(-50%); transition:all 0.4s;} .questList .videoNav .icon2{opacity:0} .questList .videoNav li a:hover .icon1{opacity:0;} .questList .videoNav li a:hover .icon2{opacity:1;} .questList .videoNav li.on a .icon1{opacity:0;} .questList .videoNav li.on a .icon2{opacity:1;} .questList ul._list{width:100%;float:left;margin-bottom:30px;} .questList ul._list li{line-height:65px;background:#f5f5f5;margin-bottom:15px;} .questList ul._list li a{color:#333; transition:all 0.4s;font-size:16px;} .questList ul._list li a i{width:30px;margin-left:20px;position:relative;height:65px;} .questList ul._list li a i img{position:absolute;top:50%;transform:translateY(-50%); transition:all 0.4s;} .questList ul._list li a i .img2{opacity:0;} .questList ul._list li a p{width:calc(100% - 70px);float:right;font-size:14px;} .questList ul._list li a:hover{background:#0f6244;color:#fff;} .questList ul._list li a:hover i .img1{opacity:0;} .questList ul._list li a:hover i .img2{opacity:1;} .questList ._img{float:right;width:100%;margin-bottom:30px;} }