/*! www.vancheer.com  |  Powered by vancheer */
@media screen and ( max-width:1600px ){
	.wal{ width: 1400px; }
	.ind-banner .two{ margin-left: -700px;} 
	.indexPart3 .case-left { width: 320px; height: 605px;}
	.indexPart3 .infoList { width: 1080px;}
	.indexPart3 .imgBox li { height: 123px; padding-left: 118px; }
	.indexPart3 .imgBox li .ico{ left: 56px; }
	.indexPart3 .imgBox li .name1{ padding: 24px 0 4px; }
	.index-box-two .list li {
	   /* width: 23%;
	    float: left;
	    display: block;
	    margin-bottom: 60px;
	    margin-right: 20px;*/
	}
	.link img{
  width: 15%;margin-right:1%;
  width: 7.8125vw;
    height: 4.375vw;justify-content: center;
    margin: 0 2.6vw 2.6vw;
    cursor: pointer;
    position: relative;
}
}

@media screen and ( max-width:1440px ){
	.wal{ width: 1200px; }
	.ind-banner .two{ margin-left: -600px;} 
	.indexPart3 .case-left { width: 275px; height: 455px;}
	.indexPart3 .infoList { width: 925px;}
	.indexPart3 .imgBox li { height: 90px; padding-left: 98px; }
	.indexPart3 .imgBox li .ico{ left: 36px; }
	.indexPart3 .imgBox li .name1{ padding: 20px 0 4px; }
	.index-box-two .list li {
	    width: 12%;
	    text-align: center;
	    /*float: left;
	    display: block;
	    margin-bottom: 60px;
	    margin-right: 20px;*/

	}
	.link img{
  width: 15%;margin-right:1%;
  width: 7.8125vw;
    height: 4.375vw;justify-content: center;
    margin: 0 2.6vw 2.6vw;
    cursor: pointer;
    position: relative;
}
	}

@media screen and ( max-width:1366px ){
.index-box-two .list li {
	    width: 12.5%;
	    /*float: left;
	    display: block;
	    margin-bottom: 60px;
	    margin-right: 20px;*/
	}
	.link img{
  width: 15%;margin-right:1%;
  width: 7.8125vw;
    height: 4.375vw;justify-content: center;
    margin: 0 2.6vw 2.6vw;
    cursor: pointer;
    position: relative;
}
	}

