@charset "utf-8";
/*width:1200+*/

@media only screen and (min-width: 1004px) and (max-width: 2800px){
	
	
	
	
}

@media only screen and (max-width: 1600px){
	
	.mt111{
		margin-top: 80px;
	}
	.culture1 {
	    line-height: 45px;
	}
	.culture2 {
	    font-size: 32px;
	    line-height: 45px;
	}
	.culture3{
	    line-height: 45px;
	}
	.sjcp1{
		width: 90%;
		margin: 80px auto 0;
	}
	.sjcp2{
		width: 180px;
		height: 180px;
	}
	.sjcp3 img{
		height: 72px;
	}
	.relCase2{
		width: 90%;
		margin: 60px auto 0;
	}
	.nav ul li{
		font-size: 16px;
	}
	
}

@media only screen and (max-width: 1440px){
	
	.nav ul li {
        margin-left: 20px;
    }
	.footer3{
		margin-left: 50px;
	}
	.footer5 a{
		margin-right: 20px;
	}
	.footer6 a{
		margin-right: 20px;
	}
	.banner3{
		font-size: 45px;
	}
	.banner4{
		font-size: 32px;
		letter-spacing: 2px;
	}
	.introduction{
		margin-top: 80px;
	}
	.mt111{
		margin-top: 60px;
	}
	
}
@media only screen and (max-width: 1366px){
	.footer3{
		margin-left: 32px;
	}
	.title{
		font-size: 28px;
	}
	.culture1 {
		font-size: 20px;
	    line-height: 36px;
	}
	.culture2 {
	    font-size: 24px;
	    line-height: 36px;
	}
	.mt40{
		margin-top: 20px;
	}
	.culture3{
	    font-size: 20px;
	    line-height: 45px;
	}
	.repurtion6 {
	    height: 50px;
	    font-size: 16px;
	}
	.manage6{
		font-size: 16px;
	}
	
	
	
	
}

