﻿@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1400px) {

	.swiper-father .left{left: -0px;}
	.swiper-father .right{right: -0px;}

}

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

	.layout{max-width: 980px;}
	.nav .box li p a{padding:0 22px;}
	
	.derp .left{width: 450px;}
	.derp .left .pic1{width: 339px;}
	.derp .left .pic2{width: 100px;}
	.derp .left .pic3{width: 60px;left: 100px;top: 90px;}
	.derp .left .pic4{width: 60px;right: 120px;top: 360px;}
	.derp .left .pic10{position: absolute;left: 40px;top: 160px;width:120px;}
	
	@keyframes fdj { 
    	from{top:200px;} 
    	to{top: 360px; opacity: 0.3; transform:scale(0.8);-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);}
    }

}

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

	.layout{max-width: 720px;}
	.top{height: 60px;}
	.top h1{width: 120px;padding-top: 13px;}
	.top .top_r{display: none;}
	.nav{display: none;}
	header .m-btn{display:block;}

	.banner{cursor: pointer;margin-top: 60px;}


	.dyip .box .swiper-slide .txt i{font-size: 30px;}
	.dyip .box .swiper-slide .txt h2{font-size: 16px;margin-top: 10px;}
	.dyip .box .swiper-slide:hover .txt{top: 50%;}
	.dyip .box .swiper-slide .txter{display: none;}
	.dyip .box .swiper-slide .more{display: none;}
	.dyip .box .swiper-slide p:nth-of-type(1){ top: 10px;}
	.dyip .box .swiper-slide p:nth-of-type(2){right: 10px;}
	.dyip .box .swiper-slide p:nth-of-type(3){ bottom: 10px;}
	.dyip .box .swiper-slide p:nth-of-type(4){left: 10px;}
	.dyip .box .swiper-slide:hover p:nth-of-type(1){left: 10px;right: 10px;}
	.dyip .box .swiper-slide:hover p:nth-of-type(2){right: 10px;top:10px;bottom: 10px;}
	.dyip .box .swiper-slide:hover p:nth-of-type(3){left: 10px;right: 10px;}
	.dyip .box .swiper-slide:hover p:nth-of-type(4){left: 10px;top:10px;bottom: 10px;}

	.derp{text-align: center;}
	.derp .Fl{float: none;}
	.derp .Fr{float: none;}
	.derp .left{width: 450px;margin:0 auto;margin-top: 40px;overflow: hidden;}
	.derp .left .pic4{width: 60px;right: 80px;top: 330px;}
	.derp .left .pic9{left: 0%;transform: translateX(0%);}
	.derp .left .pic10{position: absolute;left: 80px;width:120px;}
	.derp .right{width: 100%;margin-top: 0px;}
	.derp .right .bt{font-size: 24px;padding-bottom: 10px;}
	.derp .more{margin: 20px auto 0 auto;}

	.dsanp li{width: 48%;margin-left: 2%;margin-bottom: 2%;}

	.dsip .box li{width: 48%;}
	.dwup .more{margin:10px auto 0 auto;}

	.ny_banner{margin-top: 60px;}

	.subnav_yj{margin-top: 60px;padding: 20px 5%;}
	.subnav_yj ul{margin-left: -2%;text-align: left;}
	.subnav_yj li{line-height: 34px;width: 48%;margin:5px 0 5px 2%;box-sizing: border-box;text-align: center;}

	.subnav_san{margin-top: 60px;}
	.subnav_san .box{padding:20px 5% 20px 5%;}
	.subnav_san .box .txt{margin-left: -3%;}
	.subnav_san .box dl{display: inline-block; width: 30.333%;margin-left:3%;vertical-align: top;}

	.WMS{margin-top: 60px;}
	.WMS_dyip{height: 400px;}
	.WMS_dyip .txt{padding:40px 0;}

	.WMS_derp{padding-top:30px;}
	.WMS_derp ul{margin-top: 15px;margin-left: 0%;}
	.WMS_derp li{width: 100%;padding:20px;min-height: auto;margin-left: 0;margin-bottom: 0px;border-right: none;border-bottom: 1px solid #DDD;}
	.WMS_derp li:last-child{border-bottom: none;}
	.WMS_derp li i{font-size: 40px;}
	.WMS_derp li h2{font-size: 16px;}

	.WMS_dsanp{padding:30px 0;}
	.WMS_dsanp ul{margin-top: 15px;margin-left: 0%;}
	.WMS_dsanp li{width: 100%;padding:20px;min-height: auto;margin-left: 0;margin-bottom: 20px;}
	.WMS_dsanp li i{font-size: 40px;}
	.WMS_dsanp li h2{font-size: 16px;}
	.WMS_dsanp li .txt{line-height: 24px;margin-top: 10px;}

	.WMS_dsip{padding:30px 0;}
	.WMS_dsip ul{margin-top: 15px;margin-left: 0%;}
	.WMS_dsip li{width: 100%;padding:20px;min-height: auto;margin-left: 0;margin-bottom: 20px;}
	.WMS_dsip li i{font-size: 40px;}
	.WMS_dsip li h2{font-size: 16px;}
	.WMS_dsip li .txt{line-height: 24px;margin-top: 10px;}

	.WMS_dwup{text-align: center;padding:30px 0;}

	.WMS_dliup{padding:30px 5%;}
	.WMS_dliup .box{max-width:720px;}
	.WMS_dliup .box h2{font-size: 18px;font-weight: bold;}
	.WMS_dliup .box .bt{margin-bottom: 15px;}
	.WMS_dliup .box .left{text-align: left;}
	.WMS_dliup .box .left .txt{line-height: 40px;margin-top: 20px;}
	.WMS_dliup .box .right ul{margin-top: 20px;}
	.WMS_dliup .box .right li{height: 60px;margin-bottom: 20px;}
	.WMS_dliup .box .right li i{font-size: 30px;}
	.WMS_dliup .box .right li .txt{padding-left: 20px;line-height: 24px;}
	.WMS_dliup .box .right li .txt p:nth-of-type(2){font-size: 16px;}

	.WMS_dqip{padding-top:30px;}
	.WMS_dqip .box .left{float: none;margin-top: 0px;}
	.WMS_dqip .box .left h2{font-size: 30px;}
	.WMS_dqip .box .left .xian{width: 60px;height: 2px;margin-bottom: 20px;}
	.WMS_dqip .box .left .txt{line-height: 30px;}
	.WMS_dqip .box .pic{float: none;padding:0 40px;}

	.WMS_dbap{padding:30px 0;}
	.WMS_dbap ul{margin-left: 0;margin-top: 15px;}
	.WMS_dbap li{float: none;width: 100%;margin-left: 0;margin-bottom: 20px;}
	.WMS_dbap li .txt{min-height:auto;padding:15px;}

	.yingjian{margin-top: 20px;}
	.yingjian_er{margin-top: 60px;}

	.tms_dyip .left{padding-top: 0px;}

	.tms_derp .right{padding-top: 0px;}

	.tms_dsanp .left{padding-top: 0px;}

	.tms_dsip .right{padding-top: 0px;}

	.oms{margin-top: 60px;}
	.oms_dyip{height: 400px;}
	.oms_dyip .txt{padding:50px 0;}
	.oms_dyip .box h2{font-size: 30px;}

	.case .box li{width: 49%;margin-bottom: 10px;}

	.case_con .left{width: 100%;}
	.case_con .right{width: 100%;margin-top: 30px;}
	.case_con .Fl{float: none;}
	.case_con .Fr{float: none;}
	
	
	.con_r .list li{width: 47%;margin-bottom: 20px;}


	.mianfei .box ul{margin-left: -2%;}
	.mianfei .box li{width: 48%;margin-left: 2%;margin-bottom: 2%;}
	.mianfei .box li .txt i{font-size: 30px;}
	.mianfei .box li .txt h2{font-size: 16px;margin-top: 10px;}
	.mianfei .box li:hover .txt{top: 50%;}
	.mianfei .box li .txter{display: none;}
	.mianfei .box li .more{display: none;}
	.mianfei .box li p:nth-of-type(1){ top: 10px;}
	.mianfei .box li p:nth-of-type(2){right: 10px;}
	.mianfei .box li p:nth-of-type(3){ bottom: 10px;}
	.mianfei .box li p:nth-of-type(4){left: 10px;}
	.mianfei .box li:hover p:nth-of-type(1){left: 10px;right: 10px;}
	.mianfei .box li:hover p:nth-of-type(2){right: 10px;top:10px;bottom: 10px;}
	.mianfei .box li:hover p:nth-of-type(3){left: 10px;right: 10px;}
	.mianfei .box li:hover p:nth-of-type(4){left: 10px;top:10px;bottom: 10px;}


	.nav_dyip .pic{width: 100%;}
	.nav_dyip .right{width: 100%;}
	.nav_dyip .Fl{float: none;}
	.nav_dyip .Fr{float: none;}

	.nav_derp .box .txt_box{margin-left: 0%;}
	.nav_derp .box .txt{width: 100%;float: none;margin-left: 0;min-height:auto;margin-bottom: 20px;}
	.nav_derp .box .more{width: 160px;text-align: center;margin:20px auto 0 auto;}

	.nav_dsanp .box ul{margin-left: 0%;}
	.nav_dsanp .box li{float:none;width: 100%;margin-left: 0;margin-bottom: 20px;}
	.nav_dsanp .more{margin:20px auto 0 auto;}
	
	.mianfei_dyip ul{margin-left:0px;margin-top: 20px;}
	.mianfei_dyip li{width: 100%;margin-left: 0%;margin-bottom:20px;}
	
	.mianfei_derp ul{margin-left: 0%;margin-top: 20px;}
    .mianfei_derp li{ width: 100%;margin-left: 0%;margin-bottom:20px;}
    .mianfei_dyip li .txt{min-height:auto;}
    .mianfei_dyip li .shu h2{font-size: 24px;}


	.foot_c .c_l{margin-left: -50px;}
	.foot_c .c_l dl{padding-left: 50px;}
	.foot_c .c_l dt{font-size: 16px;}
	.foot_c .c_l dd{line-height: 24px;font-size: 12px;}

	.foot_b{padding:10px 0;}
	

}

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

	.layout{padding:0 5%;}
	.FK{font-size: 24px;}

	.top{height: 60px;}
	.top h1{width: 120px;padding-top: 13px;}
	.top .top_r{display: none;}
	.nav{display: none;}
	header .m-btn{display:block;}

	.banner .swiper-slide .m{display: block;}
	.banner .swiper-slide .pc{display: none;}
	.banner .swiper-pagination-bullet{width: 10px;height: 10px;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px;}

	.content .xian{margin:10px auto;}

	.dyip{text-align: center;padding:30px 5%;}
	.dyip .box{margin-top: 15px;}
	.dyip .dyip_b{margin-top: 10px;}
	.dyip .dyip_b li{width: 100px;height: 36px;line-height: 36px;margin:0 5px;}

	.derp{padding:30px 0;}
	.derp .left{width: 100%;}
	.derp .left .pic1{width: 100%;margin-left: 0px;margin-top: 90px;}
	.derp .left .pic2{width: 60px;top: 100px;}
	.derp .left .pic3{width: 40px;left: 60px;top: 80px;}
	.derp .left .pic4{width: 40px;right: 60px;top: 290px;}
	.derp .left .pic5{left: 180px;top: 0px;width: 80px}
	.derp .left .pic6{left: 150px;top: 20px;width: 40px}
	.derp .left .pic7{left: 80px;top: 20px;width: 40px}
	.derp .left .pic9{width: 30px;}
	.derp .left .pic10{left: 0px;width:90px;}
	.derp .left .huojian{position: absolute;left: 50%;top: 0px;width: 70px;margin-left: -35px;}
	.derp .more{width: 100px;height: 36px;line-height: 36px;}
	.derp .right .txt{font-size: 14px;line-height: 24px;}

	@keyframes yun {
	 	from{left:200px;}
	 	to{left:100px}
	}
	@keyframes yun1 {
	 	from{left:100px;}
	 	to{left:360px}
	}
	@keyframes yun2 {
	 	from{left:0px;}
	 	to{left:280px}
	}
	@keyframes huojian { 
		from{top:142px;} 
		to{top: -200px; opacity: 0.3; transform:scale(0.8);-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);}
	}

	.dsanp{padding:30px 5%;}
	.dsanp ul{margin-left: 0%;margin-top: 15px;}
	.dsanp li{float: none;width: 100%;margin-left: 0;margin-bottom: 10px;}
	.dsanp .more{width: 100px;height: 36px;line-height: 36px;margin:10px auto 0 auto;}

	.dsip{padding:30px 0;}
	.dsip .box ul{margin-left: 0%;margin-top: 15px;}
	.dsip .box li{width: 100%;margin-left: 0%;}
	.dsip .box .txt{}
	.dsip .box li .txt i{font-size: 30px;}
	.dsip .box li .txt h2{font-size: 16px;}
	.dsip .box li .txt p{font-size: 12px;line-height: 18px;}

	.dwup{padding:30px 5%;}
	.dwup ul{margin-top: 15px;margin-left: 0;}
	.dwup li{float: none;width: 100%;margin-left: 0;margin-bottom: 20px;}
	.dwup li h2{line-height: 24px;font-size: 16px;padding:10px 0;}
	.dwup .more{width: 100px;height: 36px;line-height: 36px;margin:10px auto 0 auto;}

	.dliup{padding:30px 0;}
	.swiper-father .hzhb{margin-top: 15px;}
	.swiper-father .left{display: none;}
	.swiper-father .right{display: none;}
	.swiper-pagination-er{display: block;text-align: center;}
	.swiper-pagination-er .swiper-pagination-bullet{margin:0 2px;}

	.dqip{padding:30px 5%;}
	.dqip ul{line-height: 30px;margin-top: 10px;margin-left: -5%;}
	.dqip li{width: 45%;margin-left: 5%;background: url(../images/pic10.png) no-repeat left 13px;}

	.ny_banner{height: 160px;}
	.ny_banner .title{padding:0 5%;}
	.ny_banner .title h2{font-size: 24px;margin-bottom: 10px;}
	.ny_banner .title .more{width: 100px;line-height: 30px;margin:10px auto 0 auto;font-size: 16px;}

	.con{padding: 30px 5%;}

	.con_box{padding:0;}
	
	.WMS_dliup .Fl{float: none;}
	.WMS_dliup .Fr{float: none;}
	
	.smt_dyip .left h2{line-height:40px;font-size:24px;margin-bottom: 15px;}
	.smt li .pic{width: 100%;}
	.smt li .Fl{float: none;}
	.smt li .li_r{padding-left: 0px;margin-top: 10px;}
	
	
	.smt_dyip .left{width: 100%;}
	.smt_dyip .pic{width: 100%;}
	.smt_dyip .Fl{float:none;}
	.smt_dyip .Fr{float:none;}
	
	.smt_derp .right{width: 100%;line-height: 30px;}
	.smt_derp .Fl{float:none;}
	.smt_derp .Fr{float:none;}
	.smt_derp .right h2 {line-height:40px;font-size: 24px;margin-bottom: 15px;}
	
	.smt_dsip ul {margin-left: 0%;}
	.smt_dsip li {float: none;width: 100%;margin: 0px 0 20px 0;border: 1px solid #DDD;}
	.smt_dsip h2{font-size:24px;}
	.smt_dwup h2{font-size:24px;}
	.smt_dliup h2{font-size:24px;margin-bottom: 0px;}

	.tms_dyip{padding:30px 0;}
	.tms_dyip .left{width: 100%;}
	.tms_dyip .left .title .bt{font-size: 24px;padding-bottom: 10px;}
	.tms_dyip .left .title .xian{margin-top: 15px;}
	.tms_dyip .left .txt{margin-top: 15px;}
	.tms_dyip .left .txt .bt{font-size: 20px;}
	.tms_dyip .Fl{float: none;}
	.tms_dyip .Fr{float: none;}
	.tms_dyip .left .txt ul{float: none;width: 100%;}
	.tms_dyip .pic{width: 80%;margin-top: 30px;}

	.tms_derp{padding:30px 0;}
	.tms_derp .right{width: 100%;}
	.tms_derp .right .title .bt{font-size: 24px;padding-bottom: 15px;}
	.tms_derp .right .txt{margin-top: 15px;}
	.tms_derp .right .txt dl{float: none;width: 100%;margin-top: 0px;margin-bottom: 20px;}
	.tms_derp .right .txt dt{font-size: 20px;margin-bottom: 10px;}
	.tms_dyip .Fl{float: none;}
	.tms_dyip .Fr{float: none;}
	.tms_derp .right{width: 100%;}
	.tms_derp .pic{width: 70%;}

	.tms_dsanp{padding:30px 0;}
	.tms_dsanp .left{width: 100%;padding-top: 0px;}
	.tms_dsanp .left .title .bt{font-size: 24px;padding-bottom: 15px;}
	.tms_dsanp .left .txt{margin-top: 15px;}
	.tms_dsanp .left .title .xian{margin-top: 15px;}
	.tms_dsanp .Fl{float: none;}
	.tms_dsanp .Fr{float: none;}
	.tms_dsanp .pic{width: 70%;margin-top: 20px;}

	.tms_dsip{padding:30px 0;}
	.tms_dsip .right{width: 100%;}
	.tms_dsip .right .title .bt{font-size: 24px;padding-bottom: 15px;}
	.tms_dsip .right .txt{margin-top: 15px;}
	.tms_dsip .right .txt ul{float: none;width: 100%;}
	.tms_dsip .pic{width: 70%;}

	.tms_dwup{padding:30px 0;}
	.tms_dwup .title .bt{font-size: 24px;padding-bottom: 15px;}
	.tms_dwup .title p{margin-top: 15px;}
	.tms_dwup ul{margin-left: 0;margin-top: 20px;}
	.tms_dwup li{float: none;width: 100%;margin-left: 0;margin-bottom: 20px;}
	.tms_dwup li .txt{padding:10px;}
	.tms_dwup li .txt h2{font-size: 18px;}
	.tms_dwup li .txt p{margin-top: 10px;line-height: 30px;}

	
	.oms_dyip .box h2{font-size: 24px;}
	.oms_dyip .box .more{width: 120px;height: 40px;line-height: 40px;font-size: 16px;}

	.oms_derp{padding:30px 0;}

	.oms_dsanp{padding:30px 0 0 0;}
	.oms_dsanp ul{margin-left: 0%;margin-top: 20px;}
	.oms_dsanp li{float: none;width: 100%;margin-left: 0;margin-bottom: 30px;}
	.oms_dsanp li i{font-size: 40px;}
	.oms_dsanp li h2{font-size: 16px;}

	.oms_dsip{padding:30px 0 0 0;}
	.oms_dsip ul{margin-left: 0;margin-top: 20px;}
	.oms_dsip li{float: none;width: 100%;margin-left: 0;margin-bottom: 30px;}
	.oms_dsip li i{font-size: 40px;}

	.oms_dwup{padding:30px 0;}
	.oms_dwup ul{margin-top: 20px;margin-left: -5%;}
	.oms_dwup li{width: 45%;margin-left: 5%;margin-bottom: 10px;}

	.oms_dliup{padding:30px 0;}
	.oms_dliup ul{font-size: 0px;margin-top: 20px;}
	.oms_dliup li{width: 50%;display: inline-block;}
	.oms_dliup li a{width: 50px;height: 50px;line-height: 50px;}
	.oms_dliup li a:hover{width: 50px;height: 50px;line-height: 50px;}
	.oms_dliup li i{font-size: 20px;}
	.oms_dliup li p{line-height: 40px;font-size: 16px;}

	.case{padding:0;}
	.case .subnav_ny .flyi ul{margin-left: -5px;}
	.case .subnav_ny .flyi li{margin-bottom: 5px;margin-left: 5px;}

	.case .box ul{margin-left: 0%;}
	.case .box li{float: none;width: 100%;margin-left: 0%;}

	.case_con{padding:0;}
	
	.caseer{padding:30px 0;}
	.caseer .title .bt{font-size:24px;}

	.con_r{width: 100%;float: none;}
	.con_r .title h2{font-size: 24px;margin-top: 0px;}
	.con_r .list{margin-top: 15px;padding-bottom: 20px;}
	.con_r .list ul{margin-left: 0%;}
	.con_r .list li{width: 100%;float: none;margin-left: 0%;margin-bottom: 10px;}

	.about{line-height: 30px;margin-top: 10px;}

	.news ul{margin-left: -3%;}
	.news li{margin-bottom: 30px;width: 30.333%;margin-left: 3%;float: left;}

	.mianfei{padding:0 5% 30px 5%;}
	
	.nav_dsanp .box li{min-height: auto;}

	.nav_dsip ul{margin-left: 0;}
	.nav_dsip li{margin-bottom: 20px;width: 100%;margin-left: 0;float: none;}
	.nav_dsip .more{margin:20px auto 0 auto;}

	.nav_dwup ul{margin-left: 0;}
	.nav_dwup li{margin-bottom: 20px;width: 100%;margin-left: 0;float: none;}
	.nav_dwup .more{margin:20px auto 0 auto;}

	.nav_dliup ul{margin-left: 0;}
	.nav_dliup li{margin-bottom: 20px;width: 100%;margin-left: 0;float: none;}
	.nav_dliup .more{margin:20px auto 0 auto;}

	.shiyong .sy{width: 300px;padding:40px 10px 20px 10px;}
	.shiyong .sy .gb{right: -10px;top: -40px;}
	.shiyong .sy h2{font-size: 18px;margin-bottom: 10px;}
	.shiyong .sy li{margin-bottom: 10px;}
	.shiyong .sy li .input_txt{height: 30px;}
	.shiyong .sy .more .input_btn{height: 30px;}


	.foot .foot_t{line-height: 40px;}
	.foot .foot_t p{font-size: 14px;}
	.foot .foot_t ul{padding-left: 30px;}
	.foot .foot_t li{padding:0 10px;}
	.foot .foot_t li i{font-size: 18px;}

	.foot_c{padding:10px 0;}
	.foot .Fl{float: none;}
	.foot .Fr{float: none;}
	.foot_c .c_l{margin-left: 0px;}
	.foot_c .c_l dl{padding-left: 0px;float: left;}
	.foot_c .c_r{text-align: center;line-height: 30px;width: 100px;margin-top: 10px;}
	.foot_b{text-align: left;padding:10px 0;}

}