@media screen and ( max-width:1004px ){
	.indexPart4 .contentBox{ width: 100%; height: 360px; margin: 0 auto; background: #fff;}
	.indexPart4 .contentBox{
		width:100%;
	}
	.link img {
    width: 30%;
    margin: 0px;
    height: auto;
    margin-right: 1%;

}
	.wal, .wal2{width:100%;}
	.w903{ width: 100%; border-right: none; }
	.PC-Box, .nav, .headDiv .topRight, .footNav, .ind-banner, .sideBar, .pageBanner, .pageTop, .pageNum, .w237{ display:none;}
	.Phone-Box, .navIco, .shopIco, .bannerTel, .pageBannerTel, .pageTitleTel, .pageMore{ display:block;}
	.pageBox{ padding: 30px 10px 50px; }
	.pageBox2{ padding: 30px 10px 20px; }
	.headDiv{ height:60px; position:relative;}
	.headDiv .wal{ height:60px;}
	.headDiv .logo{ left:10px; top:16px;}
	.headDiv .logo img{ width: 125px; }
	.headDiv .topSearch{ right: 70px; top: 12px;}
	.indexTitle .titleImg img{ width: 220px; }
	.indexTitle .title1{ font-size: 20px; line-height: 20px;}
	.indexTitle .title1:after{ width: 35px; height: 3px; margin-left: 5px; top: -6px; }
	.indexTitle .title2{ padding-top: 5px; line-height:20px; font-size: 16px;}
	.indexTitle .more{ display: none; }
	.indexPart1{ padding: 40px 10px 35px;}
	.indexPart1 .list1{ padding: 25px 0 0; }
	.indexPart1 .list1 ul{ margin-right: 0px; }
	.indexPart1 .list1 li{ margin-bottom: 10px; float: none; width: 100%; }
	.indexPart1 .list1 li .box{ margin-right: 0px; }
	.indexPart1 .list1 li .mxfDiv{ height: 100px; margin-top: -50px; }
	.indexPart1 .list1 li .name1{ font-size: 18px; }
	.indexPart1 .list1 li .name2{ font-size: 12px; }
	.indexPart1 .list1 li em{ display: none; }
	.indexPart1 .list2 ul{ margin-right: -10px; }
	.indexPart1 .list2 li{ width: 50%; margin-bottom: 10px;}
	.index-box-two .list li {
	    width: 45%;
	    float: left;
	    display: block;
	    margin-bottom: 60px;
	    /*margin-right: 20px;*/
	}
	.indexPart1 .list2 li .box{ margin-right: 10px; }
	.indexPart1 .list2 li .imgDiv img{ width: 100%; }
	.indexPart1 .list2 li .mxfDiv{height: 40px; margin-top: -20px; }
	.indexPart1 .list2 li .name1{ font-size: 18px;  }
	.indexPart1 .list2 li .name2{ font-size: 12px; }
	.indexPart3{ padding: 40px 10px 0; }
	.indexPart3 .indexTitle{ margin-bottom: 25px; }
	.indexPart4{ padding: 40px 10px 0; }
	.indexPart4 .indexTitle{ margin-bottom: 25px; }
	.indexPart5{ padding: 40px 10px 30px; }
	.indexPart5 .indexTitle{ margin-bottom: 25px; }
	.indexNews .slick{ margin: 0 5px;}
	.indexNews .slick .botDiv{ height: 102px; }
	.indexNews .slick .name{ padding-top: 15px; height: 48px; line-height: 24px; font-size: 14px; }
	.indexNews .slick .time{ padding-top: 5px; font-size: 12px; }
	.indexNews .slick:hover .botDiv{ background:none; }
	.footDiv{ padding: 30px 0; height:auto;}
	.footDiv .leftDiv{ width: 100%; float: none; height: auto; border-right: none; }
	.footDiv .titleDiv .title1{ text-align: center; padding-bottom: 5px; font-size: 16px;}
	.footDiv .titleDiv .title2{ text-align: center; height: 36px; }
	.footDiv .titleDiv .title2 em{ left: 50%; margin-left: -8px;}
	.footDiv .msgList{ text-align: center;}
	.footDiv .btnDiv{ padding-top: 20px; width: 138px; margin: 0 auto; }
	.footDiv .btnDiv a{ text-align: center; display: block; width: 138px; height: 32px; line-height: 32px; background: #294171; color: #fff; font-size: 14px; font-weight: bold;}
	.footDiv .midDiv{ padding-left: 0px; width: 100%; height: auto; border-right: none;}
	.footDiv .rightDiv, .footDiv .midDiv .titleDiv, .footDiv .share{ display: none;}
	.footDiv .msg{ text-align: center; padding-top: 25px;}
	.footDiv .ewmDiv{ padding-top: 25px; text-align: center;}
	.product{ padding-bottom: 30px; }
	.product .list ul{ margin-right: -10px; }
	.product .list li{ width: 50%; margin-bottom: 15px;}
	.product .list li .box{ margin-right: 10px; }
	.product .list li .name{ height: 40px; line-height: 40px; font-size: 14px; }
	.product .list li:hover .name:after{ display: none; }
	.pageTitle{ padding-bottom: 30px; }
	.pageTitle .txt1{ font-size: 20px; line-height: 20px; }
	.pageTitle .txt2{ font-size: 16px; height: 40px; }
	.pageTitle .txt2:after{ width: 40px; height: 2px; }
	.productShow{ padding-bottom: 40px; }
	.piece a{ width: 100%; height: 45px; line-height: 45px; border-radius: 0; font-size: 14px; margin: 0 0 10px 0; }
	.piece .list{ display:none; }
	.piece .list:hover{ background: #fff; }
	.piece .prev{ background: #f4f4f4 ; }
	.piece .prev:hover{ background: #fff; }
	.piece .next{ background: #f4f4f4 ; }
	.piece .next:hover{ background: #fff; }
	.productShow .wen{ padding: 40px 0 25px; font-size: 18px;}
	.productShow .content{ line-height: 28px; padding-bottom: 30px; }
	.hotPro{ padding-top: 35px; }
	.hotPro .title{ font-size: 18px; padding-bottom: 20px; }
	.hotPic{ padding-bottom: 60px; }
	.hotPic .slick{ margin: 0; }
	.hotPic .slick .name{ height: 45px; line-height: 45px; font-size: 15px;}
	.hotPic .slick-prev{ left: 50%; margin-left: -45px; top: auto; margin-top: 0px; bottom: 0px;}
	.hotPic .slick-next{ right: 50%; margin-right: -45px; top: auto; margin-top: 0px; bottom: 0px; }
	.case .content{ padding-bottom: 30px; }
	.casePic2 .slick .layerDiv{ position: relative; width: 100%; height: 200px; background: rgba(29,73,158,1); }
	.casePic2 .slick .mxfDiv{ padding: 20px 15px 0; }
	.casePic2 .slick .name{ font-size: 18px; height: 40px; }
	.casePic2 .slick .name:after{ width: 40px; height: 2px; }
	.casePic2 .slick .msg{ line-height: 24px; padding-top: 15px; height: 48px; }
	.casePic2 .slick-prev{ right: 68px; bottom: 25px;  }
	.casePic2 .slick-next{ right: 15px; bottom: 25px; }
	.case{ padding-bottom: 30px; }
	.case .list{ padding-top: 25px; }
	.case .list ul{ margin-right: 0px; }
	.case .list li{ width: 100%; margin-bottom: 20px;}
	.case .list li .box{ margin-right: 0px; }
	.case .list li .name{ line-height: 50px; font-size: 15px; height: 50px; padding: 0 15px; }
	.case .list li .name:after{ display: none;}
	.caseShowPic{ padding-bottom: 38px; }
	.caseShowPic .agentlist{ width:auto; padding:15px 0 70px 0; height:auto;}
	.caseShowPic .agentlist .slick-slide{float:left; margin:0 6px;}
	.caseShowPic .slick-slide .name{ padding-top:10px; font-size:14px;}
	.caseShowPic .slick-prev{ top:auto; bottom:15px; margin-top:0px; left:50%; margin-left:-50px;}
	.caseShowPic .slick-next{ top:auto; bottom:15px; margin-top:0px; right:50%; margin-right:-50px;}
	.caseShowPic .slider-for .box{ padding-bottom:10px;}
	.caseShowPic .slider-for .txt{ font-size:20px; padding-bottom:20px;}
	.caseShowPic .slider-for .imgDiv{ width:100%;}
	.caseShowPic .slider-for .imgDiv img{ width:100%;}
	.caseShow{ padding-bottom: 30px; }
	.caseShow .title{ padding: 30px 0 20px; font-size: 18px; }
	.caseShow .content{ line-height: 28px; }
	.news{ padding-bottom: 40px; }
	.news .detail{ height: auto; padding: 0 0 25px 0;}
	.news .detail .imgDiv{ position: relative; }
	.news .detail .imgDiv img{ width: 100%;height:100%; }
	.news .detail .name{ padding: 20px 10px 0; height: 30px; line-height: 30px; font-size: 16px; }
	.news .detail .time{ padding: 10px; font-size: 14px; }
	.news .detail .content{ padding: 0 10px; line-height: 24px; height: 72px; font-size: 13px; margin-bottom: 20px;}
	.news .detail .more{ padding-left: 10px; }
	.news .list li{ height: 128px; padding-left: 150px; }
	.news .list li .imgDiv{ top: 15px; }
	.news .list li .imgDiv img{ width: 135px; }
	.news .list li .name{ padding-top: 15px; height: 52px; line-height: 26px; font-size: 15px;}
	.news .list li .content{ display: none; }
	.news .list li .time{ font-size: 16px; color: #999; height: 40px; line-height: 40px;}
	.newShow{ padding-bottom: 40px; }
	.newShow .name{ text-align: left; font-size: 18px; padding-bottom: 15px;}
	.newShow .time{ text-align: left; font-size: 13px; padding-bottom: 28px; }
	.newShow .content{ padding: 30px 0 45px; line-height: 26px; }
	.newShow .imgDiv{ padding: 25px 0; }
	.newShow .content img{ width: 100%; }
	.cooperation .list{ padding-bottom: 50px; }
	.cooperation .list li{ width: 50%; margin-bottom: 25px;}
	.cooperation .list li .ico img{ width: 92px; }
	.cooperation .list li .name{ padding: 15px 0 5px; font-size: 16px; }
	.cooperation .bigBox{ height: auto; position: relative; padding: 0 0 25px 0; }
	.cooperation .bigBox .imgDiv{ position: relative; }
	.cooperation .bigBox .imgDiv img{ width: 100%; }
	.cooperation .bigBox .txt1{ padding: 25px 10px 10px; font-size: 20px; line-height: 20px; }
	.cooperation .bigBox .txt2{ margin-left: 10px; font-size: 18px; height: 36px; }
	.cooperation .bigBox .biao{ padding: 20px 10px 0; }
	.processBox{ padding: 35px 10px 40px; }
	.processBox img{ width: 100%; }
	.service .bigBox{ height: auto; background-size: 100% 100%; padding-bottom: 45px;}
	.service .bigBox .txt1{ padding: 50px 0 10px; font-size: 18px; }
	.service .bigBox .txt2{ font-size: 18px; }
	.service .bigBox .list{ padding: 38px 0 0; }
	.service .bigBox .list li .ico img{ width: 80px;}
	.service .bigBox .list li .name1{ padding: 10px 0 5px; font-size: 15px; }
	.service .bigBox .list li .name2{ height: 36px; }
	.service .mxfDiv{ padding-top: 45px; }
	.service .msgList{ padding-left: 0; width: auto; border-right: none; padding-bottom: 35px;}
	.service .msgList2{ padding-left:0px; width: auto;  }
	.service .msgList h2{ font-size: 18px; padding-bottom: 30px; }
	.service .msgList ul{ width: auto; }
	.service .msgList li{ font-size: 14px; line-height: 32px; }
	.service .msgList li img{ top: 4px; }
	.about .part1 .leftDiv{ width: 100%; padding-right: 0px; }
	.about .part1 .txt{ font-size: 18px; }
	.about .part1 .wen{ padding-top: 5px; font-size: 24px; }
	.about .part1 .content{ line-height: 26px; padding-top: 30px; }
	.about .part1 .rightDiv{ margin-top: 30px; }
	.about .part1 .e-name{ left: 22px; top: 35px; }
	.about .part1 .c-name{ left: 22px; top: 112px; font-size: 18px; height: 48px;}
	.about .part2 .leftDiv{ width: auto; float: none; }
	.about .part2 .rightDiv{ width: 100%; height: 210px;}
	.about .part2 .list{ padding: 60px 0 0 18px; }
	.about .part2 .list li{ padding-bottom: 20px; float:left; width:33.33%; }
	.about .part2 .list li em{ display: block; color: #fff; text-transform: uppercase; opacity: 0.4; }
	.about .part2 .list li .num{ height: 42px; font-size: 28px; }
	.about .part2 .list li .num img{ padding-left: 6px; width:8px; top: -2px;}
	.about .part2 .list li span{ font-size: 12px;}

	.about .part3 .leftDiv{ width: auto; padding-right: 0px; }
	.about .part3 .list{ padding-top: 25px; }
	.about .part3 .txt{ left: 30px; top: 60px; }
	.about .part3 .wen{ left: 30px; top: 118px; }
	.h_banner {padding: 0 40px; } 
	.h_banner .swiper-button-prev {width: 35px;height: 35px;margin-top: -22.5px;left: 0px; background-size: 35px;} 
	.h_banner .swiper-button-next {width: 35px;height: 35px;margin-top: -22.5px;right: 0px; background-size: 35px;} 
	.h_banner .swiper-slide {width: 100%; } 
	.h_banner .swiper-slide p {font-size: 14px; padding: 7px 10px 10px; }
	.honor .list{ padding: 40px 0 25px; }
	.honor .list ul{ margin-right: -10px; }
	.honor .list li{ width: 50%; margin-bottom: 20px; }
	.honor .list li .box{ margin-right: 10px; padding: 10px 10px 0;}
	.honor .list li .name{ height: 35px; line-height: 35px; font-size: 12px;}
	.culture .mxfDiv .imgDiv{ display: none; }
	.culture .mxfDiv .contentBox{ position: relative; left: 0px; margin-left: 0; width: 100%; height: auto; padding-bottom: 35px; top: 0; margin-top: 0; } 
	.culture .mxfDiv .txt1{ font-size: 22px; line-height: 20px; padding: 35px 0 5px; }
	.culture .mxfDiv .txt2{ font-size: 16px; height: 38px; }
	.culture .mxfDiv .txt2:after{ width: 30px; margin-left: -15px; }
	.culture .mxfDiv .msg{ font-size: 14px; padding: 30px 20px 0;}
	.culture .list{ padding-top: 30px; }
	.culture .list ul{ margin-right: 0px; }
	.culture .list li{ float: none; width: 100%; margin-bottom: 15px; }
	.culture .list li .box{ margin-right: 0px; height: 160px; padding-left: 120px; padding-right: 15px;}
	.culture .list li .ico{ left: 20px; margin-top: -40px; }
	.culture .list li .ico img{ width: 80px; }
	.culture .list li .name{ padding-top: 45px; }
	.culture .list li .name b{ font-size: 16px; padding-right: 8px; }
	.culture .list li .msg{ font-size: 14px; padding-top: 10px; }
	.concept .mxfDiv .contentBox{ position: relative; margin-top: 0; width: 90%; padding-left: 10%; height: 180px; top: 0;} 
	.concept .mxfDiv .txt1{  font-size: 18px; height: 35px; padding-top: 40px;  }
	.concept .mxfDiv .txt2{ font-size: 18px; }
	.history .list li{ margin-bottom: 25px; padding-left: 30px;}
	.history .list li .contentBox{ min-height: 110px; padding: 0 15px 30px 108px;}
	.history .list li .year{ left: 10px; top: 20px; width: 80px; }
	.history .list li .year b{ font-size: 28px; }
	.history .list li .year em{ left:16px;}
	.history .list li .msgList{ padding-top: 20px; display: block; height: auto;}
	.history .list li .msgList dd{ height: auto; line-height: 26px; padding-left: 16px; background: url(../images/ico7.jpg) left 10px no-repeat; }
	.lyb{ padding-bottom: 40px; }
	.lyb .wen{ font-size: 26px; padding-bottom: 15px; line-height: 26px;}
	.lyb .msg{ padding-bottom: 20px; font-size: 14px;}
	.lyb .form{ padding: 35px 0 0; }
	.lyb .form ul{ margin-right: 0px; }
	.lyb .form li{ float: none; margin-bottom: 20px;}
	.lyb .form .li01{ width: 100%; }
	.lyb .form li .box{ margin-right: 0px; height: 45px; padding-left: 40px; }
	.lyb .form li .txt{ line-height: 45px; font-size: 13px; }
	.lyb .form li .input1{ height: 45px; line-height: 45px; }
	.lyb .tips{ padding: 0 0 20px 0;}
	.contactBox{ padding: 50px 10px 65px; }
	.contactBox .txt1{ font-size: 26px; line-height: 26px; }
	.contactBox .txt2{ font-size: 18px; height: 45px; }
	.contactBox .list{ padding: 45px 0 35px; }
	.contactBox .list li{ width: 50%; margin-bottom: 30px; }
	.contactBox .list li .ico{ padding-bottom: 25px; }
	.contactBox .list li .msg{ font-size: 12px; height:48px; line-height:24px; word-break: break-all;}
	.contactBox .mapDiv { width: 100%;height:200px; }
    	

	}