@media (min-width: 1200px){
	.container{ width: 1200px; padding: 0; }
}
@media (min-width: 1200px){
    .container1{ width: 1400px; padding: 0; }
}

.dl-menuwrapper{ display: none; }

@media (max-width: 1366px) {
    .bg{ width: 1600px; margin-left: -800px; }
    .ibg{ background-size:  100% auto }
}

.content img{ height: auto; }

@media (max-width: 1199px) {
    /*.wrapper{ height: 768px; }*/
    .bg{ width: 1440px; margin-left: -720px; }
    .ibg{ background-size: auto  100%  }
    .header{ height: 72px; }
    .logo{ padding: 11px 0; }
    .logo img{ height: 50px; }
    .menu{ width: 500px; height: 72px; }
    .language{ margin: 12px 0 10px 0; }
    .nav{ height: 28px; }
    .nav ul li{ margin-left: 25px; }
    .nav ul li a{ line-height: 28px; font-size: 14px; }
    .nav ul li .menu-nav a{ font-size: 12px; }
    .botter{ padding: 20px 0 5px 0; }
    .botter dl{ width: auto; margin-right: 50px; }
    .botter dl:nth-child(5n){ margin-right: 0; }
    .botter dl:last-child{ width: 164px; margin-right:0; }
    .botter dl:last-child dd{ width: 82px; }
    .botter dl dt{ margin-bottom: 5px; }
    .botter dl dd a{ line-height: 22px; }
    .botter dl dd h1{ line-height: 28px; font-size: 20px;  }
    .botter dl dd h2,
    .botter dl dd h3{ line-height: 28px; padding-left: 24px;  }
    .botter dl dd img{ width: 130px; }
    .botter dl dd p{ width: 72px; line-height: 24px; }
    .product{height: 220px;
        z-index: 1000; }
    .products{ margin: 64px 0 10px 0; }
    .products ul li{ margin-right: 15px;  }
    .products ul li .pic{ width: 140px; height: 111px; line-height: 109px; }
    .products ul li .title{ width: 143px; height: 30px; }
    .products ul li .title a{ line-height: 30px; font-size: 12px; }

    .main{ height: auto; }
    .banner{ width: 1440px; height: 420px; margin-left: -720px; }
    .center{ min-height: 480px; padding: 25px 0; }

    .left{ width: 200px; }
    .leftitle{ height: 54px; }
    .leftitle h1{ line-height: 54px; font-size: 20px; }
    .leftype{ margin: 2px 0 15px 0; }
    .leftype ul li{ height: 38px; margin-top: 1px; padding: 0 20px; }
    .leftype ul li a{ line-height: 38px; font-size: 14px; }

    .right{ width: 720px;  }
    .rightitle{ margin-bottom: 30px; }
    .rightitle h1{ padding-left: 10px; }

    .content{ font-size: 12px; }
    .content img{ width: 100%; }
    .content h1{ font-size: 16px; }
    .content p{ font-size: 12px; }

    .honor{ overflow: hidden; }
    .honor ul li{ width: 230px; height: 185px; margin: 0 15px 15px 0; }
    .honor ul li .pic{ width: 230px; height: 153px; line-height: 153px;   }
    .honor ul li .title{ height: 32px; }
    .honor ul li .title a{ line-height: 32px; font-size: 12px; }

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

    .productlist ul li{ width: 170px; height: 142px; margin: 0 10px 10px 0; }
    .productlist ul li .pic{ width: 170px; height: 110px; line-height: 108px; }
    .productlist ul li .title{ height: 32px; }
    .productlist ul li .title a{ line-height: 32px; font-size: 12px; }

    .productshow{ margin-bottom: 30px;}
    .show{ width: 350px; height: 227px; line-height: 225px;}
    .name{ width: 350px; }
    .name h1{ height: 40px; line-height: 40px; font-size: 16px; margin: 0 0 10px 0; }
    .name p{ font-size: 12px; }

    .demo{ min-height: 300px; }
    .demotitle{ height: 33px; }
    .demotitle span{ width: 128px; height: 32px; line-height: 32px; font-size: 12px; }
    .demos img{ width: 100%; margin: 10px 0; }

    .mapl{ width: 300px;  }
    .mapl h1{ font-size: 16px; margin: 0 0 5px 0; }
    .mapl p{ line-height: 24px; font-size: 12px; }
    .mapl ul{ margin: 5px 0; }
    .mapl .input{ height: 36px; line-height: 16px; }
    .mapl .textarea{ height: 100px; }
    .mapl .submit{ height: 32px; line-height: 32px; }

    .mapr{ width: 620px; height: 452px;  }

    .new ul li{ width: 230px; height: 175px; padding: 5px; margin: 5px 8px 15px 5px; }
    .new ul li .pic{ width: 220px; height: 136px; line-height: 136px; }
    .new ul li .title{ height: 34px; }
    .new ul li .title a{ font-size: 12px; }

    .news ul li{ height: 40px; }
    .news ul li a span{ height: 40px; line-height: 20px; font-size: 12px; }
    .news ul li a h6{ height: 40px;}
    .news ul li a h6 font{ margin: 7px 10px 7px 0; }
    .news ul li a h6 p{ line-height: 20px; font-size: 12px; }

    .ndemo{ font-size: 12px; }
    .ndemo h1{ line-height: 30px; font-size: 14px; }
    .ndemo p{ font-size: 12px; }
    .ndemo span{ font-size: 12px; margin: 0 0 5px 0; }
    .ndemo img{ width: 100%; margin: 5px auto; }

    .produce h1{ font-size: 14px; }
    .produce p{ font-size: 12px; }
    .produce ul li{ width: 180px; margin: 0 10px 10px 0; }

}

