/*! www.vancheer.com  |  Powered by vancheer */
@media screen and ( max-width:1600px ){
	
}

@media screen and ( max-width:1440px ){
	.sNav .list li{ margin-right: 30px; }
	.indexPart2 .imgDiv{ margin-right: -685px; }
	.indexPart2 .imgDiv img{ width: 700px; }
	}

@media screen and ( max-width:1366px ){
	.indexPart1Pic .slick-prev{ left: -60px;}
	.indexPart1Pic .slick-next{ right: -60px;}
	.indexPart2 .imgDiv{ margin-right: -615px; }
	.indexPart2 .imgDiv img{ width: 650px; }
	}

@media screen and ( max-width:1004px ){
	.wal, .wal2{width:100%;}
	.w903{ width: 100%;  border-left: #f3f3f3 solid 0px; border-right: none; }
	.PC-Box, .nav, .headDiv .topRight, .footNav,.links,.ewmList, .sideBar,.flex-direction-nav, .pageBanner, .pageTop, .w237,.indexPart4 .box_r,.case_tab2 h2,.header_info,.flex-control-nav a,.left_tel,.news .list li .content,.news .list li .botDiv,.wal0,.focus,.indexPart3 .btnDiv{ display:none;}
	.Phone-Box, .navIco, .shopIco, .pageBannerTel, .pageTitleTel, .pageMore{ display:block;}
	.m-banner { width: 100%;display:block; position: relative; zoom: 1; overflow: hidden;}
    .Phone-Box img{width:100%;height:auto;}
	.headDiv{ height:50px; position:relative; background: #FFF;}
	.headDiv.hov{background:#FFF;} 
	.headDiv .wal{ height:50px;}
	.headDiv .logo{ left:8px; top:10px;}
	.headDiv .logo img{ width:250px; }
	.indexTitle .titleImg img{ width: 220px; }
	.indexTitle .title1{ font-size: 22px; line-height: 26px;}
	.indexTitle .title2{ padding-top: 10px; font-size: 16px;}
	.in_titel {width:100%;margin-bottom: 32px;}
	.in_titel p{ font-size:14px; color:#999;}
    .in_titel ul li{ margin-bottom:10px;}
	.indexPart1{ padding: 55px 10px 35px; height: auto; background-size: 100% 100%;}
	.indexPart1Pic,.product{ width:auto;padding:30px 0px;}
	.indexPart1Pic li{  width:48%; margin-bottom: 30px; height:24rem;}
	.indexPart1Pic li:nth-child(3n){ float:left; margin-right:2%;}
	.indexPart1Pic li:nth-child(2n){ float:right; margin-right:0px;}
	.indexPart1Pic li a{ display: block; width: 100%; height: 100%; }
	.indexPart1Pic li .imgDiv{ padding: 30px 0 10px; }
	.indexPart1Pic li .name,.indexPart2Pic li .name{ padding:8%; font-size:14px; height: 28px; line-height: 28px;}
	.indexPart1Pic li .content{padding:8%; font-size: 14px;  }
	.indexPart1Pic li .dbox { width:40%;}
	.produc_tab{ margin:10px; width:auto;}
	.productmau ul{ margin:0px;}
    .productmau li{float: left; width:49%; margin-bottom: 0px; height:7rem; border-bottom:1px solid #ebebeb;border-right:1px solid #ebebeb;transition:all 0.4s linear;}
	.productmau li:nth-child(2n){ float:left; border-right:0px solid #ebebeb;}
    .productmau  li:nth-child(6n){ float:left;border-right:0px solid #ebebeb;}
	
	.productmau li .limg{ width:100%; float:none;}
    .productmau li .limg img{ width:60%; margin:30px 10px;}
	.productmau li .name { width:70%; float:right;}
    .productmau li .name,.productmau  li a{ font-size:18px; font-weight:bold; line-height:40px; text-align:center;}
    .productmau .liNow{ background-color:#fdc5ca;}
	
   .in_p_tab{ width:100%; float:left; background-color:#FFF; overflow:hidden;}
   .in_p_m{ overflow:hidden;}
   .in_p_m li{float: left; width:49%; margin-bottom: 0px; height:7rem; border-bottom:1px solid #ebebeb;transition:all 0.4s linear;}
   .in_p_m li:nth-child(2n){ float:left; border-left:1px solid #ebebeb;}
   .in_p_m li img{ width:60px;}

	.indexPart2{ padding: 55px 10px; height: auto; }
	.photo-list li{float:left;width:48%;margin-right:3%; margin-bottom:3%; overflow:hidden;}
	.photo-list li:nth-child(4n){ float:right; margin-right:0px;}
	.photo-list li:nth-child(2n){ float:right; margin-right:0px;}
	
	/*方案*/
.indexPart7{ padding: 55px 10px; background:no-repeat; background-color:#93e3fc;}
.sol-slide{position:relative;overflow:hidden;}
.sol-list li{ float:left; margin-right:3.5%; margin-bottom:3.5%;float:left; width:27%; height:120px; padding:2%; padding-top:25px;background:none;  background:url(../images/g_bg.png) no-repeat scroll; background-size:contain;  overflow:hidden;}
.sol-list li:nth-child(3n){ margin-right:0;}
.sol-list li:nth-child(9n){ margin-left:0;}
.sol-list li a{ font-size:16px; color:#FFF; line-height:40px; text-align:center;}
.sol-list li div{  overflow:hidden;}
.sol-ilist li{ float:left; margin-right:3%; margin-bottom:3%; width:48%; height:320px; background-color:#FFF; overflow:hidden;}
.sol-ilist li:nth-child(4n){ float:right; margin-right:0px;}
.sol-ilist li:nth-child(2n){ float:right; margin-right:0px;}
.sol-ilist li img{display:block;width:100%; height:120px;}
.sol-ilist li h4 { margin:20px; padding-bottom:20px; border-bottom:#d2dde6 4px solid;}
	
	.indexPart3{ padding: 55px 10px; height: auto;}
	.indexPart3 .tab2 ul{ width:300px; margin:auto; }
	.indexPart3 .tab2 li{ float:none; display:inline-block; font-size: 14px; height: 28px; margin: 0 20px;}
	.indexPart3 .tab2 .liNow{ border-bottom:#e00011 0px solid;}
    .indexPart3 .tabContent2 li{ width:100%;  height: auto; padding-bottom:10px;}
    .indexPart3 .tabContent2 li:nth-child(2n){ float:left; margin-right:0px;}
    .indexPart3 .tabContent2 li .name{ padding:10px 10px;min-height:40px; font-size: 14px; line-height: 20px; font-weight:normal;}
	.indexPart3 .tabContent2 li .time{ padding:0 10px;font-weight: normal; font-size: 12px;}
	
	.indexPart6{ padding: 55px 10px; }
    .goodness_box{padding:20px 0; min-height:350px;position: relative; overflow:hidden;}
	.goopdness_cont{width: 100%;}
	.goodness_txt{width:70%;}
	.goopdness_img{width: 100%;position:inherit; right:0; top:0;}
    .goopdness_img img{ width:100%;}
    
	.oddsMain ul{ padding:10px; height: auto;}
    .oddsMain li{height:380px;}
    .oddsMain li:nth-child(3n){ float:left;}

	.indexPart3 .btnDiv{ margin: 32px auto 0;}
    .indexPart4 .box_l{ width:100%; border-right:0px;}
    .indexPart4 .box_l li{ margin:1%; width:30.5%; float:left; text-align:center;}
	.indexPart4 li .imgDiv{ width:80px; height:80px;border-radius:40px;}
    .indexPart4 li .imgDiv h1 {  font-size:18px; color:#FFF; line-height:30px; margin-top:10px; }
	.indexPart4 li .name{ padding:10px; font-size:14px;}
    .indexPart4 li .content{ font-size:12px;}
    .indexPart5{ padding-top: 85px; padding-bottom:85px; overflow:hidden;}
    .indexPart5Pic{ margin:2%;}
    .indexPart5Pic li{ float:left;width:45%; height:100px;}
    .indexPart5Pic li img{ width:100%;}
	
    .footDiv{ padding: 45px 0 20px; height:auto;}
	.footDiv .wal{ height: auto; }
	.footDiv .leftDiv{ width: auto; padding-left: 10px; padding-right:10px; float: none;}
	.footDiv .logo{ padding-bottom: 20px; text-align:center; }
	.footDiv .tel{ font-size: 22px;  text-align:center;}
	.footDiv .tel dl{ width:10rem; margin:auto; line-height:25px;overflow:hidden;background:url(../images/tel_icon.png) no-repeat 0 center;}
	.footDiv .address{ line-height: 22px; padding-bottom: 20px; text-align:center;}
	.footDiv .rightDiv{ width: 100%; float: none;}
	.footDiv .ewmList{ padding-left: 10px; text-align:center; padding-right:10px;}
	.footDiv .ewmList ul{ margin-left: 0px; }
	.footDiv .ewmList li{ float:none; display:inline-block;}
	.footDiv .ewmList li .box{ width: 102px; margin-left: 10px; margin-right: 10px;}
	.footDiv .share{ float: none; padding-top: 15px; padding-left: 0px; text-align:center;}
	.footDiv .share li{ margin: 0 6px; float:none; display:inline-block;}
	.footDiv .links{ position: relative; left: 0px; bottom: 0px; margin-left: -10px; /*padding: 30px 10px 40px;*/margin: 0 10px 20px;}
	.footDiv .links a{ padding: 0 10px; line-height: 26px;}

	.pageBox{ padding: 25px 10px 30px; }
	.about{ padding-bottom: 20px; }
	.about .leftCon{ width: 100%; }
	.about .txt1{ font-size: 18px; padding: 0px 0 10px;}
	.about .txt2{ font-size: 26px; padding-bottom: 25px; }
	.about .content{ font-size: 14px; line-height: 26px; }
	.about .rightDiv{ width: 100%; padding-top: 25px;}
	.aboutPic .slick-prev{ left: 0px; width: 50px; height: 50px; background-size: 50px;}
	.aboutPic .slick-next{ left: 50px; width: 50px; height: 50px; background-size: 50px;}
	.aboutPic .slick-prev:hover{ background-size: 50px;}
	.aboutPic .slick-next:hover{ background-size: 50px;}
	.honor{ padding-bottom: 10px; }
	.honor .txt1{ font-size: 18px;}
	.honor .txt2{ font-size: 26px; }
	.honor .msg{ font-size: 14px; padding-bottom: 40px; }
	.honor .list{ padding: 0; }
	.honor .list li{ width: 50%; margin-bottom: 25px; }
	.honor .list .li01{ width: 100%; }
	.honor .list li img{ width: 130px; }
	.honor .list2 li{ width: 50%; margin-bottom: 25px;}
	.honor .list2 li img{ width: 130px; }
	.honor2{ padding: 40px 10px; }
    .h_banner {padding: 0 40px; } 
	.h_banner .swiper-slide {width: 100%; } 
	.h_banner .swiper-slide .img{ padding:10px;}
	.h_banner .swiper-slide p{font-size: 12px;height:28px; line-height:28px;}


	.technology .txt1{ font-size: 18px;}
	.technology .txt2{ font-size: 26px; padding-bottom: 40px; }
	.technology .list li{ height: auto; padding: 0 0 30px 0; margin-bottom: 30px;}
	.technology .list li .contentBox{ height: auto; padding: 20px 15px 0; }
	.technology .list li .name1{ font-size: 18px;}
	.technology .list li .name2{ padding-bottom: 20px;}
	.technology .list li .imgDiv{ position: relative;}
	.technology .list li .imgDiv img{ width: 100%; }
	.technology .list li dd{ line-height: 26px; padding-left: 20px; background: url(../images/ico2.png) left 9px no-repeat; }
	.technology .list li .content{ line-height: 26px; width: auto; }
	.technology .list .li01{ padding: 0 0 30px 0;}
	.technology .list .li01 dd{ color: #fff; background: url(../images/ico2on.png) left 9px no-repeat; }
	.technology .list .other{ height: auto; }
	.technology .list .other .contentBox{ height: auto; }
	.case .list{ padding-bottom: 30px; }
	.case .list ul{ margin-right: -10px; }
	.case .list li{ margin-bottom: 10px;}
	.case .list li .box{ margin-right: 10px;}
	.case .list li .mxf{ height: 28px; margin-top: -14px;}
	.case .list li .name{ font-size: 14px; height: 28px; line-height: 28px; overflow: hidden;}
	.case .list li .ico{ display: none; }
	.product .list { margin:1rem; overflow:hidden;}
	.product .list li{ width:48%; height:360px; margin-bottom: 15px; }
	.product .list li:nth-child(2n){ float:right; margin-right:0px;}
	.product .list li .box { height:16rem; margin-right: 10px;}
	.product .list li .name{ font-weight:normal; text-align:left;}
	.product .list li .msg{ padding: 5px 0 0 15px; height: 26px; line-height: 26px; font-size: 16px; }
	.product .list li .content{ font-size: 13px; line-height: 20px; padding: 10px 0 0 15px; height: 40px; width: auto; }
    .product .list li .price{ font-size:14px;  padding-left:15px; color:#777;padding-top:0px;}
    .product .list li .price b{ color:#f00; font-size:18px;}
	.product .list li .dbox { width:40%; margin-right:10px; margin-top:40px; padding-left:10px; padding-right:10px; }
	.quesTab{ padding-bottom: 30px;}
	.quesTab li{ margin: 0 15px;}
	.quesTab li a{ height: 30px; font-size: 14px;}
	.quesTab li .aNow, .quesTab li a:hover{ border-bottom: #3bcaf6 solid 2px; }
	.question{ padding-bottom: 30px; }
	.question .txt1{ font-size: 18px;}
	.question .txt2{ font-size: 26px;}
	.question .list{ padding-bottom: 45px; }
	.question .list li{ padding-top: 25px; height: auto; padding-bottom: 25px;}
	.question .list li .wen{}
	.question .list li .da{ height: auto; min-height: 27px;}
	.maintain{ padding-bottom: 30px;}
	.maintain .leftDiv{ width: 100%; }
	.maintain .txt1{ font-size: 18px;}
	.maintain .txt2{ font-size: 26px; padding-bottom: 25px; }
	.maintain .content{ font-size: 14px; line-height: 26px;}
	.maintain .rightImg{ padding-top: 25px; }
	.maintain .rightImg img{ width: 100%; }
	.service li{ margin-bottom: 35px; }
	.service .leftDiv{ width: 100%; }
	.service .txt1{ font-size: 18px;}
	.service .txt2{ font-size: 26px; padding-bottom: 25px; }
	.service .msg{ padding-bottom: 20px;}
	.service .content{ font-size: 14px; line-height: 26px; }
	.service .rightImg{ padding-top: 20px; }
	.service .rightImg2{ padding-top: 20px; }
	.service .rightImg img{ width: 100%; }
	.service .tel{ padding-top: 25px; }
	.service .tel em{ padding-left: 20px; }
	.video{ padding-bottom: 30px; }
	.videoPic .agentlist{  margin:0 -6px;width:auto; padding-bottom: 80px; height:auto;}
	.videoPic .agentlist .slick-slide{float:left; margin:0 6px;}
	.videoPic .slick-slide .name{ padding-top:10px; font-size:14px; height: 44px; line-height: 22px; overflow: hidden;}
	.videoPic .slick-prev{ top:auto; bottom:15px; margin-top:0px; left:50%; margin-left:-55px;}
	.videoPic .slick-next{ top:auto; bottom:15px; margin-top:0px; right:50%; margin-right:-55px;}
	.videoPic .slider-for .box{ padding-bottom:10px;}
	.videoPic .slider-for .imgDiv{ width:100%;}
	.videoPic .slider-for .imgDiv img{ width:100%;}
    .videoPic .slider-for .imgDiv video{ width:100%;height:auto;}
	.videoPic .slider-for .title{ font-size: 16px;}
	.videoPic .slider-for .time{ font-size: 12px; padding-bottom: 20px; }
	

	.proMsg{ height: auto; padding: 10px; }
	.proMsg .name{ line-height: 26px; font-size: 20px; float: none;}
	.proMsg .list{ float: none; }
	.proMsg .list li{ margin-left: 0px; margin-right: 25px; line-height:32px; font-size: 14px;}
	.proMsg .list li .btn1{ margin-top: 0px; }
	.parameter .title{ font-size: 18px; padding-bottom: 20px; }
	.parameter .leftDiv{ padding-left: 0px; width: 100%;}
	.parameter .rightDiv{ padding-right: 0px; width: 100%; margin-top: 10px;}
	.parameter .list li{ height: auto; min-height: 24px; padding-top: 5px; padding-bottom: 5px; padding-left: 160px; font-size: 13px; line-height: 24px;}
	.parameter .list li em{ text-indent: 10px; width: 145px; height: 100%; }
	.parameter .rightDiv li{ padding-left: 160px;}
	.left_tab{ width:100%;}
	.case_tab2 {  border:#ddd 0px solid; padding-bottom:0px;}
	.case_tab2,.case .list{ margin:auto 2%; overflow:hidden;}
	.case_tab2 li{ width:28%; margin:2%; float:left; text-align:center;}
	.case_tab2 li a{ display: block; width: 100px; height: 34px; border: #e00011 solid 2px; border-radius: 24px; -moz-border-radius: 24px; font-size: 16px; color: #e00011; text-align: center; line-height: 34px;}
	.caseShow{ width: auto; padding:2%;}
	.case,.mainBox{ width:100%; margin-top:20px;}
	.case .list li{ float: left; width:auto; margin-top:50px; margin-bottom: 30px; }
    .case .list li .box{ margin-right:0; height: auto;}
	.caseShow .name{ font-size: 18px; padding-bottom: 10px; }
	.caseShow .time{ padding-bottom: 20px;}
	.caseShow .content{ padding: 20px 0 40px; line-height: 30px; }
	.caseShow .imgDiv{ padding: 25px 0; }
	.caseShow .imgDiv img{ width: 100%;}
	.caseShow img{ width: 100%; }
	.productShow .imgDiv{padding: 25px 0;}
    .productShow .imgDiv img{ width:100%; height:auto;}
	.news{ padding-bottom: 40px; }
	.news .list{ padding-bottom: 30px; }
	.news .list li .box{ width:70%; float:right; overflow:hidden; -webkit-transition: all .2s linear; transition: all .2s linear;}
    .news .list li .name{ margin:10px; line-height:20px;}
	.newShow .name{ font-size: 18px; padding-bottom: 10px; }
	.newShow .time{ padding-bottom: 20px;}
	.newShow .content{ padding: 20px 0 40px; line-height: 30px; }
	.newShow .imgDiv{ padding: 25px 0; }
	.newShow .imgDiv img{ width: 100%; }
	.pageDown{height:auto; padding-bottom: 25px;}
	.pageDown .box{ padding-top:25px;}
	.pageDown .btn{position:relative; top:0px; margin-top: 25px; }
	.pageDown li{ height:30px; line-height:30px; }
	.contact{ padding-bottom: 10px; }
    .contact .mapDiv { width: 100%;height:220px; }
	.contact .mapDiv img{ width: 100%; }
	.contact .midDiv{ padding: 25px 10px; height: auto;}
	.contact .lx{ float: none; padding-left: 0px; padding-top: 15px;}
	.contact .lx li{ width:43%; line-height: 24px;}
	.joinPart1{ padding: 50px 10px 55px; }
	.joinPart1 .title{ font-size: 20px; padding-bottom: 22px; }
	.joinPart1 .msg{ font-size: 14px; padding: 20px 0 30px; line-height: 26px; }
	.joinPart1 .imgDiv img{ width: 100%;}
	.joinPart2{ padding: 40px 10px 50px; }
	.joinPart2 .title{ font-size: 20px; padding-bottom: 22px; }
	.joinPart2 .msg{ padding: 20px 0 30px; font-size: 14px; text-align: center; line-height: 26px; }
	.joinPart2 .list{ padding: 0; }
	.joinPart2 .list li{ width: 50%; margin-bottom: 25px;}
	.joinPart2 .list li .name{ padding-top: 12px; font-size: 14px;}
	.joinPart3{ padding: 40px 10px;}
	.joinPart3 .leftImg{ width: 100%; }
	.joinPart3 .leftImg img{ width: 100%; }
	.joinPart3 .rightCon{ width: 100%; }
	.joinPart3 .title{ font-size: 20px; padding: 24px 0 22px; }
	.joinPart3 .list{ padding-top: 25px; }
	.joinPart3 .list li{ padding-left: 65px; height: 49px; line-height: 24px; font-size: 14px;}
	.joinPart3 .list li .num{ font-size: 16px; }
	.joinPart4{ padding: 40px 10px; height: auto; background: #f7f7f7;}
	.joinPart4 .title{ margin-bottom: 23px; font-size: 20px; position: relative; padding-bottom: 22px; }
	.joinPart4 .listBox{ width: 100%; height: auto; }
	.joinPart4 .list{ padding: 25px 0; background: none; }
	.joinPart4 .list li{ width: 50%; height: 246px;}
	.joinPart4 .list li .box{ padding: 0 10px; }
	.joinPart4 .list li .ico{ padding: 25px 0 12px; }
	.joinPart4 .list li .name{ font-size: 15px; padding-bottom: 5px;}
	.joinPart4 .list li .msg{ font-size: 12px; line-height: 20px; }
	.joinPart5{ padding: 40px 10px 30px; }
	.joinPart5 .title{ font-size: 20px; padding-bottom: 22px; }
	.joinPart5 .list{ padding-top: 25px; }
	.joinPart5 .list ul{ margin-right: 0px; }
	.joinPart5 .list li{ float: none; width: 100%; margin-bottom: 18px;}
	.joinPart5 .list li .box{ margin-right: 0px; height: 172px; }
	.joinPart5 .list li .name1{ padding: 25px 0 0 20px; font-size: 20px; }
	.joinPart5 .list li .name2{ padding: 10px 0 15px 20px; font-size: 16px;}
	.joinPart5 .list li .name2 em{ left: 20px; }
	.joinPart5 .list li .msg{ padding: 20px 10px 0 20px; }
	.joinPart6{ background: none; padding: 0 10px 40px;}
	.joinPart6 .title{ margin-bottom: 25px; font-size: 20px; padding-bottom: 22px; }
	.joinPart6 .form {padding: 20px 15px 90px; } 
	.joinPart6 .form ul{ margin-right: 0px; }
	.joinPart6 .form li{ float: none; width: 100%; }
	.joinPart6 .form li .box{height: 43px; padding-left: 90px; margin-right: 0; width: auto; } 
	.joinPart6 .form li em {width: 80px; left: 6px; } 
	.joinPart6 .form li .input1 {width: 100%; padding: 0 5%; box-sizing: border-box;} 
	.joinPart6 .form li select{width: 100%;padding: 0 5%; box-sizing: border-box;}
	.joinPart6 .textarea {padding-top: 10px; } 
	.joinPart6 .textarea textarea {width: 100%; height: 115px; padding: 10px 5%; box-sizing: border-box; }
	.joinPart6 .btnDiv .btn1{margin-right:10px;}
      .indexPart2 .videoImg video
    {
        width:100%;
    }
      .bigPicLayer{ width:300px; height:auto; padding: 0px; margin-top:-150px;}
.bigPicLayer .close{ display:block; width:38px; height:38px; background:url(../images/m5_off.png) no-repeat; left: 50%; margin-left: -15px ; top:-60px; position: relative; position:absolute; z-index:222;}
.bigPicLayer .close em{ width: 1px; height: 50px; background: #FFFFFF; display: block; position: absolute; left: 50%; margin-left: -0.5px; top: 100%;  }
.bigPicLayer .imgDiv{ height:169px;}

	}