@charset "utf-8";
@media (max-width:1400px){
	.news::after{ width: 2%;}
}
@media (max-width:1200px){	
	.float{ width:100%; left:0; margin-left:0;}
	.c-con{ width:100%; box-sizing:border-box; padding-left:10px; padding-right:10px;}	
	.header{ background-position: center -10px;}
	.hd-right > .nav > ul > li > a{ width:100%; height: 30px; line-height: 30px; display: block; text-align: center; padding:0 12px; font-size: 14px;}
	.swiper1 .swiper-pagination{ padding-bottom:10px;}

	.colHeader > div > h3{ font-size: 30px; }
	.about > .about-content > h3{ font-size: 20px; }
	.about > .about-content > div{ font-size: 16px;}
	.about > .about-col > ul > li > div > h3{ font-size: 14px; }
	.about > .about-col > ul > li > div > p{ font-size: 24px; }

	.news::after{ display: none; }
	.news-list > ul > li{ width: 28%; margin-right:8%;}

}
@media (max-width:992px){
	.logo{ display:block; width:200px; }
	.hd-right > .nav > ul > li{ height: 30px; line-height: 30px;}
	.hd-right > .nav > ul > li > a{ height: 30px; line-height: 30px; padding:0 10px; font-size: 12px; }	 
	.hd-right > .search{ width:120px; margin-left:8%;}
	.header-blank{height:62px;}

	.colHeader > div > h3{ font-size: 24px; }
	.about > .about-col{ width: 64%; bottom:20%;}
	.about > .about-content > h3,.about > .about-col > ul > li > div > p{ font-size: 18px; }
	.about > .about-content > div,.footer-online > h3,.contact > h4,.footer-nav > ul > li > h3,.intro > ul > li > div > .il-about > h3,.tool-form > h3,.tool-links > h3{ font-size: 14px;}


	.news-list > ul > li{ width: 30.66%; margin-right:4%;}
	.news-list > ul > li > p,.contact > p,.footer-nav > ul > li > p,.intro > ul > li > div > .il-about > h4,.intro > ul > li > div > .il-about > p,.intro > ul > li > div > .il-about > a,.tool-form > div > h4{ font-size: 12px; }
	.news-list > ul > li > div{ font-size: 14px; line-height: 24px; height: 120px; }


	.step-list > ul > li{ width:14.285%; float: left;  }
	.step-list > ul > li > p{ width:80px; margin:0 auto; }	
	.step-list > ul > li:nth-of-type(8){ order:8; display: none; }

	.step-list > ul > li:nth-of-type(9){ order:15; }
	.step-list > ul > li:nth-of-type(11){ order:13; }
	.step-list > ul > li:nth-of-type(13){ order:11; }
	.step-list > ul > li:nth-of-type(15){ order:9; }
	.step-list > ul > li:nth-of-type(10) > p,.step-list > ul > li:nth-of-type(12) > p,.step-list > ul > li:nth-of-type(14) > p{ transform: rotate(180deg); -webkit-transform: rotate(180deg); }
	.step-list > ul > li:nth-of-type(7) > h4{ transform: rotate(90deg); -webkit-transform: rotate(90deg);  opacity: 1; display: block; }

	.footer-online > h3,.contact > h4,.footer-nav > ul > li > h3{ margin-bottom: 10px; }
	.contact > p,.footer-nav > ul > li > p{ height: auto; line-height: 24px; }
	
	#dituContent{ height: 440px !important; }

	.tools{ width: 220px;}
	
.site1{ margin-top:0px;}
.site1 > .site-con > .sub{ width:100%;}
.site1 > .site-con > .sub li{ float:left; width:48%;}

.site1 > .site-con > .breadcrumb{ display:none}
	
.productlist LI {WIDTH: 48%;}

.site2{ margin-top:0px;}
.site2 > .site-con > .sub{ width:100%;}
.site2 > .site-con > .sub li{ float:left; width:48%;}

.site2 > .site-con > .breadcrumb{ display:none}
	
	
}
@media (max-width:768px){	
	.logo{ display:block; width:160px; }
	.header-blank{height:54px;}
	.header{  background-image: url(none);}
	.nav{display: none;}
	.hd-right > .search{ width: 30px; margin-right:5px; }
	.hd-right > .search > h3{display: block;}
	.hd-right > .search > div{width:120px; position: absolute; right:0; top:30px; display: none; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
	.hd-right > .search:hover > div{ display: block;}
	.menu{ display: block; }
	
	.colHeader > div > h3{ font-size: 20px; }
	.colHeader > div > h4 > a,.about > .about-content > div{ font-size: 12px; }
	.about{ padding-bottom:16.5%; }
	.about > .about-content > h3{ font-size: 16px; }
	.about > .about-col{ width: 100%; bottom:0;}	

	.news-list > ul > li{ width: 32%; margin-right:2%;}
	.news-list > ul > li > p,.news-list > ul > li > .nl-btn{ font-size: 12px; }
	.news-list > ul > li > div{ font-size: 12px; line-height: 20px; height: 100px; }


	.step-list > ul > li{ width:20%; float: left;  }
	.step-list > ul > li > p{ width:60px; margin:0 auto; }

	.step-list > ul > li:nth-of-type(6),.step-list > ul > li:nth-of-type(12){ order:6; display: none; }
	.step-list > ul > li:nth-of-type(8){ order:8; display: block; }

	.step-list > ul > li:nth-of-type(9){ order:9; }
	.step-list > ul > li:nth-of-type(11){ order:11; }
	.step-list > ul > li:nth-of-type(13){ order:13; }
	.step-list > ul > li:nth-of-type(15){ order:15; }
	.step-list > ul > li:nth-of-type(10) > p,.step-list > ul > li:nth-of-type(12) > p,.step-list > ul > li:nth-of-type(14) > p{ transform: rotate(0deg); -webkit-transform: rotate(0deg); }


	.step-list > ul > li:nth-of-type(7){ order:11; }
	.step-list > ul > li:nth-of-type(11){ order:7; }
	.step-list > ul > li:nth-of-type(8) > p,.step-list > ul > li:nth-of-type(10) > p{ transform: rotate(180deg); -webkit-transform: rotate(180deg); }
	.step-list > ul > li > h4{ width:60px;  }
	.step-list > ul > li:nth-of-type(5) > h4,.step-list > ul > li:nth-of-type(11) > h4{ transform: rotate(90deg) translateY(15px); -webkit-transform: rotate(90deg) translateY(15px);  opacity: 1; display: block; }
	.step-list > ul > li:nth-of-type(7) > h4{   opacity: 0; display: none; }

	.other{ display:block;}
	.intro,.tools{ width: 100%;}
	.intro{ padding-right:0; }
	.intro > ul > li > div > .il-img{ width: 180px;}
	.intro > ul > li > div > .il-about > h3{ height: 26px; line-height: 26px; overflow: hidden; }
	.intro > ul > li > div > .il-about > p{ height: 44px; }
	.tools{ margin-top: 15px; padding-left:10px; box-sizing: border-box;}

.productlist LI IMG{ height:259px}
	.tool-form,.tool-links{  padding:20px 0 25px 0; }
	.tool-form{ margin-bottom:10px; }
	.tool-form > h3,.tool-links > h3{  padding:0 15px; font-size: 14px; }
	.tool-form > div{ padding:0 15px; margin-top: 15px; }
	.tool-links{  padding:20px 0 0 0; }
	.tool-links > div{ width: 100%; margin:0 auto; margin-top: 15px; box-sizing: border-box; padding:10px 20px; background-color: #f1f1f1; }
	.tool-links > div > ul > li{ padding-left:20px; }

	#dituContent{ height: 300px !important; }

	.footer > .c-con{ display: block; }
	.footer-online,.footer-nav{ width:100%; }
	.footer-online{ margin-top: 10px; }
	.erweima{ width: 140px;}

	.box{ height: 0;display: none; }
	.box2{ height: 0; display: none;}
	.box3{ height: auto; display: block; }
	
	.site{ display:none}
	

	.jzuo{ float:left; width:90%; overflow:hidden; padding:5%; font-size:15px; line-height:28px;}
	.jyou{ float:right; width:100%}
	
	.step-list1 > ul > li{ width:20%; float: left; margin-left:0px; margin-right:0px; margin-bottom:0px; }
	.step-list1 > ul > li > p{ width:60px; margin:0 auto; }

	.step-list1 > ul > li:nth-of-type(6),.step-list1 > ul > li:nth-of-type(12){ order:6; display: none; }
	.step-list1 > ul > li:nth-of-type(8){ order:8; display: block; }

	.step-list1 > ul > li:nth-of-type(9){ order:9; }
	.step-list1 > ul > li:nth-of-type(11){ order:11; }
	.step-list1 > ul > li:nth-of-type(13){ order:13; }
	.step-list1 > ul > li:nth-of-type(15){ order:15; }
	.step-list1 > ul > li:nth-of-type(10) > p,.step-list > ul > li:nth-of-type(12) > p,.step-list > ul > li:nth-of-type(14) > p{ transform: rotate(0deg); -webkit-transform: rotate(0deg); }


	.step-list1 > ul > li:nth-of-type(7){ order:11; }
	.step-list1 > ul > li:nth-of-type(11){ order:7; }
	.step-list1 > ul > li:nth-of-type(8) > p,.step-list1 > ul > li:nth-of-type(10) > p{ transform: rotate(180deg); -webkit-transform: rotate(180deg); }
	.step-list1 > ul > li > h4{ width:60px;  }
	.step-list1 > ul > li:nth-of-type(5) > h4,.step-list1 > ul > li:nth-of-type(11) > h4{ transform: rotate(90deg) translateY(15px); -webkit-transform: rotate(90deg) translateY(15px);  opacity: 1; display: block; }
	.step-list1 > ul > li:nth-of-type(7) > h4{   opacity: 0; display: none; }



    .pageleft {
	OVERFLOW: hidden; WIDTH: 100%;
	}
	.pageright {
		OVERFLOW: hidden; WIDTH: 100%; text-align:left
	}

   
    .intro1,.tools{ width: 100%;}
	.intro1{ padding-right:0; }
	.intro1 > ul > li > div{ display: block;}
	.intro1 > ul > li > div > .il-img{ width: 100%; }
    .intro1 > ul > li > div > .il-about > h3{ font-size: 20px; color: #888; padding-top:20px;}

   
    .luntaizuo{ width:96%; float:left; margin-left:2%}
    .luntaiyou{ width:96%; float:right; margin-right:2%}
   

.lingyu{ width:100%; overflow:hidden; margin-top:30px;}
.lingyu > ul{ width:100%; float:left}

.lingyu > img{ width:100%; float:right}
.lingyu > .lingyu-img{ width:100%; float:right}

.neirongbg table{line-height:26px;}
.neirongbg table td{ padding-top:10px; padding-bottom:10px}




}

@media (max-width:640px){	

	.swiper1 .swiper-pagination-bullet{width:30px;}
	.colHeader > div > p > span{ font-size: 12px; }
	.colHeader > div > h3{ font-size: 16px; padding-top: 12px; }
	
	.about{ display: block; padding-bottom: 5%; }
	.about > .about-img,.about > .about-content{ width: 100%; }
	.about > .about-content{ padding:10px; }
	.about > .about-content > div{ margin-top: 10px; }
	.about > .about-col{ width: 100%; margin-top: 10px; position: inherit; }
	.about > .about-col > ul > li{ width: 33.33%; padding:2%;}
	.about > .about-col > ul > li > p{ width: 40px; }

	.news-list > ul > li{ width: 100%; margin-right:0;}
	.news-list > ul > li > .nl-img,.news-list > ul > li > p,.news-list > ul > li > div{ margin-bottom:10px; }
	.news-list > ul > li > div{  height: auto; line-height: 22px; }
	.news-list > ul > li > .nl-btn{  padding:6px 10px; font-size: 12px;}
	.erweima{ width: 120px; display: none;}
	.contact,.contact > p{ padding-left:0; }

	.contact-map,.footer{ margin-top: 20px; }
}

@media (max-width:480px){
	.colHeader > div{ width:100%;}
	.about > .about-content > h3{ font-size: 14px; }
	.about > .about-col > ul > li{ width: 100%; padding:4%;}
	.step-list{ margin-top: 10px; }
	.footer-nav > ul > li{ width: 100%; float: left; text-align: left; }
	.footer-nav > ul > li > h3{ position: relative; font-size:14px; height: 36px; line-height: 36px; overflow: hidden; color: #FFF; margin-bottom: 10px; box-sizing: border-box; border-bottom:1px solid rgba(255,255,255,0.6);}
	.footer-nav > ul > li > h3::after{ content: '\e6a3'; display: inline-block; width: 20px; height: 20px; line-height: 20px; position: absolute; right:0; top:50%; margin-top: -10px; font-family:"iconfont" !important;  font-size:14px; text-align: right; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
	.footer-nav > ul > li:hover > h3::after{ transform: rotate(90deg); -webkit-transform: rotate(90deg); }
	.footer-nav > ul > li > p{ display: none; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
	.footer-nav > ul > li:hover > p{ display: block; }
	.erweima{ width: 60px;}

	.box{ height: 0;display: none; }
	.box3{ height: 0; display: none;}
	.box2{ height: auto; display: block; }

	.intro > ul > li > div{  display: block;}
	.intro > ul > li > div > .il-img,.intro > ul > li > div > .il-about{ width: 100%; }
	.intro > ul > li > div > .il-about{ padding:10px; }
}
	
@media (max-width:375px){	
	
}