/*! 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 .txt{ font-size: 18px;}
	.indexPart2 .wen{ font-size: 14px;}
	.indexPart2 .text{ font-size: 14px;line-height:24px;}
	.indexPart2 .more a{ font-size: 14px;}
}

@media screen and ( max-width:1366px ){
	.indexPart1Pic .slick-prev{ left: -60px;}
	.indexPart1Pic .slick-next{ right: -60px;}
}

@media screen and ( max-width:1004px ){
	.wal, .wal2, .wal14{width:100%;}
	.w903{ width: 100%; border-right: none; }
	.PC-Box, .nav, .headDiv .topRight, .footNav, .ind-banner, .sideBar, .pageBanner, .pageTop, .w237{ display:none;}
	.Phone-Box, .navIco, .shopIco, .bannerTel, .pageBannerTel, .pageTitleTel, .pageMore{ display:block;}
    .Phone-Box img{width:100%;height:auto;}
	.headDiv{ height:50px; position:relative; background: #000;}
	.pageMenuBg{height:0px;}
	.headDiv.hov{background:#000;} 
	.headDiv::before{content: '';display: block;height:50px;background:#000;}
	.headDiv .wal{ height:50px;position: fixed;top:0px;background:#fff;}
	.headDiv .logo{ left:8px; top:6px;}
	.headDiv .logo img{ width: 110px; }
	.indexTitle .titleImg img{ width: 220px; }
	.indexTitle .title1,.indexTitle .title3{ font-size: 22px; line-height: 26px;}
	.indexTitle .title2{ padding-top: 10px; font-size: 16px;}
	.indexPart1{ padding: 55px 10px 35px; height: auto; }
	.indexPart1 .msg{ font-size: 14px; padding: 16px 0 30px;}
	.indexPart1Pic{ padding-bottom: 65px; }
	.indexPart1Pic .slick .box{ margin: 0; height: 395px;}
	.indexPart1Pic .slick a{ display: block; width: 100%; height: 100%; }
	.indexPart1Pic .slick .imgDiv{ padding: 30px 0 10px; }
	.indexPart1Pic .slick .imgDiv img{ width:240px; }
	.indexPart1Pic .slick .name{ font-size: 20px; height: 28px; line-height: 28px;}
	.indexPart1Pic .slick .wen{ font-size: 14px;  }
	.indexPart1Pic .slick-prev{ left: 50%; margin-left: -60px; bottom: 0px; top: auto; margin-top: 0px; width: 38px; height: 38px; background-size: 38px;}
	.indexPart1Pic .slick-next{ right: 50%; margin-right: -60px; bottom: 0px; top: auto; margin-top: 0px; width: 38px; height: 38px; background-size: 38px;}
	.indexPart1Pic .slick-prev:hover{ background-size: 38px; }
	.indexPart1Pic .slick-next:hover{ background-size: 38px; }

	.indexPart2{ padding: 55px 10px; height: auto; }
	.indexPart2 .leftDiv{ padding-top: 35px; width: 100%;}
	.indexPart2 .imgDiv{width: 100%;}
	.indexPart2 .video{clear:both;width:100%;height:290px;position:unset;}
	.indexPart2 .video video{margin-top: 50px;height:240px;}
	.indexPart2 .txt{ font-size: 18px; padding-bottom: 10px; text-align: center;}
	.indexPart2 .wen{ font-size: 14px; padding-bottom: 30px; text-align: center;}
	.indexPart2 .videoImg img{ width: 100%;}
	.indexPart2 .more{ padding-top: 35px; }
	.indexPart2 .more a{ font-size: 14px;margin: 0 auto; }
	.indexPart2 .imgDiv{ display: none; }


	.indexPart3{ padding: 55px 10px; height: auto; }
	.indexPart3 .more{ padding-top: 35px; }
	.indexPart3 .more a{ font-size: 14px;margin: 0 auto; }

	.indexPart4{ background-size: 40%; padding: 55px 10px; height: auto;}
	/*.indexPart4 .tab2{ padding-top: 20px; height: 50px;}
	.indexPart4 .tab2 li{ font-size: 14px; height: 28px; margin: 0 20px;}*/
    .indexPart4 .tab2{ padding-top: 20px; height: 50px; text-align:center;}
	.indexPart4 .tab2 li{ float:none; display:inline-block; font-size: 14px; height: 28px; margin: 0 20px;}

	.indexPart4 .detail{ width: 100%; height: auto;}
	.indexPart4 .detail .imgDiv img{ width: 100%; }
	.indexPart4 .detail .botDiv{ padding: 10px 15px 20px 15px; }
	.indexPart4 .detail .name{ line-height: 28px; font-size: 16px; height: 56px;}
	.indexPart4 .detail .time{ padding-top: 10px; font-size: 12px; }
	.indexPart4 .list{ width: 100%; padding-top: 5px;}
	.indexPart4 .list li{ margin-bottom: 5px; height: 91px; }
	.indexPart4 .list li a{ height: 91px; padding: 0 12px 0 146px;}
	.indexPart4 .list li .imgDiv img{ width: 130px; }
	.indexPart4 .list li .name{ padding-top: 10px; height: 44px; line-height: 22px;}
	.indexPart4 .list li .time{ padding-top: 12px; font-size: 13px;}
	.indexPart4 .btnDiv{ margin: 32px auto 0;}


	.indexPart5{ padding: 55px 10px 35px; height: auto;}
	.indexPart5 .msg{ font-size: 14px; padding: 16px 0 30px;}

	.indexPart6{ padding: 55px 10px 35px; height: auto;}
	.indexPart6 .msg{ font-size: 14px; padding: 16px 0 30px;}
	.indexPart6Pic{ padding-bottom: 65px; }
	.indexPart6Pic .slick .box{ margin: 0; height: 300px;}
	.indexPart6Pic .slick a{ display: block; width: 100%; height: 100%; }
	.indexPart6Pic .slick .imgDiv{ padding: 30px 0 10px; }
	.indexPart6Pic .slick .imgDiv img{ width:240px; }
	.indexPart6Pic .slick .name{ font-size: 20px; height: 28px; line-height: 28px;}
	.indexPart6Pic .slick .wen{ font-size: 14px;  }
	.indexPart6Pic .slick-prev{ left: 50%; margin-left: -60px; bottom: 0px; top: auto; margin-top: 0px; width: 38px; height: 38px; background-size: 38px;}
	.indexPart6Pic .slick-next{ right: 50%; margin-right: -60px; bottom: 0px; top: auto; margin-top: 0px; width: 38px; height: 38px; background-size: 38px;}
	.indexPart6Pic .slick-prev:hover{ background-size: 38px; }
	.indexPart6Pic .slick-next:hover{ background-size: 38px; }

	/*.footDiv{ padding: 45px 0 20px; height:auto;}
	.footDiv .wal{ height: auto; }
	.footDiv .leftDiv{ width: auto; padding-left: 10px; float: none;}
	.footDiv .logo{ padding-bottom: 20px; }
	.footDiv .tel{ font-size: 22px; }
	.footDiv .address{ line-height: 22px; padding-bottom: 20px;}
	.footDiv .rightDiv{ width: 100%; float: none;}
	.footDiv .ewmList{ padding-left: 10px; }
	.footDiv .ewmList ul{ margin-left: 0px; }
	.footDiv .ewmList li .box{ width: 102px; margin-left: 0px; margin-right: 20px;}
	.footDiv .share{ float: none; padding-top: 15px; padding-left: 15px;}
	.footDiv .share li{; margin: 0 6px; }
	.footDiv .links{ position: relative; left: 0px; bottom: 0px; margin-left: -10px; padding: 30px 10px 40px;}
	.footDiv .links a{ padding: 0 10px; line-height: 26px;}
	.footDiv .msg{ position: relative; bottom: 0px; text-align: center; border-top: #3c3c3f solid 2px; padding: 10px 10px 0; line-height: 24px;}*/
    .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 .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;padding-bottom: 20px; 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;}
	.footDiv .msg{ position: relative; right:0px;  bottom: 0px; text-align: center; border-top: #3c3c3f solid 2px; padding: 10px 10px 0; line-height: 24px;}
    .footDiv .link2{ width:auto; margin:0 10px 20px; height:40px; line-height:40px; position:relative; bottom:0;}

	.pageBox{ padding: 25px 10px 30px 10px; }
	.about{ padding-bottom: 20px; }
	.about .leftCon{ width: 100%;float: unset;}
	.about .txt1{ font-size: 18px; padding: 0px 0 10px;}
	.about .txt2{ font-size: 18px; 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 .msg img{width:100%;}
	.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; }
	.honor2 .title2{padding-bottom:30px;}
    .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{ font-size: 16px;padding-bottom: 10px;}
	.technology .list li .name2::after{margin-top: 10px;}
	.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/home/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/home/ico2on.png) left 9px no-repeat; }
	.technology .list .other{ height: auto; }
	.technology .list .other .contentBox{ height: auto; }
	.case{ padding-bottom: 25px; }
	.case .txt1{ font-size: 18px;}
	.case .txt2{ font-size: 26px; padding-bottom: 20px; }
	.case .toutou{ height: auto; padding-bottom: 25px; }
	.case .msg{ font-size: 14px; padding-bottom: 20px;}
	.case .tab22{ position: relative; }
	.case .tab22 li{ font-size: 14px; margin-left: 0px; margin-right: 20px; padding-bottom: 10px;}
	.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; }
	.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; }
	.productBox{ padding: 20px 0 45px;}
	.product .tab2{ padding-bottom: 30px;  padding-left:10px; padding-right:10px;}
	/*.product .tab2 li{ width: 33.33%; margin-bottom: 15px; }
	.product .tab2 li .limg img{ width: 90px; }
	.product .tab2 li .name{ font-size: 14px; padding-top: 5px; }*/
    .product .tab2 ul{ margin-right:-10px;}
	.product .tab2 li{ width:50%; margin-bottom:10px;}
	.product .tab2 li .box{ margin-right:10px; height:88px; padding-left:68px;}
	.product .tab2 li .limg img{ width:68px;}
	.product .tab2 li .name1{ font-size:16px; line-height:88px;}

	.product .list{ padding: 0 10px; }
	.product .list ul{ margin-right: 0px; }
	.product .list li{ float: none; width: 100%; margin-bottom: 15px; }
	.product .list li .box{ margin-right: 0px; height:150px;overflow: hidden;}
	.product .list li .box a{display:block;width:100%;height:100%;}
	.product .list li .box a>div{float:left;height:100%;padding:10px !important;box-sizing:border-box;}
	.product .list li .box .info{width:50%;}
	.product .list li .box .info h1{font-size:22px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 1;}
	.product .list li .box .info p{font-size:16px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 3;}
	.product .list li .box .img{width:50%;overflow:hidden;}
	.product .list li .box .img img{display:block;margin:auto;height:100%;transition:all 0.6s;}
	.product .list li .box a:hover .img img{transform:scale(1.1);}
	.product .list li a{ width: auto; padding-right: 120px;}
	.product .list li .imgDiv{ left: 45%;}
	.product .list li .imgDiv img{ height:100%;}
	.product .list li .name{ padding: 15px 0 0 15px; font-size: 18px;}
	.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;}
    /*.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;}*/

	.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;}
	.news{ padding-bottom: 40px; }
	.news .list{ padding-bottom: 30px; }
	.news .list ul{ margin-right: 0px; }
	.news .list li{ float:  none; margin-bottom: 25px;}
	.news .list li .box{ width: 100%; margin-right: 0px; height: auto; padding-bottom: 25px;}
	.news .list .li01 .box{ width: 100%; } 
	.news .list li .name{ padding-top: 20px; height: 30px; line-height: 30px;}
	.news .list li .content{ padding-top: 15px; line-height: 24px; height: 48px;}
	.news .list li .botDiv{ padding-top: 15px;}
	.news .list li .add{ top: 15px;}
	.news .list li .wen{ height: 42px; }
	.news .list li .name2{ padding:0 15px; height: 42px; line-height: 42px; font-size: 14px; }
	.news .list li .time2{ display: none; }
	.newShow{ width: 100%; }
	.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 .midDiv .logo{ float: none; width: 100%; border-right: none; height: 60px; line-height: 60px;}
	.contact .midDiv .lie{ float: none; padding-left: 0px; padding-top: 15px;}
	.contact .midDiv .lie li{  line-height: 24px;}
	.contact .list{ padding-top:35px; }
	.contact .list ul{ margin-right: 0px; }
	.contact .list li{ float: none; width: 100%; margin-bottom: 25px;}
	.contact .list li .box{ margin-right: 0px;}
	.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 .ico img{width: 50%;}
	.joinPart2 .list li .name{ padding-top: 12px; font-size: 12px;}
	.joinPart2 .list li .dec{ padding-top: 10px; font-size: 12px;}
	.join_box_04 .title{ font-size: 20px; padding-bottom: 22px; }
	.join_box_04 ul>li::before{width:80px;height:80px;background-size:80px 80px;margin: 0px auto;}
    .join_box_04 ul>li{font-size:14px;line-height:30px;width:50%;}
	.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; }
	.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 ul{display:block; }
	.joinPart4 .list li{float:left; width: 50%; height: 200px;border-right:none}
	.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{padding: 40px 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;}
	.joinPart7{ padding: 40px 10px 50px; }
	.joinPart7 .title{ font-size: 20px; padding-bottom: 22px; }
	.joinPart7 .msg{ padding: 20px 0 30px; font-size: 14px; text-align: center; line-height: 26px; }
	.joinPart7 .list{ padding: 0; }
	.joinPart7 .list li{margin-bottom: 25px;}
	.joinPart7 .list li .ico img{width: 50%;}
	.joinPart7 .list li .name{ padding-top: 12px;padding-bottom: 10px; font-size: 12px;}
	.joinPart7 .list li .dec{font-size:12px;text-align:left;width:90%;}

	.indexPart3 .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/home/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;}
	.productNav{height:auto;}
	.productNav a{height:10vw;font-size:14px;padding-top:4vw;margin:0 2vw;}
	.productNav a img{margin-right:5px;display:none;}
	.pro-detail .img{width:100%;height:200px;line-height:200px;}
	.pro-detail .txt{width:100%;}
	.pro-detail .txt h3{font-size:18px;}
	.pro-detail .txt h4{font-size:16px;}

	.research-title{font-size:20px;}
	.research-box .box{width:100% !important;}
	.research-ex-title{font-size:13px;padding-top:10px;}
	.research-1 .box .item{float:none;width:90%;margin:30px auto 0 auto;min-height:100px;}
	.research-1 .box .item:hover{transform:translate(0,-6px);}
	.research-2{padding-bottom:0;}
	.research-2 .box-1{display:block;text-align:center;padding:20px 10px 0 10px;box-sizing:border-box;}
	.research-2 .research-ex-title{display:block;}
	.research-2 .box-1 .item{width:100%;height:250px;margin:0;}
	.research-2 .box .item .show-title{line-height:250px;}
	.research-2 .box-1 span{display:inline-block;line-height:25px;transform: rotate(90deg);}
	/* .research-2 .box-2 .item{display:none;}
	.research-2 .box-2 span{display:none;} */
	.research-2 .box .bottom::after{position:absolute;left:0;right:0;bottom:-21px;content:'>';text-align:center;width:20px;margin:auto;font-size:20px;color:#0092d8;transform: rotate(90deg);}
	/* .research-2 .box-2 .item:nth-child(7){position:relative;display:block;}
	.research-2 .box-2 .item:nth-child(7)::after{position:absolute;left:0;right:0;bottom:-137px;content:'>';text-align:center;width:20px;margin:auto;font-size:20px;color:#0092d8;transform: rotate(90deg);}
	.research-2 .box-3{display:none;}
	.research-2 .box-4{display:block;}*/
	.research-2 .box-5{padding:50px 10px 20px 10px;}
	.research-2 .box-5 .item{width:100%;}
	.research-2 .box-5 .item .text-box{width:100%;padding:0;}
	.research-2 .box-5 .item .text-box>div{width:50%;}
	.research-2 .box-5 .text-box-item>div{width:120px;height:120px;line-height:120px;font-size:13px;}
	.research-2 .box-5 .text-box-item>div span{font-size:18px;}
	.research-2 .box-5 .item .title{width:100%;margin-bottom:30px;}
	.research-3 .box{padding:20px 10px 0 10px;box-sizing:border-box;}
	.research-3 .box .item{width:100%;margin:0 0 20px 0;}
	.research-3 .item span{height:50px;line-height:50px;font-size:18px;}
	.research-4 .box{padding:20px 10px;box-sizing:border-box;}
	.research-4 .box .item{width:100%;margin:0;}
	.research-4 .item .title{font-size:18px;line-height:30px;}
	.research-4 .item .paragraph{font-size:13px;line-height:20px;margin-bottom:10px;}
}

