@media (max-width: 1440px){
	.container{ width: 1230px; }
	.header{ padding: 26px 0; }
	.logo{ height: 40px; }
	.menu{ height: 40px; margin: 0; }
	.menu ul li{ height: 40px; margin-left: 60px;}
	.menu ul li a{ line-height: 40px; font-size: 16px;  }
	.menu ul li .menu-nav{ width: 170px; padding: 8px 0; }
	.menu ul li .menu-nav ul li{ height: 28px; margin: 0; }
	.menu ul li .menu-nav ul li a{ line-height: 28px; padding-left: 20px; font-size: 13px; }
	.slick-banner .slick-dots{ bottom: 30px; }
	.slick-banner .slick-dots li{ margin: 0 7px; }
	.slick-banner .slick-dots li button{ width: 12px; height: 12px; margin: 4px; }
	.slick-banner .slick-prev, 
	.slick-banner .slick-next{ left: 40px; width: 36px; height: 72px; margin-top: -36px; background-size: auto 22px; }
	.slick-banner .slick-next{ left: auto; right: 40px; }
	.pic1-desc .desc{ padding: 140px 0 0 60px; }
	.pic1-desc .desc h1{ line-height: 50px; font-size: 42px; }
	.pic1-desc .desc a{ width: 160px; height: 42px; line-height: 42px; font-size: 13px; margin-top: 72px; }
	.pic2-img{ width: 59%; }
	.pic2-img .slick-dots{ bottom: 20px; }
	.pic2-img .slick-dots li{ margin: 0 3px; }
	.pic2-img .slick-dots li button{ width: 10px; height: 10px; margin: 5px; }
	.pic2-desc .desc{ width: 35%; padding-top: 115px; }
	.pic2-desc .desc h1{ height: 64px; line-height: 48px; padding: 8px 0; font-size: 42px; margin-bottom: 20px; }
	.pic2-desc .desc h1::after{ width: 110px; }
	.pic2-desc .desc p{ line-height: 28px; font-size: 14px; }
	.pic2-desc .desc a{ width: 160px; height: 42px; line-height: 42px; font-size: 13px; margin-top: 25px; }
	.pic3-desc .desc{ padding: 120px 0 0 60px; }
	.pic3-desc .desc h1{ height: 64px; line-height: 48px; padding: 8px 0; font-size: 42px; margin-bottom: 20px;}
	.pic3-desc .desc h1::after{ width: 110px; }
	.pic3-desc .desc p{ line-height: 28px; font-size: 14px; }
	.pic3-desc .desc a{ width: 160px; height: 42px; line-height: 42px; font-size: 13px; margin-top: 40px; }
	.new-pic{ padding: 50px 0; min-height: 600px; }
	.new-pic-left{ width: 240px; min-height: 500px; padding: 30px 0 0 20px; }
	.new-pic-left h1{ line-height: 42px; font-size: 42px; }
	.new-pic-left h2{ line-height: 36px; font-size: 30px; }
	.new-pic-left a{ width: 140px; height: 40px; line-height: 38px; font-size: 13px; border-radius: 20px; margin-top: 20px; }
	.new-pic-right{ width: 960px; padding: 0 0 0 60px; }
	.new-pic-right-title{ margin-top: 15px; }
	.new-pic-right-title p{ line-height: 28px; font-size: 14px; }
	.new-pic-right-main{ margin-top: 40px; }
	.new-pic-right-main ul li{ width: 156px; margin-right: 30px; }
	.new-pic-right-main ul li a .new-pic-right-img{ height: 140px; }
	.new-pic-right-main ul li a .new-pic-right-img::after{ top: -35px; right: -35px; width: 70px; height: 70px; }
	.new-pic-right-main ul li a .new-pic-right-desc{ margin-top: 10px; }
	.new-pic-right-main ul li a .new-pic-right-desc h3{ height: 30px; line-height: 30px; font-size: 16px; margin-bottom: 5px; }
	.new-pic-right-main ul li a .new-pic-right-desc .desc{ height: 140px; }
	.new-pic-right-main ul li a .new-pic-right-desc .desc p{ font-size: 13px; }
	.botter{ min-height: 270px; padding-top: 50px; }
	.botter dl{ padding-left: 0; }
	.botter dl:nth-child(1){ width: 400px; }
	.botter dl:nth-child(1) dd{ width: 310px; }
	.botter dl:nth-child(2){ width: 450px; }
	.botter dl:nth-child(3){ width: 340px; }
	.botter dl dt{ height: 26px; padding-left: 12px; margin-bottom: 15px; }
	.botter dl dt a{ line-height: 26px; font-size: 16px; }
	.botter dl dd{ padding-left: 15px; }
	.botter dl dd p,
	.botter dl dd a{ line-height: 28px; font-size: 13px; }
	.botter dl dd .form{ width: 295px; height: 40px; margin-top: 15px; }
	.botter dl dd .input{ width: 210px; height: 40px; padding: 10px; line-height: 20px; font-size: 13px; }
	.botter dl dd .submit{ width: 85px; height: 40px; padding: 0; font-size: 13px; }
	.share{ height: 51px; padding: 5px 0; }
	.share::after{ top: 25px; }
	.share a{ width: 41px; height: 41px; line-height: 39px; margin: 0 3px; }
	.share a img{ height: 14px; }
	.copyright{ padding: 20px 0; }
	.copyright p{ line-height: 20px; font-size: 12px; }
	.about1{ padding: 60px 0; }
	.about1-img{ width: 500px; margin-left: 75px; }
	.about1-desc{ width: 480px; margin-right: 75px; }
	.about1-desc h3{ line-height: 64px; font-size: 72px; margin: 40px 0 45px 0; }
	.about1-desc p{ line-height: 28px; font-size: 13px; }
	.about2-desc .desc{ width: 520px; padding: 110px 0 0 0; }
	.about2-desc .desc h3{ line-height: 50px; font-size: 42px; margin-bottom: 15px; }
	.about2-desc .desc p{ line-height: 30px; font-size: 14px; }
	.about3{ padding: 60px 0; }
	.about3 h3{ line-height: 50px; font-size: 42px; margin-bottom: 5px; }
	.about3 p{ line-height: 28px; font-size: 13px; }
	.about3-img{ margin: 40px 0 20px 0; padding: 0 40px; }
	.about3-img img{ width: 340px; }
	.about3-img .slick-prev, 
	.about3-img .slick-next{ left: 0; width: 50px; height: 70px; margin-top: -35px; }
	.about3-img .slick-next{ left: auto; right: 0; }
	.about4{ padding: 60px 0; }
	.about4 h3{ line-height: 50px; font-size: 42px; }
	.about4-desc{ padding: 40px 0; }
	.about4-desc ul li{ min-height: 130px; }
	.about4-desc ul li .round{ width: 550px; }
	.about4-desc ul li .round span{ top: 84px; width: 13px; height: 13px; }
	.about4-desc ul li .round span::after{ top: 6px; width: 180px; }
	.about4-desc ul li .round .about4s{ width: 455px; padding-top: 30px }
	.about4-desc ul li .round .about4s h1{ line-height: 60px; font-size: 42px; }
	.about4-desc ul li .round .about4s h5{ line-height: 24px; font-size: 14px; margin-top: 10px; }
	.about4-desc ul li .round .desc p{ line-height: 24px; font-size: 14px; }
	.about4-desc ul li.left .round{ left: 50px; }
	.about4-desc ul li.left .round span{ right: -6.5px }
	.about4-desc ul li.left .round span::after{ right: 14px }
	.about4-desc ul li.left .round div{ right: 95px }
	.about4-desc ul li.right .round{ right: 50px; }
	.about4-desc ul li.right .round span{ left: -6.5px }
	.about4-desc ul li.right .round span::after{ left: 14px }
	.about4-desc ul li.right .round div{ left: 95px }
	.contact1{ padding: 80px 0; background-position: center; }
	.contact1-desc{ width: 470px; }
	.contact1-desc h2{ line-height: 30px; font-size: 22px; margin-bottom: 15px; }
	.contact1-desc p{ line-height: 28px; font-size: 14px; margin-bottom: 5px; }
	.contact1-desc .input{ height: 40px; padding: 9px; margin-top: 15px; line-height: 20px; font-size: 13px; }
	.contact1-desc .input:nth-child(2){ width: 226px; }
	.contact1-desc .input:nth-child(3){ width: 226px;}
	.contact1-desc .textarea{ height: 182px; padding: 10px; margin-top: 15px; line-height: 20px; font-size: 13px; }
	.contact1-desc .submit{ height: 40px; margin-top: 10px; font-size: 13px; }
	.contact1-desc div{ padding-left: 60px; margin-bottom: 40px; }
	.contact1-desc div h3{ line-height: 30px; font-size: 22px; margin-bottom: 10px; }
	.contact1-desc div h6{ line-height: 30px; font-size: 16px; }
	.mapDiv{ height: 450px; }
	.ibanner-desc{ margin-top: -50px; } 
	.ibanner-desc h3{ line-height: 40px; font-size: 40px; margin-bottom: 15px;  } 
	.ibanner-desc p{ line-height: 24px; font-size: 13px; } 
	.ibanner-desc img{ width: 40px; margin-top: 25px; }
	.main{ padding: 50px 0; }
	.mleft{ width: 895px; }  
	.mLeft{ width: 285px; }
	.download{ min-height: 720px; padding: 15px; }
	.download ul li{ height: 52px; padding: 10px 30px; margin-bottom: 12px; }
	.download ul li a p{ padding-left: 40px; line-height: 30px; font-size: 14px; }    
	.pager{ padding-top: 0; margin-bottom: 5px; }
	.pager a, .pager span{ padding: 0 4px; margin: 0 4px; font-size: 13px; }
	.mright{ width: 285px; }  
	.mRight{ width: 895px; }  
	.search{ min-height: 68px; padding: 15px; margin-bottom: 15px; }   
	.search form{ height: 34px; padding: 0 12px; border-radius: 17px; }
	.txt{ width: 196px; height: 32px; padding: 6px 0; line-height: 20px; font-size: 13px; }
	.go{ width: 31px; height: 32px; }
	.plist{ min-height: 120px; padding: 15px; margin-bottom: 15px; }
	.plist h3{ height: 40px; line-height: 30px; font-size: 22px; margin-bottom: 15px; }
	.plist h3::after{ width: 70px; }
	.plist ul li{ width: 120px; }
	.plist ul li a div{ width: 120px; height: 120px; }
	.plist ul li a h6{ height: 30px; line-height: 30px; font-size: 13px; }
	.plist ol li{ height: 70px; margin-bottom: 12px; } 
	.plist ol li:last-child{ height: 70px; } 
	.plist ol li a .plist-img{ width: 100px; height: 70px; margin-right: 10px; } 
	.plist ol li a .plist-desc{ width: 143px; height: 70px; }
	.plist ol li a .plist-desc h6{ height: 26px; line-height: 26px; font-size: 13px; }
	.plist ol li a .plist-desc p{ height: 40px; line-height: 20px; }
	.news ul li{ margin-bottom: 15px; }
	.news ul li a{ padding: 15px; }
	.news ul li a .news-img{ width: 250px; height: 160px; }
	.news ul li a .news-desc{ width: 613px; height: 160px; padding-left: 30px; }
	.news ul li a .news-desc h3{ height: 30px; line-height: 30px; font-size: 22px; margin-top: 10px; }
	.news ul li a .news-desc span{ line-height: 26px; font-size: 13px; margin: 5px 0; }
	.news ul li a .news-desc .desc{ height: 72px; line-height: 24px; font-size: 13px; }
	.demo .ntitle{ padding-bottom: 15px; }
	.demo .ntitle h1{ line-height: 34px; font-size: 22px; }
	.demo .ntitle span{ line-height: 24px; font-size: 13px; }
	.demo .ndemo{ padding-top: 15px; line-height: 28px; font-size: 13px; }
	.demo .ndemo img{ margin: 5px auto; }
	.productype{ margin: 15px -15px 0 -15px;  }
	.productype ul{ margin: 0 15px; padding-top: 15px; }
	.productype ul li{ height: 41px; margin-bottom: 3px; }
	.productype ul li a{ padding: 0 15px; line-height: 40px; font-size: 13px; }
	.products ul{ overflow: hidden; }   
	.products ul li{ width: 285px; margin: 0 20px 20px 0; }   
	.products ul li a .products-img{ width: 285px; height: 285px; }
	.products ul li a .products-img span{ width: 283px; height: 283px; }
	.products ul li a .products-img span::before{ top: 15px; right: 15px; bottom: 15px; left: 15px; width: 253px; height: 253px; border: 2px solid #fff; }  
	.products ul li a .products-img span::after{ height: 40px; line-height: 40px; font-size: 30px; margin-top: -20px; }  
	.products ul li a .products-desc{ padding-top: 10px; }
	.products ul li a .products-desc h3{ height: 26px; line-height: 26px; font-size: 14px; }
	.title{ height: 36px; margin-bottom: 20px; }
	.title h3{ height: 35px; line-height: 22px; font-size: 22px; }
	.title h3::before{ width: 70px; }
	.title span{ height: 22px; line-height: 22px; font-size: 13px; }
	#surround { width: 500px; }
	img.cloudzoom { border: 2px solid #eee; }
	#slider1 { height: 110px; margin-top: 15px; }
	.thumbelina{ padding-left: 40px; }
	.thumbelina li{ width: 116px; }
	.thumbelina li img{ width: 110px; height: 110px; }
	.thumbelina-but.horiz{ width: 30px; height: 110px; line-height: 110px; }
	.present-desc{ width: 670px; }  
	.present-desc h1{ height: 54px; line-height: 50px; font-size: 22px; margin-bottom: 20px; }
	.present-title{ margin-top: 40px; }
	.present-title h2{ line-height: 40px; font-size: 30px; }
	.present-title h2:before,
	.present-title h2:after{ width: 510px; }
	.present-demo{ line-height: 30px; font-size: 14px; }
	.present-detail{ padding: 15px 0; line-height: 28px; font-size: 14px; }
	.stitle{ margin-bottom: 30px; }
	.stitle h3{ line-height: 40px; font-size: 30px; }
	.related a{ margin: 0 10px; }  
	.related a .products-img{ width: 280px; height: 280px; }
	.related a .products-img span{ width: 278px; height: 278px; }
	.related a .products-img span::before{ top: 15px; right: 15px; bottom: 15px; left: 15px; width: 248px; height: 248px; border-width: 2px; }  
	.related a .products-img span::after{ height: 40px; line-height: 40px; font-size: 30px; margin-top: -20px; }  
	.related a .products-desc{ padding-top: 10px; }
	.related a .products-desc h3{ height: 26px; line-height: 26px; font-size: 14px; }
	.related .slick-prev, 
	.related .slick-next{ left: -50px; width: 50px; height: 70px; margin-top: -35px; }
	.related .slick-next{ left: auto; right: -50px; }
}

@media (max-width: 1240px){
	.container{ width: 1030px; }
	.header{ padding: 21px 0; }
	.logo{ height: 36px; }
	.logo a img{ height: 36px; }
	.menu{ height: 36px; margin: 0; }
	.menu ul li{ height: 36px; margin-left: 50px; }
	.menu ul li a{ line-height: 36px; font-size: 15px;  }
	.menu ul li .menu-nav{ width: 160px; padding: 6px 0; }
	.menu ul li .menu-nav ul li{ height: 26px; margin: 0; }
	.menu ul li .menu-nav ul li a{ line-height: 26px; padding-left: 15px; font-size: 12px; }
	.slick-banner .slick-dots{ bottom: 20px; }
	.slick-banner .slick-dots li{ margin: 0 5px; }
	.slick-banner .slick-dots li button{ width: 10px; height: 10px; margin: 5px; }
	.pic1-desc .desc{ padding: 120px 0 0 50px; }
	.pic1-desc .desc h1{ line-height: 42px; font-size: 36px; }
	.pic1-desc .desc a{ width: 140px; height: 38px; line-height: 38px; font-size: 12px; margin-top: 60px; }
	.pic2-img .slick-dots li{ margin: 0 2px; }
	.pic2-desc .desc{ padding-top: 80px; }
	.pic2-desc .desc h1{ height: 52px; line-height: 36px; padding: 8px 0; font-size: 36px; margin-bottom: 15px; }
	.pic2-desc .desc h1::after{ width: 100px; }
	.pic2-desc .desc p{ line-height: 26px; font-size: 13px; }
	.pic2-desc .desc a{ width: 140px; height: 38px; line-height: 38px; font-size: 12px; margin-top: 20px; }
	.pic3-desc .desc{ padding: 90px 0 0 50px; }
	.pic3-desc .desc h1{ height: 52px; line-height: 36px; padding: 8px 0; font-size: 36px; margin-bottom: 15px; }
	.pic3-desc .desc h1::after{ width: 100px; }
	.pic3-desc .desc p{ line-height: 26px; font-size: 13px; }
	.pic3-desc .desc a{ width: 140px; height: 38px; line-height: 38px; font-size: 12px; margin-top: 30px; }
	.new-pic{ padding: 40px 0; min-height: 540px; }
	.new-pic-left{ width: 160px; min-height: 460px; padding: 20px 0 0 10px; }
	.new-pic-left h1{ line-height: 36px; font-size: 36px; }
	.new-pic-left h2{ line-height: 30px; font-size: 26px; }
	.new-pic-left a{ width: 120px; height: 34px; line-height: 32px; font-size: 12px; border-radius: 16px; margin-top: 15px; }
	.new-pic-right{ width: 840px; padding-left: 40px; }
	.new-pic-right-title{ margin-top: 10px; }
	.new-pic-right-title p{ line-height: 26px; font-size: 13px; }
	.new-pic-right-main{ margin-top: 30px; }
	.new-pic-right-main ul li{ width: 144px; margin-right: 20px; }
	.new-pic-right-main ul li a .new-pic-right-img{ height: 130px; }
	.new-pic-right-main ul li a .new-pic-right-img::after{ top: -35px; right: -35px; width: 70px; height: 70px; }
	.new-pic-right-main ul li a .new-pic-right-desc{ margin-top: 5px; }
	.new-pic-right-main ul li a .new-pic-right-desc h3{ height: 26px; line-height: 26px; font-size: 14px; margin-bottom: 0; }
	.new-pic-right-main ul li a .new-pic-right-desc .desc{ height: 140px; }
	.new-pic-right-main ul li a .new-pic-right-desc .desc p{ font-size: 12px; }
	.botter{ min-height: 240px; padding-top: 40px; }
	.botter dl:nth-child(1){ width: 360px; }
	.botter dl:nth-child(1) dd{ width: 300px; }
	.botter dl:nth-child(2){ width: 320px; }
	.botter dl:nth-child(3){ width: 320px; }
	.botter dl dt{ height: 24px; padding-left: 12px; margin-bottom: 10px; }
	.botter dl dt a{ line-height: 24px; font-size: 15px; }
	.botter dl dd{ padding-left: 15px; }
	.botter dl dd p,
	.botter dl dd a{ line-height: 24px; font-size: 12px; }
	.botter dl dd .form{ width: 285px; height: 34px; margin-top: 10px; }
	.botter dl dd .input{ width: 200px; height: 34px; padding: 7px; line-height: 20px; font-size: 12px; }
	.botter dl dd .submit{ width: 85px; height: 34px; padding: 0; font-size: 12px; }
	.share{ height: 45px; padding: 5px 0; }
	.share::after{ top: 22px; }
	.share a{ width: 35px; height: 35px; line-height: 31px; margin: 0 3px; }
	.share a img{ height: 14px; }
	.copyright{ padding: 15px 0; }
	.copyright p{ line-height: 20px; font-size: 12px; }
	.about1{ padding: 40px 0; }
	.about1-img{ width: 420px; margin-left: 50px; }
	.about1-desc{ width: 440px; margin-right: 50px; }
	.about1-desc h3{ line-height: 50px; font-size: 64px; margin: 35px 0; }
	.about1-desc p{ line-height: 26px; font-size: 13px; }
	.about2-desc .desc{ width: 45%; padding: 90px 0 0 0; }
	.about2-desc .desc h3{ line-height: 30px; font-size: 36px; margin-bottom: 10px; }
	.about2-desc .desc p{ line-height: 28px; font-size: 13px; }
	.about3{ padding: 40px 0; }
	.about3 h3{ line-height: 40px; font-size: 36px; margin-bottom: 0; }
	.about3 p{ line-height: 24px; font-size: 12px; }
	.about3-img{ margin: 30px 0 10px 0; padding: 0 30px; }
	.about3-img img{ width: 290px; }
	.about4{ padding: 50px 0; }
	.about4 h3{ line-height: 40px; font-size: 36px; }
	.about4-desc{ padding: 30px 0; }
	.about4-desc ul li{ min-height: 120px; }
	.about4-desc ul li .round{ width: 450px; }
	.about4-desc ul li .round span{ top: 70px; width: 13px; height: 13px; }
	.about4-desc ul li .round span::after{ top: 6px; width: 168px; }
	.about4-desc ul li .round .about4s{ width: 355px; padding-top: 25px }
	.about4-desc ul li .round .about4s h1{ line-height: 50px; font-size: 36px; }
	.about4-desc ul li .round .about4s h5{ line-height: 24px; font-size: 12px; margin-top: 10px; }
	.about4-desc ul li .round .desc p{ line-height: 24px; font-size: 12px; }
	.about4-desc ul li.left .round{ left: 50px; }
	.about4-desc ul li.left .round span{ right: -6.5px }
	.about4-desc ul li.left .round span::after{ right: 14px }
	.about4-desc ul li.left .round div{ right: 95px }
	.about4-desc ul li.right .round{ right: 50px; }
	.about4-desc ul li.right .round span{ left: -6.5px }
	.about4-desc ul li.right .round span::after{ left: 14px }
	.about4-desc ul li.right .round div{ left: 95px }
	.contact1{ padding: 60px 0; background-position: center; }
	.contact1-desc{ width: 420px; }
	.contact1-desc h2{ line-height: 26px; font-size: 20px; margin-bottom: 10px; }
	.contact1-desc p{ line-height: 26px; font-size: 13px; margin-bottom: 0; }
	.contact1-desc .input{ height: 36px; padding: 7px; margin-top: 12px; line-height: 20px; font-size: 12px; }
	.contact1-desc .input:nth-child(2),
	.contact1-desc .input:nth-child(3){ width: 204px; }
	.contact1-desc .textarea{ height: 142px; padding: 10px; margin-top: 12px; line-height: 20px; font-size: 12px; }
	.contact1-desc .submit{ height: 36px; margin-top: 6px; font-size: 12px; }
	.contact1-desc div{ padding-left: 60px; margin-bottom: 30px; }
	.contact1-desc div h3{ line-height: 30px; font-size: 20px; margin-bottom: 10px; }
	.contact1-desc div h6{ line-height: 26px; font-size: 14px; }
	.mapDiv{ height: 400px; }
	.ibanner-desc{ margin-top: -40px; } 
	.ibanner-desc h3{ line-height: 36px; font-size: 36px; margin-bottom: 10px;  } 
	.ibanner-desc p{ line-height: 24px; font-size: 12px; } 
	.ibanner-desc img{ width: 34px; margin-top: 20px; }
	.main{ padding: 40px 0; }
	.mleft{ width: 740px; }  
	.mLeft{ width: 240px; }
	.download{ min-height: 720px; padding: 12px; }
	.download ul li{ height: 46px; padding: 10px 20px; margin-bottom: 10px; }
	.download ul li a p{ padding-left: 40px; line-height: 24px; font-size: 13px; }    
	.pager{ padding-top: 0; margin-top: 15px; margin-bottom: 5px; }
	.pager a, .pager span{ padding: 0 3px; margin: 0 3px; font-size: 12px; }
	.mright{ width: 240px; }  
	.mRight{ width: 740px; }  
	.search{ min-height: 48px; padding: 12px; margin-bottom: 12px; }   
	.search form{ height: 34px; padding: 0 12px; border-radius: 5px; }
	.txt{ width: 157px; height: 32px; padding: 6px 0; line-height: 20px; font-size: 12px; }
	.go{ width: 31px; height: 32px; }
	.plist{ min-height: 120px; padding: 12px; margin-bottom: 12px; }
	.plist h3{ height: 34px; line-height: 26px; font-size: 20px; margin-bottom: 10px; }
	.plist h3::after{ width: 64px; }
	.plist ul li{ width: 102px; }
	.plist ul li a div{ width: 102px; height: 102px; }
	.plist ul li a h6{ height: 26px; line-height: 26px; font-size: 12px; }
	.plist ol li{ height: 70px; margin-bottom: 10px; } 
	.plist ol li:last-child{ height: 70px; } 
	.plist ol li a .plist-img{ width: 100px; height: 70px; margin-right: 10px; } 
	.plist ol li a .plist-desc{ width: 100px; height: 70px; }
	.plist ol li a .plist-desc h6{ height: 26px; line-height: 26px; font-size: 13px; }
	.plist ol li a .plist-desc p{ height: 40px; line-height: 20px; }
	.news ul li{ margin-bottom: 12px; }
	.news ul li a{ padding: 12px; }
	.news ul li a .news-img{ width: 250px; height: 160px; }
	.news ul li a .news-desc{ width: 464px; height: 160px; padding-left: 20px; }
	.news ul li a .news-desc h3{ height: 30px; line-height: 30px; font-size: 20px; margin-top: 10px; }
	.news ul li a .news-desc span{ line-height: 26px; font-size: 12px; margin: 5px 0; }
	.news ul li a .news-desc .desc{ height: 72px; line-height: 24px; font-size: 12px; }
	.demo .ntitle{ padding-bottom: 12px; }
	.demo .ntitle h1{ line-height: 30px; font-size: 20px; }
	.demo .ntitle span{ line-height: 24px; font-size: 12px; }
	.demo .ndemo{ padding-top: 12px; line-height: 26px; font-size: 12px; }
	.demo .ndemo img{ margin: 0 auto; }
	.productype{ margin: 12px -12px 0 -12px;  }
	.productype ul{ margin: 0 12px; padding-top: 12px; }
	.productype ul li{ height: 36px; margin-bottom: 2px; }
	.productype ul li a{ padding: 0 12px; line-height: 36px; font-size: 12px; }
	.products ul li{ width: 236px; margin: 0 15px 10px 0; }   
	.products ul li a .products-img{ width: 236px; height: 236px; }
	.products ul li a .products-img span{ width: 234px; height: 234px; }
	.products ul li a .products-img span::before{ top: 10px; right: 10px; bottom: 10px; left: 10px; width: 214px; height: 214px; border: 2px solid #fff; }  
	.products ul li a .products-img span::after{ height: 40px; line-height: 40px; font-size: 30px; margin-top: -20px; }  
	.products ul li a .products-desc{ padding-top: 5px; }
	.products ul li a .products-desc h3{ height: 24px; line-height: 24px; font-size: 13px; }
	.title{ height: 32px; margin-bottom: 15px; }
	.title h3{ height: 31px; line-height: 22px; font-size: 20px; }
	.title h3::before{ width: 70px; }
	.title span{ height: 22px; line-height: 22px; font-size: 12px; }
	#surround { width: 400px; }
	img.cloudzoom { border: 2px solid #eee; }
	#slider1 { height: 90px; margin-top: 10px; }
	.thumbelina{ padding-left: 34px; }
	.thumbelina li{ width: 94px; }
	.thumbelina li img{ width: 90px; height: 90px; }
	.thumbelina-but.horiz{ width: 26px; height: 90px; line-height: 90px; }
	.present-desc{ width: 570px; }  
	.present-desc h1{ height: 42px; line-height: 40px; font-size: 20px; margin-bottom: 15px; }
	.present-title{ margin-top: 30px; }
	.present-title h2{ line-height: 40px; font-size: 30px; }
	.present-title h2:before,
	.present-title h2:after{ width: 410px; }
	.present-demo{ line-height: 26px; font-size: 12px; }
	.present-detail{ padding: 10px 0; line-height: 26px; font-size: 12px; }
	.stitle{ margin-bottom: 20px; }
	.stitle h3{ line-height: 36px; font-size: 26px; }
	.related a{ margin: 0 5px; }  
	.related a .products-img{ width: 240px; height: 240px; }
	.related a .products-img span{ width: 238px; height: 238px; }
	.related a .products-img span::before{ top: 10px; right: 10px; bottom: 10px; left: 10px; width: 218px; height: 218px; border-width: 2px; }  
	.related a .products-img span::after{ height: 40px; line-height: 40px; font-size: 30px; margin-top: -20px; }  
	.related a .products-desc{ padding-top: 6px; }
	.related a .products-desc h3{ height: 24px; line-height: 24px; font-size: 13px; }
}

@media (max-width: 1040px){
	.container{ width: 750px; }
	.header{ padding: 13px 0; }
	.logo{ height: 34px; }
	.logo a img{ height: 34px; }
	.menu{ height: 34px; }
	.menu ul li{ height: 34px; margin-left: 35px; }
	.menu ul li:last-child{ width: 100px; }
	.menu ul li a{ line-height: 34px; font-size: 14px;  }
	.menu ul li .menu-nav{ width: 150px; padding: 5px 0; }
	.slick-banner .slick-dots{ bottom: 15px; }
	.slick-banner .slick-dots li{ margin: 0 3px; }
	.pic1-desc .desc{ padding: 65px 0 0 10px; }
	.pic1-desc .desc h1{ line-height: 32px; font-size: 30px; }
	.pic1-desc .desc a{ width: 120px; height: 32px; line-height: 32px; margin-top: 40px; }
	.pic2-img .slick-dots{ bottom: 10px; }
	.pic2-img .slick-dots li{ margin: 0 2px; }
	.pic2-desc .desc{ padding-top: 15px; }
	.pic2-desc .desc h1{ height: 42px; line-height: 30px; padding: 5px 0; font-size: 30px; margin-bottom: 5px; }
	.pic2-desc .desc p{ line-height: 24px; font-size: 12px; }
	.pic2-desc .desc a{ width: 120px; height: 32px; line-height: 32px; margin-top: 10px; }
	.pic3-desc .desc{ padding: 35px 0 0 10px; }
	.pic3-desc .desc h1{ height: 42px; line-height: 30px; padding: 5px 0; font-size: 30px; margin-bottom: 10px; }
	.pic3-desc .desc p{ line-height: 24px; font-size: 12px; }
	.pic3-desc .desc a{ width: 120px; height: 32px; line-height: 32px; margin-top: 15px; }
	.new-pic{ padding: 30px 0; min-height: 440px; }
	.new-pic-left{ width: 140px; min-height: 380px; padding: 20px 0 0 0; }
	.new-pic-left h1{ line-height: 36px; font-size: 36px; }
	.new-pic-left h2{ line-height: 30px; font-size: 26px; }
	.new-pic-left a{ width: 120px; height: 34px; line-height: 32px; font-size: 12px; border-radius: 16px; margin-top: 15px; }
	.new-pic-right{ width: 580px; padding-left: 20px; }
	.new-pic-right-title{ margin-top: 5px; }
	.new-pic-right-title p{ line-height: 24px; font-size: 12px; }
	.new-pic-right-main{ margin-top: 10px; }
	.new-pic-right-main ul li{ width: 104px; margin-right: 10px; overflow: hidden; }
	.new-pic-right-main ul li a .new-pic-right-img{ height: 94px; }
	.new-pic-right-main ul li a .new-pic-right-img::after{ top: -25px; right: -25px; width: 50px; height: 50px; }
	.new-pic-right-main ul li a .new-pic-right-desc{ margin-top: 4px; }
	.new-pic-right-main ul li a .new-pic-right-desc h3{ height: 24px; line-height: 24px; font-size: 13px; }
	.botter{ min-height: 300px; padding-top: 20px; }
	.botter dl:nth-child(1){ width: 100%; float: none; }
	.botter dl:nth-child(1) dd{ width: 100%; }
	.botter dl:nth-child(2){ width: 60%; }
	.botter dl:nth-child(3){ width: 40%; }
	.botter dl dd .form{ width: 100%; margin-bottom: 15px; }
	.botter dl dd .input{ width: 90%; }
	.botter dl dd .submit{ width: 10%; }
	.copyright{ padding: 12px 0; }
	.about1{ padding: 30px 0; }
	.about1-img{ width: 300px; margin-left: 0; }
	.about1-desc{ width: 400px; margin-right: 0; }
	.about1-desc h3{ line-height: 36px; font-size: 36px; margin: 5px 0; }
	.about1-desc p{ line-height: 24px; font-size: 12px; }
	.about2-desc .desc{ height: 270px; overflow: hidden; padding: 20px 0 0 0; }
	.about2-desc .desc h3{ line-height: 26px; font-size: 30px; margin-bottom: 4px; }
	.about2-desc .desc p{ line-height: 24px; font-size: 12px; }
	.about3{ padding: 30px 0; }
	.about3 h3{ line-height: 30px; font-size: 32px; margin-bottom: 0; }
	.about3-img{ margin: 10px 0 0 0; padding: 0 20px; }
	.about3-img img{ width: 220px; }
	.about4{ padding: 30px 0; }
	.about4 h3{ line-height: 34px; font-size: 30px; }
	.about4-desc{ padding: 20px 0; }
	.about4-desc ul li{ min-height: 120px; }
	.about4-desc ul li .round{ width: 360px; }
	.about4-desc ul li .round span{ top: 50px; }
	.about4-desc ul li .round span::after{ width: 100px; }
	.about4-desc ul li .round .about4s{ width: 320px; padding-top: 20px }
	.about4-desc ul li .round .about4s h1{ line-height: 40px; font-size: 30px; }
	.about4-desc ul li .round .about4s h5{ line-height: 24px; font-size: 12px; margin-top: 5px; }
	.about4-desc ul li .round .desc p{ line-height: 24px; font-size: 12px; }
	.about4-desc ul li.left .round{ left: 0; }
	.about4-desc ul li.left .round span{ right: -6.5px }
	.about4-desc ul li.left .round span::after{ right: 14px }
	.about4-desc ul li.left .round div{ right: 35px }
	.about4-desc ul li.right .round{ right: 0; }
	.about4-desc ul li.right .round span{ left: -6.5px }
	.about4-desc ul li.right .round span::after{ left: 14px }
	.about4-desc ul li.right .round div{ left: 35px }
	.contact1{ padding: 30px 0; background-position: center; }
	.contact1-desc{ width: 100%; }
	.contact1-desc h2{ line-height: 24px; font-size: 18px; margin-bottom: 5px; }
	.contact1-desc p{ line-height: 24px; font-size: 12px; margin-bottom: 0; }
	.contact1-desc .input{ height: 34px; padding: 6px; margin-top: 10px; line-height: 20px; font-size: 12px; }
	.contact1-desc .input:nth-child(2),
	.contact1-desc .input:nth-child(3){ width: 167px; }
	.contact1-desc .textarea{ height: 112px; padding: 10px; margin-top: 10px; line-height: 20px; font-size: 12px; }
	.contact1-desc .submit{ height: 34px; margin-top: 4px; font-size: 12px; }
	.contact1-desc div{ padding-left: 50px; margin-bottom: 20px; background-size: 30px auto; }
	.contact1-desc div h3{ line-height: 26px; font-size: 18px; margin-bottom: 5px; }
	.contact1-desc div h6{ line-height: 24px; font-size: 13px; }
	.mapDiv{ height: 350px; }
	.ibanner-desc{ margin-top: -30px; } 
	.ibanner-desc h3{ line-height: 30px; font-size: 30px; margin-bottom: 5px;  } 
	.ibanner-desc p{ line-height: 21px; font-size: 12px; } 
	.ibanner-desc img{ width: 30px; margin-top: 15px; }
	.main{ padding: 30px 0; }
	.mleft{ width: 100%; }  
	.mLeft{ width: 205px; }
	.download{ min-height: 720px; padding: 10px; }
	.download ul li{ height: 46px; padding: 10px 20px; margin-bottom: 10px; }
	.download ul li a p{ padding-left: 40px; line-height: 24px; font-size: 12px; }    
	.pager{ padding-top: 0; margin-top: 15px; margin-bottom: 5px; }
	.pager a, .pager span{ padding: 0 3px; margin: 0 3px; font-size: 12px; }
	
	.mRight{ width: 500px; }  
	.search{ min-height: 48px; padding: 10px; margin-bottom: 10px; }   
	.search form{ height: 34px; padding: 0 10px; border-radius: 4px; }
	.txt{ width: 130px; height: 32px; padding: 6px 0; line-height: 20px; font-size: 12px; }
	.go{ width: 31px; height: 32px; }
	.plist{ display: none; }
	.news ul li{ margin-bottom: 10px; }
	.news ul li a{ padding: 10px; }
	.news ul li a .news-img{ width: 180px; height: 120px; }
	.news ul li a .news-desc{ width: 518px; height: 120px; padding-left: 15px; }
	.news ul li a .news-desc h3{ height: 26px; line-height: 26px; font-size: 18px; margin-top: 5px; }
	.news ul li a .news-desc span{ line-height: 24px; font-size: 12px; margin: 0 0 4px 0; }
	.news ul li a .news-desc .desc{ height: 63px; line-height: 21px; font-size: 12px; }
	.demo .ntitle{ padding-bottom: 10px; }
	.demo .ntitle h1{ line-height: 26px; font-size: 18px; }
	.demo .ntitle span{ line-height: 21px; font-size: 12px; }
	.demo .ndemo{ padding-top: 10px; line-height: 24px; font-size: 12px; }
	.productype{ margin: 10px -10px 0 -10px;  }
	.productype ul{ margin: 0 10px; padding-top: 10px; }
	.productype ul li{ height: 33px; margin-bottom: 1px; }
	.productype ul li a{ padding: 0 10px; line-height: 32px; font-size: 12px; }
	.products ul li{ width: 160px; margin: 0 10px 5px 0; }   
	.products ul li a .products-img{ width: 160px; height: 160px; }
	.products ul li a .products-img span{ width: 158px; height: 158px; }
	.products ul li a .products-img span::before{ top: 10px; right: 10px; bottom: 10px; left: 10px; width: 136px; height: 136px; border: 1px solid #fff; }  
	.products ul li a .products-img span::after{ height: 40px; line-height: 40px; font-size: 30px; margin-top: -20px; }  
	.products ul li a .products-desc{ padding-top: 5px; }
	.products ul li a .products-desc h3{ height: 24px; line-height: 24px; font-size: 12px; }
	.title{ height: 32px; margin-bottom: 10px; }
	.title h3{ height: 31px; line-height: 22px; font-size: 18px; }
	.title h3::before{ width: 70px; }
	.title span{ height: 22px; line-height: 22px; font-size: 12px; }
	#surround { width: 320px; }
	img.cloudzoom { border: 2px solid #eee; }
	#slider1 { height: 90px; margin-top: 10px; }
	.thumbelina{ padding-left: 34px; }
	.thumbelina li{ width: 64px; }
	.thumbelina li img{ width: 60px; height: 60px; }
	.thumbelina-but.horiz{ width: 26px; height: 60px; line-height: 60px; }
	.present-desc{ width: 385px; }  
	.present-desc h1{ height: 38px; line-height: 36px; font-size: 18px; margin-bottom: 10px; }
	.present-title{ margin-top: 20px; }
	.present-title h2{ line-height: 36px; font-size: 26px; }
	.present-title h2:before,
	.present-title h2:after{ width: 300px; }
	.present-demo{ line-height: 24px; font-size: 12px; }
	.present-detail{ padding: 5px 0; line-height: 24px; font-size: 12px; }
	.stitle{ margin-bottom: 10px; }
	.stitle h3{ line-height: 30px; font-size: 24px; }
	.related a{ margin: 0 5px; }  
	.related a .products-img{ width: 230px; height: 230px; }
	.related a .products-img span{ width: 228px; height: 228px; }
	.related a .products-img span::before{ top: 10px; right: 10px; bottom: 10px; left: 10px; width: 208px; height: 208px; border-width: 1px; }  
	.related a .products-img span::after{ height: 40px; line-height: 40px; font-size: 30px; margin-top: -20px; }  
	.related a .products-desc{ padding-top: 6px; }
	.related a .products-desc h3{ height: 24px; line-height: 24px; font-size: 12px; }
	.related .slick-prev, .related .slick-next{ left: -20px; }
	.related .slick-next{ left: auto; right: -20px; }
}

@media (max-width: 740px){
	.container{ width: 100%; }
	.header{ padding: 10px 0; }
	.logo{ height: 30px; margin: 5px 0; }
	.logo a img{ height: 30px; }
	.menu{ display: none; }
	.dl-menuwrapper{ display: block; }
	.slick-banner .slick-dots{ bottom: 5px; }
	.slick-banner .slick-dots li{ margin: 0; }
	.slick-banner .slick-dots li button{ width: 7px; height: 7px; }
	.slick-banner .slick-prev, 
	.slick-banner .slick-next{ left: 0; width: 30px; height: 50px; margin-top: -25px; background-size: auto 20px; }
	.slick-banner .slick-next{ left: auto; right: 0; }
	.pic1-img{ width: 100%; }
	.pic1-desc{ position: relative; }
	.pic1-desc .desc{ width: 100%; padding: 20px 0; }
	.pic1-desc .desc h1{ line-height: 30px; font-size: 24px; }
	.pic1-desc .desc a{ width: 100px; height: 30px; line-height: 30px; margin-top: 20px; }
	.pic2-img{ width: 100%; }
	.pic2-img .slick-dots{ bottom: 10px; }
	.pic2-img .slick-dots li{ margin: 0 2px; }
	.pic2-desc{ position: relative;  }
	.pic2-desc .desc{ width: 100%; padding: 20px 0; }
	.pic2-desc .desc h1{ height: 34px; line-height: 26px; padding: 3px 0; font-size: 24px; margin-bottom: 10px; }
	.pic2-desc .desc p{ line-height: 24px; font-size: 12px; }
	.pic2-desc .desc a{ width: 100px; height: 30px; line-height: 30px; margin-top: 5px; }
	.pic3-img{ width: 100%; }
	.pic3-desc{ position: relative; }
	.pic3-desc .desc{ width: 100%; padding: 20px 0; }
	.pic3-desc .desc h1{ height: 34px; line-height: 26px; padding: 3px 0; font-size: 24px; margin-bottom: 10px; }
	.pic3-desc .desc p{ line-height: 24px; font-size: 12px; }
	.pic3-desc .desc a{ width: 100px; height: 30px; line-height: 30px; margin-top: 10px; }
	.new-pic{ padding: 20px 0; min-height: inherit; }
	.new-pic-left{ width: 100%; min-height: inherit; padding: 0; float: none; }
	.new-pic-left::after{ opacity: 0; }
	.new-pic-left h1{ line-height: 30px; font-size: 30px; }
	.new-pic-left h2{ line-height: 26px; font-size: 22px; }
	.new-pic-left a{ position: absolute; top: 50%; right: 0; width: 100px; height: 30px; line-height: 28px; border-radius: 14px; margin-top: -15px; }
	.new-pic-right{ width: 100%; float: none; padding-left: 0; }
	.new-pic-right-title{ margin-top: 10px; }
	.new-pic-right-title p{ line-height: 24px; font-size: 12px; }
	.new-pic-right-main{ margin-top: 10px; }
	.new-pic-right-main ul li{ width: 33.33%; margin-right: 0; margin-bottom: 10px; padding-right: 3.33%; overflow: hidden; }
	.new-pic-right-main ul li a .new-pic-right-img{ height: 100px; }
	.new-pic-right-main ul li a .new-pic-right-img::after{ top: -25px; right: -25px; width: 50px; height: 50px; }
	.new-pic-right-main ul li a .new-pic-right-desc{ margin-top: 4px; }
	.new-pic-right-main ul li a .new-pic-right-desc h3{ height: 24px; line-height: 24px; font-size: 13px; }
	.botter{ min-height: 400px; padding-top: 20px; padding-bottom: 10px; }
	.botter dl:nth-child(1){ width: 100%; float: none; }
	.botter dl:nth-child(1) dd{ width: 100%; }
	.botter dl:nth-child(2){ width: 100%; margin-bottom: 10px; }
	.botter dl:nth-child(3){ width: 100%; }
	.botter dl dd .form{ width: 100%; margin-bottom: 15px; }
	.botter dl dd .input{ width: 80%; }
	.botter dl dd .submit{ width: 20%; }
	.copyright{ padding: 10px 0; }
	.about1{ padding: 20px 0; }
	.about1-img{ width: 100%; margin-left: 0; }
	.about1-desc{ width: 100%; margin-right: 0; }
	.about1-desc h3{ line-height: 30px; font-size: 30px; margin: 15px 0 5px 0; }
	.about1-desc p{ line-height: 24px; font-size: 12px; }
	.about2-img{ width: 100%; }
	.about2-desc { position: relative;}
	.about2-desc .desc{  width: 100%; height: auto; overflow: hidden; padding: 20px 0; }
	.about2-desc .desc h3{ line-height: 24px; font-size: 24px; margin-bottom: 2px; }
	.about2-desc .desc p{ line-height: 24px; font-size: 12px; }
	.about3{ padding: 20px 0; }
	.about3 h3{ line-height: 26px; font-size: 24px; margin-bottom: 0; }
	.about3-img{ margin: 10px 0 0 0; padding: 0 10px; }
	.about3-img img{ width: 240px; }
	.about4{ padding: 20px 0; }
	.about4 h3{ line-height: 30px; font-size: 24px; }
	.about4-desc{ padding: 10px 0; }
	.about4-desc ul li{ min-height: 130px; }
	.about4-desc ul li::after{ left: 6px; }
	.about4-desc ul li .round{ width: 100%; }
	.about4-desc ul li .round span{ top: 36px; }
	.about4-desc ul li .round span::after{ width: 90px; }
	.about4-desc ul li .round .about4s{ width: 85%; padding-top: 10px }
	.about4-desc ul li .round .about4s h1{ line-height: 30px; font-size: 24px; }
	.about4-desc ul li .round .about4s h5{ line-height: 24px; font-size: 12px; margin-top: 5px; }
	.about4-desc ul li .round .desc p{ line-height: 21px; font-size: 12px; }
	.about4-desc ul li.left .round{ left: 0; text-align: left; }
	.about4-desc ul li.left .round span{ right: auto; left: 0; }
	.about4-desc ul li.left .round span::after{ right: auto; left: 14px; }
	.about4-desc ul li.left .round div{ right: auto; left: 15%; }
	.about4-desc ul li.right .round{ right: auto; left: 0; }
	.about4-desc ul li.right .round span{ left: 0 }
	.about4-desc ul li.right .round span::after{ left: 14px }
	.about4-desc ul li.right .round div{ left: 15% }
	.contact1{ padding: 20px 0; background-position: center; }
	.contact1-desc{ width: 100%; }
	.contact1-desc h2{ line-height: 24px; font-size: 18px; margin-bottom: 5px; }
	.contact1-desc p{ line-height: 24px; font-size: 12px; margin-bottom: 0; }
	.contact1-desc .input{ height: 34px; padding: 6px; margin-top: 2%; line-height: 20px; font-size: 12px; }
	.contact1-desc .input:nth-child(2),
	.contact1-desc .input:nth-child(3){ width: 49%; }
	.contact1-desc .textarea{ height: 112px; padding: 10px; margin-top: 2%; line-height: 20px; font-size: 12px; }
	.contact1-desc .submit{ height: 34px; margin-top: 1%; margin-bottom: 20px; font-size: 12px; }
	.contact1-desc div{ padding-left: 50px; margin-bottom: 10px; background-size: 30px auto; }
	.contact1-desc div h3{ line-height: 24px; font-size: 16px; margin-bottom: 5px; }
	.contact1-desc div h6{ line-height: 24px; font-size: 12px; }
	.mapDiv{ height: 320px; }
	.ibanner-desc{ margin-top: -10px; } 
	.ibanner-desc h3{ line-height: 20px; font-size: 20px; margin-bottom: 0;  } 
	.ibanner-desc p{ display: none; } 
	.ibanner-desc img{ width: 30px; margin-top: 10px; }
	.main{ padding: 20px 0; }
	.mleft{ width: 100%; }  
	.mLeft{ width: 100%; }
	.download{ min-height: 720px; padding: 10px; }
	.download ul li{ height: 46px; padding: 10px; margin-bottom: 10px; }
	.download ul li a p{ padding-left: 40px; line-height: 24px; font-size: 12px; }    
	.pager{ padding-top: 0; margin-top: 10px; margin-bottom: 0; }
	.pager a, .pager span{ padding: 0 2px; margin: 0 2px; font-size: 12px; }
	
	.mRight{ width: 100%; }  
	.search{ min-height: 48px; padding: 10px; margin-bottom: 10px; }   
	.search form{ height: 34px; padding: 0 10px; border-radius: 4px; }
	.txt{ width: 80%; height: 32px; padding: 6px 0; line-height: 20px; font-size: 12px; }
	.go{ width: 20%; height: 32px; }
	.plist{ display: none; }
	.news ul li{ margin-bottom: 10px; }
	.news ul li a{ padding: 10px; }
	.news ul li a .news-img{ width: 30%; height: 120px; }
	.news ul li a .news-desc{ width: 70%; height: 120px; padding-left: 15px; }
	.news ul li a .news-desc h3{ height: 26px; line-height: 26px; font-size: 16px; margin-top: 5px; }
	.news ul li a .news-desc span{ line-height: 24px; font-size: 12px; margin: 0 0 4px 0; }
	.news ul li a .news-desc .desc{ height: 63px; line-height: 21px; font-size: 12px; }
	.demo .ntitle{ padding-bottom: 10px; }
	.demo .ntitle h1{ line-height: 26px; font-size: 16px; }
	.demo .ntitle span{ line-height: 21px; font-size: 12px; }
	.demo .ndemo{ padding-top: 10px; line-height: 24px; font-size: 12px; }
	.productype{ margin: 10px -10px 0 -10px; overflow: hidden; }
	.productype ul{ margin: 0 10px; padding-top: 10px; }
	.productype ul li{ width: 33.33%; float: left; height: 33px; margin-bottom: 1px; }
	.productype ul li a{ padding: 0 10px; line-height: 32px; font-size: 12px; }
	.products ul li{ width: 49%; margin: 0 0 2% 0; }   
	.products ul li:nth-child(2n){ float: right; }   
	.products ul li a .products-img{ width: 100%; height: auto; min-height:180px; }
	.products ul li a .products-img span{ width: 100%; height: 180px; }
	.products ul li a .products-img span::before{ top: 5%; right: 5%; bottom: 5%; left: 5%; width: 90%; height: 90%; border: 1px solid #fff; }  
	.products ul li a .products-img span::after{ height: 40px; line-height: 40px; font-size: 30px; margin-top: -20px; }  
	.products ul li a .products-desc{ padding-top: 5px; }
	.products ul li a .products-desc h3{ height: 24px; line-height: 24px; font-size: 12px; }
	.title{ height: 32px; margin-bottom: 10px; margin-top: 10px; overflow: hidden;}
	.title h3{ height: 31px; line-height: 22px; font-size: 16px; }
	.title h3::before{ width: 70px; }
	.title span{ height: 22px; line-height: 22px; font-size: 12px; display: none;}
	#surround { width: 100%; }
	img.cloudzoom { border: 2px solid #eee; }
	#slider1 { height: 75px; margin-top: 10px; }
	.thumbelina{ padding-left: 34px; }
	.thumbelina li{ width: 64px; }
	.thumbelina li img{ width: 60px; height: 60px; }
	.thumbelina-but.horiz{ width: 26px; height: 60px; line-height: 60px; }
	.present-desc{ width: 100%; }  
	.present-desc h1{ height: 38px; line-height: 36px; font-size: 16px; margin-bottom: 10px; }
	.present-title{ margin-top: 20px; }
	.present-title h2{ line-height: 36px; font-size: 24px; }
	.present-title h2:before,
	.present-title h2:after{ width: 35%; }
	.present-demo{ line-height: 24px; font-size: 12px; }
	.present-detail{ padding: 5px 0; line-height: 24px; font-size: 12px; }
	.stitle{ margin-bottom: 10px; }
	.stitle h3{ line-height: 30px; font-size: 24px; }
	.related a{ margin: 0 2%; }  
	.related a .products-img{ width: 100%; height: 100%; }
	.related a .products-img span{ width: 100%; height: 180px; }
	.related a .products-img span::before{ top: 5%; right: 5%; bottom: 5%; left: 5%; width: 90%; height: 90%; border-width: 1px; }  
	.related a .products-img span::after{ height: 40px; line-height: 40px; font-size: 30px; margin-top: -20px; }  
	.related a .products-desc{ padding-top: 6px; }
	.related a .products-desc h3{ height: 24px; line-height: 24px; font-size: 12px; }
	.related .slick-prev, .related .slick-next{ left: -10px; }
	.related .slick-next{ left: auto; right: -10px; }
}