@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1440px) {
    .container{ width: 96%; position: relative; margin: 0 auto;}
}

@media only screen and (max-width: 1360px) {
    .container{ width: 96%; position: relative; margin: 0 auto;}
    .header .headerRight .nav li a{ margin:0px 15px;}
}

@media only screen and (max-width: 1280px) {
    .container{ width: 96%; position: relative; margin: 0 auto;}
    .header{ height:90px;}
    .header .logo img{height:50px;}
    .header .headerRight .nav li a{line-height:90px; margin:0px 10px;}
    .header .headerRight .nav{padding-right:5px; margin-right:10px; }
    .header .headerRight .ph .p2{ font-size:20px;}
    .zw{ height:90px;}
    .InAbout .left .hmenu{ margin-top:20px;}
    .InApplication .ApplicList .item .left .Tcon{ margin-bottom:50px;}
    .InApplication .ApplicList .item .right{ margin-top:-55px;}
    .InNews .NewsList .right li a{padding:26px 3%;}
    .about_us01 .boxGsjs .left{width:48%;}
    .about_us01 .boxGsjs .right{ width:52%;}
    .about_us01 .boxGsjs .right .more{ margin-top:25px;}
    .rclnList .box{ padding:150px 40px;}
}
@media only screen and (max-width: 1152px){
    .container{ width: 96%; position: relative; margin: 0 auto;}
    .header{ height:90px;}
    .header .logo img{height:50px;}
    .header .headerRight .nav li a{line-height:90px; margin:0px 5px;}
    .header .headerRight .nav{padding-right:5px; margin-right:10px; }
    .header .headerRight .ph .p2{ font-size:20px;}
    .zw{ height:90px;}
    .InAbout .left .hmenu{ margin-top:20px;}
    .InAbout .left .tid{-webkit-line-clamp:5px;}
    .InApplication .ApplicList .item .left .Tcon{ margin-bottom:50px;}
    .InApplication .ApplicList .item .right{ margin-top:-2%;}
    .InNews .NewsList .right li{margin-bottom:15px;}
    .InNews .NewsList .right li a{padding:22px 3%}
    .about_us01 .boxGsjs .left{width:48%;}
    .about_us01 .boxGsjs .right{ width:52%;}
    .about_us01 .boxGsjs .right .more{ margin-top:25px;}
    .boxnewsTop .item .right .T a{ font-size:24px;}
    .boxnewsTop .item .right .more{ margin-top:35px;}
    .rclnList .box{ padding:120px 40px;}
} 

