/*! www.vancheer.com  |  Powered by vancheer */
@media screen and ( max-width:1004px ){
	.headDiv .wal{ width:100%;}
	.wal, .w860{width:100%;}
	.headDiv{ height:60px; z-index:22; position:relative;}
	.headDiv .wal{ height:60px;}
	.headDiv .logo{ position:absolute; left: 10px; top: 8px;}
	.headDiv .logo img{ width: 130px; }
	.headDiv .tel, .headDiv .Search, .nav, .banner, .sideBar, .pageBanner, .pageNum, .pageNav, .w320{ display:none;}
	.bannerTel, .pageBannerTel, .pageTitleTel, .pageMore, .leftNavTel{ display:block;}
	.navIco{display:block; width:36px; height:28px; position:absolute; top:16px; right:10px; }
	.navIco img{ width: 36px; }

	.footDiv{ height:auto; padding: 30px 10px 20px;}
	.footDiv .leftDiv{ width: 100%;}
	.footDiv .topDiv{ padding-left: 0px; height: auto; }
	.footDiv .topDiv .logo{ display: none; }
	.footDiv .topDiv .name{ font-size: 18px; padding-bottom: 15px; }
	.footDiv .topDiv .msgList li em{ padding-left: 20px; }
	.footDiv .botDiv{ height: auto; padding-left: 0px;}
	.footDiv .botDiv .ewmDiv{ display: none; }
    .footDiv .botDiv .share{ display: none; }
	.footDiv .botDiv .shareTel{ display: block; }
	.footDiv .botDiv .share{ padding-top: 20px; }
	.footNav{ display: none; }
	.foot{ height: auto; padding: 15px 10px; overflow: hidden;}
	.foot .links{ line-height: 26px; padding-right: 15px;}
	.foot .links a{ padding: 0 8px;}
	.foot .link2{ margin-top: 12px;}
	.foot .msg{ padding-left: 0px; line-height: 26px; padding-top: 12px;}
	.foot .txt{ float: left; line-height: 26px;}

	.indexPart0 .bigBox{ height: 36px; padding-left: 54px;}
	.indexPart0 .bigBox .ico{ width: 54px; height: 36px; line-height: 36px;}
	.indexNotice{ padding:0 15px;}
	.indexNotice .list{ line-height:36px;}
	.indexNotice .list li{ line-height:36px; margin-right: 36px;}
	.indexNotice .list li a{ padding-left: 10px;}
	#marquee2{ height:36px;}
	.indexPart1{ padding: 30px 10px 40px;}
	.indexPart1 .leftDiv{ width: 100%; }
	.indexPart1 .leftDiv .touDiv{ height: 66px;}
	.indexPart1 .leftDiv .txt1{ font-size: 18px;}
	.indexPart1 .leftDiv .txt2{ font-size: 12px; padding-top: 5px;}
	.indexPart1 .leftDiv .tab2{ display: none;}
	.indexPart1 .leftDiv .detail{ height: auto; padding:0 0 20px 0;}
	.indexPart1 .leftDiv .detail .imgDiv{ position:relative; }
	.indexPart1 .leftDiv .detail .imgDiv img{ width: 100%; }
	.indexPart1 .leftDiv .detail .name{ padding: 15px 10px 0; height: 52px; line-height: 26px; font-size: 16px;}
	.indexPart1 .leftDiv .detail .content{ line-height: 24px; height: 48px; padding: 0 10px;}
	.indexPart1 .leftDiv .detail .time{ padding: 16px 0 0 10px;}
	.indexPart1 .leftDiv .list li{ height: 80px; }
	.indexPart1 .leftDiv .list li a{ padding: 0 10px 0 86px; }
	.indexPart1 .leftDiv .list li .timeDiv{ width: 75px; height: 80px;}
	.indexPart1 .leftDiv .list li .timeDiv em{ padding-top: 15px; font-size: 20px;}
	.indexPart1 .leftDiv .list li .name{ font-size: 16px; }
	.indexPart1 .rightDiv{ width: 100%; padding-top: 30px;}
	.indexPart1 .rightDiv .touDiv{ height: 66px;}
	.indexPart1 .rightDiv .txt1{ font-size: 18px; }
	.indexPart1 .rightDiv .txt2{ font-size: 12px; padding-top: 5px;}
	.indexPart1 .rightDiv .bigBox{ height: auto; padding-bottom: 25px; }
	.indexPart1 .rightDiv .imgDiv img{ width: 100%; }
	.indexPart1 .rightDiv .name{ padding: 20px 15px 10px; font-size: 18px;}
	.indexPart1 .rightDiv .content{ line-height: 26px; padding: 0 15px;}
	.indexPart2{ padding:0 10px 30px; }
	.indexPart2 .touDiv{ position: relative; height: 76px;}
	.indexPart2 .txt1{ font-size: 20px; color: #333; }
	.indexPart2 .txt2{ font-size: 14px; color: #999; padding-top: 6px;}
	.indexPart2 .more{ position: absolute; right: 0px; top: 18px; font-size: 14px; }
	.indexPart2 .list{ overflow: hidden; }
	.indexPart2 .list ul{ margin-right: -10px; }
	.indexPart2 .list li{ width: 50%; margin-bottom: 10px;}
	.indexPart2 .list li .name{ bottom: 0px; position: relative; height: 45px; line-height: 22px;}
	.indexPart2 .list li .name a{ display: table-cell; width: 200px; height: 45px; vertical-align: middle; }
	.indexPart2 .list .li01{ display: none; }
	.indexTel{ height: auto; padding: 15px 10px;}
	.indexTel .list li{ width: 100%; margin-bottom: 10px;}
	.indexTel .list li .box{ padding-left: 54px; font-size: 16px; line-height: 40px; }
	.indexTel .list li img{ width: 40px; top: 0px; }

	.pageBox{ padding:30px 10px;}	
	.about{ padding-bottom: 30px; }
	.about .bigImg img{ width: 100%; }
	.about .txt{ padding-top: 20px;}
	.about .txt em{ font-size: 20px; }
	.about .content{ line-height: 26px; padding: 20px 0;}
	.about .part1{ height: auto; padding-left: 0px; padding-bottom: 30px;}
	.about .part1 .imgDiv{ position: relative; left: 0px;}
	.about .part1 .imgDiv img{ width: 100%; }
	.about .part1 .name1{ padding-top: 20px; font-size: 22px;}
	.about .part1 .name2{ padding-top: 10px; font-size: 14px;}
	.about .part2{ height: auto; padding-right: 0px; }
	.about .part2 .imgDiv{ position: relative; right: 0px; }
	.about .part2 .imgDiv img{ width: 100%; }
	.about .part2 .name1{ padding-top: 20px; font-size: 22px; text-align: left;}
	.about .part2 .name2{ padding-top: 10px; font-size: 14px; text-align: left;}
	.story{ padding-bottom: 30px; }
	.story .part1{ height: auto; padding-right: 0px;padding-bottom: 30px;}
	.story .part1 .imgDiv{ position: relative;}
	.story .part1 .imgDiv img{ width: 100%; }
	.story .part1 .txt1{ padding: 20px 0 10px 30px; }
	.story .part1 .txt1 img{ height: 25px; }
	.story .part1 .txt2{ padding-left: 15px; font-size: 38px;}
	.story .part1 .txt2 em{ font-size: 52px; }
	.story .part1 .txt3{ text-align: left; font-size: 38px; padding-left: 80px;}
	.story .part1 .txt3 em{ font-size: 52px; }
	.story .part2{ padding: 40px 0 35px;}
	.story .part2 .imgDiv img{ width: 100%; }
	.story .part2 .content{ width: 100%; line-height: 26px; padding-top: 20px;}
	.story .title{ height: 43px; line-height: 43px;}
	.story .title img{ height: 23px; }
	.story .part3{ padding: 20px 0 35px; }
	.story .part3 .content{ width:  100%; line-height: 26px; float: none;}
	.story .part3 .imgDiv{ float: none; padding:35px 0 0 0; text-align: center;}
	.story .part3 .imgDiv img{ width: 150px; }
	.story .part4 .titleImg{ padding-bottom: 20px; }
	.story .part4 .titleImg img{ height: 25px; }
	.story .part4 .txt1{ font-size: 18px;}
	.story .part4 .leftDiv{ width: 100%; }
	.story .part4 .rightDiv{ width: 100%; padding-top: 20px;}
	.story .part4 .txt2{ line-height: 26px; }
	.story .part4 .content{ line-height: 26px; }
	.story .part5 .content{ line-height: 26px; padding-bottom: 20px;}
	.story .part5 .list ul{ margin-right: -25px; }
	.story .part5 .list li{ width: 50%; padding-top:20px;} 
	.story .part5 .list li .box{ margin-right: 25px;}
	.story .part5 .list li .box img{ width: 100%; }
	.culture{ padding-bottom: 20px;}
	.culture .list{ width: 100%; padding-top: 20px;}
	.culture .list li{ padding-left: 80px; }
	.culture .list li .ico img{ width: 68px;}
	.culture .list li .txt1{ font-size: 20px; }
	.culture .list li .txt2{ padding: 5px 0 8px; font-size: 14px; }
	.culture .list li .msg{ font-size: 16px; padding-bottom: 35px;}
	.culture .rightDiv{ display: none;}
	.group{ padding-bottom: 20px; }
	.group .imgDiv img{ width: 100%; }
	.history{ padding-bottom: 30px; }
	.history .msg{ font-size: 14px; line-height: 26px; padding: 0 0 30px;}
	.history .list{ padding: 0 0 30px; background:url(../images/line3.jpg) 51px center repeat-y;}
	.history .list li{ padding-bottom: 30px; }
	.history .list li .year{ margin:0 0 25px; width: 102px; height: 30px; line-height: 30px; font-size: 18px;}
	.history .list li .contentBox{ padding: 0 0 0 70px; }
	.history .list .li01 .contentBox{ padding: 0 0 0 70px; }
	.history .list li .imgDiv{ position: relative;}
	.history .list li .imgDiv img{ width: 100%; }
	.history .list li .ico{ display: none;}
	.history .list li .name{ padding-top: 15px; font-size: 16px; line-height: 30px; height: auto;}
	.history .list li .content{ padding-top: 10px; line-height: 26px; }
	.history .btnDiv{ margin:0 0; width: 102px; height: 30px; line-height: 30px; font-size: 14px;}
	.history .btnDiv a{ width: 102px; height: 30px; line-height: 30px;}
	.honor .list1 ul{ margin-right: -10px; }
	.honor .list1 li{ width: 100%;}
	.honor .list1 li .box{ margin-right: 10px; }
	.honor .list1 li .name{ height: 36px; line-height: 36px;font-size: 14px; }
	.honor .list1 li .imgDiv img{ width:100%; max-height:100%; max-width:100%; height:auto}
/*	.honor .list2 ul{ margin-right: -10px; }
	.honor .list2 li{ width: 50%;}
	.honor .list2 li .box{ margin-right: 10px; }
	.honor .list2 li .name{ height: 36px; line-height: 36px; font-size: 14px; }*/
	.bigPicLayer1{ width:90%; height:auto;}
	.bigPicLayer1 .close{ display:block; width:14px; height:14px; background:url(../images/close.png) no-repeat; right:10px; top:10px; position:absolute; z-index:222;}
	.bigPicLayer1 .box{ padding: 20px 12px; }
	.bigPicLayer1 .imgDiv img{ width:100%;}
	.bigPicLayer1 .name{ padding-top: 15px; text-align: left; font-size: 16px;}
	.bigPicLayer1 .name a{ position:relative; top: 0px; margin-top: 12px;}
	.bigPicLayer2{ width:90%; height:auto;}
	.bigPicLayer2 .close{ display:block; width:14px; height:14px; background:url(../images/close.png) no-repeat; right:10px; top:10px; position:absolute; z-index:222;}
	.bigPicLayer2 .box{ padding: 20px 12px; }
	.bigPicLayer2 .imgDiv img{ width:100%;}
	.bigPicLayer2 .name{ padding-top: 15px; text-align: left; font-size: 16px;}
	.bigPicLayer2 .name a{ position:relative; top: 0px; margin-top: 12px; }
	.newScroll{ display: none; }
	.news .list{ overflow: hidden; padding: 0 0 30px;}
	.news .list ul{ margin-right: 0px; }
	.news .list li{ width: 100%; }
	.news .list li .box{ margin-right: 0px; height: 110px; padding-left: 110px;}
	.news .list li .timeDiv{ top: 20px; width: 95px; height: 70px;}
	.news .list li .timeDiv em{ font-size: 20px; padding:10px 0 6px; }
	.news .list li .name{ padding-top: 20px; height: 48px; line-height: 24px; font-size: 16px;}
	.news .list li .content{ display: none; }
	.newShow .name{ font-size: 18px;}
	.newShow .topDiv{ height: auto; padding-bottom: 20px; overflow: hidden;}
	.newShow .time{ padding-bottom: 10px; }
	.newShow .share{ position:relative; padding-left: 60px;}
	.newShow .share li{ float: left; width: 27px; height: 27px; margin-left: 10px;}
	.newShow .share em{ position: absolute; left: 0px; top: 0px; font-size: 14px; line-height: 27px;}
	.newShow .imgDiv img{ width: 100%;}
	.newShow .content{ line-height: 26px; }
    .newShow .content img{ max-width:100%;}
	.pageDown{ padding-top: 20px;}
	.pageDown li{ height: 30px; line-height: 30px;}
	.publications .list{ padding-bottom: 20px;}
	.publications .list ul{ margin-right: -10px; }
	.publications .list li{ width: 50%; margin-bottom: 10px;}
	.publications .list li .box{ margin-right: 10px;}
	.publications .list li .imgDiv{ padding: 10px 10px 0;}
	.publications .list li .name{ position: relative; width: 100%; height: 36px; line-height: 36px; font-size: 14px; text-align: center;}
	.video .list ul{ margin-right: -10px; }
	.video .list li{ width: 50%; margin-bottom: 20px;}
	.video .list li .box{ margin-right: 10px; }
	.video .list li .name{ bottom: 10px;}
	.video .list li:hover .name{ bottom: 10px; font-size: 14px; border-bottom: none; }
	.videoShow{ padding-bottom: 15px; }
	.videoShow .videoImg img{ width: 100%; }
	.project .list{ overflow: hidden; padding-bottom: 15px;}
	.project .list ul{ margin-right: -10px; }
	.project .list li{ margin-bottom: 15px; width: 50%;}
	.project .list li .box{ margin-right: 10px; height: auto; padding-bottom: 15px;}
	.project .list li .botDiv{ padding: 12px 10px 0; }
	.project .list li .name{ height: 48px; line-height: 24px; font-size: 14px;}
	.project .list li .time{ font-size: 13px;}
	.projectShow{ padding:0; }
	.projectShow .name{ font-size: 18px;}
	.projectShow .topDiv{ height: auto; padding-bottom: 20px; overflow: hidden;}
	.projectShow .time{ padding-bottom: 10px; }
	.projectShow .share{ position:relative; padding-left: 60px;}
	.projectShow .share li{ float: left; width: 27px; height: 27px; margin-left: 10px;}
	.projectShow .share em{ position: absolute; left: 0px; top: 0px; font-size: 14px; line-height: 27px;}
	.projectShow .imgDiv img{ width: 100%;}
	.projectShow .content{ line-height: 26px; }
	.technology{ padding-bottom: 30px; }
	.technology .list li{ height: 200px; padding-right: 0px; }
	.technology .list li .timeDiv{ position:relative; top: 0px; text-align: left; padding-top: 10px;}
	.technology .list li .timeDiv p{ font-size: 24px; line-height: 28px; padding-bottom: 5px;}
	.technology .list li .name{ padding-top: 10px;}
	.technology .list li .content{ padding-top: 5px; line-height: 24px; height: 48px; }
	.product .list ul{ margin-right: -10px; }
	.product .list li{ margin-bottom: 20px; width: 50%;}
	.product .list li .box{ margin-right: 10px;}
	.product .list li .imgDiv img{ width: 100%; }
	.product .list li .name{ height: 26px; line-height: 26px; font-size: 15px;}
	.product .list li .msg{ font-size: 12px;}
	.strategy .list li{ height: auto; padding: 0 0 20px 0; margin-bottom: 20px;}
	.strategy .list li .imgDiv{ position:relative; }
	.strategy .list li .imgDiv img{ width: 100%; }
	.strategy .list li .num{ position:relative; left: 0px; top: 0px; padding: 15px 10px 5px; line-height: 28px; font-size: 24px;}
	.strategy .list li .line{ position: relative; left: 0px; top: 0px; margin-left: 10px; margin-top: 0px;}
	.strategy .list li .content{ font-size: 14px; height: auto; line-height: 30px; padding: 10px 10px 0; display: block;}
	.contact{ height: auto; background: none;}
	.contact .bigBox{ padding: 25px 10px; }
	.contact .list{ width: 100%;}
	.contact .list li{ margin-bottom: 20px; height: auto; background: #fafafa;}
	.contact .list li .name{ height: 40px; line-height: 40px; padding-left: 15px; font-size: 16px;}
	.contact .list li .botDiv{ padding: 20px 15px 0; }
	.contact .list li .botDiv dd{ padding-bottom: 20px; }
	.china-map{ display: none;}
	.job{ padding-bottom: 20px; }
	.jobTop{ height: 45px;}
	.jobTop li{ height: 45px; line-height: 45px; font-size: 14px;}
	.jobTop .li01{ width: 33.33%; text-indent: 0; text-align: center; }
	.jobTop .li02{ display: none;}
	.jobTop .li03{ display: none;}
	.jobTop .li04{ width: 33.33%;}
	.jobTop .li05{ display: none;}
	.jobTop .li06{ width: 33.33%;}
	.jobTop .li07{ display: none;}
	.job .list li{ margin-bottom: 5px;}
	.job .list li .msgDiv{ height:50px;}
	.job .list li .msgDiv a{ height: 50px;}
	.job .list li .box{ padding:20px 15px 40px;}
	.job .list li .msgDiv dd{ height:50px; line-height:50px; font-size:12px;}
	.job .list li .msgDiv .dd01{ width: 33.33%; text-indent: 0px; text-align: center;}
	.job .list li .msgDiv .dd02{ display: none;}
	.job .list li .msgDiv .dd03{ display: none;}
	.job .list li .msgDiv .dd04{ width: 33.33%;}
	.job .list li .msgDiv .dd05{ display: none;}
	.job .list li .msgDiv .dd06{ width: 33.33%;}
	.job .list li .msgDiv .dd07{ display: none;}
	.job .list li .name{ font-size: 18px; padding-bottom: 15px; }
	.job .list li .content{ line-height:26px; padding-bottom: 15px;}
	.job .list li .btnDiv{ padding-top: 15px;}
	.job .list li .btnDiv a{ width:116px; height:36px; line-height:36px;}
	.publicationShow{ padding-bottom: 20px; }
	.publicationPic{ padding: 0 35px;}
	.publicationPic .slick .btnDiv{ right: 5px; bottom: 5px; }
	.publicationPic .slick .btnDiv a{ width: 90px; height: 26px; line-height: 26px;}
	.publicationPic .slick-prev{ width: 30px; height: 30px; margin-top: -15px; background-size: 30px; }
	.publicationPic .slick-next{ width: 30px; height: 30px; margin-top: -15px; background-size: 30px; }
	.publicationPic .slick-prev:hover{ background-size: 30px; }
	.publicationPic .slick-next:hover{ background-size: 30px; }
	.productPart1{ min-height: 500px; padding-left: 0px; }
	.productPart1 .leftDiv{ position:relative; width: 100%;}
	.productPart1 .name{ padding: 20px 0 25px; font-size: 20px;}
	.productPart1 .num{ font-size: 16px; padding-bottom: 20px;}
	.productPart1 .content{ line-height: 26px; }
	.productPart1 .btnDiv{ padding-top: 40px; }
	.productPart1 .btnDiv a{ width: 120px; height: 40px; line-height: 40px;}
	.productPart2{ padding-top: 40px; }
	.productPart2 .tab2{ padding-bottom: 10px;}
	.productPart2 .tab2 ul{ margin-right: -10px; }
	.productPart2 .tab2 li{ width: 33.33%; margin-bottom: 10px;}
	.productPart2 .tab2 li .box{ margin-right: 10px; width: auto; font-size: 14px; height: 40px; line-height: 40px;}
	.productPart2 .table th{ height: 45px; font-size: 14px;}
	.productPart2 .table td{ height: 45px; font-size: 14px;}
	.productPart2 .list{ padding-top: 30px; }
	.productPart2 .list li{ padding-left: 0px; min-height: 109px; margin-bottom: 30px;}
	.productPart2 .list li .imgDiv{ position:relative; }
	.productPart2 .list li .imgDiv img{ width: 100%; }
	.productPart2 .list li .name{ left: 8px; top: 8px; width: 130px; height: 45px; line-height: 45px; font-size: 20px; }
	.productPart2 .list li dl{ padding-top: 20px; }
	.productPart2 .list li dd{ padding:0 0 10px 12px;}
    .search .msg{ font-size:18px; padding-bottom:25px;}
	.search .list li{ height:auto; line-height:24px; padding-bottom:20px; font-size:14px;}
	}