/*导航*/
.header {width: 100%;height: 100px;position: fixed;top: 0;left: 0;transition: all 0.3s;z-index: 999;}
.header-in{width:95%;height: 30px;margin:35px auto;transition: all 0.3s ease;}
.header-in .logo img{width: 120px;transition: all 0.3s;}/*此行代码没起作用*/
.header-in .logo .img2{display: none;}
.mheader-nav{display: -webkit-flex; display: flex; }
.right{float: right;}
.mheader-nav li{margin-right:35px;}
.mheader-nav li.on a{font-weight:bold;}
.mheader-nav li a{display: -webkit-flex; display: flex; font-size:17px;line-height: 30px;color:#000;}
.mheader-nav li a span{display: block;width: 6px;}
.header-small {
height: 60px;
-webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;
-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;
box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;
}
.header-small .header-in {
 margin: 15px auto;
}
.header-small .header-in .logo img {
	/*height: 22px;*/
	width:73px;
	margin-bottom: 0px;
	
}		
.mheader-nav li:last-child{margin-right: 0;}
/*导航高亮*/
.mheader-nav li.active a{color:#30e178;}



/*移动导航*/
.yd-cd{float: right;margin-top: 4px;display: none;}	
.yd-cd img{height: 25px;}
.nav-wap{width: 100%;height: 100vh;background:rgba(0, 0, 0, 0.9);position: fixed;top: 0;left: 0;display: none;
z-index: 3;}
.nav-wap ul li a{display: block;line-height: 60px;font-size: 32px;color: #fff;font-family:"museo-light" !important}
.nav-wap ul{position: absolute;top:50%;transform: translateY(-50%);text-align: center;width: 100%;}
.wap-close{position: absolute;top: 20px;right: 20px;}
.wap-rotate{transform: rotateZ(90deg);transition: all 0.4s;}
	
@media only screen and (max-width: 1024px) {
	.yd-cd{display: block;}
	.mheader-nav{display: none;}
	.header{height: 60px;}
	.header-in{margin: 15px auto;}
	.header-small{height:55px;}
	.header-in .logo img{width: 75px;}
	
}

/*banner*/
#box1{width: 100%;margin: 0 auto;}
/*#box1 img{width: 100%;}*/
/*#box2 img{width: 100%;}*/
#box2{width: 100%;margin: 0 auto;}
.swiper1{--swiper-theme-color:#FFFFFF;color:#FFFFFF;}
.swiper1 .swiper-pagination-bullet{width: 40px;height: 5px;border-radius: 0;background-color:#FFFFFF;opacity: 1;width: 80px;}
.swiper1 .swiper-pagination-bullet-active{background-color:#30e178;}
.swiper1{--swiper-theme-color: #fff;--swiper-navigation-color: #ffff;--swiper-navigation-size:40px;cursor:pointer;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {content: '';}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {content: '';}
.swiper-button-prev,.swiper-button-next{width:50px;height: 85px;position: absolute;top: 50%;transform: translateY(-50%);}
.swiper-wrapper{position: relative;}
#box1:hover .swiper-button-prev{left: 20px;}
#box1:hover .swiper-button-next{right: 20px;}
.swiper-button-prev,.swiper-button-next{margin-top:0;}
.swiper2 .swiper-pagination-bullet{width: 60px;}
#box2{display: none;}

/*加结构*/
#box1{position: fixed;top: 0;left: 0;z-index: 1;height: 710px;}
#box2{position: fixed;top: 0;left: 0;z-index: 1;height: 500px;}
.ban-pc{height: 710px;}
.ban-pc a{height: 710px;}
.ban-pc a img{width: 100%;height: 100%;object-fit:cover;}
.ban-wap{height: 500px;}
.ban-wap a{height: 500px;}
.ban-wap a img{width: 100%;height: 100%;object-fit:cover;}
.stru{width: 100%;position: absolute;top: 710px;left: 0;z-index:9;background: #fff}
@media only screen and (max-width: 600px) {
	#box1{display: none;}
	#box2{display: block;}
	.stru{top: 500px;}
}


/*brand*/
.brandx{width: 100%;background: #ddd;}
.brandx .brand{width: 70%;margin: 0 auto;
display: -webkit-flex; 
display: flex; 
align-items: center;
padding:88px 0;
margin-left:25%;}
.brandx .brand .brand-left{color:#818283;font-size: 40px;font-family: "黑体";}
.brandx .brand .brand-left span{color:#30e178;font-weight: 800;}
.brandx .brand .brand-left p .sp1{margin-left: 8px;}
.brandx .brand .brand-left p .sp2{margin-right: 8px;}
.brandx .brand .brand-middle{width: 1px;height: 85px;background: #818283;margin: 0 100px;}
.brandx .brand .brand-right{color:#818283;font-size: 18px;letter-spacing: 1px;line-height: 32px;}

@media only screen and (max-width: 1400px) {
	.brandx .brand{padding:70px 0;}
	.brandx .brand .brand-middle{margin: 0 80px;}
	.brandx .brand .brand-left{font-size: 30px;}
	.brandx .brand .brand-right{font-size: 16px;}
	
}
@media only screen and (max-width: 1200px) {
	.brandx .brand{padding:50px 0;margin-left:20%;}
	.brandx .brand .brand-middle{margin: 0 60px;}
	.brandx .brand .brand-left{font-size: 24px;}
	.brandx .brand .brand-right{font-size: 15px;}
}
@media only screen and (max-width: 1042px) {
	.brandx .brand{padding:40px 0;margin-left:20%;}
	.brandx .brand .brand-middle{margin: 0 30px;}
	.brandx .brand .brand-left{font-size: 24px;}
	.brandx .brand .brand-right{font-size: 15px;}
}
@media only screen and (max-width: 992px) {
	.brandx .brand{padding:40px 0;width: 90%;margin-left:15%;}
	.brandx .brand .brand-middle{margin: 0 30px;}
	
}

@media only screen and (max-width: 848px) {
	.brandx .brand{padding:40px 0;width: 90%;margin-left:10%;}
	.brandx .brand .brand-middle{margin: 0 30px;}
	
}
@media only screen and (max-width: 740px) {
	.brandx .brand{display: block;margin: 0 auto;}
	.brandx .brand .brand-middle{width: 80px;height: 1px;margin: 20px 0;}
}

/*case*/
.case{width: 95%;margin: 0 auto;}
.case .case-title{display: -webkit-flex; display: flex; justify-content: space-between;margin: 40px 0;}
.case .case-title .case-left ,.case-title .case-right{display: -webkit-flex; display: flex; align-items:flex-end;}
.case .case-title .case-right li{margin:0 12px;padding: 5px 3px;}
.case .case-title .case-left .case-left2{font-size: 20px;}
.case .case-title .case-left .case-left1{font-size: 20px;border-top:2px solid #30E178;padding-top: 7px;margin-right: 8px;

}
#tab li.on {
	background-color: #30E178;
	border-bottom-color: #30E178;
}
#tab li{cursor: pointer;}
#tab-box .box {/*tab-box不用设置高度，由里面内容高度撑开*/
	display: none;
}
#tab-box .box.active {
	display: block;
}			
#tab-box .box .tbox{width:100%;display: -webkit-flex; display: flex; flex-wrap: wrap;}
#tab-box .box .tbox .case-box{display: block;width: 33.33333333%;position: relative;overflow: hidden;}
#tab-box .box .tbox .case-box img{width:100%;transition: all 0.6s;}
#tab-box .box .tbox .case-box .back{width: 100%;height: 100%;background:rgba(0,0,0,0.8);
position:absolute;left: 0;top: 0;padding:25px;opacity: 0;transition: all 0.6s;
display: -webkit-flex; display: flex; flex-direction: column;justify-content: space-between;font-weight: 300;
}
#tab-box .box .tbox .case-box .back p{color: #fff;}
#tab-box .box .tbox .case-box:hover .back{opacity: 1;}
#tab-box .box .tbox .case-box:hover img {transform: scale(1.1);}
#tab-box .box .tbox .case-box .back .back-title{font-size:20px;}   
#tab-box .box .tbox .case-box .back .back-cont .p1{ font-size: 24px;}
#tab-box .box .tbox .case-box .back .back-cont .p2{ font-size: 15px;line-height: 35px;}
#tab-box .box .tbox .case-box .back .back-cont .hx{width: 10px;height: 1px;background:#fff;margin-bottom: 15px;}
.gray{background: green;}
.case .more{display: block;width: 200px;height: 45px;border: 2px solid #30E178;margin:100px auto;line-height: 45px;text-align: center;
color: #30E178;position: relative;}
.case .more .more-zz{width: 0%;height:100%;position: absolute;top: 0;left: 0;background: #30E178;z-index: -10;transition: 0.4s;}
.case .more:hover .more-zz{width: 100%;}
.case .more:hover{color: #fff;}

@media only screen and (max-width: 960px) {
	#tab-box .box .tbox{width:100%;}
	#tab-box .box .tbox .case-box{width: 100%;}
	#tab-box .box .tbox .case-box .back{display: none;}
}

@media only screen and (max-width: 778px) {
	.case .case-title{display: block;margin: 20px 0;}
	.case .case-title .case-left{margin-bottom: 10px;}
	.case-title .case-right{flex-wrap: wrap;}
}


/*news*/
.news {width:90%;margin: 100px auto;display: -webkit-flex; display: flex; }
.news .news-box{width: 33.33333333%;}
.news .news-box .news-t{text-align: center;font-size: 24px;margin-bottom: 40px;}
.news .news-box .news-t .new-p1{font-weight: 600;}
.news .news-box .news-t .new-p2{border-bottom: 1px solid #000;display: inline-block;line-height:44px;}
.news .news-box .news-m img{width: 100%;}
.news .news-box .news-d{border-right: 1px dashed #000;} 
.news .news-box .news-d.rb{border-right:0;}
.news .news-box .news-b{margin:30px;font-size: 14px;}
.news .news-box .news-b div{display: -webkit-flex; display: flex; justify-content: space-between;margin-bottom: 15px;}
.news .news-box .news-b div a{width: 75%;}
.news .news-box .news-b div p{width: 25%;text-align: right;}
.news .news-box .news-more{display:block;margin-left:30px;width: 68px;height: 20px;border-radius: 10px;border:1px solid #000;
text-align: center;font-size: 12px;}

@media only screen and (max-width: 1025px) {
	.news .news-box .news-b div a{width: 65%;}
	.news .news-box .news-b div p{width: 35%;}

}

@media only screen and (max-width: 1000px) {
	.news .news-box .news-t .cha{width: 60%;margin: 0px auto;}
    .news .news-box .news-t .cha1{width: 80%;margin: 0px auto;}
    
}

@media only screen and (max-width: 760px) {
	.news {flex-wrap: wrap;}
	.news .news-box{width: 100%;margin-bottom: 20px;}
	.news .news-box .news-t .cha{width: 100%;}
    .news .news-box .news-t .cha1{width: 100%;}
    .news .news-box .news-t{margin-bottom: 30px;font-size: 20px;}
    .news .news-box .news-b div a{width: 70%;}
	.news .news-box .news-b div p{width: 30%;}

}

/*design*/
.design{background: url(../img/designbg.jpg) no-repeat;
background-size: 100%;width: 100%;height: 640px;
background-attachment: fixed;background-position: center;position: relative;}
.design .design-zz{width: 100%;height:100%;position: absolute;top: 0;left: 0;background:#000;opacity: 0.4;}
.design .design-cont{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;
font-size:36px;color: #30E178;letter-spacing: 2px;}
.design .design-cont span{font-size:38px;}
.design .design-cont .equ,.design .design-cont .sub{margin: 0 5px;}
.design .design-cont span,.design .design-cont .plus{font-weight: 800;}
.design .design-cont .sub{font-weight: 400;}
.design .design-cont .plus{margin: 15px 0;}
@media only screen and (max-width: 640px) {
	.design .design-cont{font-size:24px;}
}

/*footer*/
.footer{width: 100%;background:#333131;height:450px;color: #808080;overflow: hidden;}
.footer .footer-in{width:90%;margin: 80px auto;/*border: 1px solid red;*/display: -webkit-flex; display: flex; }
.footer .footer-in .footer-box{width: 33.333333%;}
.footer .footer-in .footer-box2{margin-top:82px;/*border: 1px solid red;*/}
.footer .footer-in .footer-box .logo2{width: 240px;margin-bottom: 30px;}
.footer .footer-in .footer-box ul li{float: left;margin-right: 10px;}
.footer .footer-in .footer-box ul{margin-bottom: 20px;}
.footer .footer-in .footer-box .js{margin-bottom: 10px;}
.footer .footer-in .footer-box .phone{font-size:20px;font-weight: 800;margin: 30px 0 10px;}
.footer .footer-in .footer-box .tel{font-size:20px;font-weight: 800;color: #30E178;}
.footer .footer-in .footer-box .code{margin-top: 80px;margin-bottom: 30px;}
.footer .footer-in .footer-box .code .code1,.footer .footer-in .footer-box .code .code2{width: 100px;float: left;}
.footer .footer-in .footer-box .code .code1 img,.footer .footer-in .footer-box .code .code2 img{width: 100%;}
.footer .footer-in .footer-box .code .code1{margin-right: 10px;}
.footer .footer-in .footer-box .footer-icon div{width: 30px;height: 30px;background: red;float: left;margin-right: 30px;}
.footer .footer-in .footer-box .footer-icon .footer-icon1{position: relative;background:url(../img/wx.png);
background-size: 100% 100%;}
.footer .footer-in .footer-box .footer-icon .footer-icon1 .code-wx{
	width: 170px; height: 170px; position: absolute; top: -190px; left: 50%; transform: translateX(-50%); visibility: hidden;
}
.footer .footer-in .footer-box .footer-icon .footer-icon2{position: relative;background:url(../img/qq.png);
background-size: 100% 100%;}
.footer .footer-in .footer-box .footer-icon .footer-icon3{position: relative;background:url(../img/sc.png);
background-size: 100% 100%;}

/*wapfooter*/
.white_content { 
    display: none; 
    position: absolute; 
    top:-450px; 
    left: 50%; 
    transform: translateX(-50%);
    width:220px; 
    height:260px; 
    z-index:1002; 
    background-color:#FFFFFF; 
    border-radius: 10px;
    box-shadow: 0 0 30px -5px #000;
    } 
.bottom_yd {background: #FFFFFF;width: 100%;height: 50px;position: fixed;bottom:0;display: none;z-index: 12;}
.bottom_yd .bty_left,.bottom_yd .bty_right{width: 49.65%;height: 50px;text-align: center;display: -webkit-flex; display: flex; justify-content: center;align-items: center;float: left;}
.bottom_yd .bg1{width: 14px;height: 14px;background: url(../img/reg-bottom.png);background-size:100%;display: inline-block;margin-right: 5px;}
.bottom_yd .span1{font-size: 14px;color:#2589ff ;font-weight: 700;}
.bottom_yd .shuxian{width: 2px;height: 15px;background: #67adff;float: left;margin-top: 17.5px;}
.bottom_yd .bg2{background-position: 0px -18px;}
.bottom_yd .a1,.a2{display: block;}
.bottom_yd a{-webkit-tap-highlight-color:transparent;}
.bottom_yd .guanbi{width: 20px;height: 20px;position: absolute;top:6px;right:6px;}	
.bottom_yd .wxh{margin-top: -6px;font-size: 13px;margin-left: 35px; }
.bottom_yd .wxh1{background: yellow;color: red;font-weight: 700;}
.bottom_yd .fuzhi{height: 20px;width:65px;background: #0e91f9; position: absolute; bottom: 16px;right: 75px;font-size: 13px;color: #FFFFFF;border-radius: 10px;text-align: center;
animation: suofang 0.8s infinite;}
@keyframes suofang{
	0%{transform: scale(1);}
	50%{transform: scale(1.25);}
	100%{transform: scale(1);}
}
.bottom_yd .ewm{width: 180px;height: 180px;margin-left: 20px;margin-top:20px;}		
.bottom_yd #input {position: absolute;top: 0;left: 0;opacity: 0;z-index: -10;}


@media only screen and (max-width: 760px) {
	.footer{display: none;}
	.bottom_yd{display: block;}
}

/*美化滚动条*/
::-webkit-scrollbar{display: none;}


/*页码*/
.pagebar {
	margin: 50px 0;
}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 8px 12px;
  margin: 0 5px;
  border-radius: 3px;
}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
    margin: 0 5px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #30E178;
  border: 1px solid #30E178;
}
.pagination a .page-num-current {
  color: #fff;
  background: #ff0201;
  border: 1px solid red;
}
@media only screen and (max-width: 760px) {
	.pagebar{margin:30px 0 80px;}
}
@media only screen and (max-width: 700px) {
 	.pagination a {margin: 0 2px;padding: 0px 5px;}
    .pagination span { padding: 0;}
}

@media only screen and (max-width: 320px) {
 	.pagination a {margin: 0 1px;}

}
/*页码*/

/*服务页面*/
/*service*/  
.service-title{width: 95%;margin: 212px auto 30px;display: flex;}
.service-title .service-titleleft{width: 55%;}
.service-title .service-titleright{width: 45%;line-height: 30px;text-align:right;}
.service-title .service-titleleft .ser-sp1{border-top: 2px solid #30E178; padding-top:10px ;font-size: 20px;margin-right: 10px;}
.service-title .service-titleleft .ser-sp2 {font-size: 20px;}
@media only screen and (max-width: 760px) {
 	.service-title .service-titleleft{width: 100%;}
    .service-title .service-titleright{width: 100%;}
    .service-title{flex-wrap: wrap;}
    .service-title .service-titleleft{margin-bottom: 10px;}
    .service-title{margin-top: 120px;}
}


.service{width: 95%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.service .service-box{width: 49%;}
.service .service-box img{width: 100%;transition: all 0.4s;}
.service .service-box .service-top:hover img{transform: scale(1.1);}
.service .service-box .service-bottom{background:#e4e4e4;padding:35px 60px 80px;}
.service .service-box .service-top{position: relative;overflow: hidden;}
.service .service-box .service-top .ser-zz{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.7);
opacity: 0;transition: all 0.4s;
}
.service .service-box .service-top:hover .ser-zz{opacity: 1;}
.service .service-box .service-top .ser-zz .ser-biaoti{position: absolute;bottom: 50px;left: 50px;}
.service .service-box .service-top .ser-zz .ser-biaoti .ser-hx{width: 100px;height: 2px;background: #30E178;}
.service .service-box .service-top .ser-zz .ser-biaoti .ser-p1{font-size: 30px;font-weight: 600;margin-bottom: 10px;color: #fff;}
.service .service-box .service-top .ser-zz .ser-biaoti .ser-p2{margin-bottom: 15px;color: #fff;}
.service .service-box .service-bottom ul li{margin-bottom: 20px;}
.service .service-box .service-bottom ul li:last-child{margin-bottom: 0;}
.service .service-box .service-bottom ul{margin-right: 20%;}
.service .service-box .service-bottom{display: flex;}
@media only screen and (max-width: 1000px) {
 	.service .service-box .service-top .ser-zz .ser-biaoti .ser-p1{font-size: 20px;}
 	
    
}
@media only screen and (max-width: 900px) {
	.service .service-box{ width: 100%;}
}
@media only screen and (max-width: 640px) {
	.service .service-box .service-top .ser-zz .ser-biaoti {position: absolute;bottom: 20px;left: 20px;}
	.service .service-box .service-top .ser-zz .ser-biaoti .ser-p1{font-size: 18px;margin-bottom: 5px;}
	.service .service-box .service-top .ser-zz .ser-biaoti .ser-p2{margin-bottom: 10px;}
	.service .service-box .service-bottom{padding:30px 30px;}
	.service .service-box .service-bottom ul{margin-right: 10%;}
   
}

/*cooper*/
.cooper{width: 90%;margin: 20px auto 0;background: #e4e4e4;padding:20px;}
.cooper .cooper-title{font-size: 20px;font-weight: 600;margin-bottom: 30px;}
.cooper .cooper-boxs{display: flex;flex-wrap: wrap;align-items: center;width: 89%;margin: 0 auto;}
.cooper .cooper-boxs .cooper-box{width: 135px;height: 135px;background: #221815;border-radius:50%;
display: flex;justify-content: center;align-items: center;flex-wrap: wrap;color: #fff;
}
.cooper .cooper-boxs .cooper-hx{width: 30px;height: 2px;background: #817b79;margin: 0 10px;}
.cooper .cooper-boxs .cooper-box .cooper-p{width: 90%;text-align: center;overflow: hidden;}
@media only screen and (max-width: 640px) {
	.cooper .cooper-boxs .cooper-box{width: 100px;height: 100px;}
	.cooper .cooper-boxs .cooper-hx{width: 20px;margin: 0 5px;}
	.cooper .cooper-boxs .cooper-box .cooper-p{font-size: 14px;}
}
@media only screen and (max-width: 360px) {
	.cooper .cooper-boxs .cooper-box{width: 90px;height: 90px;}
}
@media only screen and (max-width: 320px) {
	.cooper .cooper-boxs .cooper-box{width: 80px;height: 80px;}
	.cooper .cooper-boxs .cooper-box .cooper-p{font-size: 12px;}
}

.cooperx{width: 90%;margin: 0px auto;background: #e4e4e4;padding:20px;}
.cooperx .spl{width: 100%;height: 1px;background: #808080;margin: 0 auto 50px;}
.cooperx .tech p{color:#808080;line-height: 30px;}
.cooperx .tech{margin-bottom: 20px;}
.cooperx .tech .tech-title{color:#000;font-weight:600 ;}
.cooperx .out-cooper .out-title1{font-size: 24px;font-weight:600 ;margin: 50px 0 30px;}
.cooperx .out-cooper .out-title2{font-size: 16px;font-weight:600 ;margin-bottom: 30px;}
.cooperx .out-cooper .out-cooper1 p{color:#808080;line-height: 30px;}
.cooperx .out-cooper .out-cooper1 .out-cooper1p{font-weight:600 ;color: #000000;}
.cooperx .out-cooper .out-cooper1{margin-bottom: 30px;}
@media only screen and (max-width: 760px) {
	.cooperx{margin-bottom: 20px;}
}

/*关于我们页面*/
/*about*/
.about{width: 95%;margin: 0px auto;}
.about img{width: 100%;}
.aboutbg{background: url(../img/aboutbg.jpg)  no-repeat center;background-size: cover;
width: 100%;height: 1000px;position: relative;}
.aboutbg .aboutbg-zz{width: 100%;height:100%;position: absolute;top: 0;left: 0;background: rgba(255,255,255,0.5);}
.aboutbg .about-brand{width: 100%;height: 250px;background: rgba(0,183,67,0.7);position: absolute;bottom: 0;left: 0;text-align: center;
padding:70px 0 ;
}
.aboutbg .about-brand p{font-size: 18px;line-height: 30px;}
.aboutbg .about-brand .about-brandp{font-size: 32px;letter-spacing: 5px;display: inline-block;margin: 0 10px;margin-bottom: 25px;}
.aboutbg .about-brand .about-brandp span{font-weight:600;margin: 0 5px;}

.customer img{width: 100%;}
.customer .customerimg1{display:none;}
@media only screen and (max-width: 760px) {
	.customer .customerimg{display:none;}
	.customer .customerimg1{display:block;}
	.customer{margin-bottom: 50px;}
	
}
@media only screen and (max-width: 500px) {
	.aboutbg .about-brand{height: 350px;}
}

/*案例详情页*/
/*casedetail*/
.casedetail{width: 95%;height: 500px;margin: 0px auto;padding:50px 10%;
/* background-image: linear-gradient(to top right,#005ba9 20%,#00b1e8 80%); */
margin-top: 200px;display: flex;color: #fff;
}
.casedetail .casedetail-left{width: 40%;font-size: 17px;}
.casedetail .casedetail-right{width: 60%;display: flex;flex-direction: column;justify-content: space-between;}
.casedetail .casedetail-right div{font-size: 14px;}
.casedetail .casedetail-right div p{margin-bottom: 10px;} 

@media only screen and (max-width: 800px) {
	.casedetail .casedetail-left{width: 100%;margin-bottom: 35px;}
	.casedetail .casedetail-right{width: 100%;}
	.casedetail{flex-direction: column;}
	.casedetail .casedetail-right .casedetail-rightp{margin-bottom: 35px;}
	.casedetail{height: auto;padding:35px 20px;}
}

.casedetail-cont{width: 95%;margin: 50px auto;}
.casedetail-cont img{max-width: 100% !important;height: auto!important;}

.relecase{width: 90%;margin: 0px auto 50px;}
.relecase .relecase-title{margin-bottom: 50px;text-align: center;font-size: 18px;}
.relecase .relecase-title .relecase-titlep1{font-weight: 600;margin-bottom: 5px;}
.relecase .relecase-title .relecase-titlep2 span{border-bottom: 1px solid #000;padding:5px 0;}
.case-boxs{width:100%;display: -webkit-flex; display: flex;flex-wrap: wrap;}
.case-boxs .case-box{display: block;width: 33.33333333%;position: relative;overflow: hidden;}
.case-boxs .case-box img{width:100%;transition: all 0.6s;}
.case-boxs .case-box .back{width: 100%;height: 100%;background:rgba(0,0,0,0.8);
position:absolute;left: 0;top: 0;padding:25px;opacity: 0;transition: all 0.6s;
display: -webkit-flex; display: flex; flex-direction: column;justify-content: space-between;font-weight: 300;
}
.case-boxs .case-box .back p{color: #fff;}
.case-boxs .case-box:hover .back{opacity: 1;}
.case-boxs .case-box:hover img {transform: scale(1.1);}
.case-boxs .case-box .back .back-title{font-size:20px;}   
.case-boxs .case-box .back .back-cont .p1{ font-size: 24px;}
.case-boxs .case-box .back .back-cont .p2{ font-size: 15px;line-height: 35px;}
.case-boxs .case-box .back .back-cont .hx{display: block;width: 10px;height: 1px;background:#fff;margin-bottom: 15px;}

@media only screen and (max-width: 960px) {
	.case-boxs{width:100%;}
	.case-boxs .case-box{width: 100%;}
	.case-boxs .case-box .back{display: none;}
}

/*newslist*/
.newslist .newslist-box{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 80px;}
.newslist .newslist-box .newslist-left{width:48%;overflow: hidden;}
.newslist .newslist-box .newslist-right{width:48%;border-bottom: 1px solid #50b359;}
.newslist .newslist-box .newslist-left img{width: 100%;}
.newslist .newslist-box .newslist-right .p1{font-size: 18px;}
.newslist .newslist-box .newslist-right p{margin-bottom: 20px;}
.newslist .newslist-box .newslist-right .date {display: flex;margin-top: 100px;}
.newslist .newslist-box .newslist-right .date .date-p1{width: 60px;height: 30px;background: #50b359;
text-align: center;line-height: 30px;margin-right: 10px;
}
.newslist .newslist-box .newslist-right .date .date-p2{width: 130px;height: 30px;background: #9e9e9f;
text-align: center;line-height: 30px;color: #fff;
}
.newslist .newslist-box .newslist-left img{transition: all 0.4s;}
.newslist .newslist-box .newslist-left:hover img{transform: scale(1.1);}


@media only screen and (max-width: 1024px) {
	.newslist .newslist-box .newslist-left{width:100%;}
	.newslist .newslist-box .newslist-right{width:100%;}
	.newslist .newslist-box .newslist-left{margin-bottom: 20px;}
	.newslist .newslist-box .newslist-right .date {display: flex;margin-top: 10px;}
	.newslist .newslist-box{margin-bottom: 20px;}
	
}

/*newsxq*/
.newsxq {width: 90%;margin: 80px auto;display: flex;justify-content: space-between;margin-top: 200px;
flex-wrap: wrap;}
.newsxq .newxq-left{width:38%;}
.newsxq .newxq-right{width:60%;border-top:1px solid #50b359;border-bottom:1px solid #50b359;padding:20px 0;}
.newsxq .newxq-left .newxq-p1{font-size: 18px;font-weight: 600;margin-bottom: 20px}
.newsxq .newxq-left .newxq-date{margin-top: 130px}				
.newsxq .newxq-right img{max-width: 100% !important;height: auto!important;}
@media only screen and (max-width: 640px) {
	.newsxq {margin-top: 100px}
	.newsxq .newxq-left,.newsxq .newxq-right{width:100%;}
	.newsxq .newxq-left{margin-bottom: 20px;}
	.newsxq .newxq-left .newxq-date{margin-top: 50px}	
	
}

/*contact*/
.map{margin-top: 200px;height: 100px;}
.contact-title{width: 90%;text-align: center;margin: 80px auto;}
.contact-title span{font-size: 28px;font-weight: 500;color:#50b359;}
.contact-title .line{width: 30px;height: 3px;background:#50b359;margin: 20px auto 45px;}
.contact-title p{margin-bottom: 15px;font-size: 16px;}
.contact-tel{width: 100%;}
.contact-tel img{width: 100%;}
.contact-tel .wap{display: none;}
.contact{width: 90%;margin: 50px auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.contact .contact-left{width:55%;}
.contact .contact-right{width:40%;}
.contact .contact-right .line{width: 30px;height: 3px;background:#50b359;margin-bottom: 10px}
.contact .contact-right .contact-div{margin-bottom: 30px;}
.jr{font-size: 20px;font-weight: 600;margin-bottom: 20px;}
.zw{font-size: 16px;margin-bottom: 30px;font-weight: 600;}
.yq p{font-size: 14px;margin-bottom: 10px;}
@media only screen and (max-width: 640px) {
	.contact-tel .pc{display: none;}
	.contact-tel .wap{display: block;}
	.contact .contact-left{width:100%;margin-bottom: 30px;}
	.contact .contact-right{width:100%;}
	
	
}