/*! www.vancheer.com  |  Powered by vancheer */

@media screen and ( max-width:1680px ){
	.headDiv .navBtn{ width: 127px;}
	.headDiv .navBtn a{ width: 77px; padding-left: 50px;}
	.headDiv .logoDiv{ left: 128px; width: 184px;}
	.headDiv .logoDiv img{ left: 14px;}
	.nav{ left: 324px;}
	.headDiv .lan{ right: 20px;}
	.headDiv .searchBtn{ right: 180px;}
	.headDiv .links{ right: 245px; }
	.headDiv .links li{ float: left; margin-left: 5px; }
	.headDiv .links li a{ width: 160px; }
    .headDiv .links .li01 a{ width:90px;}
}


@media screen and ( max-width:1600px ){
	.headDiv .navBtn{ width: 127px;}
	.headDiv .navBtn a{ width: 77px; padding-left: 50px;}
	.headDiv .logoDiv{ left: 128px; width: 184px;}
	.headDiv .logoDiv img{ left: 14px;}
	.nav{ left: 324px;}
	.headDiv .lan{ right: 20px;}
	.headDiv .searchBtn{ right: 180px;}
	.headDiv .links{ right: 245px; }
	.headDiv .links li{ float: left; margin-left: 5px; }
	.headDiv .links li a{ width: 160px; }
    .otherCase .list li .imgDiv img{height:255px;}
    .news .list li .imgDiv img{height:255px;}

    
    .ind-banner .ban1 .txtDiv{ left: 50%;}
}

@media screen and ( max-width:1440px ){
	.wal2{ width: 1200px; }
	.nav li{ padding: 0 15px;}
	.nav a{ font-size:16px;}
	.headDiv .links li a{ width: 145px; }
	.navLeft .list li{ height: 48px; line-height: 48px; font-size: 16px;}
	.navLeft .list li a{ height: 48px; }
    .headDiv .lan em{ font-size: 16px;}
    .headDiv .lan .topGroup dd{ font-size: 16px;}
    .otherCase .list li .imgDiv img{height:227px;}
    .news .list li .imgDiv img{height:227px;}
    .ind-banner .ban1 .txtDiv{ left: 55%;}
}

@media screen and ( max-width:1366px ){
	.headDiv .navBtn{ width: 102px;}
	.headDiv .navBtn a{ width: 77px; padding-left: 25px;}
	.headDiv .logoDiv{ left: 103px;}
	.nav{ left: 304px;}
	.headDiv .links li a{ width: 135px; font-size:13px;}
    .otherCase .list li .imgDiv img{height:215px;}
    .news .list li .imgDiv img{height:215px;}
    .ind-banner .ban1 .txtDiv{ left: 57%;}
}