@media only screen and (min-width: 1200px){
	
}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){
	
}
/** max-width:1024 **/
@media only screen and (max-width: 1023px) {
	
	.header{
		display: none;
	}
	.header_m{
		display: block;
	}
	.banner2 {
		left: 50%;
		top: auto;
		bottom: 20px;
		transform: translate(-50%, 0);
	}
	.banner3{
		font-size: 20px;
		line-height: 1;
	}
	.banner4 {
		margin-top: 10px;
		font-size: 16px;
		line-height: 1;
		letter-spacing: 2px;
	}
	.banner5{
		margin-top: 20px;
	}
	.banner5 a {
		width: 140px;
		height: 36px;
		font-size: 14px;
		line-height: 34px;
	}
	.introduction{
		margin-top: 0;
		padding: 30px 0;
	}
	.introduction1 {
		position: relative;
		right: auto;
		top: auto;
		transform: translateY(0);
		width: 100%;
	}
	.title{
		font-size: 18px;
		margin-top: 20px;
		line-height: 1;
	}
	.introduction2{
		margin-top: 20px;
	}
	.introduction3{
		margin-top: 20px;
	}
	.introduction5{
		font-size: 28px;
		line-height: 36px;
	}
	.concept1{
		height: auto;
		padding: 25px 0;
	}
	.concept4 {
		position: relative;
		right: auto;
		top: auto;
		height: auto;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.concept2{
		font-size: 14px;
		line-height: 24px;
	}
	.concept3 {
		font-size: 16px;
		line-height: 28px;
	}
	.concept5{
		height: auto;
		padding: 20px 0;
	}
	.concept6 img {
		width: 45px;
		height: 45px;
	}
	.concept7 {
		margin-top: 10px;
		font-size: 14px;
		line-height: 24px;
	}
	.product{
		margin-top: 30px;
	}
	.product1{
		margin-top: 20px;
	}
	.product1 span {
		display: inline-block;
		font-size: 14px;
		line-height: 24px;
		margin: 0px 5px;
	}
	.product3{
		width: 100%;
		height: auto;
		padding: 20px;
	}
	.product4{
		font-size: 18px;
	}
	.product5 {
		margin-top: 14px;
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 20px;
	}
	.product7{
		margin-top: 30px;
	}
	.product7 img{
		height: 190px;
	}
	.product8{
		width: 100%;
		margin-left: 0;
		height: auto;
		padding: 20px;
	}
	.product9{
	    height: 200px;
	}
	.product9 img{
		width: 100%;
	}
	.solution{
		margin-top: 30px;
	}
	.solution1{
		margin-top: 30px;
		height: auto;
		padding: 10px 0;
	}
	.solution2{
		height: auto;
		overflow: hidden;
	}
	.solution3{
		width: 100%;
		height: auto;
		padding: 20px 10px;
		border-left: 0;
		border-bottom: 1px solid #fff;
	}
	.solution3.on{
		width: 100%;
	}
	.solution5 {
		margin-top: 16px;
		font-size: 16px;
		line-height: 26px;
	}
	.solution7 {
		margin-top: 16px;
		line-height: 24px;
	}
	.solution8{
		margin-top: 20px;
	}
	.solution8 a {
		height: 42px;
		font-weight: 300;
		font-size: 14px;
	}
	.solution6{
		margin-top: 16px;
	}
	.case{
		margin-top: 30px;
	}
	.case1{
		margin-top: 20px;
	}
	.case1 span {
		font-size: 14px;
		line-height: 24px;
		margin: 0px 5px;
	}
	.case2 .swiper{
		padding: 0;
	}
	.case5{
		padding: 16px;
	}
	.case6{
		font-size: 16px;
	}
	.case7{
		margin-top: 10px;
		font-size: 12px;
		line-height: 20px;
	}
	.cLeft {
		left: 0;
		transform: translate(0, -50%);
		width: 60px;
		height: 36px;
	}
	.cRight {
		right: 0;
		transform: translate(0, -50%);
		width: 60px;
		height: 36px;
	}
	.news{
		padding: 30px 0;
	}
	.news1{
		margin-top: 10px;
	}
	.news1 ul li{
		width: 100%;
		margin-right: 0;
		margin-top: 20px;
	}
	.news3 {
		margin-top: 20px;
		font-size: 18px;
		line-height: 28px;
	}
	.news4 {
		margin-top: 8px;
		font-size: 12px;
		line-height: 20px;
	}
	.news5 {
	    margin-top: 10px;
	}
	.footer2{
		margin-top: 0;
		text-align: center;
		width: 100%;
	}
	.footer{
		padding: 30px 0;
	}
	.footer3{
		display: none;
	}
	.footer7{
		width: 100%;
		margin-top: 20px;
	}
	.footer4{
		font-size: 14px;
	}
	.footer8 {
		margin-top: 10px;
		font-size: 16px;
		line-height: 28px;
	}
	.footer9 {
		max-width: 100%;
		font-size: 12px;
		line-height: 20px;
	}
	.footer10 {
		margin-top: 12px;
		font-size: 14px;
	}
	.beian {
		padding: 10px;
		line-height: 20px;
		font-size: 12px;
	}
	.banner1>img{
		min-height: 240px;
	}
	.innerBanner{
		font-size: 18px;
		line-height: 30px;
	}
	.innerBanner1{
		margin-top: 15px;
	}
	.inNav1 a {
	    line-height: 36px;
	    font-size: 14px;
	    padding: 0;
	}
	.intro{
		margin-top: 30px;
	}
	.intro1{
		display: block;
	}
	.intro2{
		margin-top: 0;
	}
	.intro3{
		width: 100%;
		margin-top: 20px;
	}
	.intro4 {
	    font-size: 14px;
	    line-height: 24px;
	}
	.intro5 {
	    margin-top: 30px;
	    padding: 20px 0;
	}
	.culture{
		margin-top: 30px;
		padding: 0;
	}
	.culture4 {
	    position: relative;
	    right: auto;
	    top: auto;
	    width: 100%;
	}
	.culture1 {
		margin-top: 20px;
		font-size: 16px;
		line-height: 26px;
	}
	.culture2{
		font-size: 16px;
		line-height: 26px;
	}
	.culture3{
		font-size: 14px;
		line-height: 26px;
	}
	.develop{
		margin-top: 30px;
		padding: 30px 0;
	}
	.develop1{
		margin-top: 30px;
		padding-bottom: 60px;
	}
	.develop3{
		width: 100%;
	}
	.develop4{
		width: 100%;
	}
	.develop5 {
	    margin-top: 10px;
	    font-size: 20px;
	    line-height: 30px;
	}
	.develop6 {
	    margin-top: 10px;
	    font-size: 14px;
	    line-height: 24px;
	}
	.develop7{
		width: 100%;
		text-align: center;
		bottom: 0;
	}
	.develop8{
		margin-top: 30px;
	}
	.prospect{
		padding: 30px 0;
	}
	.prospect3{
		margin-top: 30px;
	}
	.prospect1{
		font-size: 18px;
		line-height: 30px;
	}
	.repurtion{
		padding: 30px 0;
	}
	.repurtion1{
		display: block;
	}
	.repurtion2 a{
		margin-right: 10px;
		margin-left: 0;
	}
	.repurtion3{
		margin-top: 30px;
	}
	.repurtion5{
		width: 100%;
	}
	.repurtion7{
		margin-top: 20px;
		width: 100%;
	}
	.repurtion8{
		margin-right: 0;
		margin-top: 20px;
		width: 100%;
	}
	.repurtion8 img{
		width: 100%;
	}
	.certificate{
		padding: 30px 0;
	}
	.certificate1 a{
		display: inline-block;
		margin: 0 10px;
	}
	.certificate2{
		margin-top: 30px;
	}
	.c_left{
		left: 0;
		z-index: 9;
	}
	.c_right{
		right: 0;
		z-index: 9;
		margin-right: 0;
	}
	.inpro{
		padding: 30px 0;
	}
	.inpro1{
		margin-top: 30px;
	}
	.inpro1 a{
		display: inline-block;
		margin: 0 10px;
		font-size: 14px;
	}
	.inpro4 ul li{
		width: 100%;
		margin-top: 20px;
		margin-right: 0;
	}
	.page{
		margin-top: 30px;
	}
	.inpro6 {
	    margin-top: 15px;
	    font-size: 18px;
	}
	.newsDeta{
		font-size: 18px;
		line-height: 30px;
	}
	.newsDeta3{
		margin-top: 25px;
	}
	.newsDeta4{
		font-size: 20px;
	}
	.newsDeta6{
		margin-top: 20px;
	}
	.inCase{
		padding: 1px 10px 20px;
	}
	.join1{
		width: 100%;
	}
	.join2{
		width: 100%;
		margin-top: 20px;
	}
	.join3{
		margin-top: 20px;
		font-size: 14px;
		line-height: 28px;
	}
	.join4 {
		margin-top: 20px;
		font-size: 16px;
		line-height: 32px;
	}
	.join4 span{
		display: flex;
		margin-right: 0;
	}
	.join5 {
	    margin-top: 30px;
	    font-size: 18px;
	    line-height: 32px;
	}
	.join6{
		margin-top: 20px;
	}
	.join6 ul li{
		width: 100%;
		margin-right: 0;
		margin-top: 20px;
		padding: 16px;
	}
	.join7 {
	    width: 60px;
	    font-size: 40px;
	    line-height: 70px;
	    margin-right: 10px;
	}
	.join9 {
	    font-size: 16px;
	    margin-bottom: 10px;
	}
	.map{
		margin-top: 30px;
	}
	.inContact{
		margin-top: 0;
	}
	.inContact ul li{
		width: 100%;
		margin-top: 20px;
		margin-right: 0;
	}
	.inContact4 {
	    margin-top: 36px;
	    font-size: 18px;
	    line-height: 30px;
	}
	.inContact5{
	    margin-top: 0;
		display: block;
	}
	.inContact5 input{
		width: 100%;
		margin-top: 20px;
	}
	.zhfa{
		margin-top: 30px;
	}
	.zhfa2{
		width: 100%;
		height: 300px;
	}
	.zhfa3{
		width: 100%;
		margin-top: 20px;
	}
	.zhfa4{
		font-size: 18px;
		line-height: 30px;
	}
	.zhfa5 {
	    margin-top: 15px;
	    font-size: 16px;
	    line-height: 24px;
	}
	.zhfa6{
		display: block;
	}
	.zhfa6 span{
		width: auto;
	}
	.content{
		margin-top: 30px;
	}
	.content1 {
	    font-size: 18px;
	    line-height: 30px;
	}
	.manage{
		margin-top: 30px;
		padding: 30px 0;
	}
	.manage1{
	    font-size: 18px;
	    line-height: 30px;
	}
	.manage2{
		margin-top: 30px;
	}
	.manage3{
		width: 100%;
		margin-top: 0;
	}
	.manage4{
		width: 100%;
		margin-top: 20px;
	}
	.manage4 ul li{
		margin-right: 20px;
		width: calc((100% - 20px)/2);
		margin-bottom: 20px;
	}
	.manage4 ul li:nth-child(3n){
		margin-right: 20px;
	}
	.manage4 ul li:nth-child(2n){
		margin-right: 0;
	}
	.sjcp{
		margin-top: 30px;
	}
	.sLeft{
		left: 0;
	}
	.sRight{
		right: 0;
	}
	.advan{
		margin: 30px 0;
	}
	.advan1 ul li{
		margin-top: 30px;
		display: block;
	}
	.advan2{
		width: 100%;
	}
	.advan3{
		margin-top: 30px;
		padding: 0;
		width: 100%;
	}
	.advan4 {
	    width: 50px;
	    height: 50px;
	    margin-right: 20px;
	    line-height: 50px;
	    font-size: 20px;
	}
	.advan6{
		font-size: 18px;
	}
	.advan7 {
	    margin-top: 10px;
	    line-height: 24px;
	}
	.relCase{
		padding: 30px 0;
	}
	.relLeft{
		left: 0;
	}
	.relRight{
		right: 0;
	}
	.relCase2{
		width: 100%;
		margin: 30px 0 0;
		padding: 0 36px;
	}
	.relCase1{
		font-size: 18px;
		line-height: 30px;
	}
	.proLeft{
		left: 0;
	}
	.proRight{
		right: 0;
	}
	.proDeta{
		padding: 30px 0;
	}
	.proDeta2{
		width: 100%;
	}
	.proDeta3{
		width: 100%;
	}
	.proDeta4{
		height: 360px;
	}
	.proDeta5{
		width: 100%;
		margin-top: 20px;
		height: auto;
		padding: 0 30px;
	}
	.pro_left {
	    position: absolute;
	    top: 50%;
	    left: 0;
		transform: translateY(-50%);
	    z-index: 9;
	    width: 25px;
	    text-align: center;
	}
	.pro_right {
	    position: absolute;
	    top: 50%;
		bottom: auto;
		left: auto;
	    right: 0;
		transform: translateY(-50%);
	    z-index: 9;
	    width: 25px;
	    text-align: center;
	}
	.proDeta6{
		height: 100px;
	}
	.proDeta7{
		width: 100%;
	}
	.proDeta8 {
	    margin-top: 36px;
	    font-size: 18px;
	}
	.proDeta9 {
	    margin-top: 20px;
	    font-size: 16px;
	    line-height: 24px;
	}
	.proDeta10 {
	    margin-top: 10px;
	    font-size: 16px;
	    line-height: 24px;
	    padding-bottom: 15px;
	}
	.proDeta11 {
	    margin-top: 30px;
	}
	.too{
		padding: 30px 0;
	}
	.too1{
		font-size: 18px;
		line-height: 30px;
	}
	.too2{
		margin-top: 20px;
		width: auto;
		height: auto;
	}
	.too3{
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
	}
	.too3 .too_font::before{
		width: 0;
		height: 0;
	}
	.too3 .too_font::after{
		width: 0;
		height: 0;
	}
	.too4{
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
	}
	.too4 .too_font::before{
		width: 0;
		height: 0;
	}
	.too5{
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
	}
	.too5 .too_font::before{
		width: 0;
		height: 0;
	}
	.too6{
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
	}
	.too6 .too_font::before{
		width: 0;
		height: 0;
	}
	.too7{
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
	}
	.too7 .too_font::before{
		width: 0;
		height: 0;
	}
	.too8{
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
	}
	.too8 .too_font::before{
		width: 0;
		height: 0;
	}
	.too9{
		position: relative;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
	}
	.too9 .too_font::before{
		width: 0;
		height: 0;
	}
	.tr{
		text-align: left;
	}
	.too_font2{
		width: auto;
	}
	.too_font1{
		font-size: 16px;
		line-height: 24px;
		margin-top: 20px;
	}
	.too_font2{
		font-size: 14px;
	}
	.setting{
		padding: 30px 0;
	}
	.setting1{
		font-size: 18px;
		line-height: 30px;
	}
	.setting2{
		margin-top: 30px;
	}
	.setting2 span{
		font-size: 14px;
		width: 125px;
	}
	.setting2 code{
		font-size: 14px;
		padding: 0 20px;
	}
	.relGoods{
		margin-top: 30px;
	}
	.rel_fa{
		padding: 20px 0;
	}
	.rel_fa1{
		display: block;
	}
	.rel_fa2{
		width: 100%;
	}
	.rel_fa3{
		width: 100%;
		margin-top: 20px;
	}
	.rel_fa4 {
	    font-size: 18px;
	    line-height: 30px;
	}
	.rel_fa5 {
	    margin-top: 15px;
	    font-size: 16px;
	    line-height: 26px;
	}
	.rel_fa6 {
	    margin-top: 10px;
	    font-size: 14px;
	    line-height: 24px;
	}
	.banner1{
	    height: auto;
	}
	.banner1>img{
	    height: auto;
	}
	.addStre{
	    height: auto;
	    background-size: auto 130px !important;
	}
	.titletext {
        font-size: 20px;
    }
	.dian{
	    margin-bottom: 0;
	}
	.addStre4{
	    position: relative;
	    left: auto;
	    top: auto;
	    right: auto;
	    bottom: auto;
	    width: 100%;
	    margin-top: 20px;
	    transform: translate(0,0);
	    font-size: 16px;
	    height: 50px;
	    line-height: 50px;
	}
	.addStre5{
	    margin-top: 30px;
	    padding-top: 0;
	}
	.addStre5 ul{
	    display: block;
	    height: auto;
	}
	.addStre5 ul li{
	    width: 100%;
	}
	.project2 {
        margin: 0px;
        width: 160px;
        padding: 0px 0px;
        line-height: 36px;
        font-size: 12px;
    }
	.project4{
	    width: 100%;
	}
	.project3{
	    display: block;
	}
	.project5 {
        background: #fff;
        border-radius: 4px;
        box-shadow: 0 0 4px rgba(0, 0, 0, .3);
        height: 185px;
        overflow: hidden;
        position: relative;
        width: calc((100% - 20px)/2);
        margin-right: 20px;
    }
    .project5:nth-child(3n){
        margin-right: 20px;
    }
    .project5:nth-child(2n){
        margin-right: 0;
    }
	.project5:nth-child(n+4){
        margin-top: 20px;
    }
	.project5:nth-child(n+3){
        margin-top: 20px;
    }
    .project{
        background-size: cover;
    }
    .project1{
        margin-top: 10px;
    }
	.project8{
	    margin-top: 30px;
	}
}
/** max-width:960 **/
@media only screen and (max-width: 959px) {

}
/** max-width:768 **/
@media only screen and (max-width: 767px) {
	
	
	
	
}
/** max-width:640 **/
@media only screen and (max-width: 639px) {
}

/** width:480 **/
@media only screen and (max-width: 479px) {

}

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

}
/** width:320px **/
@media only screen and (max-width: 319px) {	
}

/*********************************首页结束**********************************/

/*******************************************************************/
/*width:1200+*/
@media only screen and (min-width: 1200px){}
/** max-width:1200 **/
@media only screen and (max-width: 1365px){

	}
/** max-width:1200 **/
@media only screen and (max-width: 1199px){}
/** width:960px **/
@media only screen and (max-width: 1023px){
}
/** max-width:960 **/
@media only screen and (max-width: 959px){}
/** max-width:768 **/
@media only screen and (max-width: 767px){}
/** max-width:640 **/
@media only screen and (max-width: 639px){
	}
/** width:480 **/
@media only screen and (max-width: 479px) {}
/** width:360px **/
@media only screen and (max-width: 360px) {}

/** width:320px **/
@media only screen and (max-width: 319px){}
/*******************************************************************/