@media screen and ( max-width:768px ){
	.wal{width:100%;}
	.headDiv{height:60px; background:#c01920;}
	.headDiv .wal{height:60px; position:relative;}
	.headDiv .nav{ display:none;}
	.headDiv .logo{position:absolute; left:10px; top:18px;}
	.headDiv .logo img{ height:24px; display:block;}
	.headDiv .navIco{ display:block;}
	.topRight{ display:none;}
	.banner{ display:none;}
	.indexFlashTel{ display:block;}
	.indexPart1, .indexPart2, .indexPart4{ display:none;}
	.indexPart1Tel,.indexPart2Tel, .indexPart4Tel{ display:block;}
	.sideBar{ display:none;}
	.sideBar2,.pageMore,.pageMore2{ display:block;}
.pageMore1{ display:none;}
	.pageNum{ display:none;}
	.indexPart3{ padding:10px;}
	.indexPart3 .fl,.indexPart3 .fr{ float:none;}
	.indexPart3 .title{ color:#4e4e4e; font-size:16px; padding-top:40px; padding-bottom:10px;}
	.indexPart3 .title b{ color:#c01920; font-size:20px; padding-right:18px; position:relative; top:2px;}
	.indexNews{ width:100%; height:auto;}
	.indexNews .detail{ position:relative; height:100px; padding-left:150px; width:auto;}
	.indexNews .detail .imgDiv{ position:absolute; left:0px; top:0px;}
	.indexNews .detail .imgDiv img{ display:block; width:140px;}
	.indexNews .detail .name{ height:20px; font-size:14px; overflow:hidden; margin-bottom:8px;}
	.indexNews .detail .name a{ color:#db3331;}
	.indexNews .detail .content{ font-size:12px; color:#000; line-height:22px; height:40px; overflow:hidden; margin-bottom:8px;}
	.indexNews .detail .time{ color:#bcbcbc;}
	.indexNews .detail .more{ position:absolute; right:0px; bottom:5px; color:#bcbcbc; background:url(/images/nimg17_1.png) no-repeat right center; height:20px; line-height:20px; padding-right:28px;}
	.indexNews .list{ padding-bottom:20px;}
	.indexNews .list li{ height:24px; line-height:24px; overflow:hidden; font-size:12px; position:relative; padding-right:75px;}
	.indexNews .list li a{ color:#343434; padding-left:13px; background:url(/images/ico2.png) left center no-repeat;}
	.indexNews .list li span{ color:#bcbcbc; position:absolute; right:0px; top:0px;}
	.indexVideo{ height:auto; width:100%;}
	.indexVideo .imgDiv{ width:100%; height:auto; overflow:hidden;}
	.indexVideo .imgDiv img{ width:100%; display:block;}
	.indexVideo .name{ display:none;}

	.footDiv{ height:auto; padding-top:25px; padding-bottom:25px;}
	.footDiv .fl,.footDiv .fr{ float:none;}
	.footDiv .wal{ position:relative; height:auto;}
	.footNav{ padding:0 25px 30px; height:auto;}
	.footNav li{ float:left; width:25%; }
	.footNav li h2{ font-size:12px; color:#fff; height:30px; line-height:30px; width:70px;}
	.footNav li dd{ font-size:12px; height:28px; line-height:28px; padding-right:10px;}
	.footDiv .footDiv_r{ width:auto; padding-left:25px; position:relative; height:auto; padding-bottom:15px;}
	.footDiv_r .ewm{ padding-left:140px; position:relative; height:154px;}
	.footDiv_r .tel{ width:100%;}
	.footDiv_r .tel p{ font-size:12px; color:#f3f3e5; height:25px; float:left;}
	.footDiv_r .tel .imgDiv{ float:left;}
	.footDiv_r .tel .imgDiv img{ width:150px;}
	.footDiv_r .email p{ font-size:12px; color:#f3f3e5; line-height:28px; float:left}
	.footDiv_r .email em{ font-size:14px; display:block; float:left; top:5px; position:relative;}
	.footDiv .links{ padding:15px; background:url(/images/bg4.jpg) repeat;}
	.footDiv .links p{ font-size:14px; color:#fff; height:32px;}
	.footDiv .links a{ font-size:12px; color:#fff; padding-right:48px; line-height:30px; display:inline-block}
	.footDiv .foot{ height:30px; line-height:24px; color:#fff; font-size:12px; text-align:center; opacity:0.5; padding-top:10px;}
	.pageBox{ padding:0;}
	.pageBanner, .pageMid, .pageMid2{ display:none;}
	.pageBannerTel, .pageMidTel{ display:block;}
	.about .name{ text-align:center; color:#000; font-size:20px;}
	.about .name2{ text-align:center; font-size:16px; color:#b0b0b0; padding:15px 0;}
	.about .content{ padding:35px 10px 0;}
	.about .content h2{ font-size:16px; color:#1d1d1d;}
	.about .content p{ font-size:12px; line-height:22px; padding-bottom:15px;}
	.about .content .p1{ font-size:14px; color:#db1d15;}
	.about .content .box{ height:423px; padding-bottom:30px;}
	.about .content .imgDiv img{ display:block;}
	.about .box .fl, .about .box .fr{ float:none;}
	.about .box .imgDiv img{ width:100%; display:block;}
	.about .contentBox{ background:#d9d9d9; height:auto; width:100%;}
	.about .contentBox .ico{ padding:20px 0 0 10px;}
	.about .contentBox .ico img{ width:70%; display:block;}
	.about .contentBox .msg{ font-size:12px; line-height:22px; padding:20px 10px 30px 10px;}
	.about .contentBox .msg em{ font-size:12px;}
	.about .list{ padding:10px;}
	.about .list li{ float:none; text-align:center; margin-right:0px;}
	.about .list li img{ display:block; width:100%;}
	.about .list li p{ font-size:14px; padding-top:10px; padding-bottom:20px;}
	.productionBase{ padding:25px 10px;}
	.productionBase .name{ display:block;}
	.productionBase .part1{ height:auto; padding-left:0px; position:relative;}
	.productionBase .part1 .imgDiv{ position:relative;}
	.productionBase .part1 .imgDiv img{ display:block; width:100%;}
	.productionBase .part1 h2{ font-size:14px; color:#1d1d1d; padding:10px 0 10px 0;}
	.productionBase .part1 .content{ font-size:12px; line-height:22px;}
	.productionBase .list1{ padding:35px 0 20px 0;}
	.productionBase .list1 ul{ width:100%;}
	.productionBase .list1 li{ float:none; text-align:center; margin-right:0px; margin-bottom:25px;}
	.productionBase .list1 li img{ display:block; width:100%;}
	.productionBase .list1 li p{ font-size:14px; padding-top:10px;}
	.productionBase .list2 ul{ width:100%;}
	.productionBase .list2 li{ float:none; text-align:center; margin-right:0px; margin-bottom:35px;}
	.productionBase .list2 li img{ display:block; width:100%;}
	.productionBase .list2 li p{ font-size:14px; padding-top:10px;}
	.productionBase .part2 img{ display:block; width:100%;}
	.productionBase .part2 p{ text-align:center; font-size:14px; padding-top:10px;}
	.partners{ padding:20px 0 40px 10px;}
	.partners .name{ display:block;}
	.partners .msg{ font-size:14px; padding-bottom:35px;}
	.partners .list ul{ width:100%;}
	.partners .list li{ float:left; width:33.33%; margin:0 0 10px 0;}
	.partners .list li .imgDiv{ padding-right:10px;}
	.partners .list li .imgDiv img{ display:block; width:100%; border:#dbdbdb solid 1px;}
	.group{ padding:20px 10px;}
	.group .imgDiv{ display:none;}
	.group .name, .group .imgDivTel{ display:block;}
	.honor{ padding:20px 0 30px 10px;}
	.honor .name{ display:block;}
	.honor .msg{ padding:10px 10px 10px 0; font-size:12px; line-height:22px;}
	.honor .list{ padding:10px 0;}
	.honor .list ul{ width:100%;}
	.honor .list li{ width:50%; margin:0 0 25px 0; height:auto;}
	.honor .list li .imgDiv{ padding-right:10px;}
	.honor .list li .imgDiv img{ width:100%;}
	.honor .list li p{ font-size:12px; padding-top:12px;}
	.wonderful{ padding:20px 10px;}
	.wonderful .name{ display:block;}
	.wonderful .list{ padding-top:30px;}
	.wonderful .list li{ text-align:center; font-size:14px; color:#383838; margin-bottom:25px;}
	.wonderful .list li p{ padding-bottom:25px;}
	.wonderful .list li img{ width:100%;}
	
	.newShow{ padding:20px 10px;}
	.newShow .name{ font-size:14px; color:#db3331; text-align:center;}
	.newShow .time{ border-bottom:#e7e7e7 solid 1px; height:32px; line-height:32px; padding-top:10px; text-align:center;}
	.newShow .time em{ padding:0 10px; color:#8a8a8a;}
	.newShow .content{ font-size:12px; line-height:22px; padding:20px 0 30px;}
	.newShow .imgDiv{ text-align:center; padding:25px 0;}
	.newShow .imgDiv img{ width:100%;}
	.pageDown{height:85px; position:relative; padding:0;}
	.pageDown .box{ border-top:#cdcdcd solid 1px; padding-top:15px;}
	.pageDown .btn{position:absolute; top:20px; right:0px; width:100px; height:28px; background:url(/images/btn2.png) no-repeat; background-size:100%; text-indent:10px; line-height:28px; color:#fff; font-size:12px;}
	.pageDown li{font-size:12px; height:30px; line-height:30px; overflow:hidden; position:relative; top:-3px; color:#acacac;}
	.newOthers{ padding:30px 0px;}
	.newOthers .fl,.newOthers .fr{ float:none;}
	.newOthers .imgDiv2{ margin-bottom:25px;}
	.newOthers .imgDiv2 img{ width:100%;}
	.newOthers .box_r{ border:#e4e4e4 solid 1px; width:auto; height:auto;}
	.newOthers .box_r .list{ padding:15px 0 15px 10px;}
	.newOthers .box_r .list li{ font-size:12px;}
	.news .msg{ padding:20px 0 0 10px; font-size:16px;}
	.newsPart1{ padding-top:30px; padding-bottom:20px;}
	.newsPart1 li{ height:110px; background:#f6f6f6; padding-left:156px; position:relative; margin-bottom:10px;}
	.newsPart1 li .imgDiv{ position:absolute; left:10px; top:10px;}
	.newsPart1 li .imgDiv img{ width:136px;}
	.newsPart1 li .name{ padding-top:10px; height:24px; width:auto; font-size:14px; line-height:22px; overflow:hidden; padding-right:10px;}
	.newsPart1 li .timeTel{ display:block;}
	.newsPart1 li .content{ padding-top:5px; font-size:12px; line-height:22px; width:auto;  height:40px; overflow:hidden;padding-right:10px;}
	.newsPart1 li .time{ display:none;}
	.newsPart1 li .btn{ display:none;}
	.newsPart2{ background:url(/images/line2.png) repeat-x top; padding:30px 10px;}
	.newsPart2 li{ font-size:12px; height:32px; line-height:32px; position:relative; overflow:hidden; padding-right:80px;}
	.newsPart2 li span{ font-size:12px; right:0px;}
	.video{ padding-left:10px; padding-top:20px;}
	.video .name{font-size:12px; color:#999; padding-bottom:20px;}
	.video .name em{ font-size:16px; color:#000; padding-right:10px;}
	.videoPart1{ padding:0 0 35px;}
	.videoPart1 li{ float:left; width:50%; height:auto; margin:0 0 20px;}
	.videoPart1 li .imgDiv{ padding-right:10px;}
	.videoPart1 li img{ display:block; width:100%;}
	.videoPart1 li .name2{ font-size:14px; padding:10px 0 5px 0;}
	.videoShow .box{ padding:20px 10px 30px;}
	.videoShow .name{ color:#555555; font-size:16px; height:45px; position:relative;}
	.videoShow .name .btn1{ position:absolute; right:0px; top:0px; display:block; width:113px; height:30px; background:url(/images/btn3.png) no-repeat; background-size:100%; font-size:12px; color:#fff; text-indent:40px; line-height:30px;}
	.videoShow .box .imgDiv img{ width:100%;}
	.videoShow .share{ display:none;}
	.videoShow .btnDiv{ padding-top:20px;}
	.videoShow .btnDiv a{ width:100px; height:28px; background:url(/images/btn2.png) no-repeat; background-size:100%; text-indent:10px; line-height:28px; color:#fff; font-size:12px;}
	.download{ padding:20px 10px;}
	.download .downloadBox{ padding-bottom:40px;}
	.download .name{ display:block;}
	.downloadBox .box{ padding:10px 0 10px 0;  border-bottom:#999999 dashed 1px; position:relative;}
	.downloadBox .box .title{ padding-left:10px; font-size:14px; background:url(/images/ico7.png) no-repeat right center;}
	.downloadBox .box .btn1{ display:none;}
	.downloadBox .downloadContent{ display:none; padding-left:10px; padding-top:8px; position:relative;}
	.downloadBox .downloadContent .btn2{ display:block;}
	.lyb{ padding:20px 10px 50px 10px;}
	.lyb .fl, .lyb .fr{ float:none;}
	.lyb .msg{ width:100%; height:auto; background:none; padding-bottom:30px;}
	.lyb .form{ width:100%;}
	.lyb .form li{ float:none; margin-right:0px; height:45px;}
	.lyb .form li.li01{ width:100%; height:114px;}
	.lyb .form li.li02{ width:100%; height:204px;}
	.lyb .form li .input1{ width:100%; height:40px;}
	.lyb .form li select{ width:100%; float:left; height:52px; background:#f1f1f1; margin-right:12px; border:#f1f1f1 solid 1px; font-size:14px; color:#666; margin-bottom:5px;}
	.lyb .form li textarea{ height:120px; background:#f1f1f1; width:100%; border:#f1f1f1 solid 1px;}
	.lyb .form li .btn1{ width:40%; height:50px; background:#d40900; color:#fff; cursor:pointer; font-size:18px; margin-right:12px;}
	.lyb .form li .btn2{ background:#a5a5a5;}
	
	.w245{ display:none;}
	.w900{ width:100%;}
	.case{ padding:20px 0 30px 10px;}
	.case .title,.case .list{ display:none;}
	.case .list2{ display:block;}
	.caseShow{ padding:30px 10px;}
	.casePic{ display:none;}
	.caseShow .name{ text-align:left; color:#383838; font-size:16px; padding-bottom:15px;}
	.caseShow .msg{ font-size:12px; line-height:22px; padding-bottom:30px;}
	.casePicTel{ display:block;}
	.productPic,.productPic2,.productPic3{ display:none;}
	.productPicTel,.productPicTel2,.productPicTel3{ display:block;}
	.product{ padding:20px 0 0 10px;}
	.product .title{ display:none;}
	.product .titleTel{ display:block;}
	.product .list ul{ width:100%;}
	.product .list li{ width:50%; height:auto; margin-right:0; background:none; margin-bottom:10px;} 
	.product .list li .imgDiv{ width:auto; height:auto; padding-right:10px; overflow:hidden;}
	.product .list li .imgDiv img{ width:100%;}
	.product .list li .box{ padding:0 10px 20px; background:#f3f3f3; margin-right:8px; position:relative;}
	.product .list li .name{ height:35px; line-height:35px; position:relative; padding-right:95px; overflow:hidden; color:#4e4e4e; font-size:18px;}
	.product .list li .name .more{ position:absolute; right:0px; top:0px; font-size:12px; color:#707070; background:url(/images/nimg17_1.png) no-repeat right center; padding-right:36px;}
	.product .list li .msg{ color:#b7b7b7; height:36px; overflow:hidden;}
	.product .list li:hover{ background:none;}
	.product .list li:hover .name,.product .list li:hover .more,.product .list li:hover .msg{ color:#333;}
	.productShow .fl,.productShow .fr{ float:none;}
	.productShow_1{ display:none;}
	.productShow_1Tel{ display:block;}
	.productShow_2{width:auto; overflow:hidden; padding:20px 0 50px 10px;}
	.productShow_2 .name{ height:auto; overflow:hidden; color:#000; font-size:18px; font-weight:bold; padding:0 10px 0 0;}
	.productShow_2 .msg{ margin-top:5px; height:auto; overflow:hidden; line-height:22px; padding-bottom:15px}
	.productShow_2 .pattern li{float:left; width:45px; height:41px; overflow:hidden; position:relative; margin:0 5px 5px 0;}
	.productShow_2 .pattern li div{height:41px; overflow:hidden;}
	.productShow_2 .pattern li img{ display:block; width:45px;}
	.productShow_2 .pattern li span{ width:45px; height:41px; display:block; position:absolute; bottom:0px; left:0px; background:url(/images/nimg64Bg.png) no-repeat; background-size:100%; display:none; z-index:22;}
	.productShow_2 .size ul{ width:100%;}
	.productShow_2 .size li{float:left; width:50%; height:auto; overflow:hidden; position:relative; margin:0 0 10px 0; border:none;}
	.productShow_2 .size li div{ padding:7px 0 7px 12px; overflow:hidden; margin-right:10px; border:#e6e6e6 solid 1px;}
	.productShow_2 .size .liNow{ border:none;}
	.productShow_2 .size .liNow div{ border:#db3331 solid 1px;}
	.productShow_2 .btnDiv{ padding:0; width:255px; height:46px; margin:20px auto;}
	.productShow_2 .btnDiv a{ display:block; width:255px; height:46px; background:url(/images/btn5.png) no-repeat; color:#fff; line-height:46px; text-indent:120px; font-size:16px;}
	.productShow_3 .tab{ width:100%; height:40px; margin:0 auto;}
	.productShow_3 .tab li{ float:left; height:40px; width:50%; background:#f6f6f6; font-size:14px; color:#2e2e2e; text-align:center; line-height:40px;}
	.productShow_3 .tab li.liNow{ background:#db3331; height:40px; color:#fff;}
	.productShow_3 .detail .part1{ background:#fff; padding:10px;}
	.productShow_3 .detail .part1 .videoImg{ text-align:center;}
	.productShow_3 .detail .part1 .videoImg img{ width:100%;}
	.productShow_3 .detail .imgDiv{ padding:10px;}
	.productShow_3 .detail .imgDiv img{ width:100%;}
	.productShow .returnBtn{ float:none; padding-top:30px; padding-bottom:50px; width:161px; height:45px; margin:0 auto;}
	.productShow .returnBtn a{ display:block; width:161px; height:45px; background:url(/images/btn2.png) no-repeat; text-indent:28px; color:#fff; font-size:16px; line-height:45px;}
	.otherProducts{ background:#dcdcdc; height:auto;}
	.otherProducts .title{ height:50px; line-height:50px; padding:0 10px; position:relative; font-size:14px; color:#000;}
	.otherProducts .title a{ display:block; position:absolute; right:10px; top:0px; font-size:12px; color:#707070; background:url(/images/nimg17_1.png) no-repeat right center; padding-right:36px;}
	.otherPic{ display:none;}
	.otherPicTel{ display:block;}
	.contact{ padding:20px 10px;}
	.contact .title{ display:none;}
	.contact .name{ font-size:18px; color:#333333; padding-bottom:15px;}
	.contact .list{ padding-bottom:20px; border-bottom:#dadada solid 1px;}
	.contact .list li{ float:none; padding-left:42px; position:relative; height:40px; width:auto; line-height:40px; font-size:12px; color:#7c7c7c;}
	.contact .list li img{ position:absolute; left:0px; top:5px; width:30px;}
	.contact .list li .img1{ position:absolute; left:80px; top:12px; width:150px;}
	.contact .list li.li01{ width:auto; line-height:24px; height:50px; padding-bottom:15px;}
	.contact .list li em{ padding-right:0px; display:block;}

	.mapPart1{ display:none;}
	.mapPart1Tel, .mapPart2Tel{ display:block;}
	.mapPart3{ padding-bottom:80px;}
	.mapPart3 p{ display:none;}
	.mapPart3 .tab{ height:45px; background:#d4d4d4;}
	.mapPart3 .tab li{ float:left; width:50%; height:45px; line-height:45px; font-size:14px; color:#000;}
	.mapPart3 .tab li.liNow{ background:#b12923; color:#fff;}
	.mapPart3 .tab li.li01{ text-align:right;}
	.mapPart3 .tab li.li01 em{ padding-right:85px; display:block; background:url(/images/nimg26_1.png) no-repeat 80% center; height:45px;}
	.mapPart3 .tab li.li02 em{ padding-left:45px;}
	.mapPart3 img{ width:100%; display:block;}
	.mapPart2{ display:none;}

    /*2016.12.22*/
	.mapPart0{ padding:28px 0 100px; border-top:none;}
	.mapPart0 p{ text-align:left; font-size:18px; padding-bottom:40px;}
	.mapPart0 .box{ width:300px; margin:0 auto;}
	.mapPart0 .box li{ padding-left:146px; width:154px; float:none; height:130px; margin-bottom:20px;}
	.mapPart0 .box li .ico img{ width:130px;}
	.mapPart0 .box li .name2{ padding-top:30px; font-size:16px;}
	.mapPart0 .box li .tel{ font-size:14px;}
	}


@media screen and ( max-width:360px ){
    .indexPart1Tel .list li .name{ right:57px; top:132px; font-size:12px;}
	}<!--0.00025200843811035-->