/*-------------------手机端-------------------*/


@media all  and (max-width:1073px){
		

	.case-main{

		width: 100%;
		overflow: hidden;
		margin-top: 10px;
	}
	.case-main .case-nav{

		width: 100%; height:auto; overflow:hidden;
		padding:10px 0; background:#f5f5f5
		/*border-bottom: 1px solid #048c45;*/
	}
	.case-main .case-nav .navl{

		width: 100%;
		margin:0 auto;
	}
	.case-main .case-nav .navl span{

		float: right;
		font-size: 0.7em;
		display: none;
	}
	.case-main .case-nav .navl ul{

		width: 100%;
		float: left;
	}
	.case-main .case-nav .navl ul li{

		width: 33.33%;
		padding:5px 0;
		text-align: center;line-height:36px; background:#f5f5f5; 
		/*border-right:2px solid #048c45;*/
		float: left; 
	}
	
	.case-main .case-nav .navl ul li a{

		font-weight: 700; font-size:16px;
	}
	.case-main .case-nav .navl ul li.active4{

		background: #048c45;
	}
	.case-main .case-nav .navl ul li.active4 a{

		color: #fff;
	}

	.case-main>.list{
		
		width: 100%;

		margin-top: 20px;
		/*position: relative;*/
	

	}
	.case-main .list .jianjie{
		
		width: 100%;
		height: 450px;

		position: relative;
		background: url(../images/about3.png) no-repeat 0 0;

	}
	.case-main .list .jianjie .title{

		width: 100%;
		margin: 0 auto;
		padding-top: 30px;
		text-align: center;
	}
	.case-main .list .jianjie .title h3{

		color: #048c45;
		font-weight: 700;
		font-size: 1.2em;
		/*text-sha;*/
		/*text-shadow: 2px 2px 3px #fff;*/
		text-shadow: 1px 1px 0 white;
		/*border:1px solid #fff;*/
	}
	.case-main .list .jianjie .conts{

		width: 100%;
		margin:20px auto;
	}
	.case-main .list .jianjie .conts ul li{

		width: 33%;
		float: left;
		height: 150px;
		text-align: center;
		color: #fff;
		border-left: 1px solid #fff;
	}

	.case-main .list .jianjie .conts ul li h4{

		margin: 30px 0;
		/*font-size: 26px;*/
		font-size: 1.4em;
		font-weight: 700;
		color: #ed8118;
	}

	.case-main .list .conts ul li p{

		font-weight: 700;
		font-size: 0.8em;
	}
	.case-main .list .jianjie hr{

		width: 100%;
		position: absolute;
		top: 50%;
		border-bottom: 1px solid #fff;
	}

	
	.case-main .list .main-int{

		width:100%;
		/*clear: both;*/
	
		margin: 0px 0;
		/*height:700px;*/
		padding-top: 80px;
		padding-bottom: 40px;
		/*margin-bottom: 20px;*/
		/*background: #fafafa;*/

	}
	.case-main .list .main-int .cont{

		width: 100%;

		margin:0 auto;

	}
	.case-main .list .main-int .cont .left{
		
		/*width: 90%;*/
		/*height: 300px;*/
		position: relative;
		display: none;
		background: url(../images/case8.png) 0 0 no-repeat;
	}
	
	.case-main .list .main-int .cont .left .xtt{

		
		text-align: center;
	}
	.case-main .list .main-int .cont .left .xtt h3{

		font-weight: 700;
		font-size: 1.2em;
	}
	.case-main .list .main-int .cont .left .xtt p{

		font-size: 14px;
		font-weight: 700;
	}
	.case-main .list .main-int .cont .right{

		text-align: center;
	}
	.case-main .list .main-int .cont .right>img{
		width: 80%;
		margin-top: 15px;
			display: none;
		/*margin-bottom: 20px;*/
	}
	.case-main .list .main-int .cont .right .lsit .title{

		margin-top: 0px;
	}
	.case-main .list .main-int .cont .right .lsit .title h3{
		width: 100%;
		color: #048c45;
		font-style: italic;
		font-weight: 700;
		margin-bottom:10px;
		font-size: 1.2em;
	}
	.case-main .list .main-int .cont .right .lsit .title p{

		font-weight: 700;
		font-size: 0.9em;
		letter-spacing:8px
	}

	.case-main .list .main-int .cont .right .lsit .list-n{
		
		padding:120px 0;
		background: #048c45;
		border-radius: 15px;
		margin-top: 5px;
		margin-bottom: 13px;
		position: relative;
		overflow: hidden;

	}
	.case-main .list .main-int .cont .right .lsit .list-n ul{
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.case-main .list .main-int .cont .right .lsit .list-n ul li{
		

		/* padding:8px 15px; */
		width: 90%;		
		background: #fff;
		margin: 10px 5%;
	}
	.case-main .list .main-int .cont .right .lsit .list-n ul li h4{

		color:#048c45;
		/*font-size: 18px;*/
		font-size: 0.9em;
		font-weight: 700;
		margin-bottom: 6px;
	}
	.case-main .list .main-int .cont .right .lsit .list-n ul li p{

		font-size: 0.8em;
	}
	.case-main .list .main-int .cont .right .lsit .list-n ul li p b{

		font-weight: 700;
	}
	.case-main .list .main-int .cont .right .lsit>a{

		padding:6px 20px;
		margin:8px 16px;
		color: #fff;
		font-size: 0.8em;
		background: #048c45;
	}
	.contact-txt{
			
			padding: 12px;
			margin-top: 30px;
			border:2px solid #fff;
			background: #048c45;
			position: fixed;
			top: 30%;
			left: 35%;
			display: none;
		}
	.contact-txt ul li{

			margin-bottom: 10px;
		}
	.contact-txt ul li span{

			width: 80px;
			float: left;
			font-size:0.8em;
			color: #fff;
		}
	.contact-txt ul li input{
			
			width: 60%;
			padding-left: 8px;

		}
	.contact-txt ul li textarea{
			
			width: 60%;
			height: 80px;
			resize: none;
			padding-left: 8px;
		}
	.contact-txt ul li button{

			width: 50%;
			margin:0 auto;
			background: #fff;
			border:none;
		}

	.contact-txt .tuichu{

			position: absolute;
			top: 0;
			right: 5px;
			color: #fff;
			font-size:26px;
			cursor: pointer;
		}


	.case-main .list .qudao{

		width: 100%;
		margin-top: 30px;
		padding-top: 36px;
		margin-top: 50px;

	}

	.case-main .list .qudao .title{

		width:100%;
		padding-top: 25px;
		clear: both;
		text-align: center;
		margin:20px auto;
	}
	.case-main .list .qudao .title h3{

		color: #048c45;
		font-weight: 700;
		font-size: 1.2em;
	}
	.case-main .list .qudao .title p{

		font-weight: 700;
		font-size: 0.8em;
		
	}
	.case-main .list .qudao .title span{

		width: 20px;
		height: 2px;
		background: #ea7226;
		float: left;
		display: none;
		margin:1px 1px;
	}
	.case-main .list .qudao .title i{

		width: 40px;
		height: 2px;
		background: #048c45;
		float: left;
		display: none;
		margin:1px;
	}
	.case-main .list .qudao-list{

		width:100%;
		margin:20px auto;
	}

	.case-main .list .qudao-list .left ul li{
		
		width: 100%;
		float: left;
		padding:25px 20px;
		margin-right:10px; 
		margin-bottom:30px;
		box-shadow: 1px 1px 8px #ccc;
		border-radius:15px;
		background: url(../images/logo4.png) 0 0 no-repeat;
		background-position: 90% 90%;
		transition: 1s ease;
		/*opacity: 0.7;*/
		/*background:rgba(255,255,255,0.1);*/

	}

	.case-main .list .qudao-list .left  ul li:hover{

		box-shadow: 2px 2px 8px #bbb;
	}
	.case-main .list .qudao-list .left ul li h4{

		color: #e36a52;
		font-weight: 700;
		font-size: 1em;
		margin-bottom: 8px;
		opacity: 1;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;

	}
	.case-main .list .qudao-list .left ul li p{

		font-size: 0.8em;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	.case-main .list .qudao-list .right{
		

		padding:20px 0;
		text-align: left;
		color: #fff;
		padding-bottom: 80px;
		padding-left: 15px;
		background: url(../images/case4.png) 0 0 no-repeat;

	}
	.case-main .list .qudao-list .right p{

		margin:10px 0;
		font-size: 16px;
	}

	.case-main .list .success{
		
		width: 100%;
		clear: both;
		padding-top: 30px;
		margin-top: 40px;
		margin-bottom: 60px;

	}

	.case-main .list .success .title{

		/*width: 300px;*/

		width: 100%;
		padding-top: 0px;
		text-align: center;
		margin:20px auto;
	}
	.case-main .list .success .title h3{

		color: #048c45;
		font-size: 1.2em;
		font-weight: 700;
	}
	.case-main .list .success .title p{

		font-weight: 700;
		font-size: 0.8em;

		
	}
	.case-main .list .success .title span{

		width: 20px;
		height: 2px;
		background: #ea7226;
		float: left;
		display: none;
		margin:1px 1px;
	}
	.case-main .list .success .title i{

		width: 40px;
		height: 2px;
		background: #048c45;
		float: left;
		display: none;
		margin:1px;
	}

	.case-main .list .success .success-list{

		width: 100%;
		background: url(../images/case7.png);
		padding:40px 0;
	}

	.case-main .list .success .success-list .conts{

		width: 100%;
		position: relative;
		margin:0 auto;
	}

	.case-main .list .success .success-list .conts .swiper-container{

		overflow: visible;
	}
	.case-main .list .success .success-list .conts .swiper-pagination{

		/*padding-top: 50px;*/
		position: absolute;
		z-index: 2;
		bottom:-60px;	
		left: 20%;	
	}
	.case-main .list .success .success-list .conts .swiper-pagination span{

		width: 30px;
		height: 3px;
		margin-right: 10px;
		border-radius:0;
		background: #000;
		transition: 1s ease;
	}

	.case-main .list .success .success-list .conts .swiper-pagination span.swiper-pagination-bullet-active{

		width: 60px;
		background: #048c45;
	}

	
	

}	

/*-------------------PC端-------------------*/
@media all  and (min-width:1073px){
	
	


	
.case-main{

		width: 100%;
		/*background: #fafafa;*/
			overflow: hidden;
		margin-top: 30px;
	}
	.case-main .case-nav{

		width: 100%;
		height: 45px;
		border-bottom: 1px solid #048c45;
	}
	.case-main .case-nav .navl{

		width: 80%;
		margin:0 auto;
	}
	.case-main .case-nav .navl span{

		float: right;
		font-size: 16px;
		/*vertical-align: bottom;*/
		margin-top: 15px;
		font-weight: 700;
	}
	.case-main .case-nav .navl ul{

		width: 80%;
		float: left;
	}
	.case-main .case-nav .navl ul li{

		/*height: 45px;*/
		padding:6px 0px;
		/*margin:0;*/
		margin-left: -2px;
		float: left; 
		/*display: inline-block;*/
	}
	
	.case-main .case-nav .navl ul li:first-child a{

		border-left:2px solid #048c45;
	}
	.case-main .case-nav .navl>ul>li>a{
		font-weight: 700;
		padding:4px 30px;
		display: block;
		width: 100%;
		height: 100%;
		border-right:2px solid #048c45;
	}
	.case-main .case-nav .navl ul li.active4{

		
	}
	.case-main .case-nav .navl ul li.active4 a{

		color: #fff;
		background: #048c45;
		padding:7px 30px;
	}
	
	.case-main>.list{
		
		width: 100%;
		/*background: #f6f6f6;*/
		/*margin-top: 20px;*/
	}
	.case-main .list .jianjie{
		
		height: 500px;
		
		position: relative;
		background: url(../images/about3.png) no-repeat 0 0;

	}
	.case-main .list .jianjie .title{

		width: 80%;
		margin: 0 auto;
		padding-top: 30px;
		text-align: center;
	}
	.case-main .list .jianjie .title h3{

		color: #048c45;
		font-weight: 700;
		/*text-sha;*/
		/*text-shadow: 2px 2px 3px #fff;*/
		text-shadow: 1px 1px 0 white;
		/*border:1px solid #fff;*/
	}
	.case-main .list .jianjie .conts{

		width: 80%;
		margin:20px auto;
	}
	.case-main .list .jianjie .conts ul li{

		width: 33%;
		float: left;
		height: 200px;
		color: #fff;
		text-align: center;
		border-left: 2px solid #fff;
	}

	.case-main .list .jianjie .conts ul li h4{

		margin: 38px 0;
		font-size: 40px;
		font-weight: 700;
		color: #ed8118;
		/*text-indent: 25px;*/
		letter-spacing: 4px;
	}

	.case-main .list .jianjie .conts ul li p{

		font-weight: 700;
		letter-spacing: 2px;

	}
	.case-main .list .jianjie hr{

		width: 100%;
		position: absolute;
		top: 50%;
		border-bottom: 1px solid #fff;
	}
	
	.case-main .list .main-int{

		width:100%;
		/*clear: both;*/
		margin:28px 0;
		height:700px;
		padding-top: 80px;
		padding-bottom: 80px;
		background: #fafafa;

	}
	.case-main .list .main-int .cont{

		width: 80%;

		margin:0 auto;

	}
	.case-main .list .main-int .cont .left{
		
		height: 500px;
		position: relative;
		background: url(../images/case2.png) 0 0 no-repeat;
	}
	
	.case-main .list .main-int .cont .left .xtt{

		position: absolute;
		bottom: 0;
		left: 45%;
		color: #115c61;
	}
	.case-main .list .main-int .cont .left .xtt h3{

		font-weight: 700;
		font-size: 26px;
	}
	.case-main .list .main-int .cont .left .xtt p{

		font-size: 14px;
		font-weight: 700;
	}
	.case-main .list .main-int .cont .right>img{
		width: 90%;
		margin-bottom: 20px;
	}
	.case-main .list .main-int .cont .right .lsit .title{

		margin-top: 35px;
	}
	.case-main .list .main-int .cont .right .lsit .title h3{
		width: 100%;
		color: #048c45;
		font-style: italic;
		font-weight: 700;
		margin-bottom:10px;
	}
	.case-main .list .main-int .cont .right .lsit .title p{

		font-weight: 700;
		letter-spacing:8px
	}

	.case-main .list .main-int .cont .right .lsit .list-n{
		
		padding:7px 7px;
		height: 270px;
		background: #048c45;
		border-radius: 15px;
		margin-top: 10px;
		margin-bottom: 13px;
		position: relative;
		overflow: hidden;

	}
		.case-main .list .main-int .cont .right .lsit .list-n ul{
			
			width: 100%;
			position: absolute;
			top: 0;
			left: 0;
		}
	.case-main .list .main-int .cont .right .lsit .list-n ul li{
		/* width: 95%; */

		padding:8px 12px;
		background: #fff;
		margin: 20px 5%;
	}
	.case-main .list .main-int .cont .right .lsit .list-n ul li h4{

		color:#048c45;
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 6px;
	}
	.case-main .list .main-int .cont .right .lsit .list-n ul li p b{

		font-weight: 700;
	}
	.case-main .list .main-int .cont .right .lsit>a{

		padding:6px 20px;
		margin:8px 8px;
		color: #fff;
		background: #048c45;
	}
	.contact-txt{

			padding: 12px;
			margin-top: 30px;
			border:2px solid #fff;
			background: #048c45;
			position: fixed;
			top: 30%;
			left: 35%;
			display: none;
		}
	.contact-txt ul li{

			margin-bottom: 10px;
		}
	.contact-txt ul li span{

			width: 100px;
			float: left;
			
			color: #fff;
		}
	.contact-txt ul li input{
			
			width: 60%;
			padding-left: 8px;

		}
	.contact-txt ul li textarea{
			
			width: 60%;
			height: 80px;
			resize: none;
			padding-left: 8px;
		}
	.contact-txt ul li button{

			width: 50%;
			margin:0 auto;
			background: #fff;
			border:none;
		}

	.contact-txt .tuichu{

			position: absolute;
			top: 0;
			right: 5px;
			color: #fff;
			font-size:26px;
			cursor: pointer;
		}


	.case-main .list .qudao{

		width: 100%;
		margin-top: 40px;

	}

	.case-main .list .qudao .title{

		width: 300px;
		padding-top: 0px;
		margin:0 auto;
	}
	.case-main .list .qudao .title h3{

		color: #048c45;
		font-weight: 700;
		font-size: 26px;
	}
	.case-main .list .qudao .title p{

		font-weight: 700;
		font-size: 20px;
		
	}
	.case-main .list .qudao .title span{

		width: 20px;
		height: 2px;
		background: #ea7226;
		float: left;
		display: block;
		margin:1px 1px;
	}
	.case-main .list .qudao .title i{

		width: 40px;
		height: 2px;
		background: #048c45;
		float: left;
		display: block;
		margin:1px;
	}
	.case-main .list .qudao-list{

		width: 80%;
		margin:35px auto;
	}

	.case-main .list .qudao-list .left ul li{
		
		width: 48%;
		float: left;
		padding:20px 20px;
		margin-right:10px; 
		margin-bottom:60px;
		box-shadow: 1px 1px 8px #ccc;
		border-radius:15px;
		background: url(../images/logo4.png) 0 0 no-repeat;
		background-position: 90% 90%;
		transition: 1s ease;
		/*opacity: 0.7;*/
		/*background:rgba(255,255,255,0.9);*/

	}

	.case-main .list .qudao-list .left  ul li:hover{

		box-shadow: 2px 2px 8px #bbb;
	}
	.case-main .list .qudao-list .left ul li h4{

		color: #e36a52;
		font-weight: 700;
		margin-bottom: 13px;
		opacity: 1;
		width: 98%;
	text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;


	}
	.case-main .list .qudao-list .left ul li p{
		width: 98%;
		margin-bottom: 10px;
		font-size: 16px;
		color: #000;
			text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	.case-main .list .qudao-list .right{
		

		padding:55px 0;
		text-align: left;
		color: #fff;
		padding-bottom: 100px;
		padding-left: 45px;
		background: url(../images/case4.png) 0 0 no-repeat;
		/*background: rgba(255,255,255,0.4);*/

	}
	.case-main .list .qudao-list .right h3{

		font-size: 36px;
	}
	.case-main .list .qudao-list .right p{

		margin:10px 0;
		font-size: 18px;
	}

	.case-main .list .success{
		
		width: 100%;
		clear: both;
		padding-top: 25px;
		margin-top: 25px;
		margin-bottom: 100px;
		position: relative;

	}

	.case-main .list .success .title{

		width: 300px;
		padding-top: 0px;
		margin:20px auto;
	}
	.case-main .list .success .title h3{

		color: #048c45;
		font-weight: 700;
	}
	.case-main .list .success .title p{

		font-weight: 700;
		font-size: 20px;
		
	}
	.case-main .list .success .title span{

		width: 20px;
		height: 2px;
		background: #ea7226;
		float: left;
		display: block;
		margin:1px 1px;
	}
	.case-main .list .success .title i{

		width: 40px;
		height: 2px;
		background: #048c45;
		float: left;
		display: block;
		margin:1px;
	}

	.case-main .list .success .success-list{

		width: 100%;
		background: url(../images/case7.png);
	

		padding:50px 0;
	}

	.case-main .list .success .success-list .conts{

		width: 80%;
		margin:0 auto;
		position: relative;
	}
	.case-main .list .success .success-list .conts .swiper-container{
		

		overflow: hidden;
		position: relative;
	}

	.case-main .list .success .success-list .conts .swiper-container .swiper-wrapper{
		
		width: 80%;
		overflow: hidden;
		margin:0 auto;
	}
	.case-main .list .success .success-list .conts .swiper-pagination{

		/*padding-top: 50px;*/
		position: absolute;
		z-index: 2;
		bottom:-80px;	
		left: 50%;
	}
	.case-main .list .success .success-list .conts .swiper-pagination span{

		width: 50px;
		height: 3px;
		margin-right: 5px;
		border-radius:0;
		background: #000;
		transition: 1s ease;
	}

	.case-main .list .success .success-list .conts .swiper-pagination span.swiper-pagination-bullet-active{

		width: 80px;
		background: #048c45;
	}
}


 .case-main .list .ziyuan .swiper-slide{  
	 	
	 	overflow: hidden;
	 	border-radius: 25px;
	  	transition: 300ms;
	  	transform: scale(0.8);
    }
    .case-main .list .ziyuan .ziyuan-cont .pages{

    	color: #048c45;
    }
	.case-main .list .ziyuan .swiper-slide-active,.swiper-slide-duplicate-active{
      transform: scale(1);
	}

	.case-main .list .qudao .qudao-cont .list  .swiper-slide{

		overflow: hidden;
		border-radius:20px;
	}
	
	.case-main .list .qudao .qudao-cont .list .page{
			
			width: 45px;
			height: 65px;
			text-align: center;
			line-height: 65px;
			background: rgba(0,0,0,0.5);
			font-size: 18px;
			color: #fff;  
			margin-top: 60px;;
	   
	}
	.case-main .list .qudao .qudao-cont .list .page:hover{

		color: #048c45;
	}
/*-------------------通用-------------------*/