@charset "utf-8"; body{font-family:"Microsoft Yahei";overflow-x:hidden;} a{text-decoration: none;} a:hover{text-decoration: none;} em,i{font-style: normal;} .titis{height:99px;text-align: center;background: url(../images/pro_ico4.png) no-repeat center bottom;margin-bottom:30px;} .titis h2 {color: #333333;height:53px;line-height:53px;font-size:42px;} .titis h2 a {color: #333333;} .titis span{font:12px arial;color: #666666;line-height:17px;height: 17px;text-transform: uppercase;letter-spacing:6px;display: block;padding-top:4px;} .yz_c{height:678px;margin-top:32px;} .yz_c dt{float:left;font-size:0;line-height: 0;} .yz_c dt img{width:440px;height:678px;} .yz_c dd{background: url(../images/yz_z1.png) no-repeat left top;width:608px;box-sizing: border-box;padding-top:70px;float:left;margin:85px 76px 0 0;} .yz_c dd h2{font-size:36px;color: #333333;font-weight:normal;height:80px;line-height:53px;background:url(../images/yz_ico1.png) no-repeat left bottom;} .yz_c dd h2 em{padding-left:23px;font-weight: bold;} .yz_c dd p{font-size:16px;color: #333333;line-height:30px;padding-top:42px;} .content{position: relative;} .pro_n{background: url(../images/pro_bj1.png) no-repeat center top;height: 885px;margin-top:-166px;padding-top:230px;box-sizing: border-box;} .pro_t1{float:left;width:511px;padding:10px 0 0 60px;} .pro_n dl{float:right;width:497px;} .pro_n dt{height: 137px;background: url(../images/pro_ico1.png) no-repeat left bottom;} .pro_n dt i{display: block;font-size: 0;line-height:0;} .pro_n dt span{height:43px;line-height: 43px;font-size:24px;color: #333333;} .pro_n dd p{font-size:14px;color: #333333;line-height: 26px;padding-top:16px;height: 106px;} .pro_n ul{height: 91px;padding-top:39px;overflow: hidden;} .pro_n li{float:left;width:87px;height: 87px;border:2px solid #b7968c;border-radius: 50%;text-align: center;line-height: 87px;font-size:20px;color: #6c3221;font-weight: bold;margin-right:13px;transition:all 0.5s;} .pro_n li:hover{margin-top:-5px;} .pro_w{width:495px;height: 120px;border:1px dashed #313131;border-radius: 3px;box-sizing: border-box;padding:26px 0 0 38px;} .pro_w h4{font-size:24px;color: #333333;height: 32px;line-height: 32px;} .pro_w h4 em{font:16px arial;color: rgba(51,51,51,0.6);line-height: 32px;padding-left:10px;display: inline-block;} .pro_w span{padding-top:8px;height:29px;line-height: 29px;display: block;} .pro_w span a {padding-left:12px;font-size:18px;color: #333333;background: url(../images/pro_ico2.png) no-repeat left center;margin-right:63px;} .pro_n .pro_w span a:last-child{margin:0;} .pro_n2{background: url(../images/pro_bj2.jpg) no-repeat center top;height: 815px;margin:0;padding-top:137px;box-sizing: border-box;} .pro_t2{float:right;padding:7px 22px 0 0;} .pro_n2 dl{width:500px;float:left;} .pro_n2 li{border-color: #60bbe5;color: #0089cd} .pro_n2 li:nth-child(3){line-height: 26px;padding-top:14px;box-sizing: border-box;height: 91px;width: 91px} .pro_ico1{position: absolute;top:425px;right:-130px;} .pro_n3{background: url(../images/pro_bj3.jpg) no-repeat center top;height: 820px;margin:0;padding-top:111px;box-sizing: border-box;} .pro_t3{float:left;width:524px;padding:60px 0 0 40px;} .pro_n3 .pro_w span a{margin-right:40px;} .pro_n3 li{line-height: 26px;padding-top:20px;box-sizing: border-box;height: 91px;border-color: #b9e596;color: #488605;width:91px;} .pro_bj{padding-top:94px;height: 721px;background: #f9fdff} .case_c{height:460px;overflow: hidden;} .m_tximg {height: 420px;position: relative; overflow: hidden;} .poster-main .poster-btn{ width:42px; height:42px; position: absolute; cursor:pointer; display:block; z-index: 10;} .poster-main .poster-btn a { position: absolute; top: 50%;margin-top: -20px;} .poster-main .poster-prev-btn a { right:55px; } .poster-main .poster-next-btn a { left:55px; } .poster-main .poster-next-btn{left:-109px;top:226px;} .poster-main .poster-prev-btn{right:-109px;top:226px;} .poster-item{position: relative; margin: 0 auto;} .poster-main .poster-list .poster-item img {display: block;width: 100%;} .poster-main {position: relative;margin: 0 auto 40px;} .poster-main .poster-list .poster-item {position: absolute;left: 0;top: 0;} .poster-main .poster-btn {position: absolute;top: 0;cursor: pointer;} .poster-main .poster-list li{background: #fff;border-radius: 10px;box-shadow: 0 0 20px rgba(0,0,0,0.2);position: relative;overflow: hidden;} .poster-main .poster-list li .pro_c{position: absolute;left:0;width:100%;bottom:0;height:80px;padding:20px 24px 0 33px;overflow: hidden;box-sizing: border-box;transition: all 0.5s} .poster-main .poster-list li .pro_c span{height:80px;display: block;line-height: 30px;font-size:16px;color: #333333;text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .poster-main .poster-list li .pro_c .pro_b{font-size:14px;color: #fff;line-height: 24px;padding-top:4px;display:block;height:72px;overflow:hidden;} ..poster-main .poster-list li .pro_c .pro_b{font-size:14px;color: #fff;line-height: 24px;padding-top:4px;display: inline-block;height:88px;} .poster-main .poster-list li .pro_c i a{background: url(../images/pro_n.png) no-repeat;display: block;width:55px;height: 20px;float:right;margin-top:22px;} .poster-main .poster-list li img{opacity: 0.9;margin-top:40px;} .poster-main .poster-list .active img{opacity: 1;} .poster-main .poster-list .active .pro_c{display: block;height: 184px;background: #61bf75;border-radius:0 0 10px 10px} .poster-main .poster-list .active .pro_c a{} .poster-main .poster-list .active .pro_c span{height: 34px;line-height: 34px;font-size:20px;color: #fff;font-weight: bold;text-align: left;} .poster-main .poster-list .active .pro_c span a{color: #fff} .zc_bj{background: url(../images/jm_bj01.jpg) no-repeat center top;height: 799px;padding-top:85px;box-sizing: border-box;} .zc_c .titis{background: url(../images/pro_ico1.png) no-repeat center bottom;height: 97px} .zcl{height:228px;overflow: hidden;padding-left:548px;} .zcl li{padding-bottom:33px;} .zcl li h4{font-size: 28px;color: #333333;height: 34px;line-height: 34px;font-weight:normal;} .zcl li p{font-size:16px;color: #333333;line-height: 24px;padding-top:5px;} .zc_w{position:relative;height: 329px;} .zc_w li{text-align: center;width:228px;position: absolute;transition:all 0.5s;} .zc_w li p{font-size:15px;color: #333333;line-height: 22px;height: 105px;background: rgba(255,255,255,0.8);border-radius:4px;margin-bottom:14px;box-sizing: border-box;position: relative;} .zc_w li em{display: block;width:34px;height: 34px;box-sizing: border-box;border:2px solid #333333;text-align: center;line-height: 30px;font-size:18px;color: #333333;margin:0 auto;border-radius: 50%;margin-bottom:15px;} .zc_w li:hover{margin-top:-5px;} .zc_w li:nth-child(1) p:after,.zc_w li:nth-child(3) p:after,.zc_w li:nth-child(5) p:after,.zc_w li:nth-child(7) p:after{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid rgba(255,255,255,0.8);content: "";display: block;position: absolute;bottom:-8px;left:47%;} .zc_w li:nth-child(2) p:after,.zc_w li:nth-child(4) p:after,.zc_w li:nth-child(6) p:after{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:8px solid rgba(255,255,255,0.8);content: "";display: block;position: absolute;top:-8px;left:47%;} .zc_w li:nth-child(1){left:-16px;top:0;} .zc_w li:nth-child(2){left:152px;top:119px;} .zc_w li:nth-child(3){left:320px;top:0;} .zc_w li:nth-child(4){left:484px;top:119px;} .zc_w li:nth-child(5){left:652px;top:0;} .zc_w li:nth-child(6){left:817px;top:119px;} .zc_w li:nth-child(7){left:985px;top:0;} .zc_w li:nth-child(1) p{padding-top:13px;} .zc_w li:nth-child(2) p{line-height: 105px} .zc_w li:nth-child(3) p{padding-top:32px;} .zc_w li:nth-child(4) p{padding-top:32px;} .zc_w li:nth-child(5) p{line-height: 105px} .zc_w li:nth-child(6) p{padding-top:23px;} .zc_w li:nth-child(7) p{padding-top:32px;} .al_bj{background: #f5f5f5;height: 1071px;padding-top:82px;box-sizing: border-box;} .anl .titis{background: url(../images/pro_ico1.png) no-repeat center bottom;height: 97px} .al_nr{position: relative;} .al_nr li{float:left;width:291px;margin-right:12px;} .al_nr li dl{height: 375px;background: #fff;border-radius:4px;margin-bottom:12px;} .al_nr li dt{font-size:0;line-height: 0;width:291px;overflow:hidden;border-radius:4px 4px 0 0;} .al_nr li dt img {width:291px;height: 163px;border-radius:4px 4px 0 0;transition:all 0.5s;} .al_nr li dd{padding:28px 25px 0 30px;} .al_nr li dd h4 a{display:block;height:32px;line-height: 32px;font-size:18px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;} .al_nr li dd p{font-size:14px;color: #666666;line-height: 22px;height: 102px;padding-top:12px;} .al_nr li dd em{display: block;text-align: right;} .al_nr li dd em a{padding-right:32px;font:14px arial;color: #61bf75;background: url(../images/al_ico1.png) no-repeat right;} .al_nr dl:hover dt img{transform:scale(1.1);} .al_nr dl:hover dd h4 a{color:#61bf75;} .al_nr li:last-child{margin:0;} .al_j1,.al_j2{position: absolute;top:363px;cursor: pointer;} .al_j1{left:-60px;} .al_j2{right:-60px;} .sl_c{padding-top:95px;height:1002px;overflow: hidden;} .sl_nr{background: url(../images/sl_bj.jpg) no-repeat center top;height:762px;} .sl_nr dl{height: 376px;width:595px;margin:0 10px 10px 0;float:left;} .sl_nr dt{font-size:0;line-height: 0;width:282px;position:relative;overflow:hidden;} .sl_nr dt:after{content: "";display: block;width:0;height:0;border-width:17px 22px 17px 0;border-style:solid;border-color:transparent #f4f4f4 transparent transparent;position:absolute;right:0;top:171px;} .sl_nr dt img {width:282px;height: 376px;transition:all 0.5s;} .sl_nr dd {width:251px;padding:45px 29px 0 0;} .sl_nr dd i{display: block;font-size:0;line-height: 0} .sl_nr dd h4 {font-size:26px;height: 34px;line-height: 34px;color: #202020;padding-top:4px;display: block;font-weight: normal;} .sl_nr dd span {display:block;font-size:18px;height: 24px;line-height: 24px;color: #333333;} .sl_nr dd p{font-size:16px;color: #666666;line-height: 24px;padding-top:25px;} .sl_nr dl:nth-child(2n){margin:0 0 10px 0;} .sl_nr dl:nth-child(2n) dd{padding:45px 0 0 41px;} .sl_nr dl:nth-child(2n) dt:after{left:0;right: auto;content: "";display: block;width:0;height:0;border-width:17px 0 17px 22px;border-style:solid;border-color:transparent transparent transparent #f4f4f4;position:absolute;right:0;top:171px;} .sl_nr dl:hover dt img{transform: scale(1.1);} .ns_bj{background: #f5f5f5;height:887px;overflow: hidden;padding-top:94px;box-sizing: border-box;} .news .titis{margin-bottom:25px;height: 98px;} .news .tit{height: 42px;line-height: 42px;margin-bottom:20px;position: relative;} .news .tit span a{font-size:24px;color: #333333;font-weight: bold;} .news .tit i{font:12px arial;color: #999999;text-transform: uppercase;line-height: 42px;padding-left:10px;} .news .tit:after{content: "";display: block;width:286px;height: 1px;background: #cccccc;position: absolute;left:225px;top:26px;} .news .tit em a{float:right;font-size:14px;color: #666666;line-height: 42px;box-sizing: border-box;padding-top:4px;} .dongt{float:left;width:568px;} .dongt dl{height: 409px;overflow: hidden;} .dongt dt{font-size:0;line-height: 0;} .dongt dt img {width:569px;height: 267px;} .dongt dd{padding-top:18px;} .dongt dd h4 a{display: block;height: 37px;line-height: 37px;font-size:22px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;} .dongt dd p{font-size:14px;color: #808080;line-height: 24px;padding-top:10px;} .dongt dd p a{color: #808080;} .dongt li{height: 36px;line-height: 36px;} .dongt li a{font-size:14px;color: #333333;text-decoration: underline;} .dongt li em{ float:right;} .dongt li a:hover{color: #61bf75} .went{float:right;width:582px;} .news .went .tit:after{content: "";display: block;width:205px;height: 1px;background: #cccccc;position: absolute;left:321px;top:26px;} .went dl{height: 144px;border-bottom:1px solid #dcdcdc;margin-bottom:28px;} .went dt{height: 30px;line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .went dt em{width:105px;height: 30px;display: inline-block;background: #f8b500;text-align: center;line-height: 30px;border-radius: 17px 0 17px 0;font-size:16px;color: #fff;margin-right:15px;} .went dt a{font-size:22px;color: #333333;} .went dd {padding-top:10px;} .went dd p {font-size:14px;color: #808080;line-height: 24px;} .went dd a{color: #61bf75;font-size:14px;} .went ul{height: 176px;overflow: hidden;} .went li a{display: block;height:36px;line-height:36px;font-size:14px;color:#333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/ns_ico2.jpg) no-repeat right;} .went li a em{ float:right; padding-right:20px;} .went li a:hover{background: url(../images/ns_ico2_hv.jpg) no-repeat right;color: #61bf75} .wt_mo{font-size:0;line-height: 0;} .wt_mo span a{float:right;width:171px;height: 156px;background: #61bf75 url(../images/ns_ico3.png) no-repeat center 87px;text-align: center;line-height: 136px;box-sizing: border-box;border-radius:0 5px 5px 0;font-size:18px;color: #fff;} .wt_mo img{border-radius: 5px 0 0 5px} .about{height: 806px;padding-top:94px;width:1240px;position:relative;z-index:9;} .about .titis{height: 98px;} .about p{padding:0 107px;text-align:center;font-size:16px;color:#333333;line-height:28px;height:142px;} .ab_t{font-size:0;line-height: 0;border:20px solid #fff;border-radius: 8px;position: relative;} .ab_t li img{width:1200px;height: 500px;} .ab_j1,.ab_j2{position: absolute;top:222px;} .ab_j1{left:29px;} .ab_j2{right:29px;} @media screen and (min-width:1366px) { html {font-size: 10px;}} @media screen and (min-width:1440px) { html {font-size: 14px;}} @media screen and (min-width:1600px) { html {font-size: 18px;}} @media screen and (min-width:1920px) { html {font-size:20px;}}