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

@media screen and ( max-width:1900px ){
	.index-p2 .skill .prod3one{width: 88%;margin: 0 auto;}
}

@media screen and ( max-width:1600px ){
	.index-big .list1 .box .txt-box h2{ padding-top:0.35rem;}
	.index-big .list1 .box .txt-box p{ margin: 0.25rem 0;}
	.nav li{ margin-left: 0.52rem;}
}

@media screen and ( max-width:1500px ){
	.index-p1 .info{width: 670px;}
	.index-p1 .list3{width: 470px;}
	.index-p2 .skill .path_div .path .path-box{margin: 40px;}
	.index-p3 .i-title:before { left:-0.6rem;}
}

@media screen and ( max-width:1440px ){
	.honorLayer{ width: 420px; height: 574px;}
	.honorLayer .imgDiv{ padding: 20px; }
	.honorLayer .imgDiv img{ width: 380px; }
	.index-big .list1 .box .txt-box p{margin: 0.2rem 0;}

	}

@media screen and ( max-width:1380px ){
	.wal2{ max-width: 14.8rem; }
	.footNav{ width: 9.1rem; padding-left: 0.3rem; }
	.footNav li{ width: 1.34rem; }
	.honorLayer{ width: 360px; height: 489px;}
	.honorLayer .imgDiv{ padding: 20px; }
	.honorLayer .imgDiv img{ width: 320px; }
	.index-p2 .skill .path_div .path .path-box{margin: 30px;}
	.index-p3 .info {width: 5.1rem;}
	.index-p3 .skll{width: 7.4rem; }
	.index-big .list1 .box .txt-box h2{ padding-top:0.25rem;}
	}

@media screen and ( max-width:1200px ){
	.container{width: 94.66%;margin: 0 auto;}
	.pageBox3 .container p{padding-right: 400px;}
	.pageBox7 .ul1 {overflow: hidden;margin:40px -12px 0;}
	.pageBox7 .ul1 li{float: left;width: 33.33%;}
	.pageBox7 .ul1 .box{width:auto;}
}

