.ungst{width: 100%;position: relative; display: block; }
.rimg{width: 100%;position: relative;overflow: hidden; height:490px !important;z-index:1}
.rimg img {display: block; position: absolute;left: 50%;margin-left: -960px;width: 1920px;}
.txert {position: absolute;width:600px;padding: 30px 40px; background-color: rgba(10, 129, 47, 0.8); right: 0px;bottom: 100px; z-index: 2;}
.txert .tuop{font-size: 20px; margin-bottom: 15px;color: #fff;}
.txert .qqop{font-size: 16px;line-height: 30px;color: #fff;}

.bteto{width: 100%;overflow: hidden; display: block; position: relative;height: 100px;} 
.bteto .btbg{width: 100%;height: 2px;background-color: #e5e5e5;position: absolute;top: 65px;left:0;}
.bteto .btbt{font-size: 25px;color: #0A812F;font-weight: bold;position: absolute;left: 0;top:50px;height: 30px;background-color: #fff;padding-right: 20px;z-index: 10;line-height: 30px;}
.bteto .btbt em{display: block;width: 10px;height: 30px;background-color: #0A812F;float: left;margin-right: 20px;}


.bdution{width: 1200px; margin: auto; background: #0A812F;display: block; position: relative; margin-top: -56px; z-index:2;zoom: 1; }
.deitem { width: 240px; height: 150px;position: relative; display: block; text-align: center;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;background: #0A812F;}
.deitem:hover, .deitem.on { background: #fff;
    box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -moz-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);
    -webkit-box-shadow:-2px 0 3px 0 rgba(0, 0, 0, 0.20),
    2px 0 3px 0 rgba(0, 0, 0, 0.20),
    0 3px 20px 0 rgba(0, 0, 0, 0.20);}
.deline { margin-top: 40px;}
.deicon { margin-top: 20px;}
.deicon i{ display: inline-block;background-size: 65px; width: 65px;height: 65px; } 
.deitem:hover .detit,.deitem.on .detit { color: #0A812F;}
.detit { margin-top: 24px;color: #fff; font-size: 18px;}
.destit {margin-top: 12px;font-size: 12px;color: #9cd3ff;}
.deitem:hover .detest1, .deitem.on .detest1 { background: url(../images/abuon1.png) center no-repeat;}
.deitem:hover .detest2, .deitem.on .detest2 { background: url(../images/abuon2.png) center no-repeat;}
.deitem:hover .detest3, .deitem.on .detest3 { background: url(../images/abuon3.png) center no-repeat;}
.deitem:hover .detest4, .deitem.on .detest4 {background: url(../images/abuon4.png) center no-repeat;}
.deitem:hover .detest5, .deitem.on .detest5 { background: url(../images/abuon5.png) center no-repeat;}
.deitem:hover .detest6, .deitem.on .detest6 { background: url(../images/abuon6.png) center no-repeat;}
.deitem .detest1 { background: url(../images/abu1.png) center no-repeat;}
.deitem .detest2 {background: url(../images/abu2.png) center no-repeat;}
.deitem .detest3 {background: url(../images/abu3.png) center no-repeat;}
.deitem .detest4 { background: url(../images/abu4.png) center no-repeat;}
.deitem .detest5 {background: url(../images/abu5.png) center no-repeat;}
.deitem .detest6 {background: url(../images/abu6.png) center no-repeat;}





.subem{height: 800px;overflow: hidden;background-image: url(../images/bigbg.png);width: 100%;background-position: center top;background-repeat: no-repeat; margin-bottom: 40px; margin-top: 20px;}

.subem .itemed{font-size: 17px; text-align: center; color:#333 ; margin-top: 40px;}
.itembox{ margin:40px 0; display: block; position: relative; width: 100%;}
.itembox .li{ position: absolute;width: 222px; height: 152px; padding: 20px 30px 0 30px;background: url(../images/bg1.png) no-repeat 0 0;cursor: pointer;}
.itembox .li:hover{margin-top: -10px;}
.itembox .li .bd{font-size: 18px; color: #fff;line-height: 28px;}
.itembox .li .ft{ margin-top: 20px;font-size: 14px;color:#fff;line-height: 22px;}

.itembox .li1{top: 100px; left: 0px;}
.itembox .li2{top: 50px; left: 405px;}
.itembox .li3{top: 100px; left: 800px;}
.itembox .li4{top: 400px; left: 100px;}
.itembox .li5{top: 400px; left: 700px;}







.mmorts{overflow: hidden; display: block; position: relative; width: 100%;padding-bottom: 50px; }
.mmorts ul{border: 1px solid #dee2e6; overflow: hidden; margin-top: 30px;position: relative;display: block;}
.mmorts ul li{display: block;border-bottom: 1px solid #dee2e6;padding: 1.5rem; position: relative; overflow: hidden;cursor:pointer}
.mmorts ul li .pic{ height: 70px; width: 70px; float: left; margin-right: 20px;}
.mmorts ul li .pic img{max-width: 100%;}
.mmorts ul li .xxtent{width: calc(100% - 90px); float: left;display: block; position: relative;overflow: hidden;}
.mmorts ul li .xxtent .tit{font-size: 20px; color: #000; margin-bottom: 10px;} 
.mmorts ul li .xxtent .text {width: 100%;overflow: hidden;display: block;position: relative;}
.mmorts ul li .xxtent .text p{line-height: 24px; font-style: 15px;}
.mmorts .bbmed{width: 100%;overflow: hidden;display: block;position: relative; text-align: center; margin-top: 20px;}
.mmorts .bbmed img{max-width: 100%;}
.mmorts .brtxw{width: 100%;overflow: hidden;display: block;position: relative;margin-bottom: 40px; text-align: center; font-size: 18px;}




.bborll {overflow: hidden; padding-top: 40px; display: block; position: relative; width: 100%;background: #fff; }
.bborll dl{width: 100%; overflow:hidden; padding: 30px 0; display: block; position: relative;cursor:pointer}
.bborll dt { width:600px; height:300px; overflow:hidden; position:relative; float:right;  vertical-align: middle;}
.bborll dt img { max-width:100%; height:auto; position: relative;  vertical-align: middle;transition: all 0.5s ease 0s;  }
.bborll dt:hover img {transform: scale(1.1,1.1)}
.bborll dd { width:550px; display: block; overflow:hidden; float: left;  margin-left: 0px; margin-right: 50px;  }
.bborll dd .dbut{ display:block; position: relative; font-size:26px; font-weight: 500;  overflow:hidden; color:#033470; margin-bottom: 10px; padding-bottom: 20px; }
.bborll dd .dbut:before{width: 60px;height: 3px;content: '';background:#000;left: 0;bottom:0;position: absolute; }
.bborll dd .diopt{width: 100%; margin-top: 30px; overflow: hidden; display: block; position: relative;}
.bborll dd .diopt p{ line-height:32px; height:auto; overflow:hidden; color:#666; font-size: 16px; }
.bborll dl:nth-child(2n){background: #ecf0f7;}
.bborll dl:nth-child(2n) dt{float: left;}
.bborll dl:nth-child(2n) dd{float: right; margin-left: 50px; margin-right: 0;}



.wabngd{overflow: hidden;  display: block; position: relative; width: 100%;background: #f6f7ff;}  
.wabngd ul{zoom: 1;background-color: #fff;box-shadow: 0 3px 16px rgba(18,26,42,.08);border-radius: 10px; margin-top:30px ;position: relative;display: block; margin-bottom: 40px; padding: 50px 0 60px;}
.wabngd ul li { display: inline;float: left; width: 259px;height: 250px;padding: 0 20px;border-left: 1px solid #f1f1f1;margin-left: -1px;text-align: center;position: relative;transition: all ease .3s;cursor:pointer }
.wabngd ul li:first-child {border-left: none}
.wabngd ul li:hover {margin-top: -10px}
.wabngd ul li .pica4 {display: block;background-repeat: no-repeat;background-position: 0 0;width: 60px;height: 60px;margin: 0 auto}
.wabngd ul li .pica4 img{max-width: 100%;}
.wabngd ul li .tit {font-size: 18px;color: #000;margin-top: 30px; line-height: 28px;}
.wabngd ul li .text {color: #898989;font-size: 14px;line-height: 2;margin-top: 15px}
.wabngd ul li .ttind {width: 100%;text-align: center;font-size: 18px;line-height: 1;color: #0A812F;position: absolute;left: 0;bottom: 15px}
.wabngd ul li .dot {display: block;width: 10px;height: 10px;background-color: #999;border-radius: 50%;position: absolute;left: 50%;bottom: -10px;margin-left: -5px}


.wmdecgal{overflow: hidden;  display: block; position: relative; width: 100%;}  
.wmdecgal ul{zoom: 1;}
.wmdecgal ul li{float:left;position:relative;width:380px; height:242px;margin-right:30px;margin-bottom:30px; cursor:pointer}
.wmdecgal ul li:nth-child(3n){margin-right: 0;}
.wmdecgal ul li .ming{overflow:hidden; border: 1px solid #dcdcdc;}
.wmdecgal ul li .ming img{display:block;width:378px; height:240px;transition: all 1s ease 0s;}
.wmdecgal ul li:hover .ming img{transform:scale(1.1);-webkit-transform:scale(1.1);}
.wmdecgal ul li .txewt{font-size:15px;text-align: center; font-weight:bold;color:#fff;position:absolute;left:0;right:0;bottom:0;padding:10px 20px; background:#000; background:rgba(0,0,0,.5);}




/*行业案例*/
.idexbbt{width: 1200px; margin: auto; overflow:hidden;position:relative; display: block; margin-top: 20px; margin-bottom: 40px; }
.idexbbt ul{zoom: 1;overflow:hidden; margin-bottom: 20px; }
.idexbbt .tempWrap{margin: 0 -5px;}
.idexbbt ul li{float: left;width: 232px;margin:0 5px; overflow: hidden; margin-bottom: 30px; position: relative;}
.idexbbt ul li .relativetu{position: relative;overflow: hidden;width: 100%;padding: 1px;}
.idexbbt ul li .relativetu .zoomda {position: relative;overflow: hidden;cursor: pointer;}
.idexbbt ul li .relativetu .zoomda img {width: 100%;max-width: 100%;height: auto;transition: all 0.7s ease-in-out;}
.idexbbt ul li .relativetu:hover .zoomda img {transform: scale(1.1,1.1);transition: all 0.7s ease-in-out;}
.idexbbt ul li .relativetu .du41 {width: 100%;position: absolute;height: 80px;z-index: 2;top: 100px;transition: all 0.5s ease-in-out;cursor: pointer;width: 80px;border-radius: 100px;left: 50%;margin-left: -40px;text-align: center;line-height: 80px;}
.idexbbt ul li .relativetu .heidi {background: url(../images/heidi.png) repeat left top;width: 100%;position: absolute;height: 100%;top: 0px;}
.idexbbt ul li .relativetu .du51 {width: 100%;position: absolute;top: 200px;height: 70px;z-index: 5;transition: all 0.5s ease-in-out;color: #fff;font-size: 18px;font-weight: normal;text-align: center;height: 40px;line-height: 40px;font-weight: 600;}
.idexbbt ul li .relativetu .wenzi {position: absolute;top: 300px;color: #fff;width: 80%;left: 10%;font-size: 14px;opacity: 0;transition: all 0.7s ease-in-out;line-height: 200%;padding-bottom: 25px;text-align:justify }
.idexbbt ul li .relativetu .du41 img{max-width: 100%;}


.idexbbt ul li .relativetu:hover .du41 {transition: all 0.5s ease-in-out;top:30px;}
.idexbbt ul li .relativetu:hover .du51{transition: all 0.5s ease-in-out;top: 130px;}
.idexbbt ul li .relativetu:hover .wenzi {opacity: 1;top: 180px;transition: all 0.7s ease-in-out;}

/*行业案例*/




.wmdnnns{overflow: hidden; margin: 20px 0; display: block; position: relative; width: 100%; background: #f6f7ff;}
.wmdnnns ul{zoom: 1; overflow: hidden; margin-top: 30px; margin-bottom: 40px;}
.wmdnnns ul li{width: 49%; margin-right: 2%; display: block;float: left;height: 200px; position: relative;padding: 10px 0 10px;margin-bottom: 20px; background-color: #fff;position: relative;box-shadow: 0 3px 16px rgb(18 26 42 / 8%);
    border-radius: 10px;}

.wmdnnns ul li:nth-child(2n){margin-right: 0;}
.wmdnnns ul li .pic{width: 100px; float: left;height: 53px; margin-top: 25px; text-align: center;transition: all ease .3s;}
.wmdnnns ul li .pic img{width: 60px; margin: auto;}
.wmdnnns ul li:hover .pic{margin-top: 15px;}
.wmdnnns ul li .atent{width: calc(100% - 120px); float: left; }
.wmdnnns ul li .atent .tit{width: 100%; font-size: 20px; line-height: 28px; margin-bottom: 10px; margin-top: 20px;transition: all ease .3s;} 
.wmdnnns ul li .atent .text{width: 100%; font-size: 16px; line-height: 26px; min-height: 100px;} 
.wmdnnns ul li:hover .atent .tit{margin-top: 10px;}