.ibanner{ display: none; }

@media (max-width: 992px) {
    /*.wrapper{ height: 720px; }*/
    .bg{ width: 1200px; margin-left: -600px; }
    .ibg{ display: none; }
    .ibanner{ position: relative; top: 0; left: 50%; z-index: 99; overflow: hidden; width: 1200px; height: 480px; margin-left: -600px; display: block; }
    .ibanner img{   width: 100%; display: block; }
    .header{ height: 64px; }
    .logo{ padding: 12px 0; }
    .logo img{ height: 40px; }
    .menu{ width: 420px; height: 64px; }
    .language{ margin: 14px 0 6px 0; }
    .nav{ height: 26px; }
    .nav ul li{ margin-left: 20px; }
    .nav ul li a{ line-height: 26px; font-size: 12px; }

    .botter{ padding: 15px 0 10px 0; }
    .botter dl{ margin-bottom: 0; margin-right: 43px; }
    .botter dl:nth-child(5){ width: auto; }
    .botter dl:last-child{ display: none; }
    .botter dl dt a{ font-size: 12px; }
    .botter dl dd h1{ line-height: 26px; font-size: 18px;  }
    .botter dl dd h2,
    .botter dl dd h3{ line-height: 26px; }

    .product{ position: relative; height: 170px; }
    .products{ margin: 42px 0 10px 0; }
    .products ul li{ margin-right: 5px;  }
    .products ul li .pic{ width: 113px; height: 88px; line-height: 86px; }
    .products ul li .title{ width: 113px; height: 26px; }
    .products ul li .title a{ line-height: 26px; }

    .main{ height: auto; }
    .banner{ width: 1200px; height: 360px; margin-left: -600px; }
    .center{ min-height: 200px; padding: 20px 0; }

    .left{ width: 170px; }
    .leftitle{ height: 44px; }
    .leftitle h1{ line-height: 44px; font-size: 18px; }
    .leftype{ margin: 2px 0 10px 0; }
    .leftype ul li{ height: 36px; padding: 0 15px; overflow:hidden;}
    .leftype ul li a{ line-height: 36px; font-size: 12px; }

    .right{ width: 530px;  }
    .rightitle{ margin-bottom: 20px; }
    .rightitle h1{ font-size: 16px; }
    .content h1{ font-size: 14px; }

    #wap{ display: block; }
    #pc{ display: none; }

    .honor ul li{ width: 170px; height: 142px; margin: 0 10px 10px 0; }
    .honor ul li .pic{ width: 170px; height: 112px; line-height: 112px;   }
    .honor ul li .title{ height: 30px; }
    .honor ul li .title a{ line-height: 30px; }

    .productlist ul li{ width: 170px; height: 140px; margin: 0 10px 10px 0; }
    .productlist ul li:nth-child(3n){ margin-right: 0; }
    .productlist ul li:nth-child(4n){ margin-right: 10px; }
    .productlist ul li:nth-child(12n){ margin-right: 0; }
    .productlist ul li .title{ height: 30px; }
    .productlist ul li .title a{ line-height: 30px; }

    .productshow{ margin-bottom: 20px;}
    .show{ width: 220px; height: 143px; line-height: 141px;}
    .name{ width: 290px; }
    .name h1{ height: 32px; line-height: 32px; font-size: 14px; margin: 0 0 5px 0; }
    .name p{ font-size: 12px; }

    .demo{ min-height: 200px; }
    .demotitle{ height: 31px; }
    .demotitle span{ width: 121px; height: 30px; line-height: 30px; }
    .demos img{ width: 70%; margin: 5px auto; }

    .mapl{ width: 160px; }
    .mapl h1{ line-height: 26px; font-size: 14px; margin: 0 0 4px 0; }
    .mapl p{ line-height: 22px; }
    .mapl ul{ margin: 5px 0 0 0; }
    .mapl .input{ height: 32px; line-height: 12px; }
    .mapl .textarea{ height: 80px; }
    .mapl .submit{ margin-top: 5px; }
    .mapr{ width: 480px; height: 400px;  }

    .new ul li{ width: 170px; height: 160px; margin: 5px 3px 10px 5px; }
    .new ul li .pic{ width: 160px; height: 99px; line-height: 99px; }
    .new ul li .title{ height: 50px; }
    .new ul li .title a{ line-height: 20px; }

    .news ul li{ height: 36px; }
    .news ul li a span{ height: 36px; line-height: 16px;  }
    .news ul li a h6{ height: 36px;}
    .news ul li a h6 font{ margin: 5px 5px 5px 0; }
    .news ul li a h6 p{ line-height: 16px; }

    .produce h1{ font-size: 14px; }
    .produce p{ font-size: 12px; }
    .produce ul li{ width: 140px; margin: 0 5px 5px 0; }

    .floating{ right: 10px; width: 120px; padding: 5px; }
    .floating div p{ line-height: 26px; font-size: 12px; }


}



