@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/
@media(max-width: 1750px) {
	header .nav li{
		margin-left: 60px;
	}
}
@media(max-width: 1600px) {
	header .nav li{
		margin-left: 50px;
	}
	.w_all {
	    width:90%;
	}
}
@media(max-width: 1450px) {
	body,html{
		font-size: 60.5%;
	}
}
@media(max-width: 1380px) {
	header .nav li{
	    margin-left: 30px;
	}
	.w_all {
	    width:92%;
	}
	.w_all2 {
	    width:80%;
	}
	header .logo{
	    height: 40px;
	}
	.index_bar3 .right .bg{
	    font-size: 30rem;
	}
	.index_bar4 .box h3{
	    font-size: 2rem;
	}
}
@media(max-width: 1200px) {
    body,html{
		font-size: 58%;
	}
	.w_all,.w_all2 {
	    width:94%;
	}
	header .nav li{
	    margin-left: 20px;
	}
	header .logo{
	    height: 38px;
	    padding: 20px 0;
	}
	.nav_p ul li{
	    margin-right: 30px;
	}
}
@media(max-width: 1000px) {
	body,html{
		font-size: 56%;
	}
	header .logo{
		height: 30px;
		padding: 10px 0;
	}
	header.active .logo {
	    height: 30px;
	    padding: 10px 0;
	}
	header.active .navBtn span{
	    background:#1b3e87;
	}
	header .nav{
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #fff;
	}
	header .nav ul{
	    width: 90%;
		display: block;
		position: absolute;
		left: 5%;
		top: 100px;
	}
	header .nav li{
		margin: 0;
		padding: 3% 0;
		line-height: 46px;
		border-bottom: 1px solid  #eee;
		position: relative;
	}
	header.active .nav li{
	    line-height: 46px;
	}
	header .nav li span{
		font-size: 2rem;
	}
	header .nav li i{
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        font-size: 2rem;
        font-weight: bold;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
	.navBtn{
		display: block;
	}
	.s_menu{
	    position: static;
	    width: 100%;
        text-align: left;
        display: none;
	}
	.s_menu dd{
	    line-height: 1;
        display: inline-block;
        margin: 0;
        margin-right: 10px;
        padding: 0;
        font-size: 1.6rem;
	}
	.s_menu.active{
	    display: block;
	    transform: translateX(-0%) scaleY(1);
	}
}
@media(max-width: 767px) {
	body,html{
		font-size: 50%;
	}
	.w_all,.w_all2{
		width: 94%;
	}
	.banner .txt{
		padding-right: 0;
	}
	.banner .swiper-slide-active .txt{
		top: 48% !important;
	}
	.banner .txt h3{
		font-size: 4rem;
		padding-bottom: 3%;
		line-height: 1.6;
	}
	.banner .txt p{
		font-size: 1.6rem;
		margin: 3% 0 15%;
	}
	.more {
	    padding: 8px 15px;
	    float: none;
	    margin-top: 5%;
	    width: 90px;
	}
	.more i{
	    width: 30px;
	}
	.more i:after{
	    width: 5px;
	    height: 5px;
	}
	.banner .swiper-pagination{
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
	}
	.title h3{
	    margin: 5px 0 10px;
	    font-size: 2.4rem;
	}
	.title2{
	    margin: 5% auto;
	}
	.title2 h4 {
        padding-left: 40px;
        padding-bottom: 0;
    }
    .title2 h4:before {
        bottom: 50%;
    }
	.index_bar1 .imgs img{
	    max-width: 35%;
	}
	.index_bar1 .imgs img:nth-of-type(2){
	    display: none;
	}
	.index_bar1 ul{
	    flex-wrap: wrap;
	}
	.index_bar1 ul li {
        width: 48%;
        margin-top: 5%;
	}
	.index_bar3 .box{
	    display: block;
	}
	.index_bar2 dl{
	    flex-wrap: wrap;
	}
	.index_bar2 dl dd{
	    width: 50%;
	    margin-right: 0;
	    margin-top: 3%;
	}
	.index_bar2 dl dd span {
        font-size: 4.2rem;
        margin-right: 6px;
	}
	.index_bar2 ul li {
        padding: 15% 0;
        font-size: 2rem;
	}
	.index_bar2 ul li b img {
        width: 30px;
        padding: 10px;
	}
	.index_bar3 .right {
        width: 100%;
	}
	.index_bar3 ul {
        width: 100%;
	}
	.index_bar3 .right .bg{
	    font-size: 20rem;
	    top: inherit;
	    left: inherit;
	    right: 0;
	    bottom: -5%;
	}
	.index_bar4 .left {
        position: relative;
        width: 100%;
        height: 300px;
	}
	.index_bar4 .left .txt{
	    padding: 3% 5% 5%;
	}
	.more2{
	    margin-bottom: 0;
	}
	.more2 i{
	    font-size: 4rem;
	}
	.index_bar4 ul {
        float: none;
        width: 100%;
        margin-top: 5%;
    }
    .index_bar4 .box h6 span {
        padding: 5px 15px;
        margin-right: 10px;
    }
    .index_bar4 .box h3{
        font-size: 1.8rem;
    }
    .index_bar4 .more{
        float: none;
        margin: 6% auto;
    }
	.footer{
		display: block;
		padding: 5% 0;
	}
	.footer .box{
	    display: none;
	}
	.all_back {
		width: 18px;
		margin: auto;
	}
	.all_back img{
		display: block;
		
	}
	.all_back i{
		line-height: 22px;
	}
	.footer .copy{
		display: block;
		text-align: center;
		border: none;
		padding: 0;
	}
	.footer .copy p{
		line-height: 1.6;
	}
	.footer .copy a{
		margin:5px 0 0 !important;
		display: block;
	}
	.footer .copy p span{
		display: block;
		margin-top: 5px;
	}
	.ban{
	    height: 22vh;
	}
	.ban p{
	    font-size: 2.6rem;
	    letter-spacing: 0.4rem;
	}
	.about2 .bar1{
	    display: block;
	}
	.about2 .bar1 h3{
	    width: 100%;
	    text-align: center;
	}
	.about2 .bar1 p{
	    width: 100%;
	    margin-top: 3%;
	}
	.about2 .bar2{
	    position: relative;
	    display: block;
	}
	.navs {
        display: flex;
        justify-content: center;
        margin-bottom: 3%;
    }
    .navs span {
        padding-left: 0px;
        margin: 0px 10px;
	}
	.about2 .bar2 h6 {
        font-size: 20rem;
        margin-top: 0;
        position: absolute;
        text-align: center;
        width: 100%;
    }
    .about2 .bar2 ul{
        width: 100%;
    }
    .about2 .bar2 ul li h3:before{
        width: 30px;
    }
	.about2 .bar2 ul li h3{
	    padding-left: 40px;
	    font-size: 1.8rem;
	}
	.more3 {
        width: 22px;
        height: 22px;
        line-height: 22px;
	}
	.xq .bb{
	    width: 92%;
	    display: block;
	    max-height: 90vh;
        overflow: scroll;
	}
	.xq .bb .img{
	    width: 100%;
	}
	.xq .bb .txt{
	    width: 100%;
	}
	.about3 .box{
	    display: block;
	}
	.about3 .box .title {
        width: 100%;
    }
    .about3 .box ul{
        margin-top: 6%;
    }
    .about3 .box ul li strong {
        font-size: 5.4rem;
        margin-right: 6px;
    }
    .about3 .box .contain{
        width: 100%;
        margin-top: 5%;
    }
    .about3 .box .contain p:before {
        top: 9px;
        -webkit-transform: none;
        transform: none;
        width: 5px;
        height: 5px;
    }
    .about3 .box .contain p{
        padding-left: 15px;
    }
    .title3 {
        font-size: 2.2rem;
        padding-left: 32px;
    }
    .title3:before{
        width: 6px;
        height: 6px;
    }
    .about3 .box2 ul li{
        display: block;
    }
    .about3 .box2 ul li b{
        width: 100%;
    }
    .about3 .box2 ul li .txt{
        width: 100%;
        padding: 5%;
    }
    .about3 .box2 ul li p strong,.about4 ul li p strong{
       margin-bottom: 0;
    }
    .about3 .box4 .btn{
        display: none;
    }
    .about4 .title p{
        width: 100%;
    }
    .about4 ul li b {
        width: 100%;
        float: none !important;
    }
    .about4 ul li .txt {
        position: static;
        width: 100%;
        -webkit-transform: none;
        transform: none;
        padding: 5%;
    }
    .about5 .top .title{
        width: 100%;
    }
    .about5 .top .img{
        display: none;
    }
    .about5 ul li {
        width: 48.5%;
    }
    .about5 ul li:nth-of-type(3n) {
        margin-right: 3%;
    }
    .about5 ul li:nth-of-type(2n) {
        margin-right: 0;
    }
    .about6 ul li h3 {
        font-size: 2.4rem;
        width: 12%;
    }
    .about6 ul li .txt{
        width: 48%;
    }
    .about6 ul li .txt p{
        line-height: 1.8;
    }
    .about7 ul{
        display: block;
    }
    .about7 ul li{
        width: 100%;
        margin-top: 3%;
    }
    .about7 .bar2{
        display: block;
    }
    .about7 .bar2 .left{
        width: 100%;
    }
    .about7 .bar2 .right{
        width: 100%;
        margin-top: 3%;
    }
    .about7 .bar2 h3 {
        font-size: 2.4rem;
        margin-bottom: 3%;
    }
    .about7 .bar2 p strong{
        font-size: 1.8rem;
    }
    .news ul li {
        width: 48.5%;
    }
    .news ul li:nth-of-type(3n) {
        margin-right: 3%;
    }
    .news ul li:nth-of-type(2n) {
        margin-right: 0;
    }
    .news ul li p{
        display: none;
    }
    .news ul li h3{
        font-size: 1.8rem;
    }
    .news ul li .data span {
        width: 22px;
        margin-right: 10px;
    }
    .news ul li .data{
        font-size: 1.2rem;
    }
    .more span{
        font-size: 1.4rem;
    }
    .news_d .box {
        width: 92%;
    }
    .news_d .top h1 {
        font-size: 2.6rem;
        letter-spacing: 1px;
    }
    .totop{
        padding: 8px;
    }
    .allbox p{
        font-size: 1.7rem;
    }
    .video ul li b {
        width: 100%;
        float: none;
        position: relative;
    }
    .video ul li .txt {
        position: static;
        -webkit-transform: none;
        transform: none;
        width: 100%;
        margin-top: 5%;
    }
    .video ul li h3{
        margin-bottom: 0;
        font-size: 2.2rem;
    }
    .nav_p{
        padding: 15px 0;
    }
    .nav_p ul{
        flex-wrap: wrap;
    }
    .nav_p ul li{
        margin: 6px 10px;
    }
    .pro > ul > a{
        width: 48.5%;
    }
    .pro > ul > a:nth-of-type(3n){
        margin-right: 3%;
    }
    .pro > ul > a:nth-of-type(2n){
        margin-right: 0;
    }
    .pro ul li h3{
        font-size: 2.2rem;
    }
    #pages{
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    .pro_d .bar{
        display: block;
    }
    .pro_d .bar .left{
        width: 100%;
    }
    .pro_d .bar .right{
        width: 90%;
        margin: 5% auto 0;
    }
    .service ul li{
        width: 32%;
    }
    .service ul li:nth-of-type(4n){
        margin-right: 2%;
    }
    .service ul li:nth-of-type(3n){
        margin-right: 0;
    }
    .service2 ul li b{
        width: 100%;
        float: none !important;
    }
    .service2 ul li .txt {
        position: static;
        -webkit-transform: none;
        transform: none;
        width: 100%;
        padding: 5%;
    }
    .service2 ul li h3{
        margin-bottom: 2%;
        font-size: 2.2rem;
    }
    .service3 .bar .left {
        width: 92%;
        margin: auto;
        position: static;
        height: 200px;
    }
    .service3 .bar .right{
        width: 100%;
        float: none;
        padding: 5%;
    }
    .resource table tr td {
        padding: 5px 3px;
        font-size: 1.3rem;
    }
    .resource table tr:first-of-type td{
        font-size: 1.4rem;
    }
    .join ul li{
        width: 90%;
    }
    .join ul li img{
        width: 100%;
    }
    .join ul li .txt p strong{
        font-size: 2rem;
    }
    .join ul li .txt p{
        font-size: 1.4rem;
        line-height: 1.6;
        letter-spacing: 1px;
    }
    .join .box2 .btn{
        display: none;
    }
    .job .box .bar{
        display: block;
    }
    .job .box .bar b{
        width: 100%;
    }
    .job .box .bar .txt{
        width: 100%;
        padding: 5%;
        overflow: hidden;
    }
    .job .box3 ul li h6{
        padding: 6px 4px;
        width: 25%;
        font-size: 1.6rem;
    }
    .job .box3 ul li h6:last-of-type{
        display: none;
    }
    .job .box3 ul li .more {
        position: relative;
        right: 0;
        bottom: 0;
    }
    .contact ul li{
        width: 50%;
        border: none;
        margin: 3% 0;
    }
    .contact ul li b{
        width: 38px;
        height:38px;
    }
    .contact ul li h3{
        margin-bottom: 5px;
    }
    .contact .online p input{
        padding: 6px 10px;
    }
    .contact .online p textarea{
        min-height: 90px;
    }
    .contact .submit{
        width: 120px;
    }
    .contact .submit button{
        line-height: 40px;
    }

}