/*! www.vancheer.com  |  Powered by vancheer */
@media screen and ( max-width:1440px ){
	.wal{ width: 1200px; }
	.banner .prev{ margin-left: -600px;}
	.banner .next{ margin-right: -600px;}
	.nav{ right:100px;}
	.indexPart1 .topDiv .txt{ padding: 30px 0;}
	.indexPart1 .botDiv .txt{ padding: 40px 0 30px; }
	.indexPart3 .topDiv{  height: 275px;}
	.indexPart3 .botDiv{  height: 275px;}
	.indexNewsPic{ width: 600px; height: 275px;}
	.indexNewsPic .slick .name{ height: 60px; line-height: 60px; font-size: 18px;}
	.indexNewsPic .slick .name p{ padding: 0 18px;}
	.indexNews1{ width: 600px; height: 275px;}
	.indexNews1 .contentBox{ width: 300px; height: 275px; }
	.indexNews1 .contentBox .lbox{ padding: 0 20px; }
	.indexNews1 .imgDiv{ width: 300px; }
	.indexNews1 .contentBox .name{ padding-top: 35px; height: 72px; font-size: 18px;}
	.indexNews1 .contentBox .name p{ height: 60px; line-height: 30px;}
	.indexNews1 .contentBox .content{ line-height: 24px; height: 48px;}
	.indexNews2{ width: 600px; height:275px;}
	.indexNews2 .contentBox{ width: 300px; height: 275px; }
	.indexNews2 .contentBox .lbox{ padding: 0 20px; }
	.indexNews2 .contentBox .name{ padding-top: 35px; height:72px; font-size: 18px;}
	.indexNews2 .contentBox .name p{ height: 60px; overflow: hidden; line-height: 30px;}
	.indexNews2 .contentBox .content{ line-height: 24px; height: 48px;}
	.indexNews2 .imgDiv{ width: 300px; }
	.indexNews3{ width: 600px; height: 275px;}
	.indexNews3 .contentBox{ width: 300px; height: 275px; }
	.indexNews3 .contentBox .lbox{ padding: 0 20px; }
	.indexNews3 .contentBox .name{ padding-top: 35px; height: 72px; font-size: 18px;}
	.indexNews3 .contentBox .name p{ height: 60px; line-height: 30px;}
	.indexNews3 .contentBox .content{ line-height: 24px; height: 48px;}
	.indexNews3 .imgDiv{ width: 300px; }
	.indexPart4 .topDiv .leftDiv{ width: 590px; height: 402px;}
	.indexPart4 .topDiv .leftDiv .box{ padding: 0 30px; }
	.indexPart4 .topDiv .leftDiv .title{ font-size: 20px; padding: 25px 0 15px; }
	.indexPart4 .topDiv .leftDiv .list li{ height: 40px; line-height: 40px;}
	.indexPart4 .topDiv .leftDiv .more{ height: 60px; line-height: 60px; font-size: 14px; }
	.indexPart4 .topDiv .leftDiv .more a{ display: block; height: 60px; background: url(../images/nimg16_2.png) right center no-repeat; text-transform: uppercase;}
	.indexPart4 .topDiv .rightDiv{ width: 590px; height: 402px; }
	.indexPart4 .topDiv .rightDiv .imgDiv img{ width: 100%; }
	.indexPart4 .topDiv .rightDiv .contentBox{ left: 20px; top: 30px; width: 345px; height: 322px; }
	.indexPart4 .topDiv .rightDiv .box{ padding: 0 25px; }
	.indexPart4 .topDiv .rightDiv .title{ padding: 25px 0 15px; font-size: 20px;}
	.indexPart4 .botDiv .leftDiv{ width: 734px; height: 375px;}
	.indexPart4 .botDiv .leftDiv .box{ padding: 0 20px 0 30px; }
	.indexPart4 .botDiv .leftDiv .imgDiv img{ width: 100%; }
	.indexPart4 .botDiv .leftDiv .title{ padding: 20px 0 10px; font-size: 20px; }
	.indexPart4 .botDiv .rightDiv{ height: 375px; width: 446px; }
	.indexPart4 .botDiv .rightDiv img{ width: 100%; height: 375px;}
	.footDiv .leftDiv{ width: 300px; }
	.footDiv .leftDiv li{ font-size: 13px; line-height: 32px; }
	.footNav{ width:900px;}
	.footNav li{ width:92px; margin-left: 20px;}
	.footNav .li01{ width: 132px; }
	.footNav li dd{ font-size:13px;}
	.footNav li dd a{ height:32px; line-height:32px;}
	}