.about .section{max-width: 1340px;margin: 0px auto;padding-bottom:15px;position:relative;}
.about .section .title{display:inline-block;width:15%;height:100%;text-align:right;vertical-align:middle;position:absolute;border-right:1px #dfdfdf solid;padding-right: 5%;}
.about .section .title>div{position:relative;top:50%;transform:translateY(-50%);}
.about .section .title>div>span>b{font-size:26px;}
.about .section .title::after{content:'';width:10px;height:10px;background-color:#000;position:absolute;right:-5px;top:calc(50% + 8px);border-radius:50%;}
.about .section .options{margin-left: 25%;background-color:#f2f2f2;padding:20px;}
.about .section .options>div>img{float: left;margin-right: 20px;max-width:100%;}
.about .section .options>div>p{padding-top:50px;}
.about .section .options>div::after{content:'';clear: both;display:block;}
@media screen and (max-width:1024px){.about .section .options>div>p{padding-top:0px;}}
@media screen and (max-width:768px){
    .about .section .title{width:18%;padding-right:2%;}
    .about .section .title>div>span>b{font-size:14px;}
    .about .section .title::after{width:5px;height:5px;right:-2.5px;}
    .about .section .options{margin-left:27%;}
    .about .section .options>div>img{margin-right: 0px;}
}