@media (max-width: 640px) {
    .dl-menuwrapper{ display: block; }
    .wrapper{ height: auto; overflow: hidden; }
    .bg{ top: 60px; width: 640px; margin-left: -320px; }
    .header{ height: 64px; background: #f7f8f9 }
    .logo{ position: relative; z-index: 99999; }
    .logo img{ height: 36px; }
    .menu{ display: none; }
    .botter dl{ width: 50%; min-height: 140px; margin-right: 0; }
    .botter dl:nth-child(3),
    .botter dl:nth-child(4){ min-height: 72px; }
    .botter dl:nth-child(5){ min-height: 110px; margin-bottom: 10px; }
    .botter dl:last-child{ min-height: 100px; float: left; display: block; }
    .botter dl:last-child dt{ display: none; }
    .product{ bottom: auto; top: 0; height: auto; background-color: #9c9c9c; overflow: hidden;  }
    .products{ margin: 20px -1% 10px -1%; overflow: hidden; }
    .products ul li{ width: 48%; margin: 0 1% 1% 1%; }
    .products ul li .pic{ width: 100%; height: 117px; line-height: 130px; }
    .products ul li .title{ width: 100%; }



    .main{ height: auto; }
    .banner{ width: 100%; height: auto; margin-left: 0; left: 0; top: 0; padding-top: 64px; }
    .center{ min-height: 200px; padding: 15px 0; }

    .left{ width: 100%; float: none; }
    .leftitle{ height: 40px; }
    .leftitle h1{ line-height: 40px; font-size: 18px; }
    .leftype ul li{ height: 32px; }
    .leftype ul li a{ line-height: 32px; }

    .right{ width: 100%; float: none;  }
    .rightitle{ margin-bottom: 10px; margin-top: 10px; }
    .rightitle span{ display: none; }

    .honor ul li{ width: 48%; height: auto; margin: 0 1% 2% 1%; }
    .honor ul li:nth-child(3n){ margin: 0 1% 2% 1%; }
    .honor ul li .pic{ width: 100%; height: 120px; line-height: normal;   }
    .productlist ul li{ width: 48%; height: auto; margin: 0 1% 2% 1%; }
    .productlist ul li:nth-child(3n),
    .productlist ul li:nth-child(4n){ margin: 0 1% 2% 1%; }
    .productlist ul li:nth-child(12n){ margin: 0 1% 2% 1%; }
    .productlist ul li .pic{ width: 100%; height: 122px; line-height: 110px;   }

    .productshow{ margin-bottom: 10px;}
    .show{ width: 100%; height: auto; line-height: normal; margin-bottom: 10px; }
    .name{ width: 100%; }
    .mapl{ width: 100%; }
    .mapr{ width: 100%; height: 300px; margin-top: 10px;  }

    .new{ margin: 0; }
    .new ul li{ width: 100%; height: auto; margin: 0 0 10px 0; }
    .new ul li .pic{ width: 100%; height: auto; line-height: normal;   }
    .new ul li .title{ height: 30px; }

    .news ul li a span{ width: 30%; }
    .news ul li a h6{ width: 70%;}

    .produce h1{ font-size: 14px; }
    .produce p{ font-size: 12px; }
    .produce ul li{ width: 48%; margin: 0 1% 2% 1%; }
    .produce ul li:nth-child(5n){ margin: 0 1% 2% 1%; }

    .floating{ display: none; }

    .ibg{ display: none; }

    .ibanner{ left: 0; width: 100%; height: auto; margin-left: 0; top: 0; padding-top: 64px; display: block;  }
    .ibanner img{  width: 100%; display: block;  }
	
	

.botter dl dd h2, .botter dl dd h3 {

    padding-left: 0px;
}
	.botter dl:last-child {
    width: 300px;
}
	
.botter dl:last-child dd {
    width:140px;
	margin-right: 10px;
}
	
	.botter dl dd h1.tel {
    font-size: 18px;
}
	
	
}