@media screen and ( max-width:1366px ){
	
	}

@media screen and ( max-width:1004px ){
	.table{overflow-x: auto;}


    .cpculture ul li{width:100%;height:auto;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
    .cpculture .pull-right {float: left;}


	.headDiv .wal{ width:100%;}
	.wal, .wal2, .w1054{width:100%;}
	.headDiv{ height:60px; z-index:22; position:relative;}
	.headDiv .wal{ height:60px;}
	.headDiv .logo{ position:absolute; left: 10px; top: 12px;}
	.headDiv .logo img{ width: 160px; }
	.headDiv .topRight{ right:10px;}
	.headDiv .topRight li{ margin-left:20px; font-size: 14px;}
	.headDiv .topRight .li01{ margin-top: 20px;}
	.headDiv .topRight .lan{ line-height: 60px; }
	.nav, .banner, .footNav, .pageBanner, .pageNow, .pageNum, .w178, .indexPart2 .picBox{ display:none;}
	.navTel, .bannerTel, .pageBannerTel, .pageMore, .activityTelBox{ display:block;}
	.pageBox{ padding:25px 10px 50px;}
	.indexPart1{ padding: 15px 10px; }
	.indexPart1 .topDiv .bigImg{ width: 100%; float: none;}
	.indexPart1 .topDiv .contentBox{ position: relative; height: auto; width: 100%;}
	.indexPart1 .topDiv .box{ padding: 0 20px 40px; }
	.indexPart1 .topDiv .txt{ padding: 30px 0 20px; font-size: 20px; }
	.indexPart1 .topDiv .content{ line-height: 26px; height: auto; margin-bottom: 25px;}
	.indexPart1 .topDiv .more a{ padding-left: 60px; font-size: 16px; height: 40px; line-height: 40px; background-size: 40px;}
	.indexPart1 .botDiv .bigImg{ display: none; }
	.indexPart1 .botDiv .bigImgTel{ display: block;}
	.indexPart1 .botDiv .contentBox{ width: 100%; }
	.indexPart1 .botDiv .box{ padding: 0 20px 40px; }
	.indexPart1 .botDiv .txt{ padding: 30px 0 20px; font-size: 20px; }
	.indexPart1 .botDiv .content{ line-height: 26px; height: auto; margin-bottom: 25px;}
	.indexPart1 .botDiv .more a{ width: 40px; height: 40px;}
	.indexPart1 .botDiv .more img{ width: 40px; }
	.indexTitle{ height: 50px;}
	.indexTitle .txt{ font-size: 24px;}
	.indexTitle a{ top: 10px;}
	.indexPart2{ padding: 15px 10px; }
	.indexPart2 .listTel{ display: block; }
	.indexPart3{ padding:15px 10px; }
	.indexPart3 .topDiv{  height: auto;}
	.indexPart3 .botDiv{ display: none;}
	.indexNewsPic{ width: 100%; height: auto;}
	.indexNewsPic .slick .name{ height: 40px; line-height: 40px; font-size: 14px;}
	.indexNewsPic .slick .name p{ padding: 0 10px;}
	.indexNewsPic .slick-prev{ margin-top: -21px; width: 42px; height: 42px; background-size: 42px;}
	.indexNewsPic .slick-next{ margin-top: -21px; width: 42px; height: 42px; background-size: 42px;}
	.indexNews1{ width: 100%; height: auto;}
	.indexNews1 .contentBox{ width: 100%; height: auto; }
	.indexNews1 .contentBox .lbox{ padding: 0 15px 25px; }
	.indexNews1 .contentBox .name{ padding-top: 25px; height: 60px; font-size: 16px;}
	.indexNews1 .contentBox .name p{ height: 48px; overflow: hidden; line-height: 24px;}
	.indexNews1 .contentBox .content{ padding-top: 15px; line-height: 24px; height: auto;}
	.indexNews1 .contentBox .more{ padding-top: 20px;}
	.indexNews1 .imgDiv{ width:100%;}
	.indexNews1 .imgDiv .ico{ left: 50%; margin-left: -13px; margin-top: 0px; top: 0; width: 26px; height: 13px; background: url(../images/nimg26_1.png) no-repeat;}
	.indexPart4{ padding: 15px 10px; }
	.indexPart4 .topDiv{ padding-bottom: 10px;}
	.indexPart4 .topDiv .leftDiv{ width: 100%; height: auto; margin-right: 0px; margin-bottom: 10px;}
	.indexPart4 .topDiv .leftDiv .box{ padding: 0 15px 10px; }
	.indexPart4 .topDiv .leftDiv .title{ font-size: 20px; padding: 25px 0 15px; }
	.indexPart4 .topDiv .leftDiv .list li{ height: 30px; line-height: 30px; padding-right: 80px;}
	.indexPart4 .topDiv .leftDiv .list li em{ font-size: 12px;}
	.indexPart4 .topDiv .leftDiv .more{ height: 50px; line-height: 50px;}
	.indexPart4 .topDiv .leftDiv .more a{ height: 50px;}
	.indexPart4 .topDiv .rightDiv{ width: 100%; height: auto; }
	.indexPart4 .topDiv .rightDiv img{ width: 100%; }
	.indexPart4 .topDiv .rightDiv .contentBox{ left: 20px; top: 25px; width: 200px; height: 160px; }
	.indexPart4 .topDiv .rightDiv .box{ padding: 0 20px; }
	.indexPart4 .topDiv .rightDiv .title{ padding: 20px 0 15px; font-size: 18px;}
	.indexPart4 .topDiv .rightDiv .num{ padding: 15px 0 10px; font-size: 16px; }
	.indexPart4 .topDiv .rightDiv .msg{ font-size: 12px; padding-bottom: 0px;}
	.indexPart4 .topDiv .rightDiv .more{ display: none; }
	.indexPart4 .botDiv .leftDiv{ width: 100%; height: auto; margin-right: 0px;}
	.indexPart4 .botDiv .leftDiv .box{ padding: 0 10px 10px 15px; }
	.indexPart4 .botDiv .leftDiv .title{ padding: 25px 0 5px; font-size: 18px; }
	.indexPart4 .botDiv .leftDiv .more{ height: 50px; line-height: 50px; font-size: 14px; }
	.indexPart4 .botDiv .leftDiv .more a{ height: 50px;}
	.indexPart4 .botDiv .rightDiv{ height: auto; width: 100%; margin-top: 10px;}
	.indexPart4 .botDiv .rightDiv img{ width: 100%; height: auto; }
	.footDiv{ padding: 20px 0; height:auto;}
	.footDiv .leftDiv{ width: 100%; text-align: center; float: none;}
	.footDiv .leftDiv h2{display: none;}
	.footDiv .leftDiv ul{ padding-top: 0px; }
	.footDiv .leftDiv li{ line-height: 26px; }
	.foot{ height:auto; padding: 15px 10px;}
	.foot .links{ line-height:26px; width: 100%; float: none;}
	.foot .links a{ padding-right:30px;}
	.foot .link2{ height:42px; line-height:42px; float: none;}
	.foot .link2 .name{height:42px;}
	.foot .link2 dl{bottom:42px;}
	.foot .link2 a{ height:30px; line-height:30px; }
	.foot .share{ display:none;}
	.foot .msg{ line-height:24px; float: none;}
	.pageTitle{ height: auto; line-height: 26px; font-size: 20px;}
	.pageTitle em{ font-size: 18px; display: block; padding-left: 0px; top: 0px;}
    .pageTab li{ display: inline-block; height: 34px; margin: 0 6px; }
    .pageTab li a  {  width: 100px; padding:0;   }
	.pageTitle span{ font-size: 14px; }
	.about{ padding-top: 20px; }
	.about .part1{ padding-bottom: 25px;}
	.about .part1 .imgDiv img{ width: 100%; }
	.about .part1 .content{ position: relative; top: 0px; padding: 20px 15px; line-height: 26px; width: auto;}
	.about .part2{ line-height: 26px; padding-bottom: 25px; }
	.about .part3{ min-height: auto; padding: 0px; }
	.about .part3 .name{ padding: 25px 15px 20px; font-size: 18px;}
	.about .part3 .content{ font-size: 14px; line-height: 26px; padding: 0 15px 30px}
	.about .part3 .imgDiv{ position: relative;}
	.about .part3 .imgDiv img{ width: 100%; }
	.group{ padding-top: 20px; }
	.group img{ width: 100%; }
	.culture{ padding-top: 30px; }
	.culture .list li{ width: 100%; height: auto; padding-top: 0px;}
	.culture .list li img{ width: 100%; }
	.culture .list .li01{ height: auto;}
	.activity{ padding-top: 30px; }
	.activityPic{ display: none;}
	.honor{ padding-top: 20px; }
	.honor .list ul{ margin-right: -10px; }
	.honor .list li{ width: 100%;}
	.honor .list li .box{ margin-right: 10px; }
	.honor .list li .name em{ width: 480px;}
	.honor .list li .imgDiv{height:auto;}
	.honor .list li .imgDiv img{ width:100%; max-height:100%; max-width:100%; height:auto}
	.bigPicLayer{ width:90%; height:auto;}
	.bigPicLayer .close{ width:24px; height:24px; background-size: 24px;}
	.bigPicLayer .box{ padding: 20px 12px; }
	.bigPicLayer .imgDiv img{ width:100%;}
	.bigPicLayer .name{ padding-top: 15px; text-align: left; font-size: 14px;}
	.leadership{ padding-top: 20px; }
	.leadershipList{ height:60px; padding:0 35px;}
	.leadershipList .slick-slide{ margin: 0 1px; font-size:16px;}
	.leadershipBox .slick-prev{ left:0px;}
	.leadershipBox .slick-next{ right:0px;}
	.leadershipBox .list ul{ margin-right: -10px; }
	.leadershipBox .list li{ width: 50%; margin-bottom: 20px;}
	.leadershipBox .list li .lbox{ margin-right: 10px;}
	.leadershipBox .list li .botDiv{ height: 90px; padding: 0 10px; }
	.leadershipBox .list li .time{ font-size: 16px; }
	.leadershipBox .list li .name{ font-size: 12px;}
	.history{ padding-top: 20px; }
	.historyList{ height:125px; padding:0 25px;}
	.historyList .slick-slide{ width: 80px; height:92px; line-height:92px; font-size:16px; background-size: 80px;}
	.historyList .slick-current{ background-size: 80px;}
	.historyBox .box{ padding: 0 0 30px 0; height: auto;}
	.historyBox .box .year{ left: 0px; top: 20px; width: 118px; height: 44px; font-size: 24px; line-height: 44px; }
	.historyBox .box .imgDiv{ position:relative;}
	.historyBox .box .imgDiv img{ width:100%;}
	.historyBox .box .list{ margin-top: 20px; height: 305px; padding: 0 10px;}
	.historyBox .box .list li{ margin-bottom: 15px; }
	.historyBox .box .list li .content{ padding: 10px 20px 0 0;}
	.news{ padding-top: 30px; }
	.newsPic .slick{ height: auto; padding: 0 0 40px 0;}
	.newsPic .slick .imgDiv{ position: relative; }
	.newsPic .slick .imgDiv img{ width: 100%; }
	.newsPic .slick .time{ padding: 20px 10px 10px;}
	.newsPic .slick .name{ line-height: 26px; font-size: 16px; height: 84px; padding: 0 10px;}
	.newsPic .slick .name em{ left: 10px; }
	.newsPic .slick .content{ height: 52px; line-height: 26px; padding: 15px 10px 0;}
	.newsPic .slick .btnDiv{ padding-top: 15px; padding-left: 10px;}
	.newsPic .slick .btnDiv a{ width: 123px; height: 30px; line-height: 30px;}
	.news .list{ padding-top: 25px; }
	.news .list li{ margin-bottom: 22px; padding: 0 10px 0 130px; height: 110px;}
	.news .list li .imgDiv img{ width: 120px; }
	.news .list li .time{ padding: 10px 0 5px; font-size: 13px;}
	.news .list li .name{ line-height: 22px; font-size: 16px; height: 44px;}
	.news .list li .name em{ display: none;}
	.news .list li .content{ display: none;}
	.news .list li .more{ padding-top: 5px; }
	.news .list li .more a{ background:none;  padding-left: 0px; height: 20px; line-height: 20px;}
	.newShow{ padding: 10px 0 30px; }
	.newShow .name{ font-size: 18px;}
	.newShow .time{ font-size: 13px; padding-bottom: 15px;}
	.newShow .content{ line-height: 26px; padding-bottom: 20px;}
	.newShow .imgDiv{ padding: 15px 0;}
	.newShow .content img{ max-width: 100%; }
	.pageDown{height:auto;}
	.pageDown .box{ padding-top: 15px; }
	.pageDown .btn{position:relative; top:0px; margin-top: 15px; width: 120px; height: 33px; line-height: 33px; background-size: 120px; text-indent: 26px; font-size: 14px;}
	.contact{ padding-top: 20px; }
	.contact .list li{ float: none; width: 100%; margin-bottom: 28px;}
	.contact .list .li01{ width: 100%; }
	.contact .list .li02{ width: 100%;}
	.contact .list .li03{ width: 100%;}
	.contact .list .li04{ width: 100%;}
	.contact .list .li05{ width: 100%;}
	.contact .list .li06{  width: 100%; }
	.contact .list li .box{ padding-left: 60px;}
	.sales{ padding-top: 20px; }
	.sales .content{ font-size: 14px; line-height: 26px; padding-bottom: 20px;}
	.sales .imgDiv img{ width: 100%;}
	.sales .txt{ font-size: 16px; top: 0px; padding-bottom: 20px;}
	.productType{ padding-top: 20px; }
	.productType .wenzi{ line-height: 26px; padding-bottom: 20px; }
	.productType .midList{ padding-bottom: 20px;}
	.productType .midList ul{ margin-right: -10px; }
	.productType .midList li{ width: 50%; margin-bottom: 10px;height: 182px; }
	.productType .midList li .box{ margin-right: 10px; }
	.productType .midList li .name{ height: 32px; line-height: 32px; font-size: 14px;}
	.productType .tab2{ padding-bottom: 20px; }
	.productType .tab2 li{ margin-bottom: 5px; padding: 0 15px; margin-right: 10px; height: 30px; line-height: 30px;}
	.productType .box1 .content{ line-height: 26px; padding-bottom: 20px; }
	.productType .box1 .imgDiv img{ max-width: 100%; }
	.productType .box2 .leftDiv{ width: 100%; }
	.productType .box2 .imgDiv{ width: 100%; padding-top: 20px; }
	.productType .box2 .imgDiv img{ width: 100%; }
	.productType .box2 .list li{ margin-bottom: 15px; }
	.productType .box2 .list li .msg{ line-height: 26px; }
	.productType .box2 .txt2{ font-size: 16px; padding-bottom: 5px;}
	.productType .box2 .content{ line-height: 26px;}
	.productType .box3 .txt{ line-height: 26px;}
	.productType .box3 .msg{ line-height: 26px;}
	.productType .box3 .imgDiv{ display:none; }
	.productType .box3 .imgDivTel{ display:block;}
	.productType .box4{ min-height: 100px; padding-right: 0px;}
	.productType .box4 .imgDiv{ position: relative;}
	.productType .box4 .imgDiv img{ width: 100%; }
	.productType .box4 .leftDiv{ width: 100%; padding-top: 5px;}
	.productType .box4 .content{  padding: 30px 15px; line-height: 26px;}
	.question li{ margin-bottom: 10px; }
	.question li .topDiv a { font-size: 14px; height: auto; padding: 10px; } 
	.question li .box { padding: 18px 15px 25px 15px;} 
	.question li .topDiv .ico{display: none; }
	.question li .name{ line-height: 24px; }
	.question li .box .ico{ display: none; }
	.productList{ padding-top: 20px; }
	.productList .content{ line-height: 26px; padding-bottom: 20px; }
	.productList .list ul{ margin-right: -10px; }
	.productList .list li{ width: 50%; margin-bottom: 10px;}
	.productList .list li .box{ margin-right: 10px;}
	.productList .list li .botDiv{ height: 50px; width: 383px;}
	.productList .list li .name{ font-size: 14px;}
	.productList .list li .msg{ font-size: 12px; height: 20px; overflow: hidden;}
	.productShow{ padding-top: 20px; }
	.productShow .bigImg{ padding-bottom: 20px; }
	.productShow .bigImg img{ width: 100%; }
	.productShow .title{ font-size: 16px; }
	.productShow .msgList{ padding-bottom: 20px; }
	.productShow .msgList li{ background: url(../images/ico4.png) left 10px no-repeat; line-height: 26px;}
	.productShow .content{ line-height: 26px; padding-bottom: 20px;}
	.productShow .tableImg img{ width: 100%; }
	.productShow .imgList ul{ margin-right: 0px; }
	.productShow .imgList li{ width: 100%; margin-bottom: 10px;}
	.productShow .imgList li .box{ margin-right: 0px; }
	.productShow .botDiv{ height: auto;}
	.productShow .btn{position:relative; top:0px; right:0px; width: 120px; height: 33px; line-height: 33px; background-size: 120px; text-indent: 26px; font-size: 14px; margin-top: 15px;}
	.productList .tab2{ padding: 30px 0 20px; }
	.productList .tab2 li{ margin-bottom: 5px; padding: 0 15px; margin-right: 10px; height: 30px; line-height: 30px;}
	.productList .contentBox{ padding-bottom: 30px;}
	.productList .contentBox .content{ line-height: 26px; }
	.paperShow{ padding-top: 20px; }
	.paperShow .part1{ height: auto; padding: 0 0px 30px 0px;margin-bottom: 35px;}
	.paperShow .part1 .leftDiv{ position: relative; width: 100%;}
	.paperShow .part1 .name{ padding: 25px 10px 0; font-size: 22px;}
	.paperShow .part1 .msg{ padding-left: 10px; padding-bottom: 18px; }
	.paperShow .part1 .msg em{ left: 10px; }
	.paperShow .part1 .wenzi{ padding: 20px 10px 0; line-height: 26px; }
	.paperShow .title{ font-size: 16px;  }
	.paperShow .msgList{ padding-bottom: 20px; }
	.paperShow .msgList li{ background: url(../images/ico4.png) left 10px no-repeat; line-height: 26px;}
	.paperShow .list{ padding-bottom: 15px; }
	.paperShow .list li{ padding-bottom: 15px; }
	.paperShow .list li h2{ background:url(../images/ico4.png) left 10px no-repeat; line-height: 26px;}
	.paperShow .list li p{ line-height: 26px; }
	.paperShow .content{ line-height: 26px; padding-bottom: 20px;}
	.paperShow .botDiv{ height: auto;}
	.paperShow .btn{position:relative; top:0px; right:0px; width: 120px; height: 33px; line-height: 33px; background-size: 120px; text-indent: 26px; font-size: 14px; margin-top: 15px;}
    .searchMsg{ font-size:16px;}

    /*��վ��ͼ*/
    .siteMap{ padding-top: 20px; }
	.siteMap .list{ padding: 25px 10px 20px;}
	.siteMap .list li{ height: auto; padding-left: 70px; padding-bottom:25px;}
	.siteMap .list li .ico{ left: 20px; top: 20px; }
	.siteMap .list li .name{ padding-top: 20px; }
	.siteMap .list li .box{ padding-top: 10px; }
	.siteMap .list li a{ line-height:30px; padding-right: 40px; }
	}