@media screen and ( max-width:1004px ){
	.wal, .wal2, .wal3,.contactMap{width:100%;}
	.PC-Box, .nav, .headDiv .topRight, .footDiv .link2, .footNav, .banner, .pageBanner, .pageNow, .pageNav, .sideNews,.friend-link{ display:none;}
	.right-fixed-menu {display: none!important;}
	.Phone-Box, .navIco, .searchIco, .bannerTel, .pageBannerTel, .pageTitleTel, .pageMore{ display:block;}
	.headDiv{ height:0.96rem; position:relative; background: #fff;}
	.headDiv .wal2{ height:0.96rem;}
	.headDiv .logo{ left:0.2rem; top:0.25rem;}
	.headDiv .logo img{ width: 1.72rem; }
	.footDiv{ padding: 0.5rem 0.2rem; height:auto;}
	.footDiv .wal2{ height: auto; }
	.footDiv .leftDiv{ width: auto; float: none; border-right:none; padding-right:0; }
	.footDiv .logo{ text-align: center; padding-bottom: 0.38rem; }
	.footDiv .logo img{ width: 2.35rem; }
	.footDiv .msg{ font-size: 0.26rem; text-align: center; padding: 0.5rem 0; line-height: 0.48rem; }
	.footDiv .msg a{ font-size: 0.28rem;}
	.footDiv .rightDiv{ width: auto; float: none; }
	.footDiv .tel{ text-align: center; font-size:0.32rem; }
	.footDiv .tel b{ font-size: 0.32rem; line-height: 0.64rem; padding-top:0.1rem;}
	.footDiv .email{ text-align: center; font-size: 0.28rem; padding-bottom: 0.3rem;}
	.footDiv .ewm{display:none; /*float: none; width: 2.6rem; padding-top:0.15rem; margin: 0 auto; position:relative; right:0;*/}
	.footDiv .ewm img{ width: 2.6rem; }
	.pageBox{ padding: 30px 0.2rem 30px; }
	.pageCommon{ padding-bottom: 0.6rem;}
	.pageCommon .title{ font-size: 0.42rem; line-height: 0.42rem; padding-bottom: 0.3rem; }
	.pageCommon .msg{ font-size: 0.3rem; line-height: 0.56rem; padding-bottom: 0; }
	.productCenter{ padding-top: 0.5rem; }
	.productCenter li{ margin-bottom: 0.3rem; }
	.productCenter li .bigImg{ width: 100%; }
	.productCenter li .layer{ width: 3.5rem; height: 2.8rem; margin-left: -1.75rem; margin-top: -1.4rem; }
	.productCenter li .name1{ font-size: 0.4rem; padding: 0.7rem 0 0.15rem; line-height: 0.42rem; }
	.productCenter li .name2{ font-size: 0.3rem; padding-bottom: 0.2rem; }
	.productCenter li .ico{ width: 0.6rem; }
	.productCenter li .ico img{ width: 0.6rem; }
	.productCenter li .links{ height: auto; line-height: 0.48rem; padding: 0.25rem 0.15rem; }
	.productCenter li .links a{ font-size: 0.28rem; padding: 0 0.25rem 0 0.12rem; background-size: 0.1rem; }
	.topA{ font-size: 0.3rem; }
	.topA img{ padding: 0.24rem 0 0.15rem; width: 0.24rem; }
	.about{ padding: 0.48rem 0 0.1rem; }
	.about .name1{ font-size: 0.42rem; padding-bottom: 0.1rem; line-height: 0.42rem; }
	.about .name2{ font-size: 0.42rem; line-height: 0.42rem; padding-bottom: 0.4rem; }
	.about .content{ font-size: 0.32rem; line-height: 0.56rem; padding-bottom: 0.4rem; }
	.about .content2{ font-size: 0.32rem; line-height: 0.56rem; padding: 0.4rem 0; }
	.about .bigBox{ padding: 0; height: auto; border-top-left-radius: 48px; }
	.about .bigBox .imgDiv{ position: relative; }
	.about .bigBox .imgDiv img{ width: 100%; }
	.about .bigBox .txt{ padding: 0.65rem 0.3rem 0.3rem; font-size: 0.32rem; height: auto; }
	.about .bigBox .txt:after{ width: 0.36rem; height: 0.06rem; left: 0.3rem; }
	.about .bigBox .msg{ padding: 0.32rem; line-height: 0.56rem; font-size: 0.28rem; }
	.about .bigBox .md{ display: none; }
	.about .list{ padding-top: 0.2rem; }
	.about .list li{ padding: 0 0 0.4rem 0; height: auto; }
	.about .list .li01{ padding: 0 0 0.4rem 0; }
	.about .list li:before{ display: none;}
	.about .list li .imgDiv{ position: relative; top: 0px; padding-top: 0.5rem;}
	.about .list li .imgDiv img{ width: 100%; height:auto;}
	.about .list li .name{ font-size: 0.32rem; padding-top: 0.45rem; height: auto; padding-bottom: 0.3rem; }
	.about .list li .name:after{ width: 0.36rem; height: 0.06rem; }
	.about .list li .txt{ font-size: 0.3rem; padding: 0.5rem 0 0.2rem; }
	.about .list li .msg{ font-size: 0.28rem; line-height: 0.48rem;  }
	.case{ padding-top: 0.5rem; }
	.case .list ul{ margin-right: -0.2rem; }
	.case .list li{ margin-bottom: 0.3rem; }
	.case .list li .imgDiv img {height: 170px;}
	.case .list li .box{ margin-right: 0.2rem; }
	.case .list li .botDiv{ padding: 0 0.3rem 0.3rem; height: auto;}
	.case .list li .name{ padding-top: 0.28rem; height: 0.56rem; line-height: 0.56rem; font-size: 0.32rem;}
	.case .list li .wen{ font-size: 0.25rem; padding-top: 0.1rem; }
	.pageMore{ padding-top: 0.25rem; }
	.pageMore a{ font-size: 0.36rem;}
	.product{ padding-top: 0.5rem; }
	.product .list ul{ margin-right: -0.2rem; }
	.product .list li{ width: 50%; margin-bottom: 0.5rem; }
	.product .list li .box{ margin-right: 0.2rem;}
	.product .list li .imgDiv{ height: 2.53rem; padding-top: 0.45rem;  }
	.product .list li .imgDiv img{ width: 2.08rem; height: 2.08rem; }
	.product .list li .botDiv{ padding: 0 0.3rem 0.3rem; height: auto;}
	.product .list li .name{ height: 0.8rem; line-height: 0.8rem; font-size: 0.3rem; }
	.product .list li .msg{ font-size: 0.25rem; height: 0.3rem; line-height: 0.3rem; }
	.product .list li:hover .botDiv:before{ display: none; }
	.contact{ padding-top: 0.5rem; background: url(../images/nimg620Bg2.png) center 0.6rem no-repeat; background-size: 100%; }
	.contact .name1{ font-size: 0.42rem; line-height: 0.42rem; }
	.contact .name2{ font-size: 0.62rem; line-height: 0.62rem; padding: 0.3rem 0; }
    .contact .qrcode {display: block;text-align: center;margin-top:10px;}
	.contact .qrcode img {max-width: 100%;height: auto;}
	.contact .list{ float: none; padding-top: 0.3rem; }
	.contact .list li{ height: auto; line-height: 0.48rem; padding-bottom: 0.2rem; font-size: 0.3rem; padding-left: 0.46rem;}
	.contact .list li img{ width: 0.26rem; top: 0.15rem; margin-top: 0; }
	.culture{ padding-top: 0.5rem; }
	.culture .mxfDiv{ height: 4rem; }
	.culture .mxfDiv img{ height: 4rem; width: auto; }
	.culture .mxfDiv .layer{ left: 0.4rem; top: 0.75rem; }
	.culture .mxfDiv .txt{ font-size: 0.62rem; line-height: 0.62rem;}
	.culture .mxfDiv .msg{ font-size: 0.32rem; padding: 0.2rem 0 0.35rem;}
	.culture .mxfDiv .wen{ font-size: 0.8rem;  }
	.culture .list{ padding: 0 0.4rem; }
	.culture .list li{ padding: 0.5rem 0 0.5rem 1.0rem;}
	.culture .list li .ico{ top: 0.5rem; }
	.culture .list li .ico img{ width: 0.7rem; }
	.culture .list li .name{ font-size: 0.28rem; height: 0.62rem; }
	.culture .list li .name:after{ width: 0.32rem; height: 0.06rem;  }
	.culture .list li .msg{ font-size: 0.3rem; padding: 0.26rem 0; }
	.culture .list li .content{ font-size: 0.27rem; line-height: 0.48rem;}
	.story{ padding: 0.5rem 0 0; background: none; }
	.story .mxfDiv{ height: 4rem; }
	.story .mxfDiv img{ height: 4rem; width: auto; }
	.story .mxfDiv .layer{ right: 0.4rem; top: 0.65rem;}
	.story .mxfDiv .txt{ font-size: 0.62rem; line-height: 0.62rem;}
	.story .mxfDiv .msg{ font-size: 0.38rem; padding: 0.15rem 0 0.3rem;text-align:justify}
	.story .mxfDiv .wen{ font-size: 0.5rem;  }
	.story .list{ padding-top: 0.3rem; }
	.story .list li{ padding-bottom: 0.4rem;}
	.story .list li .name{ font-size: 0.34rem; padding-left: 0.8rem; height: 0.56rem; line-height: 0.56rem; }
	.story .list li .num{ width: 0.56rem; height: 0.56rem; background-size: 0.56rem; font-size: 0.32rem; }
	.story .list li .content{ padding-top: 0.2rem; font-size: 0.32rem; line-height: 26px; }
	.calculate{ padding: 0.5rem 0 0.12rem; }
	.calculate .list ul{ margin-right: 0; }
	.calculate .list li{ float: none; width: auto; margin-bottom: 0.3rem;}
	.calculate .list li .box{ margin-right: 0; height: auto; padding-bottom: 1.8rem; }
	.calculate .list li .box:before{ display: none; }
	.calculate .list li .title{ padding-left: 1rem; height: 1rem; line-height: 1rem; font-size: 0.3rem;}
	.calculate .list li .title img{ left: 0.5rem; width: 0.38rem; margin-top: -0.19rem; }
	.calculate .list li .toptop{ padding: 0.3rem 0.5rem 0; height: 2rem;}
	.calculate .list li .toptop:before{ width: 1.1rem; height: 1.1rem; right: 0.4rem; top: 0.36rem; background-size: 1.1rem;}
	.calculate .list li .line{ height: 1rem; position: relative; padding-right: 2rem; }
	.calculate .list li .line em{ position: absolute; right: 0; top: 0; padding-left: 0; font-size: 0.28rem; line-height: 0.75rem; }
	.calculate .list li .line .input1{ width: 100%; padding-left: 0; text-indent: 0.3rem; height: 0.75rem; font-size: 0.28rem; line-height: 0.75rem;}
	.calculate .list li .form .btn1{ font-size: 0.28rem; width: 2rem; height: 0.7rem; line-height: 0.7rem; }
	.calculate .list li .midmid{ padding: 0.26rem 0.5rem 0;}
	.calculate .list li .content{ font-size: 0.28rem; line-height: 0.48rem; }
	.calculate .list li .content b{ font-size: 0.3rem;}
	.calculate .list li .botbot{ height: 1.15rem; padding-top: 0.17rem; }
	.calculate .list li .msg{ height: 0.48rem; line-height: 0.48rem; font-size: 0.28rem; padding: 0 0.5rem;  }
	.calculate .list li .input2{ height: 0.48rem; line-height: 0.48rem; width: 0.72rem; font-size: 0.3rem; }
	.calculate .list .li01 .toptop:before{ background-size: 1.1rem;}
	.honor{ padding-top: 0.5rem; }
	.honor .list ul{ margin-right: -0.2rem; }
	.honor .list li{ margin-bottom: 0.2rem; width: 50%;  }
	.honor .list li .box{ padding-top: 0.3rem; margin-right: 0.2rem;  }
	.honor .list li .imgDiv img{ width: 2.18rem; height: 3.06rem; }
	.honor .list li .name{ font-size: 0.28rem; height: 0.95rem; line-height: 0.95rem; }
	.honorLayer{ width: 75%; height: auto;}
	.honorLayer .imgDiv{ padding: 0.5rem; }
	.honorLayer .imgDiv img{ width: 100%; }
	.honorLayer .close{ margin-left: -0.3rem; bottom: -0.8rem; width: 0.6rem; height: 0.6rem;  }
	.honorLayer .close img{ width: 0.6rem; }
	.base{ padding-top: 0.5rem; }
	.base .name1{ font-size: 0.42rem; line-height: 0.42rem; padding-bottom: 0.1rem; }
	.base .name2{ font-size: 0.42rem; line-height: 0.42rem; padding-bottom: 0.35rem; }
	.base .content{ font-size: 0.32rem; line-height: 0.52rem; padding-bottom: 0.3rem;}
	.base .bigImg{ padding-bottom: 0.2rem; }
	.base .bigImg img{ width: 100%; }
	.base .list ul{ margin-right: -0.2rem; }
	.base .list li{ width: 50%; margin-bottom: 0.2rem; }
	.base .list li .box{ margin-right: 0.2rem; height: 2.85rem; }
	.base .list li .ico{ padding: 0.38rem 0 0.3rem; }
	.base .list li .ico img{ width: 0.8rem; }
	.base .list li .num{ font-size: 0.26rem;}
	.base .list li .num b{ line-height: 0.5rem; font-size: 0.5rem;  }
	.base .list li .num em{ top: -0.28rem; }
	.base .list li .name{ padding-top: 0.16rem; font-size: 0.28rem; }
	.classroom{ padding-bottom: 0.45rem; }
	.classroom .list li .box{ padding-left: 3.5rem; height: 3.15rem; }
	.classroom .list li .imgDiv{ top: 0.5rem; }
	.classroom .list li .imgDiv img{ width: 3.08rem; height: 106px}
	.classroom .list li .con{ padding-top: 0.5rem; }
	.classroom .list li .name{ height: 1.38rem; line-height: 0.46rem; overflow: hidden; font-size: 0.32rem; padding-right: 0;}
	.classroom .list li .name p{ height: 0.92rem; overflow: hidden; }
	.classroom .list li .name em{ position: relative; background-size: 0.2rem; padding-left: 0.28rem; font-size: 0.26rem; display: block;}
	.classroom .list li .msg{ font-size: 0.25rem; padding-top: 0.1rem;}
	.classroom .list li .content{ display: none;}
	.news{ padding-top: 0.5rem; }
	.news .list ul{ margin-right: 0; }
	.news .list li{ float: none; width: 100%; margin-bottom: 0.5rem; }
	.news .list li .box{ margin-right: 0;  }
	.news .list li .botDiv{ padding: 0.25rem 0.3rem 0.45rem; height: auto;}
	.news .list li .imgDiv img {height: auto;}
	.news .list li .name{ font-size: 0.3rem; height: auto; line-height: 0.56rem; }
	.news .list li .time{ margin-top: 0.1rem; height: 0.35rem; line-height: 0.35rem; font-size: 0.26rem; background-size: 0.35rem;}
	.newsBox{ padding: 0.5rem 0 0.2rem; }
	.newShow{ width: auto; float: none;}
	.newShow .name{ font-weight: bold; font-size: 0.4rem; }
	.newShow .name img{ padding-left: 0.2rem; width: 0.26rem; }
	.newShow .time{ padding: 0.25rem 0 0.38rem;}
	.newShow .time li{ font-size:0.26rem; padding-right: 0.25rem;}
	.newShow .time li img{ padding-right: 0.1rem; width: 0.26rem; }
	.newShow .content{ font-size: 0.32rem; line-height: 0.56rem; padding: 0.45rem 0 0.9rem; }
	.newShow .imgDiv{ padding: 0.4rem 0;}
	.newShow .imgDiv img{ width: 100%; }
	.pageDown ul{ margin-right: -0.2rem; }
	.pageDown li{ font-size: 0.28rem; }
	.pageDown li .box{ margin-right: 0.2rem; height: 0.8rem; line-height:0.8rem; }
	.pageDown li a{ text-align: center; }
	.pageDown li .prev{ text-indent: 0; background: none; }
	.pageDown li .prev:hover{ background: #15369a;}
	.pageDown li .return{ text-indent: 0; background: none; }
	.pageDown li .return:hover{ background: #15369a;}
	.pageDown li .next{ text-indent: 0; background: none; }
	.pageDown li .next:hover{ background: #15369a;}
	.join .tui {display: none;}
	.join .job {width: 100%;}
	.page-down .btn {top: auto;right: 50%;font-size: 14px;text-indent: 15px; margin-right: -65px; bottom: 0px; width: 130px;background-size: 130px;height: 36px;line-height: 36px;}
	.page-down .box {padding-top: 15px;padding-bottom: 50px;}
	.page-down {height: auto;}
	.industryPic .slider-for{width: 100%;}
	.caseShow .Tal1 .span{font-size: 0.3rem;line-height: 0.56rem;}
	.caseShow .content .h6{font-size: 0.4rem;margin-bottom: 20px;}
	.caseShow .Tal1 .h6{font-size: 0.4rem;}
	.industryPic .industrylist{width: 100%;margin:0;}
	.industryPic .industrylist .slick-prev{top:50%;left:10px;margin-left: 0;margin-top: -17px;background: url(../images/t1_n2.png) no-repeat center;}
	.industryPic .industrylist .slick-next{left: auto; top:50%;right:10px;margin-right: 0;margin-top: -17px;background: url(../images/B1_n2.png) no-repeat center;}
	.industryPic .industrylist .slick-prev:hover{ background: url(../images/t1_f2.png) no-repeat center; }
	.industryPic .industrylist .slick-next:hover{ background: url(../images/b1_f2.png) no-repeat center; }
	.industryPic .industrylist .slick-slide img {height: 85px;}
	.advantagePic .slick .name {font-size: .34rem;}
	.advantagePic .slick p {font-size: .29rem;}
	.pro-show1{width: 100%;}
	.pro-show2{width: 100%;}
	.pro-show2 .box{margin: 20px;}
	.pro-show2 .box h2{font-size: 0.42rem;}
	.pro-show2 .box p{font-size: 0.32rem;margin: 15px 0;line-height: 25px;text-align: justify;}
	.pro-show2 .sd li{font-size: 0.28rem;}
	.pro-show2 .bigul li p{font-size: 0.28rem;text-align: center}
	.pro-show2 .bigul .txt{padding: 15px 0 10px;margin: 0 5px;}
	.pro-show .title {height: 40px;line-height: 40px;background-size: 100%;width: 130px;font-size: 16px}
	.pro-show .te {padding-top: 30px;}
	.pro-show .te p{font-size: 0.32rem;line-height: 26px;}
	.pro-show .te .img {margin-top: 30px;padding-bottom: 30px;}
	.color .industryPic {width: 100%;}
	.color .color2 li{width: 20%;}
	.color .col{width: 100%;}
	.color .col ul{margin: 0 -10px;}
	.color .col li{width: 50%;float: left;border-radius: 10px;margin-bottom:20px;height: 60px;}
	.color .col li .box {padding-top: 13px;}
	.color .col li .jj{margin: 0 10px;height: 100%;border-radius: 10px;}
	.color .col .l1 .jj{background: #b6987c;}
	.color .col .l2 .jj{background: #81b7dd;}
	.color .col .l3 .jj{background: #f1c9de;}
	.color .col .l4 .jj{background: #6f797a;}
	.color .col .l5 .jj{background: #265c32;}
	.color .col .l6 .jj{background: #8e1c21;}

	 .color .col .l1{background:none;}
	.color .col .l2{background:none;}
	.color .col .l3{background:none;}
	.color .col .l4{background:none;}
	.color .col .l5{background: none;}
	.color .col .l6{background:none;}
	.color .col .big {width: 50%;float: left;margin: 0;margin-bottom: 20px;}
	.color .col li p{font-size: 0.32rem;margin-bottom: 5px}
	.color .col .big p{font-size: 0.32rem;}
	.pro-show {margin: 30px 0 0;}
	.pro-show .skill{padding: 30px 10px 10px;}
	.indexNews .slick-next{right:10px;}
	.indexNews .slick-prev{right: 60px;}
	
	.i-title h2{font-size: 0.42rem;line-height: 0.5rem;margin-bottom: 5px;letter-spacing: 2px}
	.i-title span {font-size: 0.28rem;line-height: 0.28rem;margin: 0.1rem 0 0.3rem;}
	.i-title em {width: 0.3rem;height: 0.05rem; }
	.more-a {font-size: 14px;width: 2.46rem;height: 0.66rem;border: 0.02rem solid #153174;line-height: 0.66rem;}

	.index-p1{position:inherit;height: auto;}
	.index-p1 .info{width:100%;float: none;margin: 0 auto;height: auto;padding: 50px 0 140px;background: url(../images/i1_02.jpg) no-repeat left bottom;}
	.index-p1 .info .m-con {width: 94.66%;margin: 0 auto;}
	.index-p1 .list3{width:100%;float: none;position:inherit;height: 440px;background-size: 100%;}
	.index-p1 .info .cont{height: auto;padding: 90px 0 60px;}
	.index-p1 .info .cont p{height: 140px;font-size: 16px;text-align: justify; line-height: 0.56rem;}
	.index-p1 .info .cont h3{font-size: 0.38rem;}
	.index-p1 .list3 .box ul{top: 25px;width: 94.66%;left: 2.67%;}
	.index-p1 .list3 .box li{height: 130px;margin: 0;}
	.index-p1 .list3 .box .tou{margin: 33px 36px;}
	.index-p1 .list3 .box .tou h2{position: relative;}
	.index-p1 .list3 .box .tou h2 em{position: absolute;top: 0;right: 0;}
	.index-p2 .skill .swiper-button-prev{left:-70px;}
	.index-p2 .skill .swiper-button-next{right: -70px;}
	.index-p2 .i-title .more-a{display: none;}
	.index-p2 .i-title {width: 94.66%;margin: 0 auto;}
	.index-p2{padding:30px 0;}
	
	.index-p3 {width: auto;height: auto;background: url(../images/i2_06Tel.jpg) center no-repeat; background-size:100% 100%; padding:0.7rem 0.2rem .5rem;}
	.index-p3 .info {width: auto;float:none;}
	.index-p3 .i-title:before { display:none;}

	.index-p3 .cont h2{ display:none;}
	.index-p3 .cont p{ display:none;}
	.index-p3 .cont .more-a {border: 0.02rem solid #fff; width: 2.45rem;height: 0.56rem;line-height: 0.56rem;margin-top: 0; position:absolute; right:0px; top:-1rem;}
	.index-p3 .cont .more-a em {background: #fff;}
	
	.index-p3 .skll .prod3one{position: relative;}
	.index-p3 .skll{width: auto;overflow: hidden; float:none; padding-top:0.5rem;}
	.index-p3 .skll .swiper-slide{ width:5.4rem;}
	.index-p3 .skll .path_img{ width:3.92rem; margin:0 auto; float:none;}
	.index-p3 .skll .path_img img{ width:100%;}
	.index-p3 .skll .path {position: relative;height: auto;width:auto;padding-left: 0; float:none;}
	/* .index-p3 .skll .path .path-box{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} */
	.index-p3 .skll .path .path-box{padding-top: 0.3rem; text-align:center;}
	.index-p3 .skll .path .path-box h2{font-size: 0.31rem;line-height: 0.48rem;margin-bottom: 5px;}
	.index-p3 .skll .path .path-box span { display:none;}
	.index-p3 .skll .swiper-button-prev{ left:0.5rem; top:3.2rem}
	.index-p3 .skll .swiper-button-next{ left:auto; right:0.5rem; top:3.2rem}

	.index-big {width: auto; padding: 30px 0.2rem 0.8rem; margin-top:0;}
	.index-big .list1 ul { margin-right:-0.2rem;}
	.index-big .list1 li {float: left;width: 50%;margin-bottom: 0.2rem;}
	.index-big .list1 li:last-child,.index-big .list1 li:nth-last-child(2) {display: none}
	.index-big .list1 li .box { margin-right:0.2rem;}
	.index-big .list1 li .box img{height:3.5rem;}
	.index-big .list1 .box:hover .txt-box{display: none;}
	.index-big .list1 .name{ display:block;height: .8rem;line-height: .8rem;}
	.index-p4 .big2 .list2{width: 100%;height: auto;margin-top: 0.4rem;}
	.index-p4 .big2 .list2 ul{ margin-right:-0.2rem;}
	.index-p4 .big2 .list2 .box { margin-right:0.2rem;height:auto}
	.index-p4 .big2 .list3{width: 100%;height: auto;margin-top: 0.4rem;}
	.index-p4 .big2 .list2 li{height: auto;width: 100%;float: none;}
	.index-p4 .big2 .list2 li:last-child {display: none;}
	.index-p4{padding: 0.4rem 0.2rem;}
	.index-p4 .wal2{width: 100%;margin: 0 auto;}
	.index-p4 .big2 .list2 .box .info{padding: 10px;}
	.index-p4 .big2 .list2 .box .info em{width: 20px;height: 20px;}
	.index-p4 .big2 .list2 .box .info p{ font-size: 0.3rem;}
	.index-p4 .big2 .list2 .box .info span{font-size: 0.26rem;}
	.index-p4 .big2 .list3{ margin-top:0.3rem;}
	.index-p4 .big2 .list3 li { height:auto;}
	.index-p4 .big2 .list3 li:last-child {display: none;}
	.index-p4 .big2 .list3 li .box {padding: 0.35rem 1rem 0.3rem 0.3rem;}
	.index-p4 .big2 .list3 .box em{ right: 15px;}
	.heng{text-align: center; padding:0.3rem 0 0.4rem; height:auto; background:#15379B;}
	.heng span{ display:block;}
	.heng .span1{font-size: 0.38rem;line-height: 0.56rem;margin-right: 0;}
	.heng .span2{font-size: 0.3rem;line-height: 0.56rem;}
	.heng a{display: block;margin:0.25rem auto 0; float: none;}
	.index-p5{width: auto; padding: 0.4rem 0.2rem; height:auto; background:#fafafa;}
	.index-p5 .contan {padding-top: 0.8rem;}
	.index-p5 .contan .img{width: 100%; float:none;}
	.index-p5 .contan .txt{width:100%;float: none; height: auto; margin-top:0.4rem;}
	.index-p5 .contan ul{ margin-right:-0.2rem;}
	.index-p5 .contan li .lbox{ margin-right: 0.2rem;}
	.index-p5 .contan .content .bg .ab h3{ font-size: 0.36rem;}
	.index-p5 .contan .content .bg .ab span {font-size: 0.24rem;line-height: 0.32rem;margin-bottom: 0;}
	.index-p5 .contan .content .bg .ab img{ display:none;}

	.pageBox3 .container p{padding-right: 300px;}

	.pageBox5{background-size: 100% 100%;padding: 20px 0 20px 10px;}
	.pageBox5 .ul1 {margin-top: 20px; margin-right:-0.1rem;}
	.pageBox5 .ul1 li{float:left;width: 50%;margin-bottom: 0.2rem;}
	.pageBox5 .ul2{ margin-right:-0.1rem;}
	.pageBox5 .ul1 li .box, .pageBox5 .ul2 li .box{ margin-left:0; margin-right:0.1rem;}
	.pageBox5 .ul2 li{float: left;width: 50%;margin-bottom: 20px;}
	.pageBox5 .ul1 .box h4{ width:0.74rem; height:0.74rem; line-height:0.74rem; margin-bottom:0.1rem; font-size:0.4rem;}
	.pageBox5 .ul1 .box .txt {  padding:0.2rem 0.1rem;}
	.pageBox5 .ul2 .box .txt{padding: 0.2rem 0.1rem; font-size:0.28rem}
	.pageBox5 .ul1 .box p {font-size: 0.24rem;line-height: 0.48rem;-webkit-box-orient: vertical; -webkit-line-clamp: 4;}
	.pageBox5 .ul1 .box , .pageBox5 .ul2 .box {height: 3.5rem;}
	.pageBox5 .ul2 .box p {margin-top: 0.2rem;font-size: 0.24rem;line-height: 0.48rem;-webkit-box-orient: vertical; -webkit-line-clamp: 4;}
	.pageBox5 .ul2 .box h4{ width:0.74rem; height:0.74rem; line-height:0.74rem; font-size:0.4rem; margin-bottom: 0;}
	.pageBox5 .ul2{margin-top: 0;}
	.pageBox6{padding: 20px 0 0;}
	.pageBox6 .container ul{margin:0.2rem -0.1rem 0;}
	.pageBox6 .container li{float: left;width: 100%;margin-bottom: 0.2rem;height:auto;}
	.pageBox6 .container .list {margin: 0 0.1rem;height: 150px;width: 150px;}
	.pageBox6 .container .list h3 {  font-size: 0.3rem; margin: 0.35rem 0 0.2rem;}
	.pageBox6 .container .list img{margin-top:0.5rem;width: 0.4rem;}
	.pageBox6 .container .list p {font-size: 0.24rem;line-height: 0.4rem;height: 1.2rem;padding:0 0.1rem;}
	.pageBox7 .ul1 {margin-top: 0.2rem; margin-right:-0.1rem;}
	.pageBox7 .ul2{ margin-right:-0.1rem;}
	.pageBox7 .ul1 li .box{ height:4.6rem;}
	.pageBox7 .ul1 li .box, .pageBox7 .ul2 li .box{ margin:0 0.1rem 0 0;}
	.pageBox7 .ul2 li{width: 50%;margin-bottom: 0.2rem;}
	.pageBox7 .ul1 li{width: 50%;margin-bottom: 0.2rem;}
	.pageBox7 .ul1 li:last-child{ width:100%;}
	.pageBox7 .ul1 li:last-child .box{ height:2.6rem;}
	.pageBox7 .ul1 li .box .txt h4{background-size: 100%}
	.pageBox7 .ul1 .box p{ font-size:0.24rem; line-height:0.4rem;}
	.pageBox7 .ul2 .box h4 {background-size: 100%!important;font-size: 0.3rem; height: 0.76rem; line-height:0.76rem;}
	.pageBox7 .ul2 .box p {font-size: 0.24rem; line-height:0.4rem;}
	.pageBox7 .ul2 .box{height: 3.5rem;}
	.pageBox7 .ul1 .box h4 {font-size: 0.3rem; height: 0.76rem; line-height:0.76rem;}
	.pageBox7{padding: 20px 0 20px 10px;}
	.pageBox8 .info{width: 100%;}
	.pageBox8 .pic {width: 100%;}
	.pageBox8 .info{padding: 30px 0;}
	.pageBox8 .info h3{font-size: 18px;}
	.pageBox8 .info span{font-size: 15px;line-height: 24px;}
	.pageBox8 .info p{font-size: 14px;margin: 20px 0;}
	.pageBox8 .info .phone p{margin-top: 0;}
	.pageBox8 .info .phone:before{top: 23px;width: 40px;height: 40px;background-size: 100%;}
	.pageBox8 .info .phone span{font-size: 12px;}
	.pageBox8 .info .phone p{font-size: 20px;}
	.pageBox8 .info .phone{padding-left: 50px;}
	.pageBox1 {padding-top: 0}
	.pageBox1 p{font-size: 0.32rem;line-height: 0.5rem;}
	.pageBox1 a{margin-top: 20px;}
	.pageBox2{padding: 20px 0 0;}
	.pageBox2 li:last-child {margin-bottom: 0;}
	.pageBox2 .jo-box img {height: auto;}
	.pageBox1 h2{font-size: 20px;line-height: 40px;}
	.pageBox1 span{font-size: 15px;}
	.jion-title h2{font-size: 20px;line-height: 40px;}
	.jion-title span{font-size: 16px;}
	.pageBox2 .jo-box .ingo a{font-size: 16px;line-height: 26px;}
	.pageBox3 .container h2{font-size: 20px;}
	.pageBox4{padding-top: 30px;}
	.join-in-bg {background-size: 100%;background-repeat: repeat;}
	.join-title-box h2 {margin-bottom: 8px;}
	.join-title-box h2:before {width: 30%;}
	.join-title-box h2:after {width: 30%;}
	.join-title-box h2 span {font-size: 20px;line-height: 40px;}
	.join-title-box > span {font-size: 16px;}
	.pageBox1 p {width: 100%;}
	.pageBox3 {height: auto;}
	.pageBox3 .container p {width: 100%;margin-top: 25px;}
	.pageBox4 .container li .list {background-size: 80%!important;padding: 30px 5px;}
	.pageBox4 .container ul li img {width: 30px;}
	.pageBox6 .container .list {margin: 0 auto;}
	.pageBox6 .container .list img {margin-top: 10px;width: .4rem;}
	.pageBox8 {margin-bottom: 30px;}
	.pageBox7 .ul1,.pageBox7 .ul2 {margin: 0;}
	.big-img,.big-img img{padding-top: 0}
	.pageBox6 .container li {width: 50%;}
	.pageBox6 .container .list {width: 160px;height: 160px;margin: 0 auto;}
	.pageBox6 .container .list p {padding: 0 .5rem;height: 1.2rem;}
	.pageBox6 .container .list h3 {margin: .2rem 0;}
	.big-img {margin-top: 0}
	.pageBox5 .ul1 {padding-bottom: 0;}
	.pageBox5 .ul1 li,.pageBox5 .ul2 li {width: 50%;}
	.pageBox5 .ul1 li:last-child {width: 100%;}
	.pageBox5 .ul1 li:last-child .box .txt {margin-top: .5rem;}
	.pageBox5 .ul2 li {margin-bottom: .2rem;}
	.pageBox6 {padding-top: 0;}
	.pageBox7 .ul1 {padding-bottom: 0;margin-top: 15px;}
}



@media screen and ( max-width:750px ){
	.join .job dl{height: 70px;}
	.join .job .dd01{width: 60px;}
	.join .job .dd01 em {margin:15px 0 0 10px;width: 40px;height: 40px;border-radius: 50%;background:#fff url(../images/join_03.png) no-repeat center center;background-size: 18px;}
	.job .list li.liNow .dd01 em{background:#153174 url(../images/join_10.png) no-repeat center center;background-size: 18px;}
	.join .job .dd03 {width: 30px;}
	.join .job .dd03 em{margin-top: 23px;}
	.join .job .dd02 b{font-size: 16px;line-height: 16px;margin-top: 18px;}
	.join .job .box {padding: 0 20px 30px;}
	.join .job .box .botbot {margin-top: 20px;}
	.join { padding: 30px 0 0;}
	.caseShow .Tal1 .tt li{float: left; width: 33.33%;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
	.caseShow .Tal1 .p{font-size: 13px;margin-top: 6px;}
	.caseShow .Tal1 .h5{font-size: 16px;}
	.caseShow .Tal1 .tt{margin: 35px 0;}
	.caseShow .share{margin: 40px 0;}
	.caseShow{padding-top: 20px;}
	.caseShow .content{margin-bottom: 20px;}
	.industryPic .slider-for .box .bg{width: 100%;height: 50px;}
	.industryPic .slider-for .box .bg p{line-height: 50px;font-size:14px;padding-left: 10px;}
	.industryPic .industrylist .slick-prev{width: 26px;height: 26px;margin-top: -13px;}
	.industryPic .industrylist .slick-next{width: 26px;height: 26px;margin-top: -13px;}
	.color .industryPic .industrylist{bottom: 70px;}
	.color .industryPic .industrylist .slick-slide img {box-sizing: border-box;height: 70px;}
	.color .color2 {margin-top: 20px;}
	.color .color2 h3 {font-size: 18px;}
	.color .color2 li{width: 25%;}
	.color .color2 li span {font-size: 14px;}
	.color{padding: 0;}
	.join .job .box .btnGroup a{width: 120px;height: 36px;line-height: 36px;}
	.join .job .box .content{font-size: 0.28rem;line-height: 28px;}
	.index-p1 .info .cont{padding: 30px 0 20px;}
	.index-p1 .info .cont h3 {margin-bottom: 20px;font-size: 18px;}
	.index-p1 .info{padding:30px 0;}
	.index-p1 .list3{height: 350px;background-size: 100% 100%;}
	.index-p1 .list3 .box li{height: 85px;margin-bottom: 15px;}
	.index-p1 .list3 .box .tou h2 {font-size: 20px;height: 30px;margin-bottom: 6px;}
	.index-p1 .list3 .box .tou{margin: 18px 20px;}
	.index-p2 .skill{width: 94.66%;margin: 0 auto;padding-top: 50px;}
	.index-p2 .skill .prod3one{width: 70%;}
	.index-p2 .skill .swiper-button-next{width: 50px;height: 37px;right: -50px;background-size: 100%;}
	.index-p2 .skill .swiper-button-next:hover{width: 50px;height: 37px;right: -50px;background-size: 100%;}
	.index-p2 .skill .swiper-button-prev{width: 50px;height: 37px;left: -50px;background-size: 100%;}
	.index-p2 .skill .swiper-button-prev:hover{width: 50px;height: 37px;left: -50px;background-size: 100%;}
	.heng{height: auto;}
	.heng a{width:120px;height: 36px;line-height: 36px; margin:16px auto 0;font-size: 12px;}
	.pageBox2 ul{margin:40px 0 0;}
	.pageBox2 li{float: none;width: 100%;margin-bottom: 30px;}
	.pageBox2 .jo-box{margin: 0;}
	.pageBox3 {height: 380px;}
	.pageBox3 .container p{padding-right:0;height: 236px;font-size: 16px;line-height: 30px;}
	.pageBox3 .container h2{margin-top: 30px;}
	.pageBox4 .container ul{margin:40px 0 0;}
	.pageBox4 .container li{float: left;width: 33.33%;margin-bottom: 20px;}
	.pageBox4 .container .list {margin: 0 5px;}
	.pageBox4 .container .list h3{font-size: 0.28rem;margin: 10px 0;}
	.pageBox4 .container .list p{font-size: 0.24rem;line-height: 0.48rem;height: 0.96rem;}


}


@media screen and ( max-width:500px ){
	.color .color2 li{width: 50%;}
	.color .color2 h3{margin-bottom: 20px;}
	.index-p2 .skill .path-box h3{font-size: 0.42rem;}
	.index-p2 .skill .path-box span{font-size: 0.36rem;}
	.index-p2 .skill .path-box p{font-size: 12px;margin: 20px 0 30px;}
	.index-p2 .skill .path-box .more-a {width: 110px;height: 30px;line-height: 30px;font-size: 12px;}
}