@media (min-width: 769px) {
    #banner a:hover{color: #0167e4;background: #fff;}
    .index3 .lt a:hover,.index4 .cont a:hover,.index6 a:hover{background-color: #0167e4;color: #fff;border-color: #0167e4}
    .index1 .swiper-slide a:hover{background-color: #ffffff;box-shadow: 0px 0px 20px 0px rgba(171, 184, 223, 0.2);border-radius: 8px;}
    .index1 .swiper-slide a:hover span{background-color: #201e2b;color: #fff;}
    .index2 .swiper-container .swiper-slide:hover .hide_cet{display: block;}
    .index2 .swiper-container .swiper-slide:hover .bgs:after{background-color: #143b8b;opacity:0.8;}
    footer ul li a:hover,header .ct li .nav_a a:hover{
        color: #0167e4}
    .index5 ul li:hover img{animation: tada 1.6s ease-out 0s;-webkit-animation: tada 1.6s ease-out 0s ;)}
    .project .col-md-3 a:hover .imgs div{transform: scale(1.1);-webkit-transform: scale(1.1);}
    .project .col-md-3 a:hover .cont .font24{color: #0167e4;}

}
@media (min-width: 1200px){
    .ulS:hover .ulS_list{display: block}
}
@media (min-width: 1400px) {
    .container{width: 1240px;}
}
@media (min-width: 1600px) {
    .container{width: 1440px;}

}
@media (min-width: 1600px){

}
@media (max-width: 1660px) {
    .project .col-md-3{height: 450px}

}
@media (max-width: 1600px){
    .companyProfile5 .rt li{margin-bottom: 18px;}
}
@media (max-width: 1500px){
    .bannerAll{height: 600px}
    .project .col-md-3{height: 440px}

}
@media (max-width: 1400px) {
    .bannerAll{height: 550px;padding-top: 60px}
    .bannerAll .cont span{height: 45px}
    .bannerAll .font20{margin: 15px auto 35px;}
    #banner a{padding: 12px 30px;}
    .index6 a{width: 180px;height: 45px;line-height: 45px}
    .index1:before,.index1:after{width: 180px;height: 235px;background-size: cover;}
    .index3 .wid100{border-radius: 8px;}
    header .ct li .nav_a {padding: 0 34px;}
    .ulS_list ul{padding: 18px 5px;}
    header .ct .ulS_list li{line-height: inherit;padding: 5px 0}
    header .ct .ulS_list li a{line-height: 1.6}
    .companyProfile1{padding: 12rem 0 7rem}
    .companyProfile3 .list{height: 600px}
    .companyProfile3 .list .rt .xian span{height: 40px}
    .project .col-md-3 a .imgs{height: 180px}
    .project .col-md-3 a .cont {padding: 2rem 1rem;}
    .projectDetaile1{padding: 8rem 0}
    footer ul li .cont img{max-width: 150px}
    .project .col-md-3{height: 390px}
    .service1 li .cont img{width: 46px}
    .projectDetaile2 .col-md-4 .cont .imgs,.projectDetaile2 .swiper-slide .cont .imgs{height: 210px}

}
@media (max-width: 1332px){
    .bannerAll{height: 500px}
    .bannerAll .cont span,.companyProfile .cont span,.companyProfile1 .cont span{height:30px}
    .companyProfile1{padding: 11rem 0 7rem}
    .companyProfile2 .conts, .platform4 .cont{margin-top: 4rem}
    .project .col-md-3 a .imgs{height: 170px}
    .project .col-md-3{height: 380px}
}
@media (max-width: 1240px){
    header .ct li .nav_a {
        padding: 0 30px;
    }
    .bannerAll{height: 450px}
    .companyProfile1{padding: 11rem 0 6rem}
    .companyProfile3 .list{height: 520px}
    .project .col-md-3 a .imgs{height: 160px}
    .projectDetaile1{padding: 7rem 0}
    .project .col-md-3{height: 370px}
}
@media (max-width: 1200px){
    .ico{display: block;float: right;top: 15px;}
    header .ct{position: absolute;width: 100%;left: 0;top:60px;background-color: rgba(0,0,0,0.8);display: none}
    header .ct li{display: block;}
    header .ct li:after{display: none}
    header .ct li a{text-align: left;padding: 10px 20px;border-bottom: 1px solid rgba(255,255,255,0.2)}
    .index1 .swiper-slide a{padding: 30px}
    .index1 .swiper-slide a .imgs{height: 120px}
    .index1 .swiper-slide a .font28{margin: 20px auto}
    .index1 .swiper-slide a span{padding: 8px 20px;}
    .index1 .swiper-slide a p{height: 71px}
    .title{margin-bottom: 2rem}
    .index3 .container{margin: 2rem auto}
    .index4 .cont img{width: 80px}
    .index4 .cont .font42{margin: 4rem auto 15px;}
    .index4 .cont .font22{margin-bottom: 4rem;}
    .index4 .cont a{padding: 12px 38px}
    .ulS_list{position: relative;top:0;width: calc(100% - 60px);margin: auto;}
    .ulS_list ul{background-color: rgba(255,255,255,0.5);padding: 0 5px}
    header .ct li .nav_a a{display: block}
    header .ct li .nav_a i{display: block;}
    header .ct li .nav_a a{padding-right: 50px}
    .ulS_list:after{display: none}
    header .ct .ulS_list li a{
        color: #fff;padding: 5px 20px;}
    header .ct li.ulS .ulS_list li:last-child a{border-bottom: none}
    .platform1 li .cont{padding: 4rem 2rem;}
    .platform1 li .cont .font20{margin: 30px auto 10px;}
    .news li .rt p{height: 78px;}
    .service1 li .cont img{width: 36px;}
    .service1 li{width: 33.333%}
    .projectDetaile1{padding: 6rem 0}
    .projectDetaile2 .col-md-4 .cont .imgs,.projectDetaile2 .swiper-slide .cont .imgs{height: 160px}
}
@media (max-width: 997px) {
    .project .col-md-3 a .cont p{height: 43px}
    .index2 .swiper-container .swiper-slide .hide_cet p span{
        font-size: 14px !important;
    }
    .index2 .swiper-container .swiper-slide .hide_cet p{height: 104px}
}
@media (max-width: 992px) {
    .companyProfile1{padding: 8rem 0 6rem}
    .companyProfile2 .conts, .platform4 .cont{margin-top: 3rem}
    .news li .lt{width: 250px;height: 156px;}
    .news li .rt .font18{margin-bottom: 10px;}
    .news li .rt{width: calc(100% - 250px);width: -webkit-calc(100% - 250px);}
    .project .col-md-3 a .imgs{height: 140px}
    .projectDetaile1{padding: 4rem 0}
    .project .col-md-3{height: 331px}
    .projectDetaile2 .col-md-4 .cont .imgs,.projectDetaile2 .swiper-slide .cont .imgs{height: 120px}
    .projectDetaile2 .swiper-slide .cont .st{padding: 20px;}

}
@media (max-width: 768px){
    .navbar-left{float: left}
}
@media (max-width: 767px){
    #banner a{padding: 8px 18px;font-size: 12px;}
    #banner .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 8px;}
    header .rt{display: none}
    .title .font42{margin-bottom: 12px;}
    .index2 .swiper-container .swiper-slide .hide_cet{display: block;}
    .index2 .swiper-container .swiper-slide .bgs:after{background-color: #143b8b;opacity:0.8;}
    .index2 .swiper-container .swiper-slide{height: 500px;}
    .index3 .wid100{display: block}
    .index3 .lt,.index3 .rt{width: 100%}
    .index3 .lt p{margin: 20px 0}
    .index3 .container{margin: 1rem 0}
    .index4 .cont img{width: 60px;}
    .index4 .cont .font42 {margin: 3rem auto 15px;}
    .index4 .cont .font22 {margin-bottom: 3rem;}
    .index3 .lt a,.index4 .cont a{font-size: 12px;padding: 8px 20px}
    .index5 ul li{width: 23%;margin-left: 2.66666%}
    .index5 ul li:nth-child(5n + 1){margin-left: 2.66666%}
    .index5 ul li:nth-child(4n + 1){margin-left: 0%}
    .index5 ul li a{height: 90px;}
    .index5 ul li{margin-bottom: 1.5rem}
    .index6 .text-right{text-align: left;}
    .index6 a{width: auto;line-height: inherit;height: auto;font-size: 12px;padding: 8px 40px;margin-top: 20px;}
    .index6 .font48 span{height: 3px;}
    header .cont{padding: 0 15px;}
    footer ul{padding: 3rem 0 160px;position: relative;display: block;}
    footer ul li .font16{display: none}
    footer ul li:nth-child(4){width: 66.666%}
    footer ul li:nth-child(4) a{width: 50%;float: left}
    footer ul li,footer ul li:nth-child(3){width: 33.333%}
    footer ul li a{text-align: center}
    footer ul li:last-child .cont{width: 100%;text-align: center;position: absolute;left: 0;bottom:20px}
    footer ul li:last-child .cont img{width: 80px}
    footer ul li:nth-child(3) .font16{display: none}
    footer ul li:nth-child(3) .font18{padding-left: 0}
    .index3 .rt li p{font-size: 14px;height: 43px;}
    #banner .font60{margin-bottom: 12px;font-size: 26px;}
    #banner .font28{margin-bottom: 2.2rem}
    .index6 .row{padding: 0 12px;}
    .index1 .swiper-slide a .imgs {height: 70px;}
    .index1:before, .index1:after{width: 90px;height: 120px}
    .index2 .title{padding-bottom: 20px;}
    .index1{padding-bottom: 20px;}
    .ico{width: 30px;height: 30px;top: 19px}
    .ico i:nth-child(2){top: 12px;}
    .ico i:nth-child(3){top: 22px;}
    header .ct li .nav_a{padding:0 12px}
    header .ct li a{padding: 10px;}
    header .ct li .nav_a i{right: 12px}
    .ulS_list{width: calc(100% - 24px);width: -webkit-calc(100% - 24px);border-radius: 4px}
    .bannerAll{height: 350px}
    .bannerAll .font20 {margin: 10px auto 25px;}
    .tabA li{margin: 0 15px}
    .tabA li a{padding: 15px 0;}
    .tile{margin-bottom: 1.5rem}
    .tile .font40{margin-bottom: 10px}
    .tile span{width: 37px;height: 2px;display: block;margin: auto}
    .institutiona .cont p{margin-bottom: 1rem}
    .cooperation .font24{margin: 0rem auto 2rem;line-height: 1.7}
    .cooperation ul li .imhgs{width: 80px;height: 80px;line-height: 80px;margin-bottom: 8px}
    .cooperation ul li .imhgs img{width: 30px}
    .cooperation ul li{margin-bottom: 15px;}
    .cooperationOne .cont .form-group2{height: 46px;padding-left: 96px;}
    .cooperationOne .cont .form-group label{font-size: 13px;}
    .cooperationOne .cont .form-group .form-control.form-control1{height: 46px;text-indent: 60px;}
    .cooperationOne .cont .form-group1 .form-control {text-indent: 60px;}
    .cooperationOne .cont .form-group1.form-group3 .form-control {text-indent: 99px;}
    .cooperationOne .cont .form-group .btn{padding: 14px 50px;}
    .ulS_list{padding-top: 0}
    .platform1 li{width: 50%}
    .platform1 li .cont .imgs{height: 33px;}
    .platform1 li .cont {padding: 2rem 1rem;}
    .platform1 li .cont .font20 {margin: 22px auto 10px;}
    .platform1 li .cont p{font-size: 13px;height: 64px}
    .platform3 .sddct,.companyProfile2 .conts, .platform4 .cont{padding: 0 40px}
    .companyProfile2 .btns,
    .platform4 .btns,
    .platform3 .btns{width: 30px;height: 30px;line-height: 30px;}
    .companyProfile2 .btns.swiper-button-prev,
    .platform4 .btns.swiper-button-prev,
    .platform3 .btns.swiper-button-prev{left: 0;}
    .companyProfile2 .btns.swiper-button-next,
    .platform4 .btns.swiper-button-next,
    .platform3 .btns.swiper-button-next{right: 0;}
    .platform3 .swiper-slide .cont{padding: 5%}
    .platform3 .swiper-slide .cont .font20{margin-bottom: 8px;}
    .platform4 .cont{margin-top: 2rem}
    .companyProfile .font40{margin-bottom: 1.5rem}
    .companyProfile ul.imgs {margin-top: 3rem;margin-bottom: 2rem;}
    .companyProfile ul.imgs li{width: 50%;padding: 3px 3px;}
    .companyProfile1{padding: 6rem 0 4rem}
    .companyProfile1 .font18{margin-bottom: 3rem}
    .companyProfile1 .font40{margin-bottom: 2rem}
    .companyProfile2 .cont{padding: 0}
    .companyProfile2 .conts, .platform4 .cont{margin-top: 2rem}
    .companyProfile3 .list{height: auto}
    .companyProfile3 .list .lt{width: 100%;float: none}
    .companyProfile3 .list .lt img{display: block}
    .companyProfile3 .list .rt{width: 100%;float: none}
    .companyProfile3 .list .rt .xian {margin: 1rem auto;}
    .companyProfile3 .list .rt .xian span{height: 30px}
    .companyProfile3 .list .rt .font60{margin-bottom: 10px;}
    .companyProfile4.index5 ul li a {height: 70px;}
    .companyProfile5 .lt{width: 100%;float: none;margin-bottom: 12px;}
    .companyProfile5 .rt{width: 100%;float: none}
    .companyProfile5 .rt li{margin-bottom: 12px}
    .companyProfile5 .lt .ls .font20, .companyProfile5 .rt li .font20{margin-bottom: 15px;}
    .companyProfile5 .lt .ls p, .companyProfile5 .rt li p{margin-bottom: 8px;}
    .companyProfile5 .lt .ls p:last-child, .companyProfile5 .rt li p:last-child{margin-bottom: 0}
    .companyProfile5 .font42{margin-bottom: 10px;}
    .companyProfile .pad6{margin-top: 0}
    .newsDetaile p{font-size: 13px !important;line-height: 1.8}
    .next-prve{padding: 0;}
    .next-prve li:last-child{position: relative;top: 0;right: auto}
    .next-prve li.font18 a{font-size: 14px;}
    .next-prve li .set{margin: 5px 10px 5px 0;width: 36px;height: 36px;line-height: 36px;font-size: 14px;}
    .service .swiper-slide .imgs{width: 80px;line-height: 80px;height: 80px;}
    .service .swiper-slide .imgs img{height: 36px;}
    .service .swiper-slide:before,.service .swiper-slide:after{width: calc(50% - 40px);width: -webkit-calc(50% - 40px);}
    .row{margin: 0}
    .project .col-md-3{padding: 0 8px;}
    .project{padding: 3rem 0}
    .projectDetaile2 .col-md-4{margin-bottom: 15px;padding: 5px}
    .projectDetaile2 .col-md-4 .cont .st{padding: 20px;}
    .projectDetaile p{margin-bottom: 1.2rem}
    .projectDetaile video{margin-top: 1rem}
    .bannerAll .font45{margin: 10px auto 30px;}
    .service1 li{padding: 10px 8px 25px;}
    .service1 li .cont .xian{width: 23px;height: 2px;}
    .companyProfile4.index5 ul li{width: 30.33333%;margin-bottom: 12px;margin-left: 4.5%}
    .companyProfile4.index5 ul li:nth-child(4n + 1){margin-left: 4.5%}
    .companyProfile4.index5 ul li:nth-child(5n + 1){margin-left: 4.5%}
    .companyProfile4.index5 ul li:nth-child(2n + 1){margin-left: 4.5%}
    .companyProfile4.index5 ul li:nth-child(3n + 1){margin-left: 0}
    .projectDetaile2 .col-md-4 .cont .imgs,.projectDetaile2 .swiper-slide .cont .imgs{height: 180px}
    .projectDetaile1 .font22 p span,.projectDetaile p span{font-size: 14px !important;}
}
@media (max-width: 730px){

}
@media (max-width:600px){
    .news li .lt{width: 100%;float: none;height: auto;text-align: center;background: none !important;}
    .news li .lt img{display: block}
    .news li .rt{width: 100%;float: none;padding: 0}
    .news li .wid100{padding: 20px 0 20px;}
    .news li .rt p.font18{font-size: 14px;height: 67px;}
    .service1 li{width: 50%;}
    .service1 li .cont{height: 230px;}
    .project .col-md-3{width: 100%;margin-bottom: 15px;padding: 0}
    .project .col-md-3 a .cont .font24{height: auto}
    .project .col-md-3 a .cont {padding: 1rem 1rem;}
    .project .col-md-3 a .imgs,.project .col-md-3 a .cont p{height: auto}
    .project .col-md-3{height: auto;}

}
@media (max-width:550px){
    .index1 .swiper-slide a{padding: 20px 15px;background-color: #ffffff;box-shadow: 0px 0px 20px 0px rgba(171, 184, 223, 0.2);border-radius: 4px;}
    .index1 .swiper-slide{margin-bottom: 17px;}
    .index1 .swiper-slide a span{background-color: #201e2b;color: #fff;}
    .index1 .swiper-slide a span{font-size: 12px;}
    .index3 .rt li{width: 100%}
    .index3 .rt li:nth-child(1), .index3 .rt li:nth-child(3){border-right: 0;}
    .index3 .rt li:nth-child(3){content: '';width: 101%;height: 1px;background: #a39ea6;position: absolute;bottom: -15px;left: 0;}
    .index3 .rt li .cont img{max-height: 46px;bottom: 15px;}
    .index3 .rt li .cont .xian{height: 2px;}
    .index3 .rt li .cont .font26{margin-top: 18px;}
    .index3 .container{margin: 0}
    .index5 ul li{width: 48%;margin-left: 4%;margin-bottom: 12px;}
    .index5 ul li:nth-child(5n + 1){margin-left: 4%}
    .index5 ul li:nth-child(4n + 1){margin-left: 4%}
    .index5 ul li:nth-child(2n + 1){margin-left: 0}
    .tabA li {margin: 0 8px;}
    .news li .lt img{width: 100%}
    .cooperationOne .cont .form-group .btn {padding: 8px 40px;}
    .projectDetaile2 .col-md-4 .cont .imgs, .projectDetaile2 .swiper-slide .cont .imgs{height: auto;}
    .projectDetaile2 .swiper-container{padding: 5px 5px 22px}
}
@media (max-width: 440px){
    .index1 .swiper-slide a p{height: 63px;}
}
@media (max-width: 480px){
    .index2 .swiper-container .swiper-slide{height: 430px;}
    .index2 .swiper-container .swiper-slide .imgs img{max-height: 36px}
    .index2 .swiper-container .swiper-slide .imgs{width: 70px;height: 70px;line-height: 70px;}
    .index2 .swiper-container .swiper-slide .hide_cet .font24{margin-bottom: 12px;}
    .index2 .swiper-container .swiper-slide .hide_cet a{padding: 8px 21px;font-size: 12px;}
    .index2 .swiper-container .swiper-button-prev,.index2 .swiper-container .swiper-button-next{width: 20px;height: 45px;}
}

@media (max-height: 960px){

}