@media(max-width:1600px){
	.ibanner{ height: 375px; background-position: center; }
	.banner-img{ height: 646px; }
}

@media(max-width:1400px){
	.ibanner{ height: 338px; }
	.banner-img{ height: 581px; background-position: center; }
}

@media(max-width:1230px){
	.ibanner{ height: 288px; background-size: auto 125%; }
	.banner-img{ height: 517px; background-position: center -40px; background-size: auto 125%; }
	.slick-banner .slick-next{ left: 15px; }
	.slick-banner .slick-next{ left: auto; right: 15px; }
}

@media(max-width:1199px){
	.slick-banner .slick-dots{ bottom: 30px; }
	.slick-banner .slick-dots li{ margin: 0 3px; }
	.slick-banner .slick-dots li button{ width: 10px; height: 10px; margin: 5px; }
	.slick-banner .slick-prev, 
	.slick-banner .slick-next{ left: 5%; width: 40px; height: 40px; margin-top: -20px; background-size: auto 20px; }
	.slick-banner .slick-next{ left: auto; right: 5%; }

	.welcome-language-tel-email{ padding: 7px 0; }
	.welcome{ line-height: 24px; font-size: 13px; }
	.tel-email a{ line-height: 24px; font-size: 13px; margin-right: 20px; }
	.language{ margin-left: 10px; margin-top: -2px; }
	.logo-menu-search{ height: 85px; }
	.logo{ height: 55px; margin: 15px 0; }
	.search{ margin: 25px 0 25px 50px; }
	.search-open{ width: 34px; height: 34px; background-size: auto 20px; }
	.search-form{ top: 60px; width: 210px; height: 36px; }
	.search-go,
	.search-txt,
	.search-close{ width: 34px; height: 34px; }
	.search-txt{ width: 140px; padding: 5px 0; line-height: 24px; font-size: 12px; }
	.search-close{ background-size: auto 22px; }
	.search-go{ background-size: auto 18px; }
	.menu{ margin-top: 20px; }
	.menu ul li{ height: 45px; margin-left: 30px; }
	.menu ul li a{ line-height: 43px; font-size: 14px; }
	.menu ul li:hover::after,
	.menu ul li.up-selected::after{ width: 100%; }
	.menu ul li:hover a,
	.menu ul li.up-selected a{ color: #da251d; }
	.menu-nav{ min-height: 200px; padding: 15px 0; }
	.menu-nav a{ height: 30px; line-height: 30px; padding-right: 10px; font-size: 12px; }

	.title h1{ line-height: 30px; font-size: 32px; }
	.title h2{ line-height: 30px; font-size: 30px; margin-bottom: 15px; }
	.title h3{ height: 48px; line-height: 36px; font-size: 30px; margin-bottom: 25px; }
	.title p{ line-height: 24px; font-size: 12px; }

	.more a{ width: 160px; height: 34px; line-height: 32px; font-size: 12px; }

	.product{ padding: 50px 0; }  
	.products{ padding: 15px 0; }
	.products .row{ margin-right: -10px; margin-left: -10px; }
	.products .col-md-4{ padding-right: 10px; padding-left: 10px; }
	.products-img{ margin: 10px 0; }
	.products-img a{ padding: 15px; line-height: 22px; font-size: 12px; } 
	.products-img a h1{ line-height: 50px; font-size: 50px; }
	.products-img a h3{ height: 32px; line-height: 32px; font-size: 16px; }
	.products-img a div{ height: 66px; margin: 10px 0; }

	.video{ padding: 70px 0; }
	.video h1{ line-height: 34px; font-size: 30px; margin-top: 7px; }
	.video a{ width: 120px; line-height: 34px; font-size: 12px; }
	.video a.video-play{ width: 100%; }
	.video .video-desc{ line-height: 24px; font-size: 13px; margin: 15px 0; }

	.feedback{ height: 413px; padding: 50px 0; }
	.form{ width: 720px; margin-top: 5px; }  
	.input{ height: 40px; line-height: 20px; padding: 10px; font-size: 13px; }  
	.textarea{ height: 90px; }  

	.nproduct{ padding: 40px 0; }
	.nproducts{ padding-top: 20px; margin: 0 -4px; }
	.nproducts ul li{ padding: 0 5px; }
	.nproducts ul li a{ padding: 10px; }
	.nproducts ul li a .nproducts-img{ height: 207px; }
	.nproducts ul li a .nproducts-desc{ padding-top: 5px; }
	.nproducts ul li a .nproducts-desc h2{ height: 26px; line-height: 26px; font-size: 14px; }
	.nproducts ul li a .nproducts-desc span{ width: 100px; line-height: 30px;  }
	.nproducts ul li a .nproducts-desc div{ height: 44px; line-height: 22px; font-size: 12px; margin-bottom: 5px; }

	.new{ padding: 40px 0; }
	.slick-new{ padding: 30px 0; margin: 0 -10px; }
	.slick-new a .new-img{ height: 215px; margin: 0 10px; }
	.slick-new a .new-img span{ width: 64px; height: 64px; padding: 10px 0; }
	.slick-new a .new-img span h2{ font-size: 18px; }
	.slick-new a .new-desc{ margin: 10px; }
	.slick-new a .new-desc h2{ height: 40px; line-height: 20px; font-size: 16px; margin: 10px 0 5px 0; }
	.slick-new a .new-desc div{ height: 110px; line-height: 22px; font-size: 12px; }

	.botter{ padding: 40px 0 20px 0; }
	.botter dl:nth-child(1){ width: 290px; }
	.botter dl:nth-child(2){ width: 270px; }
	.botter dl:nth-child(3){ width: 380px; }
	.botter dl dt{ margin-bottom: 10px; }
	.botter dl dt a{ height: 24px; line-height: 24px; padding-left: 10px; font-size: 14px; }
	.botter dl dd{ margin-left: 13px; }
	.botter dl dd a,
	.botter dl dd p{ line-height: 26px; font-size: 12px; }
	.botter dl dd img.ewm{ width: 120px; margin: 15px 15px 15px 0; }
	.botter dl dd .alibaba{ width: 202px; height: 92px; margin-top: 20px; }
	.botter dl dd .alibaba img{ width: 42px; }
	.botter dl dd .alibaba h4{ line-height: 24px; font-size: 14px; }
	.botter .link{ padding-top: 10px; line-height: 26px; font-size: 12px; }
	.botter .link a{ margin-left: 15px; }
	.copyright{ padding: 15px 0; font-size: 12px; }

	.main{ padding: 30px 0; }
	.mLeft{ padding: 10px; }
	.mLeft-search{margin-bottom:10px}
	.mLeft-search .mform{height:32px;padding:0 5px;border-radius:3px}
	.mLeft-search .mtxt{width:75%;height:30px;padding:5px 0;font-size:12px}
	.mLeft-search .mgo{width:15%;height:30px;float: right; }
	.mLeft-list{padding-top:10px}
	
	ul.mLeft-nav-1 li{margin-bottom:3px}
	ul.mLeft-nav-1 li a{padding:7px 7px 7px 10px;font-size:12px}
	ul.mLeft-nav-1 li ul.mLeft-nav-2 li{margin-top:2px}
	ul.mLeft-nav-1 li ul.mLeft-nav-2 li a{padding:5px 5px 5px 20px;font-size:12px}
	ul.mLeft-nav-1 li ul.mLeft-nav-2 li a::before{left:10px;}
	ul.mLeft-nav-1 li ul.mLeft-nav-2 li ul.mLeft-nav-3 li a{padding:3px 5px 3px 20px;}

	.position{height:36px;margin-bottom:15px;}
	.position h2{height:36px;line-height:24px;font-size:16px}
	.position span{line-height:20px;font-size:12px}

	.project{padding-bottom:10px;}
	.project ul li{width:222px;margin:0 15px 10px 0}
	.project ul li a .project-img{width:222px;height:222px;background-size: auto 75%;}
	.project ul li a .project-desc{height:30px;padding-top:10px}
	.project ul li a .project-desc h3{font-size:13px}

	.nproject{ margin-top: 0; }
	.nproject ul li{ margin-bottom: 15px; }
	.nproject ul li a{ height: 220px; padding: 10px; }
	.nproject ul li a .nproject-img{ width: 200px; height: 200px; }
	.nproject ul li a .nproject-desc{ width: 477px; height: 200px; padding-left: 20px; }
	.nproject ul li a .nproject-desc h2{ height: 26px; line-height: 26px; font-size: 16px; margin-top: 15px; }
	.nproject ul li a .nproject-desc div{ height: 88px; line-height: 22px; font-size: 12px; margin: 5px 0 15px 0; }  
	.nproject ul li a .nproject-desc span{ width: 110px; line-height: 30px; }  

	.pager{ margin: 10px 0; }
	.pager span,.pager a{padding:0 4px;margin:0 4px;font-size:14px}

	.slick-projects{ width: 402px;height: 402px; }
	.slick-projects .slick-projects-img{ width: 400px; height: 400px; }
	.slick-projects .slick-prev,
	.slick-projects .slick-next{left:-60px;}
	.slick-projects .slick-next{left:auto;right:-60px}

	.projects-desc{ padding-top: 20px; }
	.projects-desc img{ margin: 5px auto; }
	.projects-desc h3{ line-height: 26px; font-size: 16px; margin-bottom: 5px; }
	.projects-desc p{ line-height: 24px; font-size: 12px; }

	.newlist ul li{ margin-bottom: 20px; }  
	.newlist ul li a .newlist-img{ width: 280px; height: 200px; }
	.newlist ul li a .newlist-desc{ width: 660px; height: 200px; padding: 20px; }
	.newlist ul li a .newlist-desc h2{ height: 56px; line-height: 28px; font-size: 24px; }
	.newlist ul li a .newlist-desc div{ height: 66px; line-height: 22px; font-size: 12px; margin: 10px 0; }
	.newlist ul li a .newlist-desc span{ line-height: 22px; font-size: 12px; }

	.newsds .ntitle{padding-bottom:10px}
	.newsds .ntitle h3{line-height:32px}
	.newsds .ntitle span{font-size:12px}
	.newsds .ndemo{padding-top:10px;line-height:26px;font-size:12px}
	.newsds .ndemo img{width:50%;margin:5px auto}

	.video-company{ padding-bottom: 40px; }  
	.video-company .video-desc{ line-height: 22px; font-size: 12px; margin: 0; }

	.workshop{ padding: 40px 0 60px 0; }
	.workshops ul li{ padding: 5px; }
	.workshops ul li a{ height: 172px; }

	.honor{ padding: 50px 0 60px 0; }
	.slick-honor{margin:0 -4px}
	.slick-honor .honors{margin:0 5px;}
	.slick-honor .honors a{ height:308px; }
	.slick-honor .slick-prev,
	.slick-honor .slick-next{left:-50px;width:36px;height:72px;margin-top:-36px;background-size:auto 24px}
	.slick-honor .slick-next{left:auto;right:-50px;}

	.contact{ padding-top: 30px; }
	.contact .title p{ line-height: 22px; font-size: 12px; }
	.map{height:160px;padding:20px;margin-top:30px;}
	.map ul li{height:116px;}
	.map ul li span{height:40px}
	.map ul li h2{line-height:28px;font-size:14px;margin-bottom:4px}
	.map ul li p{padding:0 30px;line-height:22px;font-size:12px}
	.mapDiv{height:400px;margin-top:-50px}

	.online{ padding-bottom: 40px; }
	.onlines{ width: 640px; }
	.onlines .onput{ height: 36px; padding: 7px 10px; font-size: 12px; margin-bottom: 15px; }
	.onlines .otextarea{ height: 130px; }
	.onlines .osubmit{ width: 130px; height: 34px; line-height: 34px; padding: 0; }
}

@media(max-width:992px){
	.ibanner{ height: 200px; background-position: center; background-size: auto 135%; }
	.banner-img{ height: 400px; background-position: center; background-size: auto 117%; }
	.slick-banner .slick-dots{ bottom: 20px; }
	.slick-banner .slick-dots li{ margin: 0 1px; }
	.slick-banner .slick-prev, 
	.slick-banner .slick-next{ left: 24px; }
	.slick-banner .slick-next{ left: auto; right: 24px; }

	.welcome-language-tel-email{ padding: 5px 0; }
	.welcome{ font-size: 12px; }
	.tel-email a{ font-size: 12px; margin-right: 15px; }
	.language{ height: 24px; margin-left: 5px; margin-top: 0;  }
	.language span{ height: 22px; padding: 2px 7px; }
	.language ul.languages{ top: 23px; padding: 2px 0; }

	.logo-menu-search{ height: 75px; }
	.logo{ height: 45px; }
	.search{ margin: 20px 0 20px 20px; }
	.menu{ margin-top: 20px; }
	.menu ul li{ height: 40px; margin-left: 18px; }
	.menu ul li a{ line-height: 40px; font-size: 12px; }
	.menu-nav{ min-height: 160px; padding: 10px 0; }
	.menu-nav a{ height: 26px; line-height: 26px; padding-right: 5px; }

	.title h1{ font-size: 30px; }
	.title h2{ line-height: 30px; font-size: 30px; margin-bottom: 15px; }
	.title h3{ height: 36px; line-height: 30px; font-size: 24px; margin-bottom: 15px; }

	.more a{ width: 140px; height: 30px; line-height: 30px; }

	.product{ padding: 30px 0; }  
	.products{ padding: 5px 0 10px 0; }
	.products-img a{ padding: 25px; } 

	.video{ padding: 30px 0; }
	.video h1{ line-height: 30px; margin-top: 0; }
	.video a{ width: 110px; line-height: 30px; font-size: 12px; }
	.video .video-desc{ font-size: 12px; margin: 10px 0; }
	.video a.video-play{ margin-top: 15px; }

	.feedback{ height: 355px; padding: 30px 0; }
	.input{ height: 36px; line-height: 20px; padding: 8px 10px; font-size: 13px; }  
	.textarea{ height: 80px; }  

	.nproduct{ padding: 30px 0; }
	.nproducts{ padding-top: 5px; margin: 0 -10px; }
	.nproducts ul li{ width: 50%; padding: 10px; }
	.nproducts ul li a{ padding: 15px; }
	.nproducts ul li a .nproducts-img{ height: 320px; }
	.nproducts ul li a .nproducts-desc{ padding-top: 5px; }
	.nproducts ul li a .nproducts-desc h2{ font-size: 16px; }
	.nproducts ul li a .nproducts-desc div{ height: 48px; line-height: 24px; }

	.new{ padding: 30px 0; }
	.slick-new{ padding: 20px 0; }
	.slick-new a .new-img{ height: 251px; }
	.slick-new a .new-desc div{ height: 120px; line-height: 24px; }

	.botter{ padding: 20px 0 10px 0; }
	.botter dl:nth-child(1){ width: 40%; }
	.botter dl:nth-child(2){ width: 60%; }
	.botter dl:nth-child(3){ width: 100%; margin-top: 15px; }
	.botter dl dt a{ height: 20px; line-height: 20px; }
	.botter dl dd a{ width: 33.3333%; }
	.botter dl dd p{ line-height: 24px; }
	.botter dl dd img.ewm{ margin: 0 15px 0 0; }
	.botter .link a{ margin-left: 10px; }

	.main{ padding: 20px 0; }
	.mLeft{ display: none; }

	.position{height:32px;margin-bottom:10px;}
	.position h2{height:32px;line-height:20px;font-size:15px}

	.project{padding-bottom:10px;}
	.project ul li{width:233px;margin:0 10px 10px 0}
	.project ul li a .project-img{width:233px;height:233px;}
	.project ul li a .project-desc h3{ font-size: 12px; }

	.nproject ul li{ margin-bottom: 10px; }
	.nproject ul li a .nproject-desc{ width: 500px; }
	.nproject ul li a .nproject-desc h2{ font-size: 15px; }

	.pager{ margin: 5px 0; }
	.pager span,.pager a{padding:0 3px;margin:0 3px;font-size:12px}

	.slick-projects{ width: 362px;height: 362px; margin-top: 15px; }
	.slick-projects .slick-projects-img{ width: 360px; height: 360px; }

	.projects-desc{ padding-top: 15px; }
	.projects-desc img{ width: 100%; }
	.projects-desc h3{ line-height: 24px; font-size: 15px; }

	.newlist ul li{ margin-bottom: 15px; }  
	.newlist ul li a .newlist-img{ width: 240px; height: 170px; }
	.newlist ul li a .newlist-desc{ width: 480px; height: 170px; padding: 15px; }
	.newlist ul li a .newlist-desc h2{ height: 48px; line-height: 24px; font-size: 18px; }
	.newlist ul li a .newlist-desc div{ margin: 5px 0; }
	.newlist ul li a .newlist-desc span{ line-height: 20px; }

	.newsds .ntitle h3{line-height:30px;font-size:20px}
	.newsds .ndemo img{width:75%}

	.video-company{ padding-bottom: 30px; }  
	.video-company .video-desc{ line-height: 24px; margin: 0; }

	.workshop{ padding: 30px 0 40px 0; }
	.workshops ul li a{ height: 130px; }

	.honor{ padding: 30px 0 40px 0; }
	.slick-honor .honors a{ height:316px; }
	.slick-honor .slick-prev,
	.slick-honor .slick-next{left:0;width:32px;height:64px;margin-top:-32px}
	.slick-honor .slick-next{left:auto;right:0;}

	.contact{ padding-top: 20px; }
	.contact .title p{ line-height: 24px; }
	.map{height:160px;padding:15px;margin-top:20px;}
	.map ul li{width: 30%;}
	.map ul li:last-child{width: 40%;}
	.mapDiv{height:300px;margin-top:-75px}

	.online{ padding-bottom: 15px; }
	.onlines{ width: 100%; }
	.onlines .otextarea{ height: 120px; }

	.projects-desc table tr.firstRow td{ padding: 4px; line-height: 16px; font-size: 12px; font-family: 'helveticaneuecyr-light';  }
	.projects-desc table td{ padding: 4px; line-height: 16px; font-size: 12px; }
}

@media(max-width:720px){
	.ibanner{ height: 145px; background-size: auto 100%; }
	.banner-img{ height: 250px; background-size: auto 100%; }
	.slick-banner .slick-dots{ bottom: 15px; }
	.slick-banner .slick-dots li{ margin: 0; }
	.slick-banner .slick-dots li button{ width: 8px; height: 8px; margin: 6px; }
	.slick-banner .slick-prev, 
	.slick-banner .slick-next{ left: 15px; }
	.slick-banner .slick-next{ left: auto; right: 15px; }

	.tel-email a{ display: none; }
	.language{ height: 24px; margin-left: 5px; margin-top: 0;  }
	.language span{ height: 22px; padding: 2px 7px; }
	.language ul.languages{ top: 23px; padding: 2px 0; }

	.logo-menu-search{ height: 64px; }
	.logo{ height: 44px; margin: 10px 0; }
	.search{ position: relative; z-index: 2000; margin: 15px 70px 15px 0; }
	.search-form{ top: 50px; }
	.menu{ display: none; }
	.dl-menuwrapper{ display: block; }

	.title h1{ line-height: 24px; font-size: 24px; }
	.title h2{ line-height: 24px; font-size: 24px; margin-bottom: 5px; }
	.title h3{ height: 30px; line-height: 24px; margin-bottom: 10px; }
	.title h3::after{ width: 40px; }
	.title p{ line-height: 21px; }

	.more a{ width: 120px; height: 28px; line-height: 28px; }

	.product{ padding: 20px 0; }  
	.products{ padding: 5px 0; }
	.products .row{ margin-right: -5px; margin-left: -5px; }
	.products .col-md-4{ padding-right: 5px; padding-left: 5px; }
	.products-img{ margin: 5px 0; }
	.products-img a{ padding: 10px; line-height: 24px; } 
	.products-img a h1{ line-height: 42px; font-size: 32px; }
	.products-img a h3{ height: 30px; line-height: 30px; font-size: 14px; margin-bottom: 10px; }
	.products-img a div{ display: none; }
	
	.video{ padding: 20px 0; }
	.video h1{ line-height: 24px; font-size: 24px; }
	.video a{ width: 100px; line-height: 28px; font-size: 12px; }
	.video .video-desc{ margin: 5px 0; }
	.video a.video-play{ margin-top: 10px; }

	.feedback{ height: 360px; padding: 20px 0; }
	.form{ width: 100%; }
	.input{ height: 34px; padding: 7px 10px; font-size: 12px; margin-top: 10px; }  
	.textarea{ height: 80px; }  

	.nproduct{ padding: 20px 0; }
	.nproducts{ padding-top: 0; margin: 0 -5px; }
	.nproducts ul li{ padding: 5px; }
	.nproducts ul li a{ padding: 10px; }
	.nproducts ul li a .nproducts-img{ height: auto; padding-bottom: 100%; }
	.nproducts ul li a .nproducts-desc{ padding-top: 5px; }
	.nproducts ul li a .nproducts-desc h2{ height: 24px; line-height: 24px; font-size: 14px; }
	.nproducts ul li a .nproducts-desc span{ line-height: 28px; }

	.new{ padding: 20px 0; }
	.slick-new{ padding: 10px 0 30px 0; }
	.slick-new a .new-img{ height: auto; padding-bottom: 70%; }
	.slick-new a .new-desc div{ height: 105px; line-height: 21px; }

	.botter dl:nth-child(1){ width: 100%; }
	.botter dl:nth-child(2){ width: 100%; margin-top: 15px; }
	.botter dl dd .alibaba{ margin-top: 15px; }

	.main{ padding: 15px 0; }
	
	.position{height:30px;}
	.position h2{height:30px;font-size:14px}
	.position span{ display: none; }
	
	.project{padding-bottom:10px;margin:-1%}
	.project ul li{width:48%;margin:1%}
	.project ul li:nth-child(3n){margin:1%}
	.project ul li a .project-img{width:100%;height:auto;padding-bottom: 100%;}
	.project ul li a .project-desc{ height: 26px; padding-top: 6px; }
	.nproject ul li a{ height: 110px; padding: 5px; }
	.nproject ul li a .nproject-img{ width: 25%; height: 100px; }
	.nproject ul li a .nproject-desc{ width: 75%; height: 100px; padding-left: 10px; }
	.nproject ul li a .nproject-desc h2{ height: 30px; line-height: 30px; font-size: 14px; margin-top: 5px; }
	.nproject ul li a .nproject-desc div{ height: 30px; line-height: 30px; margin: 0 0 5px 0; }  
	.nproject ul li a .nproject-desc span{ width: 100px; line-height: 28px; }  

	.pager{ margin: 0; }
	.pager span,.pager a{padding:0 2px;margin:0 2px}

	.slick-projects{ width: 302px;height: 302px; margin-top: 10px; }
	.slick-projects .slick-projects-img{ width: 300px; height: 300px; }
	.slick-projects .slick-prev, .slick-projects .slick-next{ left: -40px; width: 30px; height: 50px; margin-top: -25px; }
	.slick-projects .slick-next{ left: auto; right: -40px; }

	.projects-desc{ padding-top: 10px; }
	.projects-desc h3{ line-height: 24px; font-size: 14px; }

	.newlist ul li{ margin-bottom: 10px; }  
	.newlist ul li a{ padding: 5px; }
	.newlist ul li a .newlist-img{ width: 25%; height: 100px; }
	.newlist ul li a .newlist-desc{ width: 75%; height: 100px; padding: 0 0 0 10px; background-size: auto 40px; }
	.newlist ul li a .newlist-desc h2{ height: 30px; line-height: 30px; font-size: 16px; }
	.newlist ul li a .newlist-desc div{ height: 48px; margin: 0; }
	.newlist ul li a .newlist-desc span{ line-height: 20px; }
	.newlist ul li a:hover .newlist-desc{ background-size: auto 40px; }
	
	.newsds .ntitle{ padding-bottom: 5px; }
	.newsds .ntitle h3{line-height:26px;font-size:16px}
	.newsds .ntitle span{ line-height: 20px; }
	.newsds .ndemo{ line-height: 24px; padding-top: 5px; }
	.newsds .ndemo img{width:100%}

	.video-company{ padding-bottom: 20px; }  
	.video-company .video-desc{ line-height: 24px; margin: 0; }

	.workshop{ padding: 20px 0; }
	.workshops ul li { width: 50%; }
	.workshops ul li a{ height: auto; padding-bottom: 75%; }

	.honor{ padding: 20px 0; }
	.slick-honor .honors a{ height:auto; padding-bottom: 136%; }

	.contact{ padding-top: 20px; }
	.map{height:auto;padding:10px;margin-top:10px;overflow: hidden; }
	.map ul li{width: 100%;height: auto;border: 0;}
	.map ul li:last-child{width: 100%;}
	.map ul li p{ padding: 0 15px; }
	.mapDiv{height:320px;margin-top:-50px}

	.online{ padding-bottom: 10px; }
	.onlines .onput{ margin-bottom: 10px; }
	.onlines .otextarea{ height: 100px; }
}