@media only screen and (min-width:768px) and (max-width: 1024px) { 
    .container{ width: 94%; position: relative; margin: 0 auto;}
    .header{ height:70px;}
    .header .logo img{height:50px;}
    .header .headerRight{display:none;}
    .sp_nav{ display:block;}
    .zw{ height:70px;}
    .InAbout{padding:60px 0;}
    .InAbout .left{ width:100%;}
    .InAbout .left .title{height:auto; background-size: auto 100px; }
    .InAbout .left .title .cn{ font-size:26px;}
    .InAbout .right{ width:100%; margin-top:20px}
    .InAbout .right .aboImg .rect-73{padding-bottom: 55%;}
    .InProduct{padding:60px 0;}
    .InProduct .Top .title{height:auto; background-size: auto 100px; }
    .InProduct .Top .title .cn{ font-size:26px;}
    .InProduct .ProList .swiper-slide{ width:32%;}
    .InApplication{ padding:60px 0;}
    .InApplication .Top .title{height:auto; background-size: auto 100px; }
    .InApplication .Top .title .cn{ font-size:26px;}
    .InApplication .ApplicList .item .left{ margin-top:25px;}
    .InApplication .ApplicList .item .left .Tcon{ margin-top:45px; margin-bottom:50px;}
    .InApplication .ApplicList .item .right{ width:48%;  margin-top:-3%;}
    .InApplication .ApplicList .item .left .line-click{width:180px;height:50px; line-height:50px;}
    .InNews{ padding:60px 0;}
    .InNews .Top .title{height:auto; background-size: auto 100px; }
    .InNews .Top .title .cn{ font-size:26px;}
    .footer .footDiv .footR dl:first-child dd{font-size:22px;}
    .PageMain .subNavBox{ height:auto;}
    .PageMain .subNavBox .curNav{ width:100%; margin-top:10px;}
    .PageMain .subNavBox .subNav{ width:100%; text-align:left; margin-top:15px}
    .PageMain .subNavBox .subNav li{ width:32.333%; height:55px; line-height:55px; margin-right:1%; margin-bottom:1%;background: #f9f9f9;}
    .PageMain .subNavBox .subNav li:nth-child(3n){ margin-right:0;}
    .PageMain .subNavBox .subNav li::after{ display:none;}
    .about_us01 .boxGsjs .left .rect-73{padding-bottom:0; height:320px;}
    .about_us01 .boxGsjs .right{ width:52%; padding:25px 4% 0 4%; }
    .about_us02 .item h1{font-size:22px;}
    .CultureBox ul li .txt p{font-size:24px;}
    .boxMax .Maxhonor .item{ width:33.333333%;}
    .boxMax .Maxproduct li{ width:33.333333%;}
    .Maxapplic li{ padding:60px 0;}
    .Maxapplic li .left .T{ margin-top:0;}
    .Maxapplic li .left .Tcon{ margin-bottom:0; margin-top:35px;}
    .Maxapplic li .left .Tc::after{ bottom:-20px;}
    .boxnewsTop .item .right .T a{ font-size:20px;}
    .boxnewsTop .item .right .Tic{-webkit-line-clamp:2;}
    .boxnewsTop .item .right .more{ margin-top:35px;}
    .pageNewsT{ font-size:20px;}
    .boxMax>.container>.cover{ padding:30px 4%;}
    .rczpList .left .ellipsis{ font-size:24px;}
    .boxContact{ padding:40px 4%;}
    .contactMap .Map{ height:320px;}
    .contactzxly .title{ font-size:24px;}
    .boxContact ul li span{ width:100%;}
    
    #pictureViewer > .content{width: 80%; height: 70vh;}
}

@media only screen and (max-width: 767px) { 

    .container{ width: 94%; position: relative; margin: 0 auto;}
    .header{ height:70px;}
    .header .logo img{height:50px;}
    .header .headerRight{display:none;}
    .sp_nav{ display:block;}
    .zw{ height:70px;}
    .banner .hd li{ width:18px; height:18px; line-height:18px; font-size:14px;}
    .InAbout{padding:50px 0;}
    .InAbout .left{ width:100%;}
    .InAbout .left .title{height:auto; background-size: auto 60px; }
    .InAbout .left .title .en{margin-bottom:5px; padding-top: 20px;padding-left:40px;}
    .InAbout .left .title .cn{padding-left:30px;font-size:20px; }
    .InAbout .left .title .cn::after{width: 30px;margin-left:10px;}
    .InAbout .left .hmenu li{ width:50%; margin:20px 0 10px;}
    .InAbout .left .hmenu li a{ font-size:16px;}
    .InAbout .right .aboImg img{border-top-left-radius: 10px; border-bottom-right-radius: 10px;}
    .InAbout .right .aboImg .videoed{ width:50px; height:50px;}
    .InAbout .right{ width:100%; margin-top:20px}
    .InAbout .right .aboImg .rect-73{padding-bottom: 55%;}
    .InProduct{padding:50px 0;}
    .InProduct .Top .title{height:auto; background-size: auto 60px; }
    .InProduct .Top .title .en{margin-bottom:5px; padding-top: 20px;padding-left:40px;}
    .InProduct .Top .title .cn{padding-left:30px;font-size:20px;}
    .InProduct .Top .title .cn::after{width: 30px;margin-left:10px;}
    .InProduct .Top .line-click{ display:none;}
    .InProduct .ProList .swiper-slide{ width:49%;}
    .InProduct .ProList .swiper-slide .T p{ font-size:16px; line-height:50px;}
    .InApplication{ padding:50px 0; background:#f2f5fa;}
    .InApplication .Top .title{height:auto; background-size: auto 60px; }
    .InApplication .Top .title .en{margin-bottom:5px; padding-top: 20px;padding-left:40px;}
    .InApplication .Top .title .cn{padding-left:30px;font-size:20px; }
    .InApplication .Top .title .cn::after{width: 30px;margin-left:10px;}
    .InApplication .ApplicList .item .left{width:100%; margin-top:25px;}
    .InApplication .ApplicList .item .left .Tcon{ margin-top:35px; margin-bottom:30px;}
    .InApplication .ApplicList .item .left .line-click{width:180px;height:50px; line-height:50px;}
    .InApplication .ApplicList .item .right{ width:100%;  margin-top:20px;}
    .InApplication .ApplicList .arrow{position:relative;right:0; margin: 25px auto 0; text-align: center;}
    .InNews{ padding:50px 0;}
    .InNews .Top .title{height:auto; background-size: auto 60px; }
    .InNews .Top .title .en{margin-bottom:5px; padding-top: 20px;padding-left:40px;}
    .InNews .Top .title .cn{padding-left:30px;font-size:20px; }
    .InNews .Top .title .cn::after{width: 30px;margin-left:10px;}
    .InNews .Top .line-click{display:none;}
    .InNews .NewsList .left{ width:100%;}
    .InNews .NewsList .left a{ padding:15px 3%;}
    .InNews .NewsList .left .T{font-size:17px;}
    .InNews .NewsList .right{ width:100%;}
    .InNews .NewsList .right li .T .title{ width:72%; font-size:17px;}
    .footer .footDiv{ padding:40px 0;}
    .footer .footDiv .footNav{ display:none;}
    .footer .footDiv .footR{ width:100%; margin-top: 20px;}
    .footer .footDiv .footR dl{margin-bottom:10px; text-align:left;}
    .footer .footDiv .footR dl:first-child dd{font-size:22px;}
    .footer .footDiv .footR dl dt{ margin-bottom:5px;}
    .footer .copy{padding:20px 0; line-height:2;}
    .footer .copy .right{ float:left;}
    .boxMax{ padding:50px 0;}
    .PageMain .subNavBox{ height:auto;}
    .PageMain .subNavBox .curNav{ width:100%; margin-top:10px;}
    .PageMain .subNavBox .subNav{ width:100%; text-align:left; margin-top:10px; margin-bottom:10px;}
    .PageMain .subNavBox .subNav li{ width:49.5%; height:50px; line-height:50px; margin-right:1%; margin-bottom:1%;background: #f9f9f9;}
    .PageMain .subNavBox .subNav li:nth-child(2n){ margin-right:0;}
    .PageMain .subNavBox .subNav li::after{ display:none;}
    .about_us01 .navTitle{padding: 40px 0 25px 0;}
    .about_us01 .boxGsjs .left{ width:100%;}
    .about_us01 .boxGsjs .right{ width:100%; padding:25px 4%; }
    .about_us02{ padding:50px 0; background-size:cover;}
    .about_us02 .item img{ width:100px; margin:0 auto;}
    .about_us02 .item{ width:100%;}
    .about_us02 .item h1{font-size:20px;margin: 0 auto 20px auto;}
    .CultureBox{padding:30px 4%;}
    .CultureBox ul li .txt{ position:relative; left:5%; top:5%; padding:0;}
    .CultureBox ul li .txt p{font-size:22px;}
    .CultureBox ul li .con{ position:relative; width:100%; -webkit-transform: translateX(0);transform: translateX(0); background: rgba(255,255,255,0.85); opacity: 1;}
    .CultureBox ul li:nth-child(2n-1) .con{ -webkit-transform: translateX(0); transform: translateX(0);}
    .boxMax .Maxhonor .item{ width:50%;}
    .boxMax .Maxhonor .item p{ line-height:45px;}
    .boxMax .Maxproduct li{ width:50%;}
    .Maxapplic li{ padding:50px 0;}
    .Maxapplic li .left{ width:100%;}
    .Maxapplic li .left .T{ margin-top:0;}
    .Maxapplic li .left .Tcon{ margin-bottom:0; margin-top:35px;}
    .Maxapplic li .left .Tc::after{ bottom:-20px;}
    .Maxapplic li .right{ width:100%;margin-top: 20px;}
    .boxnewsTop .item .left{ width:100%;}
    .boxnewsTop .item .right{ width:100%;}
    .boxnewsTop .item .right .T{ margin-top:10px;}
    .boxnewsTop .item .right .T a{ font-size:18px;}
    .boxnewsTop .item .right .Tic{ margin-top:10px; font-size:15px; -webkit-line-clamp:2;}
    .boxnewsTop .item .right .date{ margin-top:10px;}
    .boxnewsTop .item .right .more{ margin-top:25px;}
    .boxNews li{ margin-bottom:15px;}
    .boxNews li a{ padding:12px 3%;}
    .pageNewsT{ font-size:20px;}
    .boxMax .container .cover{ padding:30px 4%;}
    .rclnList .box { padding: 70px 4%;}
    .rczpList li{ width:100%;}
    .rczpList .left{ width:100%;}
    .rczpList .left .ellipsis{ font-size:22px;}
    .rczpList .right{ width:100%; margin-top:20px;}
    .boxContact{padding:30px 3%;}
    .boxContact ul li{ width:100%; margin-bottom:10px;}
    .boxContact ul li img{ width:25px; margin:0 5px 0 0;}
    .contactMap .Map{ height:200px;}
    .contactzxly .title{ font-size:22px;}
    .contactzxly .item .li{ width:100%; height:45px; margin-left:0; line-height:45px; margin-bottom:15px;padding-left:100px;}
    .contactzxly .item .li .span{ width:85px;  padding-left: 40px;}
    .contactzxly .item .li1{ margin-top:0;}
    .contactzxly .item .li .span img{ width:22px;}
    .submit-btn-h{margin:20px auto 0}
    
    #pictureViewer > .content{width: 100%; height: 70vh;}
    #pictureViewer .handel-prev, #pictureViewer .handel-next{ width:30px; height:50px;}
}