@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1024px){
	.wrapper{
		width: 960px;
	}
	.banner-1{
	    padding-top: 104px;
		height: 278px;
	}
	.nav{
	    display: none;
	}
	.menu{
	    display: block;
	    position: relative;
	    float: right;
	    width: 30px;
	    height: 30px;
	    top:30px;
	    right:0;
	}
	.msgNum{display: none;}
   .slider{margin-top: 44px;}
   .head{display:none}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:30px;height:30px;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;padding-top:30px;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #232530}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{box-sizing: border-box; padding:0 5px; display: block;}
   .icon{width:25px;height:25px;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../skin/images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
	.index-title h2{
		font-size: 38px;
	}
	.index-title span{
		font-size: 24px;
	}
	.index-product{
		margin: 30px 0;
	}
	.sub-tab li{
		margin-left: 40px;
	}
	.conter,.conter .conter-box,.row{
		width: 960px;
		height: 338px;
	}
	.col-1{
		height: 338px;
	}
	.div-word{
		opacity: 1;
		left: 10px;
		right: 10px;
		bottom: 10px;
	}
	.cont-page{
		margin-top: 20px;
	}
	.footer-cont{
		width:315px;
	}
	.footer-nav{
		width: 200px;
	}
	.footer-magess{
		width: 410px;
	}
	.footer-phone,.footer-dress{
		width: 285px;
	}
	.footer-title,.navlist{
		margin-left: 0;
	}
	.footer-magess input,#mage-content{
		margin-left: 20px;
	}
	.footer-magess input{
		width: 28%;
	}
	.footer-top{
		padding-bottom: 20px;
	}
	.ifica-img, .ca-img{
		height: 300px;
	}
	.pro-img{
		height: 500px;
	}
	#content{
		width: 97%;
	}
	.footer-magess .mesform .submit{
	    width: 80px;
	    left: -125px;
	}
	.proud-title{
	    width: 52%;
	    margin-right: 26px;
	}
	.proud-title .prou-list li{
	    width: 35.33%;
	}
	.sourcedata{
	  width: 54%;  
	}
}
@media (min-width:768px) and (max-width: 992px) {
	.sidebar-left,.sidebar-right{
		float: none;
	}
	.wrapper{
		width:94%;
	}
	.swiper,.banner-1{
		height: 450px;
	}
	.banner-pc{
	    display: none;
	}
	.banner-move{
	    display: block;
	}
	.conter,.conter .conter-box,.row{
		width:750px;
		height: 698px;
	}
	.col-1{
		width: calc(50% - 10px);
		margin-bottom: 20px;
	}
	.col-1:nth-child(2n){
		margin-right: 0;
	}
	.service-type,.seri,.seri-cust{
		width: 106.5%;
	}
	.service-type{
		
		margin-bottom: 20px;
	}
	.service-type::after{
		display: block;
		right: 49%;
		top: 166px;
	}
	.seri-title{
		position: absolute;
		left: 50px;
		width: 50%
	}
	.seri-img{
		display: block;
		position: absolute;
		right:20px;
	}
	.seri-cust-cont{
		width: 83%;
		left: 32px;
	}
	.seri-cust-img{
		display: none;
	}
	.index-about-img,.index-about-cont{
		width: 100%;
	}
	.index-about-cont{
		margin-top:50px;
	}
	.cont-title,.cont-page{
		margin-left: 40px;
	}
	.cont-page{
		width: 92%;
	}
	.community-carousel{
		height: 680px;
	}
	.swiper-slide{
		width: 100%;
	}
	.ava{
		height:580px;
	}
	.fooer-page{
		float: none;
	}
	.footer-cont,.footer-nav,.footer-magess{
		width: 100%;
		border-right: none;
	}
	.footer-cont{
		height: 105px;
	}
	.footer-phone,.footer-dress{
		position: absolute;
		width:400px;
	}
	.footer-logo{
		position: absolute;
		top:10px;
		height: 80px;
	}
	.footer-phone{
		right:50px;
		top: 15px;
	}
	.footer-dress{
		right: 50px;
		top: 50px;
	}
	.footer-nav{
		height: 78px;
	}
	.footer-title,.navlist{
		text-align: left;
	}
	.navlist li{
		float: left;
		margin-right: 30px;
	}
	.footer-magess input,#mage-content{
	margin-left: 0;
}
	.footer-magess input{
		margin-right: 43px;
	}
	.about-cont-page{
		font-size: 18px;
		line-height: 30px;
	}
	.ifica-img, .ca-img{
		height: 350px;
	}
	.ifica-img{
		width: calc(50% - 10px);
	}
	.ifica-img:nth-child(2){
		margin-right: 0;
	}
	.ifica-img:last-child{
		width: 100%;
	}
	.ifica-img span:last-child{
		left: 38%;
	}
	#serie{
		width: 100%;
	}
	.sector-cont{
		float: none;
		width: 100%;margin-bottom: 20px;
	}
	.tor{
		height: 350px;
		margin: 20px;
	}
	.tor-title{
		font-size: 26px;
		line-height: 56px;
	}
	.tor-cont{
		font-size: 18px;
	}
	.select-page .sector .seri-cust{
		padding-top: 0;
	}
	#serie .seri-custom{
		width: 100%;
		height: 300px;
		float: none;
		margin-bottom: 20px;
	}
	#serie .seri-custom .seri-cust-cont{
		width: 40%;
		top:50px;
		left: 50px;
	}
	#serie .seri-custom .seri-cust-cont .seri-cust-cont span{
		font-size: 26px;
	}
	#serie .seri-custom .seri-cust-cont .seri-cust-cont p{
		font-size: 18px;
	}
	#serie .seri-custom .seri-cust-img{
		display: block;
		width: 200px;
		height: 300px;
		right: 100px;
	}
	.new-page{
		width: calc(50% - 10px);
		
	}
	.new-page:nth-child(2n){
		margin-right: 0;
	}
	.new-page:nth-child(3){
		margin-right: 20px;
	}
	.new-img{
		height: 400px;
	}
	.product-page{
		width:calc(50% - 10px);
	}
	.product-page:nth-child(2n){
		margin-right: 0;
	}
	.pro-img{
		height: 300px;
	}
	.proud-img{
	    width: 100%;
	    height: auto;
	}
	.contact-page{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.way-page{
		float: left;
		margin-right: 90px;
	}
	.way-page:last-child{
		margin-right: 0;
	}
	.contact-way,.magess{
		width: 100%;
	}
	.proud-title{
	    width: 100%;
	}
	.proud-title .prou-list li{
	    width: 35.33%;
	}
	.footer-magess .mesform .submit{
	    width: 80px;
	    left: -210px;
	}
	
}
@media (min-width:480px) and (max-width: 736px) {
	.sidebar-left,.sidebar-right{
		float: none;
	}
	.wrapper{
		width:94%;
	}
	.swiper,.banner-1{
		height: 450px;
	}
	.banner-pc{
	    display: none;
	}
	.banner-move{
	    display: block;
	}
	.index-title{
		text-align: center;
	}
	.sub-tab-1{
		width: 52%;
		margin: 30px auto 0;
	}
	.conter,.conter .conter-box,.row{
		width:720px;
		height: 698px;
	}
	.col-1{
		width: calc(50% - 5px);
		margin-bottom: 10px;
		margin-right: 10px
	}
	.col-1:nth-child(2n){
		margin-right: 0;
	}
	.div-word{
		left: 10px;
		right: 10px;
		bottom: 10px;
	}
	.service-type,.seri,.seri-cust{
		width: 106.5%;
	}
	.service-type{
		
		margin-bottom: 20px;
	}
	.service-type::after{
		display: block;
		right: 48%;
		top: 166px;
	}
	.seri-title{
		position: absolute;
		left: 50px;
		width: 50%
	}
	.seri-img{
		display: block;
		position: absolute;
		right:30px;
		width: 132px;
	}
	.seri-cust-img{
		display: none;
	}
	.seri-cust-cont{
		width: 82%;
		left: 32px;
	}
	.seri-cust-img{
		display: none;
	}
	.index-about{
		padding-top:50px;
	}
	.index-about-img,.index-about-cont{
		width: 100%;
	}
	.index-about-cont{
		margin-top:50px;
	}
	.cont-title,.cont-page{
		margin-left: 40px;
	}
	.cont-page{
		width: 92%;
	}
	.cont-more{
		float: none;
		margin: 40px auto;
	}
	.community-carousel{
		height: 680px;
	}
	.swiper-slide{
		width: 100%;
	}
	.ava{
		height:580px;
	}
	.fooer-page{
		float: none;
	}
	.footer-cont,.footer-nav,.footer-magess{
		width: 100%;
		border-right: none;
	}
	.footer-cont{
		height: 105px;
	}
	.footer-phone,.footer-dress{
		position: absolute;
		width:400px;
	}
	.footer-logo{
		position: absolute;
		top:10px;
		height: 80px;
	}
	.footer-phone{
		right:50px;
		top: 15px;
	}
	.footer-dress{
		right: 50px;
		top: 50px;
	}
	.footer-nav{
		height: 78px;
	}
	.footer-title,.navlist{
		text-align: left;
	}
	.navlist li{
		float: left;
		margin-right: 30px;
	}
	.footer-magess input,#mage-content{
	margin-left: 0;
}
	.footer-magess input{
		margin-right: 43px;
	}
	.cont-img{
		height: 400px;
	}
	.about-cont-page{
		font-size: 18px;
		line-height: 30px;
	}
	.ifica-img, .ca-img{
		height: 336px;
	}
	.ifica-img{
		width: calc(50% - 10px);
	}
	.ifica-img:nth-child(2){
		margin-right: 0;
	}
	.ifica-img:last-child{
		width: 100%;
	}
	.ifica-img span:last-child{
		left: 38%;
	}
	#serie{
		width: 100%;
	}
	.sector-cont{
		float: none;
		width: 100%;margin-bottom: 20px;
	}
	.tor{
		height: 350px;
		margin: 20px;
	}
	.tor-title{
		font-size: 26px;
		line-height: 56px;
	}
	.tor-cont{
		font-size: 18px;
	}
	.select-page .sector .seri-cust{
		padding-top: 0;
	}
	#serie .seri-custom{
		width: 100%;
		height: 300px;
		float: none;
		margin-bottom: 20px;
	}
	#serie .seri-custom .seri-cust-cont{
		width: 40%;
		top:50px;
		left: 50px;
	}
	#serie .seri-custom .seri-cust-cont .seri-cust-cont span{
		font-size: 26px;
	}
	#serie .seri-custom .seri-cust-cont .seri-cust-cont p{
		font-size: 18px;
	}
	#serie .seri-custom .seri-cust-img{
		display: block;
		width: 200px;
		height: 300px;
		right: 70px;
	}
	.new-page{
		float: none;
		width: 100%;
	}
	.new-img{
		height: 400px;
	}
	.product-page{
		width: 100%;
	}
	.contact-page{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.way-page{
		float: left;
		margin-right: 90px;
	}
	.way-page:last-child{
		margin-right: 0;
	}
	.contact-way,.magess{
		width: 100%;
	}
	.sourcedata{
	  width:51%;  
	}
	.sour,.sour p,.sour p img{
	    width: 100% !important;
	}
	.proud-img,.proud-cent{
	    width: 100%;
	}
	.proud-img img,.proud-cent img{
	    width: 100% !important;
	    height: auto !important;
	}
	.proud-title{
	    width: 100%;
	    margin-top: 30px;
	}
	.proud-title .prou-list li{
	    width: 33.33%;
	}
	.footer-magess .mesform .submit{
	    width: 80px;
	    left: -202px;
	}
}
@media (max-width: 430px) {
	.sidebar-left,.sidebar-right{
		float: none;
	}
	.wrapper{
		width:94%;
		margin-top: 12px;
	}
	.swiper,.banner-1{
		height: 203px;
	}
	.banner-pc{
	    display: none;
	}
	.banner-move{
	    display: block;
	}
	.title-box{
		height:120px;;
	}
	.index-title{
		text-align: center;
	}
	.index-title h2{
		font-size: 36px;
		line-height: 52px;
	}
	.index-title span{
		font-size: 22px;
	}
	.sub-tab-1{
		top: 102px;
		width: 76%;
		margin:0  auto;
	}
	.sub-tab li{
		margin-left: 20px;
	}
	.conter,.conter .conter-box,.row{
		width:400px;
		height: 1240px;
	}
	.col-1{
		width: calc(100% - 20px);
		height: 292px;
		margin:0 10px 10px;
	}
	.col-1:nth-child(2n){
		margin-right: 0;
	}
	.div-word{
		left: 10px;
		right: 10px;
		bottom: 10px;
	}
	.index-more{
		width: 96px;
	}
	.index-more a{
		padding: 10px 15px;
	}
	.service-type,.seri,.seri-cust{
		width: 106.5%;
	}
	.service-type{
		
		margin-bottom: 20px;
	}
	.service-type::after{
		display: block;
		right: 46%;
		top: 166px;
	}
	.seri-title{
		position: absolute;
		left: 25px;
		width: 50%
	}
	.seri-img{
		display: block;
		position: absolute;
		right:20px;
		width: 120px;
	}
	.seri li{
		height: 116px;
	}
	.seri li a{
		line-height: 88px;
	}
	.seri-boder{
		width:70%;
		height:70%;
		margin: 17px auto;
	}
	.seri-custom{
		position: relative;
		float: none;
		width: 100%;
		height: 168px;
		margin-bottom: 20px;
	}
	.seri-cust-cont{
		position: absolute;
		left:20px;
		width: 87%;
	}
	.seri-cust-img{
		display: none;
	}
	.index-about{
		padding: 0;
	}
	.index-about-img,.index-about-cont{
		width: 100%;
	}
	.index-about-img{
		height: 292px;
	}
	.index-about-cont{
		margin-top:22px;
	}
	.cont-title,.cont-page{
		margin-left:20px;
	}
	.cont-title h2{
		font-size: 36px;
	}
	.cont-title span{
		font-size: 22px;
	}
	.cont-page{
		width: 92%;
		font-size: 16px;
		line-height: 26px;
	}
	.cont-more{
		float: none;
		margin: 40px auto;
	}
	.community-carousel{
		height:492px;
	}
	.swiper-slide{
		width: 100%;
	}
	.ava{
		height:400px;
	}
	.fooer-page{
		float: none;
	}
	.footer-cont,.footer-nav,.footer-magess{
		width: 100%;
		border-right: none;
	}
	.footer-cont{
		height: 180px;
	}
	.footer-logo{
		height: 90px;
	}
	.footer-phone,.footer-dress{
		width:100%;
	}
	
	.footer-nav{
		height: 78px;
	}
	.footer-title,.navlist{
		text-align: left;
	}
	.navlist li{
		float: left;
		margin-right: 30px;
	}
	.footer-magess input,#mage-content{
	margin-left: 0;
}
	.footer-magess input{
		width: 38%;
		margin-right: 43px;
		border-bottom: 1px solid #fff;
	}
	.footer-magess .submit{
		border: 1px solid #fff;
	}
	.cont-img{
		height: 244px;
	}
	.about-cont-page{
		font-size: 18px;
		line-height: 30px;
		
	}
	.ifica-img, .ca-img{
		height: 350px;
	}
	
	.ifica-img,.ca-img{
		width: 100%;
	}
	.ifica-img span,.ca-img span{
		left: 30%;
	}
	.ca-img{
		margin-bottom: 20px;
	}
	.pro-img{
		height: 400px;
	}
	#serie{
		width: 100%;
	}
	.sector-cont{
		float: none;
		width: 100%;margin-bottom: 20px;
	}
	.tor{
		height: 244px;
		margin: 12px;
	}
	.tor-title{
		font-size: 24px;
		line-height: 56px;
	}
	.tor-cont{
		font-size: 18px;
	}
	.select-page .sector .seri-cust{
		padding-top: 0;
	}
	#serie .seri-custom{
		width: 100%;
		height: 300px;
		float: none;
		margin-bottom: 20px;
	}
	#serie .seri-custom .seri-cust-cont{
		width: 40%;
		top:50px;
		left: 30px;
	}
	#serie .seri-custom .seri-cust-cont .seri-cust-cont span{
		font-size: 24px;
	}
	#serie .seri-custom .seri-cust-cont .seri-cust-cont p{
		font-size: 18px;
	}
	#serie .seri-custom .seri-cust-img{
		display: block;
		width: 160px;
		height: 300px;
		right:20px;
	}
	.new-page{
		float: none;
		width: 100%;
	}
	.new-img{
		height: 400px;
	}
	.product-nav{
		margin: 20px 0;
	}
	.product-nav li{
		margin-right: 30px;
	}
	.contact-page{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.product-page{
		width: 100%;
	}
	.contact-way{
		padding: 0;
	}
	.contact-way,.magess{
		width: 100%;
	}
	.map{
		height: 300px;
	}
	.sourcedata{
	  width: 100%;  
	}
	.sourcedata span{
	    margin-right: 8px;
	}
	.sour,.sour p,.sour p img{
	    width: 100% !important;
	}
	.proud-img,.proud-cent{
	    width: 100%;
	}
	.proud-img img,.proud-cent img{
	    width: 100% !important;
	    height: auto !important;
	}
	.proud-title{
	    width: 100%;
	    margin-top: 30px;
	}
	.proud-title .prou-list li{
	    width: 51%;
	}
	.footer-magess .mesform .submit{
	    width: 80px;
	    left: -134px;
	}
}