@media (min-width: 768px) {
    .page1 .swiper-container .swiper-slide:hover .bg{background: #274585;}
    .page1 .swiper-container .swiper-slide:hover .bgImg .contst .cont{display: block}
    .page1 .swiper-container .swiper-slide:hover .bgImg .contst .cont a:hover{color: #fffc00;}
    .section3 li a:hover{box-shadow:0px 0px 12px 1px #999 }
    .productDetaile_nav .swiper-slide a:hover{background-color: #274585;}
    .productDetaile_nav2 .swiper-slide a:hover {color: #274585;}
    .page2 .swiper-container .swiper-slide:hover .bg{opacity: 1}
    .news .navlist a:hover{background-color: #274585;color: #fff;}
    .pages a:hover{color: #074387;border-bottom: 1px solid #074387;}
    .newsCont .col-md-4 a:hover .text .font24,
    .page5 .wid100 a:hover,
    .case .col-md-4 a:hover .font24{color: #274585;}
    .newsCont .col-md-4 a:hover .text span,
    .contact .fm button:hover{background: #274585;color: #fff;}
    .newsCont .col-md-4 a:hover .imgss div,.case .col-md-4 a:hover .imgs div{transform: scale(1.1);-webkit-transform: scale(1.1);}
    .contact .ul1 li:hover .imgs img,
    .page5 .swiper-slide:hover img,
    .join4 li:hover img,
    .join2 .col-md-3:hover img{animation: tada 1.6s ease-out 0s;-webkit-animation: tada 1.6s ease-out 0s ;}
    .solveNav ul li a:hover .imgs img:last-child {display: block;}
    .solveNav ul li a:hover .imgs img:first-child {display: none;}
    .solveNav ul li a:hover p {color: #274585;}

}
@media (min-width: 1200px){
    .header .nav ul li a:hover{color: #274585;border-bottom: 3px solid #274585;}
}
@media (min-width: 1400px) {
    .container{width: 1240px;}

}
@media (min-width: 1600px) {
	.container{width: 1440px;}

}

@media (max-width: 1600px) {
    .header .nav ul li{padding: 0 13px}

}
@media (max-width: 1500px){
    .news .navlist a {padding: 15px 35px;}
    .casebannerlt, .casebannerrt{height: 740px}
}
@media (max-width: 1400px) {
    .header .nav ul li{padding: 0 10px}
    .header .nav {width: calc(100% - 386px);width: -webkit-calc(100% - 386px);}
    .about1 .cont{height: 340px}
    .casebanner .swiper-button-white img{width: 40px;}
    .casebanner .swiper-button-white{width: 40px;height: 40px;}
    .casebannerlt, .casebannerrt{height: 670px}
    .solveCot .list{height: 440px;}
    .section3 li{width: 48%;height: 240px;margin-bottom: 2rem}
    .section3 li:nth-child(2n){margin-left: 4%}
    .section3 li .lt{width: 200px;}
    .section3 li .rt {width: calc(100% - 200px);width: -webkit-calc(100% - 200px);}
    .news .navlist a {padding: 13px 30px;}
    .solveNav ul li .imgs{margin-bottom: 15px}
    .solveNav ul{padding: 50px 20px}
    .floatNav{right: 30px;width: 76px;height: 320px;}
    .floatNav a img{height: 36px;}
    .floatNav a:last-child img{height: 30px}
}
@media (max-width: 1332px){

}
@media (max-width: 1300px){

}
@media (max-width: 1200px){
    .header .rt .ico{display: inline-block;top: 15px;}
    .header .nav{position: absolute;width: 100%;background: #fff;
        top:90px;left: 0;
        border-top:1px solid rgba(0,0,0,0.2);display: none}
    .header .nav ul{line-height: initial;}
    .header .nav ul li{width: 100%;line-height: initial;height: auto}
    .header .nav ul li a{text-align: left;padding: 0 16px;line-height: 46px;height: auto}
    .header .nav ul li.active a{border:none;border-bottom:1px solid #274585;}
    .header .nav ul li a{border-bottom:1px solid rgba(0,0,0,0.5);}
    .about2 li .cont{width: 48%;}
    .join2 .col-sm-3{padding: 20px}
    .newsCont .col-md-4 .imgss{height: 220px;}
    .casebannerlt, .casebannerrt{height: 600px;}
    .casebanner .swiper-button-prev{left: 20px;}
    .casebanner .swiper-button-next{right: 20px;}
    .case .col-md-4 .imgs{height: 220px;}
    .contact .ul1 li{width: 22%;margin-left: 4%}
    .contact .ul2{margin: 4rem auto}
    .solveCot .list{height: 340px;}
}
@media (max-width: 992px) {
    .header .navbar-left img{max-height: 50px}
    .header{line-height: 70px;height: 70px;}
    .banner,.solveCase_banner,.productDetaile{margin-top: 70px;}
    .page1 .fp-tableCell,
    .page2 .fp-tableCell,
    .page4 .fp-tableCell{padding-top: 70px}
    .header .navbar-left{top: 70px}
    .section .swiper-pagination{display: block}
    .section .swiper-pagination .swiper-pagination-bullet{background: #fff}
    .about2 li .cont .rt{width: 120px;line-height: 100px;}
    .about2 li .cont .lt{width: calc(100% - 120px);width: -webkit-calc(100% - 120px);padding: 10px;}
    .about2 li .cont{height: 100px;}
    .about3 .imgs{height: 230px;}
    .join3 li{width: 25%;float: left}
    .join3 ul{display: block}
    .contact .ul1 li{padding: 30px 10px 10px;height: 185px;}
    .contact .ul1 li .font24{margin: 1rem auto}
    .solveNav ul{padding: 38px 20px;}
    .solveNav ul li .imgs{margin-bottom: 12px;}
    .proTop .swiper-slide{height: 85px;}

}
@media (max-width: 768px){

}
@media (max-width: 767px){
    .header .navbar-left{float: left}
    .header .navbar-right{float: right}
    .header .navbar-left img {height: auto;}
    .header .rt .cnEn a{font-size: 14px;padding: 0 10px}
    .floatNav{width: 40px;height: auto;right: 0}
    .floatNav .bdsharebuttonbox a{padding: 10px 5px}
    .floatNav a img{height: 20px}
    .floatNav a:last-child img{height: 18px}
    #banner .font24{margin: 12px auto}
    #banner img{height: 20px}
    .ocNextBtn img{margin-left: -7px;}
    .page1 .title{font-size: 20px}
    .page1 .swiper-container .bgImg .contst .font30{margin-top: 2rem}
    .page2 .swiper-container .swiper-slide .bg{opacity: 1}
    .page3 .cont{width:100%;}
    .page3 .cont ul li div img{ height:36px;}
    .page3 .cont ul li p{margin-top: 1rem}
    .page3 .cont .title .font48{margin-bottom: 1rem}
    .page4 .bgse .bg1 .vdo img{height: 56px;width: 56px;}
    .page5 .swiper-container .font24{margin: 8px auto}
    .page5 .swiper-container {padding: 2rem 0;}
    .page5 .wid100 .lt{width: 100%;float: none;margin-bottom: 11px;text-align: center;}
    .footUl2 .lt{font-size: 12px;}
    .page5 .wid100 .rt{width: 100%;float: none}
    .page5 .wid100{padding: 20px 0 10px;}
    .footUl a{margin: 4px 5px}
    .footUl .lt,.footUl2 .rt{text-align: center}
    .footUl .form-control{display: inline-block}
    .header .nav ul li a{font-size: 14px;display: block}
    .proTop .swiper-slide{height: auto;padding: 5px;}
    .productDetaile_cont .cont{padding: 0 25px;}
    .sewq{font-size: 28px;width: 12px;
        height: 28px;margin-top: -14px;}
    .productDetaile_cont .cont .swiper-button-next{right: 0;}
    .productDetaile_cont .cont .swiper-button-prev{left: 0;}
    .proBom{height: auto}
    .proBom .swiper-slide{padding: 20px 10px}
    .productDetaile_cont .col-md-6:last-child {margin-top: 20px;}
    .productDetaile_cont .col-md-6:last-child .font36{margin-bottom: 8px;}
    .productDetaile_cont .col-md-6:last-child p{font-size: 12px !important;}
    .productDetaile_cont .col-md-6:last-child .te span{padding: 5px 8px;font-size: 12px;}
    .productDetaile_cont .col-md-6:last-child .te{margin: 1rem 0;}
    .cpxq li a{padding: 13px 20px;}
    .section1 .lt{padding-top: 0}
    .section1 .lt .font24,.section2 .font24, .section3 .font24{margin-bottom: 8px;}
    .section2{padding: 3rem 0}
    .section3{padding: 3rem 0 1rem}
    .section3 li{width: 100%;margin-left: 0 !important;;margin-bottom: 18px;}
    .section1 .rt{text-align: center}
    .about1 .cont .lt, .about1 .cont .rt{width: 100%;float: none;height: auto}
    .about1 .cont .lt img{display: block}
    .about1 .cont{height: auto}
    .about1 .cont .rt{padding: 5%}
    .about1 .cont .rt img{height: 36px;}
    .about1 .cont .rt .font36{margin: 1rem auto}
    .join1 .cont{display: block;height: auto;}
    .join1 .cont.row .col-md-6{padding: 0}
    .join1 .cont.row .col-md-6:first-child img{display: block;}
    .join1 .cont .disFlCenter.col-md-6{padding: 5% 5% 0}
    .join2 .col-sm-3 img{height: 40px}
    .join2 .font24{margin-top: 1rem}
    .join3 ul li{width: 50%;margin-bottom: 15px;}
    .join3 ul li:nth-child(2n){border: none;}
    .join3 li .font24{margin-bottom: 10px;}
    .join1 .titles, .join3 .titles, .join4 .titles {margin-bottom: 2rem;}
    .join1 .cont .row{margin-bottom: 1rem}
    .join4 li{width: 100%;margin-bottom: 28px;}
    .join4 li .font16{margin: 6px auto}
    .newsDetails .cont p{font-size: 12px !important;}
    .next_perv li.font22{position: initial;}
    .next_perv li.font22 a{font-size: 12px;padding: 6px 15px;}
    .casebannerlt, .casebannerrt{width: 100%;float: left;height: auto}
    .casebannerrt .swiper-slide img{display: block}
    .casebannerlt .font48{margin: 1rem auto}
    .contact .ul1 li{width: 48%;margin-left: 4%;margin-bottom: 20px;}
    .contact .ul1 li:nth-child(2n + 1){margin-left: 0}
    .contact .ul2{margin: 0 auto 1rem}
    .contact .fm button{width: 97px;height: 30px;margin-top: 2rem;font-size: 12px;}
    .contact .titles {margin-bottom: 2rem;}
    .titles .font36{padding-bottom: 10px;}
    .solveNav{position: initial;transform: translateY(0);}
    .solveCase_banner{margin-bottom: 0}
    .solve{padding: 120px 0}
    .solve .cont img{width: 130px;}
    .solve .font24{margin: 15px auto 10px;}
    .solveNav ul li{width: 33.3333%;margin-bottom: 18px;}
    .solveNav ul li:nth-child(3){border-right: none;}
    .page1 .swiper-container .bgImg .contst .cont{display: block}
    .page1 .swiper-container .bgImg .contst img{height: 46px;}
    .page1 .swiper-container .bgImg .contst .font30{font-size: 16px;margin-top: 10px;height: auto}
    .page1 .swiper-container .bgImg .contst .cont p{font-size: 12px;}
    .page1 .swiper-container .bgImg .contst .cont a{padding-left: 10px;}
    .page1 .swiper-container .bgImg .contst .cont a:after{width: 3px;height: 3px;}
    .section3 li .rt .font22{margin-bottom: 6px;}
    .footUl2 .rt a{margin: 0 4px 0 4px}
    .productDetaile_nav .swiper-slide a .imgs{height: 46px}
    .productDetaile_nav .swiper-slide a .imgs img{max-height: 100%}
    .productDetaile_nav2{padding: 20px 0}
    .footUl .form-control{width: 130px;}
    .productDetaile_nav .swiper-slide a{padding: 50px 15px;}
    .footUl2 .rt .bds_weixin,.footUl2 .rt .bds_tsina{width: 20px;height: 16px;}
    .footUl2 .rt .bds_sqq{width: 14px;height: 16px;}
    .footUl .form-control{font-size: 12px;}
    .about .fadeInLeft{padding: 0 20%}
    .news .navlist a {padding: 10px 25px;margin: 0 10px;}
    .newsCont .col-md-4 .imgss img{display: block;width: 100%;}
    .newsCont .col-md-4 .imgss{height: auto}
    .newsCont .col-md-4 .imgss div{background: none !important;}
    .newsCont .col-md-4 .cont .text span{width: 100px;height: 32px;line-height: 32px;font-size: 12px;}
    .newsCont .pages{margin-top: 0}
    .about .row{display: block}
    .page4 .bgse .bg1 .font48{margin-bottom: 15px;}
    .row{margin-left: 0;margin-right: 0}
    .case .col-md-4 .font24{margin-top: 8px;}
    .case .col-md-4{margin-bottom: 15px;padding: 0 5px}
    .case .pages{margin-top: 1rem}
    .pages a{font-size: 14px;padding: 3px 6px;}
    .about .fadeInLeft1{padding: 0 20%}
    .loading{font-size: 14px;}
    .join2Cont .cont{width: 100%}
    .join4 li .font14{font-size: 12px;}
    .contact .ul1 li{padding: 20px 10px 10px;height: 170px;}
    .join1 .cont .row .font16{margin: 11px auto}
    .newsCont .col-md-4 .cont .text .font14{margin: 8px auto;}
    .casebannerlt .disFlCenter{padding: 8% 15px;}
    .section3 li .rt p{font-size: 12px;}
    .cpxqss ul{display: block !important;}
}
@media (max-width: 730px){
    .trademarkShow .swiper-slide{padding: 0 3rem}
    #trademarkShow .swiper-button-next,#trademarkShow .swiper-button-prev{width: 15px;top: 20%}

}
@media (max-width:600px){
    .page1 .conts .left{height: 230px}
    .page1 .conts .right{height:auto}
    .page0{height: 300px}
    .page2 .ul1{padding: 4rem 15px}
    .product .title img{position: absolute;left: 10px;top: 13px}
    .product .title .cont .font35{margin-top: 0}
    .product .title img:last-child{right: 10px;left: auto}
    .wenhua{height: 100%}
    .news ul li a .left{height: 300px}
    .header {line-height: 60px;height: 60px;}
    .banner,.solveCase_banner,.productDetaile{margin-top: 60px;}
    .header .navbar-left{top: 60px}
    .page1 .fp-tableCell,
    .page2 .fp-tableCell,
    .page4 .fp-tableCell{padding-top: 60px}
    .ico{width: 30px;height: 30px;}
    .ico i:nth-child(3){top: 20px}
    .ico i:nth-child(2){top: 11px;}
    .header .rt .ico{top: 14px;}
    .ico.active i:nth-child(3),.ico.active i:nth-child(1){top: 10px}
    .section3 li .lt{width: 210px}
    .section3 li .rt{width: calc(100% - 210px);width: -webkit-calc(100% - 210px);}
    .section3 li{  height: 220px}
    .about2 li:nth-child(2n + 1) .cont{float: right}
    .about2 li:nth-child(2n + 1) .cont:first-child .lt, .about2 li:nth-child(2n + 1) .cont:first-child .rt {float: right;}
    .about2 li:nth-child(2n + 1) .cont .rt,.about2 li:nth-child(2n) .cont .rt{padding-left: 9px;padding-right: 0}
    .about2 li:nth-child(2n + 1) .rt:after{display: none}
    .about2 li:nth-child(2n + 1) .rt:before{    content: '';
        border-top: 16px solid transparent;
        border-bottom: 16px solid transparent;
        border-right: 16px solid #ddd;
        position: absolute;
        left: 0px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);}
    .about2 ul:after{left: 10px;}
    .about2 li:after{left: 9px;}
    .about2 li .cont{width: calc(100% - 25px);width: -webkit-calc(100% - 25px);}
    .about2 .titles{margin-bottom: 1rem}
    .loading{margin-top: 2rem}
    .page5 .swiper-container .swiper-slide:after{display: none}
    .case .col-md-4 .imgs{height: 200px;}
    .contact .fm .form-group{width: 100%;margin-left: 0;margin-bottom: 1rem}
    .solve{padding: 80px 0}
    .about2 li .cont .lt p{font-size: 12px;height: 54px;}
    .about2 li .cont{height: 85px;}
    .about2 li .cont .rt{line-height: 85px;width: 100px;}
    .about2 li .cont .lt{width: calc(100% - 100px);width: -webkit-calc(100% - 100px);}
    .about2 li:nth-child(2n + 1) .rt:before,.about2 li:nth-child(2n) .rt:after{border-top: 9px solid transparent;border-bottom: 9px solid transparent;border-right: 9px solid #ddd;}
    .about2 .titles p{margin-top: 1rem}
    .about .row .col-md-6 .titles{margin-bottom: 15px;}
    .about3 .swiper-pagination-bullet{width: 25px;}
    .page3 .cont ul li{margin-bottom: 15px;width: 49.33%;}
    .page3 .cont .title {margin-bottom: 12px;}
    .footUl2 .lt span{display: block;margin: 5px 0}
}
@media (max-width:550px){
    .about3 .imgs{height: 150px;}
    .case .col-md-4 .imgs{height: 170px;}
    .contact .ul2 .cont .lt, .contact .ul2 .cont .rt{width: 50%;margin: 0;float: left}
    .contact .ul2 .cont .lt{margin-bottom: 20px;}
    .contact .ul2 .cont .lt img, .contact .ul2 .cont .rt img{width: 90px;}
    .contact .ul2 .cont p{margin-top: 10px;font-size: 12px;}
    .solveNav ul li{padding: 0 5px}
    .solveNav ul li a{border-bottom: 1px solid #ddd;padding-bottom: 10px;}
    .solveNav ul li{width: 50%;border-right: none}
    .solveNav ul li:nth-child(2n){border:none;}
    .solveNav ul li:nth-child(3){border-right:none;}
    .solveNav ul{padding: 20px 15px 10px}
    .solveCot .list{height: auto;margin-bottom: 20px;}
    .solveCot .list .lt{width: 100%;float: none;}
    .solveCot .list .lt img{display: block}
    .solveCot .list .rt{width: 100%;float: none;}
    .solveCot .list .rt .xian{margin-bottom: 15px;}
    .solveNav ul li .imgs{height: 30px;}
    .solveNav ul li .imgs img{max-height: 100%}
}
@media (max-width: 460px){
    .section3 li .lt{width: 100%;height: 220px}
    .section3 li .rt{width: 100%}
    .section3 li{height: auto}
    .case .col-md-4 .imgs{height: 130px;}
}
@media (max-width: 400px){
    .header .rt .phone{display: none}
    .case .col-md-4 .imgs{height: 100px;}
    .contact .ul1 li{width: 100%;margin-left: 0}

}