/* 公共面包屑导航*/
.address{width: 100%;position:relative;background: #fff;height: 50px;}
.address .p1{height: 50px;line-height: 50px;font-size: 13px;float: left;width: 1200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.address .p1 a{padding: 0 4px;}
.address .p1 img{margin: 0 10px 0 0px;position: relative;top: 4px;}
.cont-wrap{overflow:hidden;background:#f2f2f2;padding:30px 0;width:100%;}
.content{overflow:hidden;}
.cont-wrap .leftCon{float:left;width:890px;overflow:hidden;}

 .cont-wrap .article{padding:40px 62px;overflow:hidden;background:#fff;}
.cont-wrap .article .hd{padding-bottom:10px;overflow:hidden;border-bottom:#dcdcdc solid 1px;}
.cont-wrap .article .hd h1{font-weight:normal;font-size:24px;color:#000;}
.cont-wrap .article .hd .meta{padding-top:20px;overflow:hidden;}
.cont-wrap .article .hd .meta span{display:inline-block;margin-right:15px;font-size:14px;color:#666;}
.cont-wrap .article .bd{padding-top:24px;overflow:hidden;line-height:30px;}
.cont-wrap .article .bd p{text-indent:20px;text-align: justify; margin-bottom:15px;}
.cont-wrap .article .bd img{max-width:100%;}
.cont-wrap .article-page{background-color:#fff;color:#97989E;box-sizing:border-box;padding:20px;margin-top:30px;}


/*新闻列表*/
.newlist{width: 100%;}
.newlist dl{width: 100%;padding-top: 39px;height: 209px;border: 1px solid #dfdfdf;border-top: none;background: #fff;position: relative;}
.newlist dl:first-child{border-top: 1px solid #dfdfdf;}
.newlist dt{width:239px;height: 170px;float: left;margin-left: 40px;overflow: hidden;display:flex;align-items:center;justify-content: center;overflow:hidden;border:1px solid #dfdfdf;padding:5px;}
.newlist dt img{display: block;transform: scale(1);transition: all 2s ease-out;max-width:100%;max-height:100%;}
.newlist dl:hover dt img{transform: scale(1.2);}
.newlist dd{width: 800px;height: 170px;position: relative;margin-left: 28px;float: left;}
.newlist dd h3{font-size: 20px;font-weight: normal;width: 650px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newlist dd p{font-size: 14px;color: #666666;line-height: 24px;margin-top: 17px;text-align: justify;}
.newlist dd .rq{display: block;font-size: 13px;font-family: arial;height: 16px;position: absolute;bottom: 0px;left:0px;color:#999}
.newlist dd .more{display: block;width: 36px;height: 36px;background:#f2f2f2;border-radius:100%;;overflow: hidden;position: absolute;right: 6px;bottom: 0;text-align:center;line-height:30px;font-size:36px;color:#999}
.newlist dl:hover dd h3{color: #0b9243;}
.newlist dl:hover{box-shadow: 0 0 10px 6px #eeeeee;z-index: 99;}
.newlist dl:hover .more{background:#0b9243;color:#fff;}

 

.pro-left{width:100%;margin-bottom:15px;}
.pro-left dl{background: #fff; }
.pro-left dt{background: #0b9243; color: #fff; padding:15px 20px;}
.pro-left dt p{font-size:26px; font-weight: bold}
.pro-left dt span{font-size: 16px;display: block}
.pro-left dd{padding:10px 15px;}
.pro-left dd a{display: block; background: #464646; height: 38px; line-height: 38px; padding-left: 25px; border-radius: 5px; margin:8px 0px; color: #fff; position: relative}
.pro-left dd a:before{border-radius: 100%; width: 20px; height: 20px; background: #fff; right: 10px; top:50%; transform: translate(0,-50%); position: absolute; content:""}
.pro-left dd a:after{width: 0;height: 0;border-top:5px solid transparent;border-bottom: 5px solid transparent;border-left:6px solid #464646; right:16px; top:50%; transform: translate(0,-50%); position: absolute; content:""}
.pro-left dd a:hover{background: #0b9243}

/*产品列表*/
.prolist{float:right;width:890px;overflow:hidden;}
.prolist ul{width:100%;display:flex;justify-content: space-between; flex-wrap:wrap;} 
.prolist ul li{background:#fff;width:288px; height:237px; margin-bottom:20px; text-align:center;transition:all 0.5s;}
.prolist ul li:hover{transform: translateY(-10px);}
.prolist ul li .Pic{width:100%;height:192px;display:flex;align-items:center;justify-content: center; overflow:hidden; border:1px solid #eee;box-sizing: border-box;padding:5px;}
.prolist ul li img{max-width: 100%;transition:all 0.5s;max-height:100%} 
.prolist ul li .intro{padding:0 10px;line-height:45px;height:45px; background:#ddd;display:block; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.prolist ul li:hover img{transform:scale(1.1);}
.prolist ul li:hover{box-shadow:0 5px 10px rgba(32,33,38,0.1);}

/*案例列表*/
.caselist{overflow:hidden;}
.caselist{width:100%;overflow:hidden;}
.caselist ul{display:flex;justify-content: space-between; flex-wrap:wrap;} 
.caselist ul li{background:#fff;width:275px; height:230px; margin-bottom:20px; text-align:center;transition:all 0.5s;}
.caselist ul li:hover{transform: translateY(-10px);}
.caselist ul li .Pic{width:100%;height:192px;display:flex;align-items:center;justify-content: center; overflow:hidden; border:1px solid #eee;box-sizing: border-box;padding:5px;}
.caselist ul li img{max-width: 100%;transition:all 0.5s;max-height:100%} 
.caselist ul li .intro{padding:0 10px;line-height:45px;height:45px; background:#ddd;display:block; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.caselist ul li:hover img{transform:scale(1.1);}
.caselist ul li:hover{box-shadow:0 5px 10px rgba(32,33,38,0.1);}

 
 
 

/*联系方式*/
.contact-box{width:100%;overflow:hidden;background:#fff}
.contact-box-top{display:flex;justify-content:space-between;}
.contact-box .item{width:19%; box-sizing:border-box;padding:20px 0 40px 0;border-radius: 0 0 3px 3px;overflow: hidden;position: relative;text-align:center;height:auto;}

.contact-box .item:after{content:"";position: absolute;bottom:0;left: 0;width:0%;height: 3px;background: #0b9243;-webkit-transition: all ease .4s;-moz-transition: all ease .4s;-ms-transition: all ease .4s;-o-transition: all ease .4s;transition: all ease .4s;}
.contact-box .item:nth-child(3n){margin-right: 0;}
.contact-box .item .text{margin-top: 15px;text-align: center;font-size: 18px;color: #333333;}
.contact-box .item:hover:after{width:100%;}
.contact-box .item a:hover{color: #0b9243;}
.b_shadow{-o-box-shadow:0 0 18px rgba(0,0,0,.1);-ms-box-shadow:0 0 18px rgba(0,0,0,.1);-moz-box-shadow:0 0 18px rgba(0,0,0,.1);-webkit-box-shadow:0 0 18px rgba(0,0,0,.1);box-shadow:0 0 18px rgba(0,0,0,.1);}
.citybox{padding:30px 10px 30px 10px;;}
.citybox ul{border:1px solid #eee;overflow:hidden;margin-bottom:5px;}
.citybox ul li{float:left;margin:0 8px;line-height:26px;padding:10px 0}
.citybox .sheng{border-right:1px solid #eee;width:100px;text-align:center;font-size:18px;font-weight:bold;background:#f0f0f0;margin:0}

video{max-height:660px !important;}

 

@media (max-width:768px){
/*面包屑*/
.address .p1{width:100%;box-sizing:border-box;padding:0 15px;}
.cont-wrap{padding:15px 0}
.cont-wrap .article{padding:15px;}
.cont-wrap .article .hd h1{font-size:18px;}
.cont-wrap .article-page{margin-top:15px}
.cont-wrap .rightCon{display:none;}
.cont-wrap .leftCon{width:100%;}
.cont-wrap .xgcaselist{margin-top:15px}
.zhiyao{padding:10px;}

 

/*新闻列表*/
.newlist dt{width:30%;height:100px;margin-left:0}
.newlist dl{padding:10px;box-sizing:border-box;height:auto}
.newlist dl a{display:flex;justify-content: space-between;}
.newlist dd{width:65%;margin-left:0;height:auto}
.newlist dd p{display:none;}
.newlist dd h3{width:auto;white-space: normal;}

/*产品列表*/
.prolist{width:100%;padding:10px;box-sizing:border-box;}
.prolist ul li{width:49%;height:auto;}
.prolist ul li .Pic{width:100%;padding:5px;box-sizing:border-box;height:160px;}

/*案例列表*/
.caselist ul li{width:49%;height:auto;}
.caselist ul li .Pic{width:100%;box-sizing:border-box;height:160px;}
 
 .contact-box-top {
    display: inline;
}
 .contact-box .item{width:100%;margin:0 0 10px 0; }
 
}