@media screen and ( max-width:1280px ){
    body{background:#fff;}
	.wal, .wal2, .wal3{width:100%;}
	.w903{ width: 100%; border-right: none; }
	.PC-Box, .nav, .headDiv .logoDiv, .headDiv .lan, .headDiv .links, .indexPart5, .ind-banner, .case-banner, .pro-banner, .foot, .sideBar, .pageBanner, .pageClassBox, .pageNum, .w237{ display:none;}
	.Phone-Box, .headDiv .logoDiv2, .helpTel, .sideBarTel, .bannerTel, .pageBannerTel, .pageTitleTel, .pageMore{ display:block;}
	.pageBox{ padding: 115px 30px 30px; }
	.headDiv{ height:60px; position:fixed; left: 0px; top: 0px; background: #1a1a1a;z-index:11;}
	.headDiv .wal{ height:60px;}
	.headDiv .navBtn{ width: 75px; background: none;}
	.headDiv .navBtn a{ height: 60px; width: 75px; padding-left: 0px;  }
	.headDiv .navBtn p{ padding: 8px 0 3px; font-size: 12px; }
	.headDiv .navBtn img{ width: 32px; }
	.headDiv .searchBtn{ right: 10px; top: 15px; }
	.headDiv .searchBtn a{ width: 42px; height: 32px; }
	.headDiv .searchBtn img{ width: 42px; }
    .btnDiv{width:142px;margin:0 auto;}

    .indexPart0 {
        padding: 48px 20px 24px;
    }
    .indexPart0 ul{margin-top:10px;}
    .indexPart0 ul li a{
        width: 100%;
        height: 30px;
        line-height: 30px;
        border: none;
        text-align: left;
        font-size: 16px;
    }
    .indexPart0 .txt {
        float: none;
        font-size: 20px;
        width: 100%;
        text-align: left;
        line-height:normal;
        padding:0;

    }
    .indexPart0 ul li a span{float:right;color:#545353;    font-size: 14px;}

    .indexPart0 h3 {
            float: none;
            font-size: 20px;
            width: 100%;
            text-align: left;
            line-height: normal;
            padding: 0;
    }

    .indexPart0 p {
            font-size: 16px;
            text-align: left;
            text-align: justify;
            line-height: 24px;
            color:#000;
    }

	.indexPart1{ padding-top: 48px; }
	.indexPart1 .title{ font-size: 20px; line-height: 24px; padding:0 20px 20px;text-align:left; }
	.indexPart1 .list{ overflow: hidden; }
	.indexPart1 .list ul{ margin-right: -4px; }
	.indexPart1 .list li{ float: left; width: 50%; }
	.indexPart1 .list li .box{ margin-right: 4px; position: relative;}
	.indexPart1 .list li .imgDiv img{ width: 100%; }
	.indexPart1 .list li .name{ position: absolute; left: 0px; text-align: center; color: #fff; font-weight: bold; font-size: 45px; top: 41.5%; width: 100%;}
	.indexPart1 .list li .btnDiv{ position: absolute; left: 50%; width: 162px; height: 50px; margin-left: -81px; top: 64%; }
	.indexPart1 .list li .btnDiv a{ text-align: left; display: block; width: 160px; height: 48px; line-height: 48px; /*border:#7a7979 solid 1px;*/ background: #000; font-size: 20px; color: #fff;}
	.indexPart1 .list li .btnDiv a:hover{ background: #fff; color: #000; border: #fff solid 1px; }
    .indexPart1 .listTel li .btnDiv{right: 9%;left: auto;width: auto;top: 50%;margin-top: -12px;}
    .indexPart1 .listTel li .btnDiv a{border:none;background:  none;width:  100%;}
    .indexPart1 .listTel li .btnDiv a img{width: 28px;}
    .indexPart2{padding:0 20px;}
	.indexPart2 .contentBox{ padding:60px 0 20px;background:#fff;}
	.indexPart2 .txt{ float: none; font-size: 20px; width: 100%; text-align: left;}
	.indexPart2 .Phone-Box{ padding: 10px 0 0; background: #fff;}
	.indexPart2 .content{ line-height: 24px; width: 100%; font-size: 16px; text-align: center; padding-bottom: 12px;text-align: justify; }
	.indexPart2 .btnDiv{ /*border: #000 solid 1px;*/margin:0; }
	.indexPart2 .btnDiv a{ width: 100%; height: 40px; font-size: 15px; line-height: 40px; background: #fff;border:none;text-align:left;}
    .indexPart2 .btnDiv a:hover{background:none;color:#000;}
	.indexPart3{ padding: 45px 20px 0px; }
	.indexPart3 .leftDiv{ width: 100%;text-align:left; }
	.indexPart3 .leftDiv .txt{ float: none; font-size: 20px; text-align: left; padding: 0 0 20px 0; }
	.indexPart3 .leftDiv .content{ font-size: 16px; color: #000; line-height: 36px;text-align:left; }
	.indexPart3 .leftDiv .btnDiv{ padding-top: 45px;margin:0;}
	.indexPart3 .leftDiv .btnDiv a{display: block; width: 160px; height: 48px; font-size: 15px; text-align: left; line-height: 48px; color: #000;}
	.indexPart3 .rightImg{ width: 100%; }
	.indexPart3 .rightImgTel{ display: block; }
	.indexPart3 .Phone-Box{ padding: 10px 0 0; }
	.indexPart3 .content{ color: #000; line-height: 24px; width: 100%; font-size: 16px; text-align: center; padding-bottom: 12px;text-align: justify;}
	.indexPart3 .btnDiv{ border: none;width:182px; margin:0; }
	.indexPart3 .btnDiv a{ display: block; width: 100%; height: 40px; font-size: 15px; line-height: 40px; text-align: left; color: #000;}
    .indexPart3 .btnDiv a:hover{background:none;color:#000;}
    .indexPart4{padding:0 20px;}
	.indexPart4 .contentBox{ background: #fff; padding: 45px 0 20px;}
	.indexPart4 .txt{ float: none; font-size: 20px; width: 100%; text-align: left;}
	.indexPart4 .Phone-Box{ padding: 10px 0 50px;}
	.indexPart4 .content{ line-height: 24px; width: 100%; font-size: 16px; text-align: center; padding-bottom: 12px;text-align: justify; }
	.indexPart4 .btnDiv{ border: none;margin:0;}
	.indexPart4 .btnDiv a{ width: 100%; height: 40px; font-size: 15px; line-height: 40px; background: #fff;text-align:left;border:none;}
    .indexPart4 .btnDiv a:hover{background:none;color:#000;}
	.indexPart6{ padding: 35px 0 30px; }
	.indexPart6 .ico img{width: 25px;}
	.indexPart6 .txt{font-size: 20px;padding: 16px 0 5px;font-weight:bold;}
	.indexPart6 .wen{font-size: 15px;padding-bottom: 20px;}
	.indexPart6 .btnDiv{margin: 0 auto;width: 142px;padding: 0 12%;}
	.indexPart6 .btnDiv a{width: 100%;height: 35px;line-height: 35px;font-size: 16px;color:#000;color:#000;}
	.footDiv{ padding-top: 30px; height:auto; padding-left: 20px; padding-right: 20px; padding-bottom: 0px;}
	.footNav{ width: 100%; float: none;}
	.footNav .li01{ display: none; }
    .footNav .lilast{margin-right:0;}
    .footNav li {
        float: left;
        width: auto;
        overflow: hidden;
        margin-bottom: 8px;
        /* border-bottom: 1px dashed #444; */
        padding-bottom:10px;
        margin-right: 12px;
    }
	.footNav li h2{ height: 20px; font-size: 16px;   }
    .footNav li h2 a{font-size: 12px;}
	.footNav li dd{ float: left; font-size: 13px; margin-right: 15px; }

    .footDiv .txt h2{font-size: 16px; font-weight: 400;}
    .footDiv .txt h2 a{color:#fff;font-size:14px;}
	.footDiv .share{ float: none; padding-bottom: 30px; border-bottom:1px solid #444; margin-bottom: 12px;}
	.footDiv .share li{ margin-left: 0px;     margin-right: 4%;/*width: 10.5%;*/width: 21%;/*max-width:40px;*/}
    .footDiv .share li img{/*width:100%;*/width:71%;}
	.footDiv .mxfDiv{ display: none; }

    .footDiv  .tips{letter-spacing: 1px;padding-bottom:25px;}
    .footDiv  .tips a{color:#fff;}

	.navLeft{ width:100%; left:-100%;}
	.navLeft .closeBtn{ height:30px; width:30px; top:15px; right:15px; }
	.navLeft .closeBtn img{ width: 15px; position:relative; left:5px; top:5px; }
	.navLeft .list{ padding-top: 60px; }
	.navLeft .list li{ height: 35px; line-height: 35px; font-size: 16px;position:relative;}
	.navLeft .list li a{ height: 35px; padding-left: 35px;}
	.searchLayer{ top:60px; }


    .searchLayer .pjDiv{height: 54px;padding-top: 10px;}
	.searchLayer .bigBox{margin: 0px 5px;padding: 0px 72px 0 12px;background: none;}
    .searchLayer .bigBox .sousou{position: absolute; right: 60px;top:20px;} 
	.searchLayer .input1{height: 40px;line-height: 40px;font-size: 14px;padding: 0 13px;border: 1px solid #aaa;background: #fff;}
	.searchLayer .close{right: 15px;top: 22px;}



	
	.searchLayer .hideBox{ padding:20px 40px 30px 45px;    height: -webkit-calc(100% - 150px);
    height: -moz-calc(100% - 111px);
    height: calc(100% - 111px); }
	.searchLayer .txt{ font-size:16px;}
	.searchLayer .list li{ margin-bottom:15px;}
	.searchLayer .list li .name{ font-size:14px; padding-bottom:15px;}
	.searchLayer .list li .content{ font-size:12px; line-height:22px;}

	.errorBox{ padding-top: 110px; }
	.errorBox .bg{ display: none; }
	.errorBox .bg2{ display: block; }
	.errorBox .txtDiv{ height: 80px;  margin-top: -40px;}
	.errorBox .txtDiv .txt1{ font-size: 15px; padding-bottom: 10px;}
	.errorBox .txtDiv .txt2{ font-size: 36px; line-height: 36px; }
	.case{  padding-left: 0px; padding-right: 0px; padding-bottom: 100px;}
	.caseChoose{ display: block;padding:0 20px; }
	.case .toptop{ height: auto;  padding-top: 20px; margin:0 20px;}
	.case .toptop .txt{ font-size: 14px; line-height: 30px; padding-bottom: 5px; }
    .case .toptop .txt2{ font-size: 14px; line-height: 30px; padding-bottom: 5px; }
    .case .toptop .txt2 span{margin-right: 15px;font-size:12px;}
	.case .toptop .form{ position: relative; border: #cecece solid 1px; }
	.case .toptop .form .input1{ float: none; width: 100%; height: 42px; border: none; line-height: 42px; font-size: 13px; text-indent: 10px; }
	.case .toptop .form .btn1{ float: none; width: 42px; height: 42px; position: absolute; right: 0px; top: 0px;}
	.case .select{ display: none;}
	.case .list{ padding: 45px 20px 60px; }
	.case .list ul{ margin-right: 0px; }
	.case .list li{ float: none; width: 100%; margin-bottom: 60px;}
	.case .list li .box{ margin-right: 0px; }
	.case .list li .time{ padding: 20px 0 10px; font-size: 14px; }
	.case .list li .name{ font-size: 18px; height: auto; line-height: 28px; }
	.case .list li .content{ padding-top: 15px; line-height: 20px; font-size: 14px; height: auto; margin-bottom: 10px;}
	.case .list li .more{ height: 32px; line-height: 32px; font-size: 16px;}
	.case .list li .more a{padding-left: 0; background-size: 6px;font-size: 15px;background:none;}
	.pageMore{ margin: 0 auto;width: 142px;padding: 0 12%;}
	.pageMore a{     width: 100%;height: 35px;line-height: 35px; font-size:16px;}
	.pageNow{ height: auto; line-height: 26px; font-size: 14px;}
	.caseShow{ padding: 40px 0 20px; width: 100%;  }
	.caseShow .name{ font-size: 18px; padding-bottom: 10px; }
	.caseShow .time{ font-size: 14px; padding-bottom: 20px;}
	.caseShow .time em{ padding: 0 10px; }
	.caseShow .label{ text-align: center; font-size: 14px; }
	.caseShow .label em{ padding-right: 0px; display: block; padding-bottom: 8px; }
	.caseShow .label span{ margin: 0 6px 6px 0; }
	.caseShow .contentBox{ padding: 30px 0 20px;width:100%; }
	.caseShow .videoImg{ padding-bottom: 30px; }
	.caseShow .videoImg img{ width: 100%; }
	.caseShow .contentBox .wen{ font-size: 18px; padding-bottom: 10px; }
	.caseShow .contentBox .content{ padding-bottom: 50px; font-size: 14px; line-height: 30px; }
	.caseShow .contentBox .imgDiv img{ width: 100%; }
	.otherCase{ padding-top: 40px; padding-left: 10px; padding-right: 10px; padding-bottom: 0px;}
	.otherCase .title{ font-size: 22px;}
	.otherCase .list{ padding: 45px 20px 30px; }
	.otherCase .list ul{ margin-right: 0px; }
	.otherCase .list li{ float: none; width: 100%; margin-bottom: 60px;}
	.otherCase .list li .box{ margin-right: 0px; }
	.otherCase .list li .time{ padding: 20px 0 10px; font-size: 14px; }
	.otherCase .list li .name{ font-size: 18px; height: auto; line-height: 28px; }
	.otherCase .list li .content{ padding-top: 15px; margin-bottom: 10px;font-size:14px;}
	.otherCase .list li .more{ height: 32px; line-height: 32px; font-size: 16px;}
	.otherCase .list li .more a{ padding-left: 0;background-size: 6px;font-size: 15px;background:none;font-weight:normal;}
	.productNav{ display: none; }
	.productForm{ padding: 30px 30px 15px; }
	.productForm .mxfDiv{ margin-right: 0px; padding: 0;}
	.productForm .lili{ float: none; width: 100%; margin-bottom: 15px;}
	.productForm .lili .box{ margin-right: 0px;}
	.productForm .select{ height: 44px;}
	.productForm .select dt{height: 44px;line-height: 44px;background-size:20px;}
    .productForm .select.on dt{background-size:20px;}
	.productForm .select dt a{ font-size: 16px;} 
	.productForm .select dd{ top: 43px;} 
/*	.productForm .select dd ul li{line-height: 38px; height: 38px; }*/
	.productForm .select dd .lvOne{ padding-top:5px; font-size:18px;}
	.productForm .select dd .lvTwo{ padding-top:3px; font-size:16px;}
	.productForm .select dd .lvThree{ padding-bottom:10px;}
	.productForm .select dd .lvThree li{ font-size:12px; height:22px;}
	.productForm .select dd .lvThree li a{ line-height:22px;}
    .sideBarTel li .din img{width:15px;}

	.productForm .input1{ height: 44px; line-height: 44px; font-size: 16px;}
	.productForm .btn1{ height: 44px;background-size:30px; }
	.productBigBox{ padding:0 20px 100px; }
	.productDiv{ padding-left: 10px; padding-right: 10px;min-height:auto; }
	.productDiv .imgDiv{ display: none; }
	.productDiv .contentBox{ width: 100%; padding-top: 45px;}
	.productDiv .name{ font-size: 22px; padding-bottom: 25px; text-align: center;font-weight:bold;}
	.productDiv .content{ line-height: 26px; font-size: 14px; height: auto; }
	.productDiv .btnDiv{ padding-top: 30px; width:48%; margin: 0 auto; }
	.productDiv .btnDiv a{ width:100%; height: 35px; line-height: 35px; font-size: 16px;}
	.productDiv .btnDiv a:hover{ background: #02a0df; color: #fff; }
	.productDiv .imgDivTel{ display: block;text-align:center; }
    .productDiv .imgDivTel  img{max-width: 100%;width: auto;}
	.productList{ padding: 0 30px 65px; }
	.productList .wen{ padding: 0 0 25px 0px; font-size: 18px; }
	.productList .xuan{padding: 0 0 0; }
	.productList .xuan li h2{ font-size: 16px; height: 40px; }
	.productList .xuan li dd{ width: 180px; font-size: 14px; line-height: 28px;}
	.productList .title{ font-size:22px; padding-bottom: 40px;    padding-bottom: 20px;padding-top: 40px; }
	.productList .list{ text-align:center;}
	.productList .list ul{ margin-right: -10px; }
	.productList .list li{ display:inline-block; float:none; width: 100%; margin-bottom: 40px;vertical-align: top;height:auto;}
	.productList .list li .box{ margin-right: 10px; }
	.productList .list li .name{ padding-top: 25px; font-size: 15px; }
    .productList .list li .name a{ width: 100%;display: block; }
	.productList .list li .price{ font-size: 12px; padding: 8px 0 10px;display: flex;/*align-items: center;*/justify-content: center; }
	.productList .list li .mo1re{ text-align: center; }
	.productList .list li .more a{ color: #221815; font-size: 12px;}
	.productList .list li .more img{ padding-left: 8px; }
	.productList .moreBtn{ width: 142px; }
	.productList .moreBtn a{ width: 142px; height: 42px; line-height: 42px; font-size: 16px;}
	.contactBox{ padding: 100px 0 0; }
	.contact{ height: auto;}
	.contact .leftDiv{ width: 100%; height: auto; position: relative;}
	.contact .leftDiv .contentBox{ padding: 35px 15px 30px 15px; }
	.contact .leftDiv .title{ font-size: 22px; padding-bottom: 20px;}
	.contact .leftDiv .content{ line-height: 28px; font-size: 14px; padding-bottom: 0px;}
	/*.contact .leftDiv .ewm{ display: none; }*/
	.contact .imgDivTel{ display: block; }
	.contact .rightImg{ display: none;}
	.brand{ padding: 115px 20px 30px; }
	.brand .title{ font-size: 22px; padding: 45px 0 35px; }
	.news{ padding-top: 110px; padding-left: 10px; padding-right: 10px; padding-bottom: 60px;}
	.news .title{ font-size: 24px; padding-bottom: 20px; padding-top: 25px;}
	.news .txt{ font-size: 14px; line-height: 24px;}
	.news .list{ padding: 25px 10px 10px; }
	.news .list ul{ margin-right: 0px; }
	.news .list li{ float: none; width: 100%; margin-bottom: 60px;}
	.news .list li .box{ margin-right: 0px; }
	.news .list li .time{ padding: 20px 0 10px; font-size: 14px; }
	.news .list li .name{ font-size: 18px; height: auto; line-height: 28px; }
	.news .list li .content{ padding-top: 15px; line-height: 20px; font-size: 14px; height: auto; margin-bottom: 10px;}
	.news .list li .more{ height: 32px; line-height: 32px; font-size: 16px;}
	.news .list li .more a{  background-size: 6px;font-size:15px;}
	.album{ padding: 30px 10px 30px;}
	.album .title{ font-size: 22px; line-height: 22px; padding-bottom: 20px; }
	.album .wen{ font-size: 16px; padding-bottom: 0px; }
	.album .list{ background: #eee; padding-top: 36px; padding-left: 20px; padding-right: 20px; padding-bottom: 25px; margin-top:30px}
	.album .list ul{ margin-right: 0px; }
	.album .list li{ float: none; width: 100%; margin-bottom: 90px;}
	.album .list li .box{ margin-right: 0px; }
	.album .list li .time{ padding-top: 20px; font-size: 14px;}
	.album .list li .name{ padding-top: 5px; font-size: 18px; height: 30px; line-height: 30px;}
	.album .list li .msg{ font-size: 14px; line-height: 20px; height: 20px; padding-top: 5px;text-align:center;}
	.album .list li .more{ padding-top: 9px; font-size: 13px; padding-left: 12px; background: url(../images/nimg10_1.png) left 13px no-repeat;margin-left:-32px;    background-size: 6px auto;}
	.album .links{ padding-top: 30px; padding-left: 20px; padding-right: 20px;}
	.album .links li{ float: none; width: 100%; margin-bottom: 20px;}
	.album .links li .box{ padding-left: 55px; position: relative; height: 50px;}
	.album .links li .ico{ position: absolute; left: 0px; top: 6px; }
	.album .links li .ico img{ width: 43px; }
	.album .links li .name{ padding-top: 15px; font-size: 18px; height: 28px; line-height: 28px;}
	.album .links li .msg{ display: none; }
	.subscribe{ padding: 140px 10px 200px; }
	.subscribe .title{ font-size: 22px; padding-bottom: 15px;}
	.subscribe .wen{ font-size: 16px;  }
	.dingyue{ padding: 50px 0 ; }
	.dingyue .bigBox{ width: 96%; height: auto; padding-bottom: 45px; margin:0 auto}
	.dingyue .title{ height: 45px; line-height: 45px; padding-left: 15px; font-size: 20px; }
	.dingyue .msg{ padding: 20px 0 15px 15px; font-size: 16px;}
	.dingyue .form{ padding-left: 15px; padding-right: 15px; }
	.dingyue .form .cft{ margin-bottom: 15px; }
	.dingyue .form .cft em{ font-size: 15px; height: 30px; }
	.dingyue .form .cft .input1{ height: 32px; line-height: 32px; font-size: 14px; }
	.dingyue .select{ width: 100%; }
	.dingyue .form .cft .jie{ font-size: 14px; }
	.dingyue .btnDiv{ float: none; width: 210px; margin: 20px auto 0; padding-right: 0px; }
	.about-banner{ display: none; }
	.about{ padding: 50px 0 100px; width:100% }
	.about .txt{ font-size: 22px; line-height: 30px;font-weight:bold; }
	.about .txt1{ font-size: 22px; line-height: 30px;font-weight:bold; }
	.about .txt2{ padding-bottom: 25px; }
	.about .content{ padding:0}
	.about .content p{ font-size:14px; line-height:24px; width:96%; margin:30px auto; text-align:left  }
	.about .contentTel{ display: block;font-size:15px; }
	.about .bigImg{ width:96%; padding-bottom:0; margin:0 auto }
	.about .bigImg img{ width:100% ; }
	.about .bigImgTel{ display: block; padding-bottom:45px;}
	.about .list{ padding-top:15px; padding-left: 20px; padding-right: 20px;}
	.about .list li{ margin-bottom: 45px; padding-left: 0px; min-height: 100px; }
	.about .list .li01{ padding-left: 0px; padding-right: 0px; }
	.about .list li .ico{ display: block; }
    .about .list li .ico img{max-height: 45px;}
	.about .list li .imgDiv{ position: relative;text-align:center; }
	.about .list li .imgDiv img{ max-width: 100%; }
	.about .list li .name{ font-size: 18px; padding-bottom: 20px;font-size: 20px;font-weight:bold; }
	.about .list li .msg{ line-height: 24px; font-size: 16px; padding-top: 25px;text-align:justify;}
	.about .list li .btnDiv{ padding-top: 15px;width:100%; }
	.about .list li .btnDiv a{ display: block; width: auto; height: 24px; border: none;  /*background: url(../images/nimg6_1.png) no-repeat left center;*/ line-height: 24px; text-align: left; color: #000; font-size: 15px; /*padding-left: 18px;*/}
	.about .list li .btnDiv a:hover{ background: url(../images/nimg6_1.png) no-repeat left center; color: #000; }
	.introduce{ padding-top: 0px; }
	.introduce .part1{ padding-bottom: 0px; }
	.introduce .part1 .title{ text-align: left; font-size: 22px; color: #fff; padding: 20px 10px 8px; background: #000;}
	.introduce .part1 .content{ font-size: 14px; line-height: 26px; color: #fff; padding: 0 10px 30px; background: #000;}
	.introduce .part1 .contentBox{ padding-left: 0px; min-height: 50px; padding-top: 30px; }
	.introduce .part1 .contentBox .imgDiv{ position: relative;text-align:center;padding:0 30px; }
	.introduce .part1 .contentBox .imgDiv img{ max-width: 100%;width:auto; }
	.introduce .part1 .contentBox .ico{ padding: 20px 0; text-align: center; }
	.introduce .part1 .contentBox .wen{ font-size: 20px; color: #000; padding-bottom: 8px; padding-left: 30px; padding-right:30px;font-weight:bold;}
	.introduce .part1 .contentBox .msg{ line-height: 24px; font-size: 15px; padding: 0 30px 35px;text-align: justify; }
	.introduce .part2{ padding: 25px 10px 25px; }
	.tllmPic{ position: relative; }
	.tllmPic .swiper-container{ padding-bottom: 100px; }
	.tllmPic .contentBox{ padding-left: 0; width: 100%; }
	.tllmPic .name{ padding: 25px 0 15px; text-align: center; font-size: 16px; }
	.tllmPic .msg{ font-size: 14px; padding-top: 25px; line-height:26px; }
	.tllmPic .swiper-pagination{ right: 40px; bottom: 38px;  font-size: 20px;} 
	.tllmPic .swiper-button-prev{ left: auto; right: 95px; bottom: 38px; width: 14px; height: 27px; background-size: 14px; }
	.tllmPic .swiper-button-next{ right: 10px; bottom: 38px; width: 14px; height: 27px; background-size: 14px; }
	.introduce .part3{ padding: 50px 0 10px; }
	.introduce .part3 .list{ padding: 0 30px 0 30px; }
	.introduce .part3 .list ul{ margin-right: 0px; }
	.introduce .part3 .list li{ float: none; width: 100%; margin-bottom:30px;height:auto;}
	.introduce .part3 .list li .box{ margin-right: 0px; }
	.introduce .part3 .list li .name{ line-height: 24px; font-size: 15px; height: auto;text-align:justify;font-weight:bold;margin-bottom:10px;}
	.introduce .part3 .list li .imgDiv{ padding: 10px 0 15px;text-align:center; }
    .introduce .part3 .list li .imgDiv img{max-width:100%;width:auto;}
	.introduce .part3 .list li .content{ font-size: 14px; line-height: 26px; height: auto;text-align: justify;}
	.introduce .part4{ padding: 25px 10px 25px;margin-bottom:0; }

    .introduce .bannerTel{padding-top: 32px;}
    .introduce .bannerTel3{padding-top: 0;padding-bottom: 40px;}

	.ztesPic{ position: relative; }
	.ztesPic .swiper-container{ padding-bottom: 40px; }
	.ztesPic .contentBox{ padding-left: 0; width: 100%; }
	.ztesPic .name{ padding: 25px 0 15px; /*text-align: center;*/ font-size:15px;font-weight:bold; }
	.ztesPic .msg{ font-size: 14px; padding-top: 25px; line-height:26px; }
	.ztesPic .swiper-pagination{ right: 40px; bottom: 0;  font-size: 20px;} 
	.ztesPic .swiper-button-prev{ left: auto; right: 95px; bottom:0; width: 14px; height: 27px; background-size: 14px; }
	.ztesPic .swiper-button-next{ right: 10px; bottom: 0; width: 14px; height: 27px; background-size: 14px; }
	.experience{ padding: 80px 0 15px; }
	.experience .title{ font-size: 18px; padding-bottom: 15px; }
	.experience .content{ display: none;}
	.experience .contentTel{ display: block;padding-bottom: 0; }
	.experience .videoDiv .imgDiv img{ width: 100%; }
	.experience .videoDiv .ico{ margin-left: -25px; margin-top: -25px; }
	.experience .videoDiv .ico img{ width: 50px; }
	.experience .list{ padding: 50px 10px 0; }
	.experience .list li{ margin-bottom: 50px; padding-left: 0px; min-height: 100px; }
	.experience .list li .wenBox{ height: auto; }
	.experience .list .li01{ padding-right: 0px; }
	.experience .list li .imgDiv{ display: none; }
	.experience .list li .imgDivTel{ display: block; }
	.experience .list li .name{ font-size: 18px; padding-bottom: 15px; text-align: center;}
	.experience .list li .msg{ line-height: 26px; font-size: 14px; padding: 15px 10px 0;}
	.experience .list li .btnDiv{ padding: 20px 25px 0; }
	.experience .list li .btnDiv a{ width: 100%; height: 40px; line-height: 40px; font-size: 16px; }
	.experience .wen1{ font-size: 18px; padding: 0 0 15px; }
	.experience .wen2{ display: none; }
	.experience .wenTel{ display: block;}
	.videoDiv2 .ico{  margin-left: -25px; margin-top: -25px; }
	.videoDiv2 .ico img{ width: 50px; }
	.expDiv{ padding-bottom:50px; }
	.expDiv .list{ padding: 70px 10px 0; }
	.expDiv .list li{ margin-bottom: 50px; padding-left: 0px; min-height: 100px; }
	.expDiv .list li .wenBox{ height: auto; }
	.expDiv .list .li01{ padding-right: 0px; }
	.expDiv .list li .imgDiv{ display: none; }
	.expDiv .list li .imgDivTel{ display: block; }
	.expDiv .list li .name{ font-size: 18px; padding-bottom: 15px; text-align: center;}
	.expDiv .list li .msg{ line-height: 26px; font-size: 14px; padding: 20px 10px 0;}
	.expDiv .list li .btnDiv{ padding: 20px 25px 0; }
	.expDiv .list li .btnDiv a{ width: 100%; height: 35px; line-height: 35px; font-size: 16px; }
	.expDiv .wen1{ font-size: 18px; padding: 0 0 30px; }
	.expDiv .wen2{ display: none; }
	.expDiv .wenTel{ display: block;padding:20px; }
	.expDiv .moreBtn{ width: 142px; padding: 0 35px; }
	.expDiv .moreBtn a{ width: 100%; height: 35px; line-height: 35px; font-size: 16px;}
	.design{ padding-top: 80px; }
	.design .part1{ padding: 0 10px 20px; }
	.design .part1 .name{ font-size: 18px; padding-bottom: 20px; }
	.design .part1 .content{ display: none; }
	.design .part1 .contentTel{ display: block; }
	.design .part1 .imgDiv{ padding: 40px 0 30px;}
	.design .part1 .imgDiv img{ width: 100%; }
	.design .bigImg img{ width: 100%; }
	.design .part2{ padding: 70px 10px 15px; }
	.design .part2 .name{ font-size: 18px; padding-bottom: 20px; }
	.design .part2 .content{ display: none; }
	.design .part2 .bigImg{ padding: 30px 0 60px; }
	.design .part2 .imgDiv{ padding: 30px 0 60px; }
	.design .part2 .imgDiv img{ width: 100%; }
	.design .part3{ margin-top: 15px; padding: 50px 0 75px; background: #fff;}
	.design .part3 .name{ font-size: 18px; padding-bottom: 20px;}
	.design .part3 .content{ display: none; }
	.design .part3 .list ul{ margin: 0; }
	/*.design .part3 .list li{ width: 50%; margin-bottom: 30px;}*/
	.design .part3 .list li img{ width: 135px; }
	.system{ padding: 80px 0 50px; text-align:justify;}
	.system .list{ padding: 0 10px; }
	.system .list li{ margin-bottom: 50px; padding-left: 0px; min-height: 100px; }
	.system .list li .wenBox{ height: auto; }
	.system .list .li01{ padding-right: 0px; }
	.system .list li .imgDiv{ display: none; }
	.system .list li .imgDivTel{ display: block; }
	.system .list li .name{ font-size: 18px; padding-bottom: 15px; text-align: center;}
	.system .list li .msg{ line-height: 26px; font-size: 14px; padding: 20px 10px 0;}
	.system .list li .btnDiv{ padding: 20px 25px 0; }
	.system .list li .btnDiv a{ width: 100%; height: 40px; line-height: 40px; font-size: 16px; }
	.system .wen1{ font-size: 18px; padding: 30px 0; }
	.system .wen2{ display: none; }
	.system .wenTel{ display: block;padding: 0 20px;}

    .system .btnDiv2{ padding: 20px 25px 0;    width: 182px;margin: 0 auto; }
	.system .btnDiv2 a{ width: 100%; height: 40px; line-height: 40px; font-size: 16px;display: block;border: #000 solid 1px;color: #000;text-align: center; }
	
    .expDiv .btnDiv2{ padding: 20px 25px 0;    width: 182px;margin: 0 auto; }
	.expDiv .btnDiv2 a{ width: 100%; height: 40px; line-height: 40px; font-size: 16px;display: block;border: #000 solid 1px;color: #000;text-align: center; }


	.storeName{ height: 42px; padding: 10px 15px 0 20px; }
	.storeName .name{ padding-right: 25px; height: 42px; line-height: 42px;background-size: 12px;}
	.storeName .name em{ display: inline-block; width: 34px; font-size: 18px; }
	.storeContent{ padding: 20px 15px 40px 15px;}
	.storeContent .name{ font-size: 14px; padding-bottom: 5px; }
	.storeContent .msg{ font-size: 16px; line-height: 26px; }
	.storeContent .links{ padding-top: 10px; }
	.storeContent .links li{ padding-left: 45px; font-size: 14px; height: 42px; line-height: 42px;}
	.storeContent .links li img{ top: 5px; width: 32px;}


    /*2018.12.12*/
	.productShow{ padding: 45px 30px 30px;text-align:left; }
	.productShow .name{ font-size: 16px; padding-bottom: 20px; }
	.productShow .price{ font-size: 12px;padding:20px 0; }
	.productShow .bigImg{ padding: 20px 0 0; text-align:center;}
	.productShow .bigImg img{ max-width:100%;}
	.productShow .contentBox{ padding-bottom: 30px;}
	.productShow .contentBox .leftDiv{ width: 100%; }
	.productShow .contentBox .rightDiv{ width: 100%; }
	.productShow .contentBox .content{ padding-top: 20px; font-size: 14px; line-height: 28px;}
	.productShow .contentBox .content img{ height:auto; max-width:100%;}
	.productShow .contentBox .videoImg img{ width:100%;}
	.productShow .contentBox .imgDiv{ padding-top: 25px;}
	.productShow .contentBox .imgDiv img{ width:100%;}
	.productShow .contentBox .imgDiv2{ padding-top: 25px; }
	.productShow .title{ font-size: 22px; padding: 60px 0 0;}
    .productShow .txt{ font-size: 16px; line-height:25px;margin: 20px 0 10px;font-weight:bold;text-align:left;}
	.productShow .msg{ font-size: 15px; line-height: 24px; text-align:left;padding-bottom:20px;}
	.productShow .qweBox{ padding-left: 0px;  min-height: 100px;margin-top: 60px;}
	.productShow .qweBox .imgDiv{ width: auto; position:relative; }
	.productShow .qweBox .imgDiv img{ width:100%;}
	.productShow .qweBox .txt{ font-size: 16px; padding-top: 0;text-align:center;    margin: 0; }
	.productShow .qweBox .content{ font-size: 16px; line-height: 28px; padding-top: 15px;}
	.productShow .title2{ padding: 45px 0 25px; font-size: 18px; }
	.productShow .msgList{ padding-bottom: 30px; }
    .productShow .msgList div{ line-height: 24px;  font-size: 15px; margin-bottom:10px;}
	.productShow .msgList li{ padding-left: 125px;  line-height: 24px;  font-size: 14px; margin-bottom:10px;}
	.proDownload .title{ font-size: 22px; padding-bottom: 30px; }
	.proDownload .mxfDiv{ height: 60px; padding:0 5px;}
	.proDownload .mxfDiv ul{ margin-right: 0px; }
	.proDownload .mxfDiv li{ font-size: 14px;}
	.proDownload .mxfDiv li .box{ margin-right:0px; }
	.proDownload .mxfDiv li a{ height: 60px; line-height: 60px;}
	.proDownload .mxfDiv li img{ width:16px; padding-right: 8px; }
	.proDownload .bigImg img{ width:100%;}
	.proSolution{ padding: 35px 10px 50px; }
	.proSolution .title{ font-size: 22px; padding-bottom: 12px;}
	.proSolution .msg{ font-size: 15px; line-height:24px; padding-bottom: 25px;text-align: justify;padding: 0 10px 12px;letter-spacing: 1px;}
	
	.matchPic{ padding: 20px 30px;}
	.matchPic .slick{ margin: 0 10px; }
	.matchPic .slick .name{ padding-top: 15px; height: 40px; font-size: 14px; font-weight: bold; overflow: hidden; }
	.matchPic .slick .name a{ width: auto;display:block; }
	.matchPic .slick .price{  font-size: 12px; padding: 5px 0 5px; }
	.matchPic .slick .more a{ font-size: 12px;}
	.matchPic .slick .more img{ padding-left: 8px; }
	.matchPic .slick-prev{ width: 16px; height: 29px; background-size:10px; left: 10px; margin-top: -15px;}
	.matchPic .slick-next{ width: 16px; height: 29px; background-size:10px; right: 10px; margin-top: -15px;}
    .matchPic .slick .imgDiv {height:112px;}
    /*.matchPic .slick .imgDiv img{height:160px;}*/
    .proScrollBox{ display:block;}



    .case .list li .imgDiv img {height: auto;width: 100%;}
    .case .list li .label dl{width:100%;}
    .otherCase .list li .imgDiv{text-align:center;}
    .otherCase .list li .imgDiv img{height:auto;max-width:100%;width:auto;}
    .news .list li .imgDiv img{height:auto;}
    .caseShow .contentBox img{width:100%;height:auto;}

    .productShow .name2 {
        border:none;
        font-size: 22px;
        padding-bottom: 8px;
        text-align: center;
        color: #000;
        font-weight: bold;
    }
    .productForm .select dd .selectGroup{height:300px;}

    .dingyue .select{height:32px;}
    .dingyue .select dt{height:32px;line-height:32px;}
    .dingyue .select dd{top:32px;}
    .dingyue .select dd ul li{height:31px;line-height:31px;}



    .navLeft .list .Phone-Box li a.navBtn {
        background: url(../images/nimg33_1.jpg) no-repeat right center;
        background-size:18px auto;
    }
    .navLeft .list .Phone-Box li a.navBtn:hover{
        color:#000;
    }
    .navLeft .list .Phone-Box li a.on{
        background: url(../images/nimg33_1on.jpg) no-repeat right center;
        background-size:18px auto;
    }
    .navLeft .list .selectGroup{position:absolute;top:36px;padding-left:35px;z-index:56;background:#fff;width:-moz-calc(100% - 35px);
	width:-webkit-calc(100% - 35px);width: calc(100% - 35px);display:none;overflow-y:auto;}
    .navLeft .list .selectGroup{ top: 43px;} 
	.navLeft .list .selectGroup .lvOne{ padding-top:5px; font-size:18px;}
    .navLeft .list .selectGroup .lvOne a{ font-size:16px;    padding-left: 0;}
	.navLeft .list .selectGroup .lvTwo{ padding-top:3px; font-size:16px;}
	.navLeft .list .selectGroup .lvThree{ padding-bottom:10px;border-bottom: #ddd solid 1px;}
	.navLeft .list .selectGroup .lvThree li{ font-size:12px; height:22px;}
	.navLeft .list .selectGroup .lvThree li a{ line-height:22px;padding-left:0;height:22px;}

    .navLeft .list .selectGroup li{border:none;}

    .pageBox .singleCon h2,.pageBox .singleCon h3{font-size: 16px;}
    .pageBox .singleCon{font-size: 15px;}

    .productList .list li .imgDiv{display:block;}
    .productList .list li .imgDiv img{max-width:100%;width: auto;}

    .brand .list li .imgDiv{text-align:center}
    .brand .list li .imgDiv img{max-width:100%;width:auto;}
    .indexPart1 .listTel li .name{top: 50%;margin-top: -12px;left: 4%;font-size:18px;text-align: left;}

     .footDiv .share li .hideBox{z-index:1;    left: 0px;}


     .headDiv div{width: calc(33.33% - 1px);;float:left;height: 60px;}
     .headDiv .logoDiv3{line-height:60px;text-align: center;}
     .headDiv .logoDiv3 img{width:64px;}
     .headDiv .logoDiv3 a{display: block;}

     .headDiv div.searchBtn2{text-align:right;line-height:60px;border-left:1px solid #585858;}
     .headDiv div.searchBtn2 a {margin-right: 12px;}

    .headDiv .navBtn2{  background: none;border-right:1px solid #585858;}
	.headDiv .navBtn2 a{ height: 60px; width: 75px; padding-left: 0px;color:#fff;display: block;    text-align: center; }
	.headDiv .navBtn2 p{ padding: 8px 0 3px; font-size: 12px; }
	.headDiv .navBtn2 img{ width: 32px; }
    .caseShow .contentBox p{font-size: 15px;line-height: 24px;}
    .caseShow .contentBox div{font-size: 15px;line-height: 24px;}

    .proFlashTel2,.proFlashTel3{padding:0 30px;}

    .expDiv2{padding-bottom: 0;}
    .expDiv2 .list{padding-top:50px;}
    .expDiv2 .list li{margin-bottom: 0;}
    .expDiv2 .wen1{padding-top:50px;}
    .expDiv2 .wenTel{padding: 0 10px;}
	
	.album .list li .imgDiv{height:auto;}
}


@media screen and ( max-width:720px ) {
    /*.indexPart1 .listTel li .name{top: 21.5%;}*/
    .design .part3 .list li {
        width: 50%;
        margin-bottom: 30px;
	}
	
	.storeContent{width:calc(100% - 30px);}
}

@media screen and ( max-width:320px ) {
    .footNav li{margin-right:5px;}
}