@charset "UTF-8";

@media screen and (min-width: 1903px)
{

}

@media screen and (max-width: 1600px)
{

}


@media screen and (max-width: 1367px)
{
	.container{max-width:100%;width:1024px;box-sizing:border-box;}
	.o-m{max-width:100%;box-sizing:border-box;}
	.o-m .ul-o i{width:55px;height:55px;line-height:55px;}
	.o-m .ul-o li p{height:55px;line-height:55px;}
	.o-m .ul-o .li-mask{height:55px;line-height:55px;}
	.o-m .ul-t{height:336px;}
	.newslist ul li a.img{height:120px !important;}
	.o-m .ul-t .li-top .li-a dt a{height:100px;}

	.news .container .text ul li .img{height:180px;}
	.news .container .text ul li .img img{height:162px;}
	
}

@media screen and (max-width: 1200px)
{
	.container{width:100%;box-sizing:border-box;padding:0 10px;}
	.float-contact{display:none;}

	.news .container .left{ width:calc(33.33% - 6.66px);margin-right:5px;}
	.news .container .center{width:calc(33.33% - 6.66px);margin-right:5px;margin-left:5px;}
	.news .container .right{width:calc(33.33% - 6.66px);margin-left:5px;}
	.footer .container{padding:40px 10px;}
}
@media screen and (max-width: 768px)
{

	.sp{display:block !important;}
	.pc{display:none !important;}

	.container{max-width:100%;width:100%;box-sizing:border-box;}
	.banner{height:auto;}
	.banner ul li{height:auto;}
	.banner ul li img{height:auto;}
	.header{width:100%;height:auto;overflow:auto;}
	.header .container{padding:0 0;}
	.header .logo{width:100%;height:auto;margin:0px auto;}
	.header .logo a{width:100%;text-align:center;}
	.header .logo a img{margin:0px auto;height:auto;}
	.header .logo a dl{width:calc(100% - 200px);float:right;clear:none;letter-spacing:0;text-align:left;line-height:20px;margin-top:20px;}
	.header .logo dt{display:none;}
	.header ul{width:100%;display:block;}
	.header ul.scroll .container{padding:0 0;}
	.header ul li{width:25%;border-top:1px solid #009716;height:40px;}
	.header ul li:nth-child(1),.header ul li:nth-child(2),.header ul li:nth-child(3),.header ul li:nth-child(4){border-bottom:1px solid #00660f;border-top:0;}
	.header ul li:nth-child(4n){border-right:0;}
	.header ul li:nth-child(4n+1){border-left:0;}
	.header ul li:nth-child(9){display:none;}
	.header ul li a dl{height:40px;line-height:40px;}
	.header ul li ol{display:none !important;}
	.header .list_dao{display:none;padding:0 0; width:60px; height:60px;float:right;}
	.header .list_dao i{width:60px;height:60px;display:inline-block;float:right;cursor:pointer;position:relative;}
	.header .list_dao i span{position:absolute;left:calc((100% - 25px) / 2); top: calc((100% - 1px) / 2);width:25px;height:2px;background-color: rgb(255, 255, 255);}
	.header .list_dao i span:nth-child(1) {transform: translateY(4px) rotate(0deg);animation-duration:0.5s;animation-fill-mode:both;animation-name:outfirst;}
	.header .list_dao i span:nth-child(2) {transform: translateY(-4px) rotate(0deg);animation-duration:0.5s;animation-fill-mode:both;animation-name:outsecond;}
	.header .list_dao .onhover span:nth-child(1){animation-duration:0.5s;animation-fill-mode:both;animation-name:clickfirst;}
	.header .list_dao .onhover span:nth-child(2){animation-duration:0.5s;animation-fill-modeboth;animation-name:clicksecond;}
	.header .list_dao .onhover span:nth-child(3){display:none;}
	.header .list_dao i img{width:100%;}

	.home-hero{margin-bottom:0;}
	.home-hero__title{font-size:18px;line-height:30px;}
	.home-hero__info{margin-top:0 !important;}

	.top .container{height:100px;}
	.title span{width:auto;font-size:20px;}

	.nav-sp{display:none !important;width:100%;height:calc(100% - 60px);box-sizing:border-box;padding:30px 20px;position:fixed;top:60px;left:0;z-index:9999;background:#fff;}
	.nav-sp ul{width:100%;}
	.nav-sp ul li{width:100%;height:34px;line-height:34px;border-bottom:1px solid #e1e1e1;margin-top:15px;}
	.nav-sp ul li a{width:100%;height:100%;line-height:34px;color: #222; font-size: 15px; display: block;}
	.nav-sp ul li a i{float:right;font-size:16px;color:#ff8206;height:34px;line-height:34px;width:34px;text-align:center;display:block;}

	.about{padding:20px 0 20px 0;}
	.about .container .text{height:auto;}
	.about .container .left{display:none;width:100%;height:auto;float:none;margin-bottom:10px;-moz-box-shadow:0px 0px 0px #999;-webkit-box-shadow:0px 0px 0px #999;box-shadow:0px 0px 0px #999;}
	.about .container .left .text{padding-bottom:0;}
	.about .container .left ul li{width:33.33%;float:left;box-sizing:border-box;padding:0 10px;}
	.about .container .center{width:100%;padding:10px 15px;margin-bottom:10px;-moz-box-shadow:0px 0px 0px #999;-webkit-box-shadow:0px 0px 0px #999;box-shadow:0px 0px 0px #999;}
	.about .container .center .text{height:auto;}
	.about .container .center{width:100%;height:auto;float:none;padding-top:0;margin:0 0 0px 0;}
	.about .container .right{width:100%;padding:10px 15px;height:auto;float:none;padding-top:0;margin:0 0;-moz-box-shadow:0px 0px 0px #999;-webkit-box-shadow:0px 0px 0px #999;box-shadow:0px 0px 0px #999;margin-top:20px;}

	.honor{padding:10px 10px;background:#f2f2f2;}
	.honor .container{background:#fff;}
	.honor ul li{max-width:100%;}
	.honor ul li a{max-width:100%;box-sizing:border-box;padding:0 50px;}
	.honor ul li a img{max-width:100%;}
	.honor .container .text{padding-top:20px;}
	.honor .owl-theme .owl-controls .owl-buttons div.owl-prev{margin:0 0;}
	.honor .owl-theme .owl-controls .owl-buttons div.owl-next{margin:0 0;}


	.honor.jiance{padding:10px 10px;background:#f2f2f2;}
	.honor.jiance .container{background:#fff;}


	.case{padding:20px 0;}
	.case ul{width:100%;padding:10px 0;}
	.case ul li{width:50%;float:left;margin:5px 0;box-sizing:border-box;}
	.case ul li:nth-child(2n+1){padding-right:5px;}
	.case ul li:nth-child(2n){padding-left:5px;}
	.case ul li a{width:100%;display:block;}
	.case ul li a img{width:100%;display:block;}
	.case ul li h1{width:100%;overflow:hidden;font-size:12px;text-align:center;}
	.case .owl-controls{position:absolute;width:100%;height:1px;top:50%;margin-top:-15px;}
	.case .owl-controls .owl-buttons{width:100%;height:1px;}
	.case .owl-theme .owl-controls .owl-buttons div{padding:0 0;width:30px;height:30px;line-height:30px;margin:0 0;margin-top:-15px;background:none;border-radius:50%;background:rgba(0,0,0,0.4);color:#fff;border:1px solid #999;}
	.case .owl-theme .owl-controls .owl-buttons div i{width:100%;height:100%;line-height:30px;text-align:center;display:block;font-size:20px;color:#fff;}
	.case .owl-theme .owl-controls .owl-buttons div:hover{background:#007711;color:#fff;border-color:#007711;}
	.case .owl-theme .owl-controls .owl-buttons div:hover i{color:#fff;}
	.case .owl-theme .owl-controls .owl-buttons div.owl-prev{float:left;margin-left:0px;}
	.case .owl-theme .owl-controls .owl-buttons div.owl-next{float:right;margin-right:0px;}


	.youshi{padding:20px 0;}
	.youshi ul{height:auto;margin:20px 0 0 0;background:none;}
	.youshi ul li{width:100%;float:none;text-align:left !important;position:relative;left:auto !important;top:auto !important;bottom:auto !important;right:auto !important;
					height:auto !important;
					-moz-box-shadow: 0px 0px 0px #999;
					-webkit-box-shadow: 0px 0px 0px #999;
					box-shadow: 0px 0px 0px #999;
					padding:4px 0px;
					margin:0px 0 !important;
					background:none;
					}
	.youshi ul li .text{height:auto;}
	.youshi ul li .text h1{font-size:16px;height:22px;line-height:22px;}
	.youshi ul li .text h1 b{font-size:16px;}
	.youshi ul li:nth-child(2n+1) h1{text-align:left;}
	.youshi ul li .text dl{font-size:14px;height:auto;padding:0 0;}

	.jianjie{height:auto;padding:20px 0;}
	.jianjie .container .text{width:100%;padding:0 0 0 0;}
	.jianjie .container .text h2{text-align:Center;}
	.jianjie .container .img{display:none;}


	.liucheng{height:auto;padding:20px 0 0px 0;}
	.liucheng .container ul{height:auto;padding:10px 0;}
	.liucheng .container ul li{width:100%;height:auto;margin:0 0;}
	.liucheng .container ul li i{width:16px;height:30px;text-align:center;line-height:30px;float:left;font-size:14px;color:#333;}
	.liucheng .container ul li dl{width:100%;height:30px;border-radius:0;margin:0px auto;padding:0px 0px;line-height:30px;font-size:14px;background:none;color:#333;text-align:left;}


	.news{height:auto;padding:20px 0 0 0;}
	.news .container .left{width:100%;float:none;margin:5px 0;
	-moz-box-shadow: 0px 0px 0px #999;
    -webkit-box-shadow: 0px 0px 0px #999;
    box-shadow: 0px 0px 0px #999;
	}
	.news .container .center{width:100%;float:none;margin:5px 0;
	-moz-box-shadow: 0px 0px 0px #999;
    -webkit-box-shadow: 0px 0px 0px #999;
    box-shadow: 0px 0px 0px #999;
	}
	.news .container .right{width:100%;float:none;margin:5px 0 0 0;
	-moz-box-shadow: 0px 0px 0px #999;
    -webkit-box-shadow: 0px 0px 0px #999;
    box-shadow: 0px 0px 0px #999;
	}
	.news .container .text ul li .img{height:auto;}
	.news .container .text ul li .img img{height:auto;}
	.news .container .text ul li h4 a{font-size:12px;}
	
	.hezuo{display:none;}


	.mtop.vp{position:relative;height:auto;top:auto;background:#f2f2f2;}
	.mtop.vp .menu{width:100%;}
	.mtop.vp .menu .title{display:none;}
	.mtop.vp .menu ul a{width:200px;display:inline-block;padding-left:0;text-align:center;}
	.mtop.vp .menu ul a i{float:none;display:none;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg); /* IE 9 */
	-moz-transform: rotate(90deg); /* Firefox */
	-webkit-transform: rotate(90deg); /* Safari and Chrome */
	-o-transform: rotate(90deg); /* Opera */}
	.mtop.vp .menu ul a.current i{display:inline-block;}


	.wechat ul{padding:40px 10px;box-sizing:border-box;}
	.footer{padding-top:0;background:#f2f2f2;}
	.footer .container{padding:20px 0px 10px 0;}
	.footer .menu{display:none;}
	.footer .menu-sp{width:100%;}
	.footer .menu-sp ul{width:100%;text-align:center;}
	.footer .menu-sp ul li{display:inline;width:auto;border-right:1px solid #999;padding-left:3px;}
	.footer .menu-sp ul li:last-child{border:0;}
	.footer .menu-sp ul li a{font-size:14px;color:#333;}

	.copyright{margin-bottom:60px;padding-top:0;}
	.copyright .flink{display:none;}
	.copyright .container ul.conta{}
	.copyright .container ul.conta li{display:inline;width:auto;margin:0 0;line-height:22px;}
	.copyright .container ul.conta li:nth-child(1){width:100%;}
	.copyright .container ul.conta li:nth-child(3){display:none;}
	.copyright .container ul.conta li:nth-child(5){display:none;}
	.copyright .container ul li{display:none;}
	.copyright .container ul li:nth-child(1){display:block;width:100%;text-align:center;}
	.copyright .container ul.gongana li:nth-child(1){display:none;}
	.footer .flink{display:none;}

	.bottom-contact{width:100%;height:60px;line-height:60px;background:#007711;position:fixed;bottom:0;left:0;z-index:9999;}
	.bottom-contact ul{width:100%;}
	.bottom-contact ul a{width:50%;height:60px;display:block;line-height:60px;text-align:Center;color:#fff;float:left;font-size:16px;box-sizing:border-box;}
	.bottom-contact ul a:nth-child(1){border-right:1px solid #eee;}
	.bottom-contact ul a i{color:#fff;font-size:16px;}



	.inabout{padding:20px 0;}
	.inabout .top{height:auto;}
	.inabout .top .container{padding:0 0;}
	.inabout .top .location{height:auto;line-height:1;padding:10px 0;border:0;}
	.inabout .top .location span{font-size:12px;}
	.inabout .top .location a{font-size:12px;}
	.inabout .top .location .sp-menu{width:100%;padding-top:10px;border-top:1px solid #007711;}
	.inabout .top .location .sp-menu a{width:auto;height:30px;box-sizing:border-box;line-height:30px;background:#007711;color:#fff;display:inline-block;padding:0 5px;text-align:center;font-size:12px;margin:5px 5px;overflow:hidden;}
	.inabout .top .location .sp-menu a:after{display:none;}
	.inabout .top .location .sp-menu a.current{background:#ff6600;}
	.inabout .content{width:100%;padding:10px 0px;box-sizing:border-box;min-height:auto;height:auto;}
	.inabout .content .fubiao{font-size:20px;line-height:22px;font-weight:600;}
	.inabout .content .text{line-height:25px;}
	.inabout .content .text p{margin:5px 0;text-align:left !important;}


	.leftmenu{width:100%;display:none;}
	.leftmenu .menu{margin-top:20px;}

	.newslist{width:100%;box-sizing:border-box;padding:30px 10px;}
	.newslist ul li{width:100%;margin:0 0 !important;}
	.newslist ul li a.img{height:auto !important;}

	.newslist ul{min-height:auto;height:auto;}
	.newslist ul.lines li{height:auto;line-height:20px;padding:10px 0 !important;}
	.newslist ul.lines li a span{display:none;height:20px;line-height:20px;}



	.innews .top{padding:0px 10px;}
	.innews .top h2{line-height:30px;padding:10px 0;font-size:22px;}
	.innews .content{padding:0 10px;}
	.innews .tuijianlist{padding:0 10px 20px 10px;}
	.innews .tuijianlist ul li{width:100%;}



	.incon .message{background-image:none !important;padding-top:0;}
	.incon .message .container{padding-bottom:0;}
	.incon .message .content form{width:100%;padding:40px 0 0 0;}

	.inservice .top{margin-top:10px;padding:30px 10px 0px 10px;height:auto;}
	.inservice .top h2{font-size:18px;text-align:center;}
	.inservice .top hr{margin:0px auto;margin-top:20px;margin-bottom:20px;}
	.inservice .top dl{font-size:14px;font-weight:300;text-align:center;}

	.tabs{width:100%;padding:0 10px;}
	.tabs li{margin-right:0;}
	.tabs li a{margin-right:5px;font-size:14px;}

	.content{padding:20px 10px;}


	.inbanner .text{width:100%;box-sizing:border-box;padding:20px 10px;position:relative;top:auto;left:auto;margin:0 0;}
	.inbanner .text h5{color:#222;}
	.inbanner .text hr{background-color:#222;}
	.inbanner .text dl{color:#222;}
	.price{width:100%;box-sizing:border-box;padding:0px 10px;height:auto;}
	.price .select{width:100%;}
	.price .select select{width:100%;}
	.price .daohang{display:none;}
	.price .info{width:calc(100% - 100px);}
	.price .button{width:100%;float:none;}

	.tuijian{}
	.tuijian .owl-buttons{margin-top:-40px}
	.tuijian .owl-theme .owl-controls .owl-buttons div.owl-prev{margin-left:10px;}
	.tuijian .owl-theme .owl-controls .owl-buttons div.owl-next{margin-right:10px;}

	.incon .text .container{padding:0 0 0px 0;}
	.incon .text .title{margin-bottom:0px;}
	.incon .text .zstext{width:100%;box-sizing:border-box;padding:10px 10px 0 10px;}
	.incon .text .zstext .top h2{height:auto;line-height:28px;font-size:22px;}
	.incon .text .zstext .top h3{font-size:14px;}
	.incon .text .zstext .top dl{text-align:left;line-height:24px;}
	.incon .text .zstext .bottom ul li div.img{width:100%;float:none;}
	.incon .text .zstext .bottom ul li div.text{width:100%;float:none;padding-top:20px;}

	.incon .chexing{padding:0 0 50px 0;}
	.incon .chexing .title{margin-bottom:0px;}
	.incon .chexing .container{padding:0px 0 0 0;}
	.incon .chexing ul li h2{text-align:center;}
	.incon .chexing ul li dl{width:100%;padding:0 10px;box-sizing:border-box;} 
	.incon .chexing ul li dl dt{width:100%;float:none;border-bottom:1px solid #e1e1e1;height:auto;border-right:0;}
	.incon .chexing ul li dl dt:nth-child(1){width:100%;float:none;height:auto;}
	.incon .chexing ul li dl dt b{width:50%;float:left;text-align:left;display:block;}
	.incon .chexing ul li dl dt a.blue{float:left;}
	.incon .chexing ul li dl dt a{float:right;}
	.incon .chexing ul li dl dt span{width:50%;float:right;text-align:right;}
	.incon .chexing ul li dl dt em{width:100%;text-align:right;}

	.incon .image .container{padding:0px 0 30px 0;}
	.incon .image .title{margin-bottom:0px;}
	.incon .image ul{width:100%;padding:0 10px;box-sizing:border-box;} 
	.incon .image ul li{width:calc(50% - 5px);margin:5px 0;}
	.incon .image  ul li:nth-child(2n+1){margin-right:5px;}
	.incon .image  ul li:nth-child(2n){margin-left:5px;}

	.incon .canshu{width:100%;height:auto;}
	.incon .canshu .container{height:auto;padding:20px 0  0 0;}
	.incon .canshu .top dl{width:100%;box-sizing:border-box;padding:0 10px;}
	.incon .canshu .top dl dt{width:100%;height:auto;padding:10px 0;border-right:0;border-bottom:1px solid #d0d0d0;}
	.incon .canshu .top dl dt:nth-child(1){width:100%;height:auto;}
	.incon .canshu .top dl dt img{width:100%;height:auto;}
	.incon .canshu .top dl dt b{width:50%;float:left;}
	.incon .canshu .top dl dt span{width:50%;float:right;text-align:right;}
	.incon .canshu .top dl dt em{width:100%;text-align:right;float:right;}
	.incon .canshunr{width:100%;box-sizing:border-box;padding:0 10px;}
	.incon .canshunr .peizhi ul li{padding:0 10px;}
	.incon .canshunr .qita{padding:0 0 30px 0;}

	.incon .video .container{padding:0 10px;box-sizing:border-box;}
	.incon .video .container iframe{margin:0 0;height:300px;}


	.carlist{padding:30px 0;}
	.carlist ul li{width:100%;height:auto;margin-bottom:0;padding:20px;}

	ul.zhinan li{width:100%;float:none;border-bottom:1px solid #e1e1e1;height:auto;padding-bottom:20px;}
	ul.zhinan li dl{height:auto;}
	.serlist{width:100%;padding:0 10px;box-sizing:border-box;} 
	.serlist ul li{width:100%;}


	.tanchuang .container a{width:90%;margin:0 5%;}
	.tanchuang .container i{right:5%;}


	.inservice .axtext .bottom ul li div.img{width:100%;float:none;}
	.inservice .axtext .bottom ul li div.text{width:100%;float:none;padding-top:20px;}

	.mtop.vp .menu ul a{margin:0 5px;}
	.injianjie{width:100%;box-sizing:border-box;padding:0 10px;}
	.injianjie .top{height:auto;}
	.injianjie .top .container{padding-top:0;}
	.injianjie .content div.shipin{height:300px;}

	.injianjie .content ul.licheng:before{left:30px;}
	.injianjie .content ul.licheng li{margin-bottom:20px;}
	.injianjie .content ul.licheng li i{left:30px;}
	.injianjie .content ul.licheng li:before{left:30px;}
	.injianjie .content ul.licheng li div.box{width:calc(100% - 60px);margin-left:60px;}
	.injianjie .content ul.licheng li:nth-child(2n) div.box{width:calc(100% - 60px);margin-left:60px;}

	.injianjie .content ul.imglist li{width:100%;margin:10px 0;}



	.injianjie .content ul.infolist li{width:100%;height:auto;float:none;margin:0 0;border:0;border-bottom:1px solid #eee;}
	.injianjie .content ul.infolist li:nth-child(1){height:auto;}
	.injianjie .content ul.infolist li:nth-child(1) span{line-height:26px;height:auto;}


	.inservice .axtext .video{padding:30px 0;}
	.inservice .axtext .video iframe{height:300px;}

	.inabout .inlink .left{width:100%;}
	.inabout .inlink .right{float:left;text-align:left;}
	.inabout .inlink .right span{float:left;}




}





	@keyframes clickfirst {
	  0% {
		  transform: translateY(4px) rotate(0deg);
		  
	  }

	  100% {
		transform: translateY(0) rotate(45deg);
	  }
	}	
	@keyframes outfirst {
	  0% {
		transform: translateY(0) rotate(-45deg);
	  }

	  100% {
		transform: translateY(-4px) rotate(0deg);
	  }
	}	



	@keyframes outsecond {
	  0% {
		transform: translateY(0) rotate(45deg);
	  }

	  100% {
		transform: translateY(4px) rotate(0deg);
	  }
	}


	@keyframes clicksecond {
	  0% {
		  transform: translateY(-4px) rotate(0deg);
	  }

	  100% {
		transform: translateY(0) rotate(-45deg);
	  }
	}	
		transform: translateY(0) rotate(-45deg);
	  }
	}