/* 公司简介 */
.about01 #title{float: left;width: 48.04%;}
.about01 #title p{color: #999;}
.about01-txt p img{display: inline-block;width: 100%;}
.about01-txt p{font-size: 15px;line-height: 30px; color: #666;}

.about02{background: url(../img/about02-bg.jpg) no-repeat;background-size: cover;padding: 4% 0;margin-top: 5%;margin-bottom: 6.5%;}
.about02 .index-d h2{color: #fff;}
.about02 .index-d .add{color: #f0f0f0;}
.about02 .index-d p{color: #fff;}

.about03{margin-bottom: 7%;}
.about03 #title{justify-content: center;}
.about03 .more{margin-top: 3%;text-align: center;}

@media(max-width:1500px){
    .about01-txt p{font-size: 14px;line-height: 26px;}
}
@media(max-width:1200px){
    .about01-txt p{font-size: 13px;line-height: 25px;}
}
@media(max-width:760px){
    .about01 #title{float: none;}
    .about02{margin: 12% 0;}
    .about03{margin-bottom: 12%;}
}
@media(max-width:580px){
    .about03 .more{margin-top: 20px;}
    .about01-txt p{float: none !important;width: 100% !important;padding: 0 !important;}
}


/* 荣誉资质 */
.honor-list{margin-bottom: 8%;}
.honor-list ul{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.honor-list ul li{width: 22.7%;margin-right: 3.05%;margin-bottom: 3%;box-sizing: border-box;overflow: hidden;}
.honor-list ul li:nth-child(4n){margin-right: 0;}
.honor-list ul li>a{display: block;width: 100%;}
.honor-list ul li .item-img{background: #f0f0f0;width: 100%;padding-bottom: 100%;position: relative;overflow: hidden; box-sizing: border-box;border: 2px solid transparent;}
.honor-list ul li .item-img>div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;display: flex;align-items: center;}  
.honor-list ul li .item-img img{display: block;width: auto;max-width: 80%;max-height: 80%;margin: 0 auto;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.honor-list ul li:hover .item-img img{transform: scale(1.08);-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);}
.honor-list ul li .item-txt {text-align: center;padding: 20px 15px;}
.honor-list ul li .item-txt h2 {font-size: 16px;font-weight: normal;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-top: 15px;position: relative;}
.honor-list ul li .item-txt h2:after{content: "";position: absolute;left: calc(50% - 10px);width: 20px; height: 1px;background: #666666;top: 0;}
.honor-list ul li:hover .item-txt h2 {color:#ee2324;}
.honor-list ul li:hover .item-img{box-sizing: border-box; border: 2px solid #ee2324;}
@media(max-width:1600px){
    .honor-list ul li .item-txt h2 {font-size: 16px;}
}
@media(max-width:1200px){
    .honor-list ul li{margin-right: 2.5%;}
    .honor-list ul li .item-txt h2 {font-size: 14px;}
}
@media(max-width:970px){
    .honor-list ul li{width: 48.2%;margin-bottom: 20px;}
    .honor-list ul li:nth-child(2n){margin-right: 0%;}
    .honor-list ul li:nth-child(4n){margin-right: 0%;}
}
@media(max-width:760px){
    .honor-list ul{justify-content: space-between;}
    .honor-list ul li {width: 48%;margin-right: 0;}
    .honor-list ul li .item-txt {padding: 10px 5px;}
    .honor-list ul li .item-txt h2 {font-size: 12px;padding-top: 10px;}
    .honor-list{margin-bottom: 12%;}
}



/* 人才招聘 */
.hire-main{margin-bottom: 6.5%;}
.recruit-list ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.recruit-list ul li{display: inline-block;width: 48.4375%;margin-bottom: 3.125%;background: #f6f6f6;}
.recruit-list ul li>div{ padding: 6.45%;}
.recruit-list ul li>div h1{ font-size: 22px; margin-bottom: 4.56%; letter-spacing: 0.05em;color: #333;font-weight: normal;}
.recruit-list ul li>div .list-need{ margin-bottom: 8%;}
.recruit-list ul li>div .list-need p{display: inline-block;font-size: 14px;line-height: 14px;letter-spacing: 0.05em;color: #666;margin-right: 10px;padding-right: 10px;border-right: 1px solid #666;}
.recruit-list ul li>div .list-need p:last-child{border: none;}
.recruit-list ul li>div>a{display: inline-block;letter-spacing: 0.1em;font-size: 14px;padding: 2% 9%;color: #999;border: 1px solid #ccc;}
.recruit-list ul li:hover>div>a{color: #fff;background: #ee2324;border: 1px solid #ee2324;}
.recruit-list ul li:hover{ background: none;box-shadow: 0 0 40px rgba(60, 61, 61, .15);}
.recruit-list ul li:hover>div h1{color: #ee2324;}
@media(max-width:1600px){
    .recruit-list ul li>div h1{font-size: 20px;}
}
@media(max-width:1400px){
    .recruit-p p{ font-size: 13px;line-height: 28px;}
    .recruit-list ul li>div h1{font-size: 18px;}
    .recruit-list ul li>div>a{font-size: 13px;}
    .recruit-list ul li>div .list-need p{font-size: 13px;line-height: 13px;}
}
@media(max-width:1200px){
    .recruit-container,.hired-container{padding: 0 5%;}
    .recruit-p p{font-size: 12px;line-height: 24px;}
    .recruit-list ul li>div h1{font-size: 16px;}
    .recruit-list ul li>div>a{font-size: 12px;}
    .recruit-list ul li>div .list-need p{font-size: 12px;line-height: 13px;}
}
@media(max-width:960px){
    .recruit-list ul li>div h1 {font-size: 15px;}
    .recruit-container {margin-top: 10%; }
    .recruit-p p br{display: none;}
    .recruit-list ul li{width: 100%;}
}
@media(max-width:760px){
    .hire-main{margin-bottom: 12%;}
}
@media(max-width:580px){
    .recruit-list ul li{margin-bottom: 5%;}
    .recruit-list ul li>div .list-need p{margin-bottom: 10px; }
}
@media(max-width:375px){
    .recruit-list ul li>div .list-need p{display: block;border: none; margin-bottom: 10px; }
}

.hired-container .rd-top{margin-bottom: 5%;}
.hired-container .rd-top>h1{font-size: 22px;letter-spacing: 0.1em;color: #ee2324;font-weight: normal;margin-bottom: 2.8%;}
.hired-container .rd-put {margin-top: 5%;}
.hired-container .rd-put a{display: inline-block;align-items: center;color: #999;font-size: 14px;letter-spacing: 0.1em;border:1px solid #ccc;line-height: 40px;width: 200px;text-align: center;justify-content: center;}

.hired-container .rd-put a:hover{color: #fff;background: #ee2324;border: 1px solid #ee2324;}

@media(max-width:1600px){
    .hired-container .rd-top>h1 {font-size: 20px;} 
}
@media(max-width:1400px){
    .hired-container .rd-top>h1 {font-size: 18px;}
    .hired-container .rd-put a {font-size: 13px;line-height: 38px;width: 180px;}
}
@media(max-width:1200px){
    .hired-container .rd-top>h1 {font-size: 16px;margin-bottom: 25px;}
    .hired-container .rd-put{margin-top: 30px;}
    .hired-container .rd-put a {font-size: 12px;line-height: 34px;width: 150px;}
}
@media(max-width:960px){
    .hired-container .rd-put a {font-size: 12px;line-height: 32px;width: 130px;}
}


/* 新闻 */
.news-main{margin-bottom: 6.5%;}
.news-top{display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;background: #f6f6f6;margin-bottom: 6.5%;}
.news-main .news-left{display: inline-block;width: 50%;}
.news-main .news-img{display: inline-block;width: 100%;padding-bottom: 56.25%;position: relative;overflow: hidden;}
.news-main .news-img a{display: inline-block;width: 100%;height: 100%; overflow: hidden;position: absolute;left: 0;top: 0;}
.news-main .news-img a img{display: inline-block;width: 100%;height: 100%;transition: .5s; -webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.news-top:hover .news-img a img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.news-main .news-right{ display: inline-block;width: 50%;}
.news-main .news-right .news-txt{ padding: 0 14% 0 10%;}
.news-main .news-txt h1 a{display: block;font-size: 18px;color: #333; font-weight: normal;margin-bottom: 4%;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.news-top:hover .news-txt h1 a{color: #ee2324;}
.news-main .news-txt p{display: block; margin-bottom: 5%; font-size: 14px;line-height: 28px;color: #666; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-main .news-txt>a{display: block;font-size: 20px;color: #999;background: url(../img/news-arrow.png) no-repeat center right 10%;background-size: 26px;}
.news-top:hover .news-txt>a{color: #ee2324;background: url(../img/news-arrow-hover.png)no-repeat center right 10%;background-size: 26px;}
.news-list ul{display: flex;flex-wrap: wrap;}
.news-list ul li{display: inline-block;width: 31.25%;margin-right: 3%;margin-bottom: 3%;}
.news-list ul li:nth-child(3n){margin-right: 0;}
.news-list ul li .news-txt{padding-top: 5%;}
.news-list ul li .news-txt>a{border-top: 1px solid #dddddd;padding-top: 5%;background-position-y: 70%;}
.news-list ul li:hover .news-img a img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.news-list ul li:hover .news-txt h1 a{color: #ee2324;}
.news-list ul li:hover .news-txt>a{border-top: 1px solid #ee2324; color: #ee2324;background: url(../img/news-arrow-hover.png)no-repeat center right 10%;background-size: 26px;background-position-y: 70%;}

@media(max-width:1600px){
    .news-main .news-txt h1 a{font-size: 17px;}
    .news-main .news-txt>a{font-size: 19px;background-size: 24px;}
    .news-top:hover .news-txt>a,.news-list ul li:hover .news-txt>a{background-size: 24px;}
}
@media(max-width:1500px){
    .news-main .news-txt h1 a{font-size: 16px;}
    .news-main .news-txt p{font-size: 13px;line-height: 26px;}
    .news-main .news-txt>a{font-size: 18px;}
    
}

@media(max-width:1400px){
    .news-main .news-txt h1 a{font-size: 15px;}
    .news-main .news-txt>a{font-size: 17px;background-size: 22px;}
    .news-top:hover .news-txt>a,.news-list ul li:hover .news-txt>a{background-size: 22px;}
}

@media(max-width:1300px){
    .news-main .news-txt h1 a{font-size: 14px;}
    .news-main .news-txt p{font-size: 12px;line-height: 24px;}
    .news-main .news-txt>a{font-size: 16px;background-size: 20px;}
    .news-top:hover .news-txt>a,.news-list ul li:hover .news-txt>a{background-size: 20px;}
}

@media(max-width:1200px){
    .news-main .news-txt h1 a{font-size: 13px;}
    .news-main .news-txt>a{font-size: 15px;}
}

@media(max-width:960px){
    .news-main .news-txt>a{font-size: 14px;}
}
@media(max-width:760px){
    .news-main{margin-bottom: 12%;}
    .news-list ul{justify-content: space-between;}
    .news-list ul li{width: 48.5%;margin-right: 0;margin-bottom: 20px;}
}
@media(max-width:580px){
    .news-main .news-right .news-txt{padding: 15px 3%;}
    .news-main .news-left{width: 100%;}
    .news-main .news-right{width: 100%;}
    .news-list ul li{width: 100%;margin-bottom: 30px;}
    .news-main .news-txt p{margin-bottom: 15px;}
    .news-list ul li .news-txt>a{padding-top: 15px;}
}


/* 新闻详情 */
.newsd-container>h1{
    font-size: 24px;
    text-align: center;
    color: #000;
    font-weight: 400;
    margin-bottom: 20px;
}
.newsd-container>p{
    font-size: 14px;
    color: #666;
    text-align: center;
    padding-bottom: 2%;
}
.newsd-text{
    padding-bottom: 4%;
    margin-bottom: 2%;
    padding-top: 4%;
    border-bottom: 1px dashed #ddd;
    border-top: 1px dashed #ddd;
}
.newsd-text img{
    display: inline-block;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
}
.newsd-share{
    height: 30px;
    margin-bottom: 2%;
}
.newsd-other{
position: relative;
}
.newsd-other ul{
    display: inline-block;
}
    .newsd-other ul li{
        display: block;
    }
    .newsd-other ul li a{ 
        font-size: 16px;
        color: #333;
        line-height: 30px;
    }
    .newsd-other ul li a:hover{ 
       color: #ee2324;
    }
    .newsd-other>a{
        position: absolute;
        right: 0%;
        font-size: 14px;
        padding: 10px 50px;
        border: 1px solid #999;
        color: #999;
    }
    .newsd-other>a:hover{
        background: #ee2324;
        border: 1px solid #ee2324;
        color: white;
    }

@media(max-width:1600px){
    .newsd-container>h1{font-size: 22px;}
    .newsd-other ul li a{font-size: 15px;}
}
@media(max-width:1400px){
    .newsd-container>h1{font-size: 20px;}
    .newsd-other ul li a{font-size: 14px;}
    .newsd-container>p{font-size: 13px;}
    .newsd-other>a{font-size: 13px;padding: 8px 45px;}
}
@media(max-width:1200px){
    .newsd-container>h1{font-size: 18px;}
}
@media(max-width:960px){
    .newsd-container>h1{font-size: 16px;margin-bottom: 15px;}
}
@media(max-width:760px){
.newsd-container>p{font-size: 12px;padding-bottom: 20px;}
.newsd-other ul{
    display: block;
}
.newsd-other ul li,.newsd-other ul li a{
    font-size: 12px;
}
.newsd-other>a {
    position: static;
    display: inline-block;
    margin-top: 20px;
    padding: 8px 35px;
}
.newsd-text {
    padding-bottom: 10%;
    margin-bottom: 7%;
}
.newsd-text p{
    font-size: 12px;
    line-height: 24px;
}
}

/* 案例 */
.cases-main{margin-bottom: 6.5%;}
.cases-list ul{display: flex;flex-wrap: wrap;}
.cases-list ul li{display: inline-block;width: 31.25%;margin-right: 3.1%;margin-bottom: 3%;}
.cases-list ul li:nth-child(3n){margin-right: 0;}
.cases-list ul li .list-img{display: inline-block;width: 100%;padding-bottom: 66.25%;position: relative;}
.cases-list ul li .list-img a{display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
.cases-list ul li .list-img a img{ display: inline-block; width: 100%; height: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.cases-list ul li:hover .list-img a img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.cases-list ul li .list-txt{padding: 3.5% 0% 0;}
.cases-list ul li .list-txt h1 a{display: block; font-size: 16px;line-height: 16px; font-weight: normal;color: #333;position: relative;padding: 0 calc(4px + 4%);overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.cases-list ul li .list-txt h1 a:after{content: "";position: absolute;top: 0;left: 0;width: 4px;height: 100%;background: #666666;}
.cases-list ul li:hover .list-txt h1 a{color: #ee2324;}
.cases-list ul li:hover .list-txt h1 a::after{background: #ee2324;}
.cases-list ul li .list-img span{
    display: block;position: absolute;background: rgba(0, 0, 0, 0.5);top: 0%;left: 0%;right: 0%;bottom: 0%;opacity: 0;
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
} 
.cases-list ul li .list-img span:before ,
.cases-list ul li .list-img span:after {content: "";display: inline-block; background: #fff; position: absolute; top: 50%; left: 50%;}
.cases-list ul li .list-img span:before {width: 7%;height: 1px;margin-left: -3.5%;}
.cases-list ul li .list-img span:after { height: 10.5%;width: 1px;margin-top: -3.25%;}
.cases-list ul li:hover .list-img span { transform: scale(1);-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); opacity: 1;}

@media(max-width:1500px){
    .cases-list ul li .list-txt h1 a{font-size: 15px;line-height: 15px;}
}
@media(max-width:1400px){
    .cases-list ul li .list-txt h1 a{font-size: 14px;line-height: 14px;}
}
@media(max-width:1200px){
    .cases-list ul li .list-txt h1 a{font-size: 13px;line-height: 13px;}
}
@media(max-width:760px){
    .cases-list ul li .list-txt{padding: 10px 0 0;}
    .cases-list ul li .list-txt h1 a:after{width: 3px;}
    .cases-main{margin-bottom: 12%;}
    .cases-list ul{justify-content: space-between;}
    .cases-list ul li{width: 48.5%;margin-right: 0 !important;margin-bottom: 20px;}
    .cases-list ul li .list-txt h1 a{font-size: 12px;line-height: 12px;}
}


/* 产品列表 */
.pro-main,.prod-main{margin-bottom: 6.5%;}
.pro-list ul{display: flex;flex-wrap: wrap;}
.pro-list ul li{display: inline-block;width:31.25%;margin-right: 3.1%;margin-bottom: 3.1%;}
.pro-list ul li:nth-child(3n){margin-right: 0;}
.pro-list ul li .list-img{display: inline-block;width: 100%;padding-bottom: 66.25%;position: relative;}
.pro-list ul li .list-img a{display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;}
.pro-list ul li .list-img a img{ display: inline-block; width: 100%; height: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.pro-list ul li:hover .list-img a img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.pro-list ul li .list-txt{padding: 5% 3.5%;background: #f0f0f0;text-align: center;}
.pro-list ul li .list-txt h1 a{display: block; font-size: 16px;font-weight: normal;color: #333;position: relative;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro-list ul li:hover .list-txt h1 a{color: #fff;}
.pro-list ul li:hover .list-txt{background: #ee2324;}
@media(max-width:1500px){
    .pro-list ul li .list-txt h1 a{font-size: 15px;}
}
@media(max-width:1400px){
    .casproes-list ul li .list-txt h1 a{font-size: 14px;}
}
@media(max-width:1200px){
    .pro-list ul li .list-txt h1 a{font-size: 13px;}
}
@media(max-width:760px){
    .pro-list ul li .list-txt{padding: 10px;}
    .pro-list ul li .list-txt h1 a:after{width: 3px;}
    .pro-main,.prod-main{margin-bottom: 12%;}
    .pro-list ul{justify-content: space-between;}
    .pro-list ul li{width: 48.5%;margin-right: 0 !important;margin-bottom:15px;}
    .pro-list ul li .list-txt h1 a{font-size: 12px;}
}


/* 产品详情 */
.prod-title{display: flex;justify-content: space-between;align-items: center;padding-bottom: 25px;border-bottom: 1px solid #eeeeee;margin-bottom: 5%;}
.prod-title h1{display: inline-block;font-size: 24px;color: #333;}
.prod-title a{display: inline-block;width: 160px;line-height: 40px;font-size: 14px;color: #999;border: 1px solid #ccc;text-align: center;}
.prod-title a:hover{color: #fff;background: #ee2324;border: 1px solid #ee2324;}
.prod-list .list-title{display: flex;align-items: center;padding-bottom: 14px;border-bottom: 1px solid #dddddd;margin-bottom: 2.5%;cursor: pointer;
background: url(../img/prod-arrow.png) no-repeat top 20% right 10px;background-size: 16px;}
.prod-list .list-title span{font-size: 14px;color: #666;}
.prod-list .list-title p{font-size: 20px;color: #333;font-weight: bold;width: calc(90% - 70px);overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.prod-list .list-txt{margin-bottom: 3%;display: none;padding: 0 3%;}
.prod-list .list-txt p{font-size: 15px;line-height: 28px;color: #666;}
.prod-list .list-txt p img{display: inline-block;width: auto !important;max-width: 100% !important;height: auto !important;}
.prod-list .active{background: url(../img/prod-arrow-hover.png) no-repeat top 20% right 10px;background-size: 16px;}
.prod-list .active p{color: #ee2324 !important;}
.prod-list .list-txt:nth-child(2){display: block;}
.prod-edit p{font-size: 15px;line-height: 28px;color: #666;}
.prod-edit img{display: inline-block;width: auto !important;height: auto !important;max-width: 100% !important;}
.prod-page{padding-top: 3%;}
.prod-page p{font-size: 14px; color: #999;margin-bottom: 10px;}
.prod-page p a{color: #666;}
.prod-page p a:hover{color: #ee2324;}

@media(max-width:1600px){
    .prod-title h1{font-size: 22px;}
    .prod-list .list-title p{font-size: 18px;}
    .prod-title{padding-bottom: 22px;}
}
@media(max-width:1500px){
    .prod-list .list-title{padding-bottom: 12px;}
    .prod-title h1{font-size: 21px;}
    .prod-list .list-title p{font-size: 17px;}
    .prod-title a{font-size: 13px;width: 180px;line-height: 38px;}
    .prod-list .list-title span{font-size: 13px;}
    .prod-list .list-title,.prod-list .active{background-size: 14px;}
    .prod-title{padding-bottom: 20px;}
}
@media(max-width:1400px){
    .prod-title h1{font-size: 20px;}
    .prod-list .list-title p{font-size: 16px;}
}
@media(max-width:1300px){
    .prod-list .list-title{padding-bottom: 10px;}
    .prod-title{padding-bottom: 18px;}
    .prod-title h1{font-size: 19px;}
    .prod-list .list-title p{font-size: 15px;}
    .prod-title a{font-size: 12px;width: 140px;line-height: 35px;}
    .prod-list .list-title span{font-size: 12px;}
    .prod-list .list-title,.prod-list .active{background-size: 12px;}
    .prod-list .list-txt p{font-size: 12px;line-height: 24px;}
    .prod-page p{font-size: 13px;}
}
@media(max-width:1200px){
    .prod-title{padding-bottom: 15px;margin-bottom: 30px;}
    .prod-title h1{font-size: 18px;}
    .prod-list .list-title p{font-size: 14px;}
}
@media(max-width:960px){
    .prod-title a{font-size: 12px;width: 120px;line-height: 30px;}
}
@media(max-width:760px){
    .prod-title h1{width: calc(95% - 120px);}
    .prod-page{padding-top: 30px;}
    .prod-list .list-txt{margin: 20px 0;}
}


/* 联系我们 */
.contact-main{margin: 5% 0;}
.contact-top{display: flex;justify-content: space-between;margin-bottom: 6.5%;}
.contact-top .top-left{display: inline-block;width: 50%;}
.contact-top .top-right{display: inline-block;width: 50%;background: url(../img/msg-bg.jpg)no-repeat;background-size: cover;}
.contact-top .top-left>h1{font-size: 24px;color: #ee2324;margin-bottom: 8%;margin-top: 5%;}
.contact-top .top-left ul li{}
.contact-top .top-left ul li>div{display: flex;}
.contact-top .top-left ul li h2{font-size: 17px;line-height: 36px; color: #333;font-weight: normal;}
.contact-top .top-left ul li p{font-size: 17px;line-height: 36px; color: #333;}
.contact-top .top-left ul li h2 img{display: inline-block;width: 110px;margin-right: 15px;}
.contact-top .top-left ul li:last-child .list-txt{display: flex;align-items: flex-end;}
.contact-top .top-left ul li:last-child{margin-top: 5%;}
.contact-top .top-left ul li:last-child  p{font-size: 17px;line-height: 30px; color: #666;}

.contact-top .top-right>div{padding:  5%;}
.contact-top .top-right h1{font-size: 22px;color: #fff;margin-bottom: 5%;}
.contact-top .top-right ul li { margin-bottom: 20px; overflow: hidden; text-align: right; }
.contact-top .top-right ul li:last-child{margin-bottom: 0;}
.contact-top .top-right ul li .inp{ font-family: sans-serif; font-size: 14px; color: #333; padding: 0 4%; display: inline-block; width: 92%; background: #fff; height: 45px; line-height: 45px; border: none; outline: none; }
.contact-top .top-right .submit{border: none; padding: 10px 70px; display: inline-block; background: #ee2324; color: #fff; font-size: 15px; }
.contact-top .top-right ul li textarea{padding-bottom: 12% !important;height: auto !important;line-height: normal !important;padding-top: 15px !important;}
.contact-top .top-right ul li .inp::-webkit-input-placeholder{
    color:#999;
}
.contact-top .top-right ul li .inp::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#999;
}
.contact-top .top-right ul li .inp:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#999;
}
.contact-top .top-right ul li .inp:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#999;
}
.contact-top .top-right ul li:last-child{ border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; }

/* 地图 */
.con_map{ width:100%; padding-bottom:36.5%; position:relative;}
.con_map .map{ position:absolute; top:0px; left:0px; width:100%; height:100%;}

@media(max-width:1600px){
    .contact-top .top-left>h1,.contact-top .top-right h1{font-size: 20px;}
    .contact-top .top-left ul li p,.contact-top .top-left ul li h2{font-size: 16px;line-height: 34px;}
    .contact-top .top-left ul li:last-child p{font-size: 16px;line-height: 28px;}
}
@media(max-width:1500px){
    .contact-top .top-left>h1,.contact-top .top-right h1{font-size: 19px;}
    .contact-top .top-left ul li p,.contact-top .top-left ul li h2{font-size: 15px;line-height: 32px;}
    .contact-top .top-left ul li:last-child p{font-size: 15px;line-height: 26px;}
    .contact-top .top-right ul li .inp{font-size: 13px;height: 40px;line-height: 40px;}
    .contact-top .top-right .submit{padding: 8px 65px;font-size: 13px;}
}
@media(max-width:1400px){
    .contact-top .top-left>h1,.contact-top .top-right h1{font-size: 18px;}
    .contact-top .top-left ul li p,.contact-top .top-left ul li h2{font-size: 14px;line-height: 30px;}
    .contact-top .top-left ul li:last-child p{font-size: 14px;line-height: 24px;}
}
@media(max-width:1300px){
    .contact-top .top-left>h1,.contact-top .top-right h1{font-size: 17px;}
    .contact-top .top-left ul li p,.contact-top .top-left ul li h2{font-size: 13px;line-height: 28px;}
    .contact-top .top-left ul li:last-child p{font-size: 13px;line-height: 22px;}
    .contact-top .top-right ul li .inp{font-size: 12px;height: 35px;line-height: 35px;}
    .contact-top .top-right .submit{padding: 8px 60px;font-size: 12px;}
}
@media(max-width:1200px){
    .contact-top .top-right .submit{padding: 8px 55px;font-size: 12px;}
}
@media(max-width:960px){
    .contact-top .top-left>h1,.contact-top .top-right h1{font-size: 16px;}
    .contact-top .top-right .submit{padding: 8px 50px;font-size: 12px;}
}
@media(max-width:760px){
    .contact-top .top-left>h1, .contact-top .top-right h1{margin-bottom: 20px;margin-top: 0;}
    .contact-main{margin: 12% 0;}
    .contact-top{flex-wrap: wrap;}
    .contact-top .top-left{width: 100%;margin-bottom: 30px;}
    .contact-top .top-right{width: 100%;}
    .contact-top .top-right ul li{margin-bottom: 15px;}
    .iw_poi_content{font-size: 12px;}
    .con_map{padding-bottom: 70%;}
}