body { margin: 0; padding: 0; }
.banner { position: relative; width: 100%; height: auto; }
.banner img { width: 100%; height: auto; }
@media screen and (min-width:750px) {
.banner div { width: 100%; height: auto; }
.banner div h1, .banner div h2, .banner div a { position: absolute; display: inline-block; color: #ffffff; }
.banner div h1 { font-size: 60px; bottom: 50%; margin-bottom: 28px; text-align: center; width: 100%; }
.banner div .haone { font-size: 24px; font-family: "SimHei"; bottom: 50%; margin-bottom: -34px; width: 100%; font-weight: normal; text-align: center; }
.banner div .hatwo { font-size: 16px; font-family: "SimHei"; bottom: 50%; margin-bottom: -30px; width: 23%; font-weight: normal; text-align: -webkit-auto; }
.banner div a { bottom: 44%; background: #ff8400; font-size: 24px; width: 180px; text-align: center; line-height: 48px; height: 48px; margin-bottom: -137px; text-decoration: none; left: 45%; }
.con { width: 100%; height: 520px; background-color: #fafafa; }
.con .conleft { float: left; width: 50%; }
.con .conright { float: right; width: 50%; }
.con .conleft p { color: #333333; font-size: 30px; margin-left: 37%; margin-top: 17%; }
.con .conleft div { border: 2px solid #40a4fc; width: 60px; margin-left: 37%; }
.con .conleft span { color: #999999; font-size: 16px; width: 52%; float: right; margin-right: 11%; margin-top: 4%; }
.con .conright img { margin: 58px 162px; }
.two { background-color: #ffffff; }
.two .twoconleft { float: right; }
.two .twoconleft span { margin-left: 6%; }
.two .twoconright { float: left; }
.twoconright img { margin: 108px 202px; float: right; }
.forbox {width: 100%;height: auto;background-color: #fafafa;overflow: hidden;}
.forbox p:nth-child(1) {font-size: 30px;width: 100%;text-align: center;padding-top: 85px;}
.forbox p:nth-child(2) {color: #888888;font-size: 18px;width: 100%;text-align: center;line-height: 36px;}
.forbox>div {
        width: 1226px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 50px;
}
.forbox div dl {width: 270px;height: auto;float: left;text-align: center;margin: 50px 58px;}
.forbox div dl:nth-child(1){/* margin-left: 22%; */}
.forbox div dl:nth-child(4){/* margin-left: 22%; */}
.forbox div dl .ddone { font-size: 20px; color: #333333; }
.forbox div dl dd { color: #888888; font-size: 14px; margin-top: 11px; }
.forbox div dl dt img{/* padding-left: 34px; */margin: 0 auto;}
.forbox div {margin-top: 50px;width: 1226px;height: auto;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;margin: 0 auto;margin-top: 32px;}
}



@media screen and (min-width:1600px) and (max-width:1920px) {
    html { font-size: 90%; }
    .forbox div dl:nth-child(1)* margin-left: 21%;}
    .forbox div dl:nth-child(4)* margin-left: 21%;}
}
@media screen and (min-width:1440px) and (max-width:1599px) {
    html { font-size: 79.1%; }
    .forbox div dl:nth-child(1) { margin-left: 11%; }
    .forbox div dl:nth-child(4) { margin-left: 11%; }
    .two .twoconleft span { margin-left: 8%; }
    .con .conright img { margin: 58px 145px; }
}
@media screen and (min-width:1360px) and (max-width:1439px) {
    html { font-size: 72.8%; }
    .forbox div dl:nth-child(1) { margin-left: 8%; }
    .forbox div dl:nth-child(4) { margin-left: 8%; }
    .con .conright img { margin: 58px 130px; }
    .two .twoconleft span { margin-left: 9%; }
}
@media screen and (min-width:1200px) and (max-width:1359px) {
    html { font-size: 66.6%; }
    .forbox div dl:nth-child(1) {/* margin-left: 4%; */}
    .forbox div dl:nth-child(4) { margin-left: 4%; }
    .con .conleft { width: 45%; margin-top: 7%; }
    .con .conright img { margin: 58px 87px; }
    .con .conleft { margin-right: 5%; }
    .two .twoconleft p { margin-left: 32px; }
    .two .twoconleft span { margin-left: 11%; }
}
@media screen and (min-width:1080px) and (max-width:1199px) {
    html { font-size: 59.3%; }
    .con .conleft { width: 44%; margin-top: 7%; }
    .con .conright img { margin: 58px 59px; }
    .two .twoconleft { width: 50%; margin-top: 7%; }
    .twp .twoconright img { margin: 119px 35px; }
    .banner div h1 { font-size: 55px; }
    .banner div .haone { font-size: 19px; }
    .banner div a { left: 40%; margin-bottom: -11%; }
    .two .twoconleft span { margin-left: 11%; }
}
@media screen and (min-width:960px) and (max-width:1079px) {
    html { font-size: 53%; }
    .con .conleft { width: 44%; margin-top: 7%; }
    .con .conright img { margin: 58px 28px; }
    .two .twoconleft { width: 50%; margin-top: 7%; }
    .twp .twoconright img { margin: 119px 35px; }
    .banner div h1 { font-size: 50px; }
    .banner div .haone { font-size: 17px; }
    .banner div a { left: 40%; margin-bottom: -11%; }
    .forbox div dl:nth-child(1) { margin-left: -10%; }
    .forbox div dl:nth-child(4) { margin-left: -10%; }
    .two .twoconleft span { margin-left: 12%; }
    .con .conright img { width: 70%; height: auto; }
}
@media screen and  (max-width:960px) {
    html { font-size: 50%; }
}
@media screen and (min-width:750px) and (max-width:1226px){
    .forbox div {width:100%;}
    .forbox div dl {margin:50px auto;}
}

@media screen and (max-width:750px) {
    .mbanner {background:url('../img/TJ/tjmbg.jpg') no-repeat center; background-size:cover; color:#fff;}
    .mbanner h3 {font-size:.5rem;padding-top: .8rem;}
    .mbanner p {font-size: .26rem;padding-top:.15rem;color:#fff;width:75%; line-height: .4rem; margin:0 auto;}
    .mbanner a {margin-top: .3rem;color:#fff;background:#ff8400;}

    .con ,.forbox{width:100%; height:auto; overflow: hidden; box-sizing: border-box; padding:0 .24rem; background: #fafafa;}
    .con.two {background:#fff;}
    .con h3 {padding-top:.2rem;line-height: .9rem;font-size: .34rem;position: relative;}
    .con h3::after {content:''; position: absolute; bottom:0; left:0; width:.8rem; height: .03rem; background:#40a4fc;}
    .con p {font-size:.26rem; line-height: .42rem; color:#999999; padding-top:.2rem;}
    .con img {width:3.9rem; margin-top:.4rem; margin-bottom: .45rem;}
    .forbox {text-align: center;}
    .forbox p:nth-child(1) {font-size:.32rem;padding-top:.48rem;font-weight: bold;}
    .forbox p:nth-child(2) {font-size: .24rem;color:#888888;padding-top:.2rem;}
    .forbox .dls {width:100%; position: relative; padding-top:.28rem; padding-bottom:.15rem;}
    .forbox .dls dl {position: relative;margin-bottom: .45rem;}
    .forbox .dls dl dt {width: 1.2rem;height: 1.26rem;position:  absolute;}
    .forbox .dls dl dt img {width: 1.2rem;height: auto;position: absolute;left:0;top: 50%;margin-top: -0.6rem;}
    .forbox .dls dd.ddone {font-size: .32rem;line-height: .5rem;padding-left: 1.4rem;text-align: left;margin:0;}
    .forbox .dls dd:nth-child(3){font-size: .24rem;line-height: .36rem;color:#999999;text-align: left;padding-left: 1.4rem;margin:0;padding-top: .1rem;}


}