@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1838px) {


}
@media screen and (max-width:1660px) {


}
@media screen and (max-width:1490px) {


}
@media screen and (max-width:1440px) {



}

@media screen and (max-width:1380px) {
.footer{
    height:auto;
}
.footer_text_l{
    float:none;
    width:938px;
    margin:0 auto;
}
.footer_l{
    width:45%;
    margin-top:100px;
}
.footer_z{
    float:right;
    width:46%;
    margin-top:100px;
}   
.footer_r{
    float:none;
    width:938px;
    margin:0 auto;
}
.footer_c{
    padding-bottom:100px;
}

}


@media screen and (max-width:1340px) {
.header{
    max-width:1040px;
}
.nav{
    width:642px;
}
.nav ul li{
    margin-right:62px;
}   


}
@media screen and (max-width:1275px) {
.media_cont dl dt,.media_cont dl dd{
    float:none;
    width:100%;
}
.media_text_c{
    padding:20px 0 50px 0;
}


}

@media screen and (max-width:1140px) {
.header{
    max-width:860px;
}
.nav{
    width:460px;
}
.nav ul li{
    margin-right:26px;
}
.header .logo{
    margin:22px 0 0 0;
}

.jobs_j dl{
    margin-top:30px;
    margin-bottom:40px;
}
.jobs_j dt{
    background-size:64px;
    font-size:26px;
}

.about_txt{
    width:95%;
    margin:0 auto;
}   

.prodc_list_t{
    /* width:306px; */
    /* height:180px; */
    /* margin:-90px 0 0 -153px; */
}
.choubei_list_t p, .newmedia_list_t p, .prodc_list_t p{
    line-height:26px;
    font-size:14px;
}

.works_c em{
    width:45px;
    height:45px;
}
.works_c span{
    margin-top:15px;
    font-size:18px;
}
.works_c p{
    font-size:14px;
}
.works_c{
    /* margin-top:-56px; */
}


.trends_list{
    max-width:817px;
}
.trends_list_l{
    width:439px;
    height:170px;
}
.trends_list_l dl dt{
    width:145px;
}
.trends_list_l dl dd{
    width:196px;
    height:170px;
}
.trends_list_l dl dd span{
    height:37px;
    overflow:hidden;
    margin-top:14px;
    font-size:14px;
}
.trends_list_l dl dd p{
    height:95px;
    margin-top:12px;
    padding:0 18px 0 12px;
    overflow:hidden;
}
.trends_date{
    margin-top:52px;
}
.trends_list .swiper-slide{
    height:176px;
}
}
@media screen and (max-width:978px) {
.footer_c{
    width:98%;
}
.footer_text_l{
    width:789px;
}
.footer_l{
    width:46%;
}
.footer_z{
    width:51%;
}
.footer_r{
    width:789px;
}
.ftnav a,.footer_l p{
    font-size:14px;
}
.footer_z p{
    margin-bottom:15px;
    font-size:14px;
}
.footer_r dt{
    font-size:14px;
}

.swiper-container_tell{
    display:block;
}
.swiper-container_pc{
    display:none;
}
.jobs_list li{
    float:none;
    width:100%;
    padding:2px 0;
    margin-right:0;
}

.symovies_txt span{
    margin-bottom:10px;
    font-size:18px;
}
.symovies_txt p{
    font-size:14px;
    line-height:26px;
}
.symovies_txt{
    padding:20px 0 40px 0;
}

.swiper_tell2{
    display:block;
}
.swiper_pc2{
    display:none;
}
.symovies_list li{
    width:100%;
    margin:0;
}


.newmedia_list_t span{
    font-size:18px;
}
.newmedia_list_t p{
    font-size:14px;
    line-height:26px;
}

}
@media screen and (max-width:890px) {
.header_tell{
    display:block;
}
.header_w,.headerfd{
    display:none;
}   

.swiper_pc{
    display:none;
}
.swiper_tell{
    display:block;
}
.choubei_list_t span{
    font-size:18px;
}
.choubei_list_t p{
    font-size:14px;
    margin-top:10px;
}
.choubei_list li{
    width:100%;
}
}
@media screen and (max-width:860px) {
.banner{
    display:none;
}   
.banner_tell{
    display:block;
    height:auto;
}

.online_list{

}
.online_list li{

}
.newmedia_list li{
    width:100%;
}

.prodc_list li{
    width:100%;
}
.prodc_list_t{
    /* width:80%; */
    /* height:180px; */
    /* margin:-90px 0 0 -40%; */
}


}

@media screen and (max-width:790px) {
.title_w_c{
    width:97%;
    padding:33px 0 23px;
}
.title_w_c p{
    margin-top:16px;
    font-size:14px;
}
.service_sy{
    width:97%;
}
.service_sy li{
    width:50%;
    margin-bottom:20px;
}
.section_1{
    height:auto; 
}
.service_sy{
    padding:40px 0 40px 0;
}
.service_c dl{
    width:160px;
}
.works_list li{
    width:50%;
}

.section_2{
    height:385px;
    padding-bottom:80px;
}
.section_2 .swiper-container-horizontal > .swiper-pagination-bullets, .section_2 .swiper-pagination-custom, .section_2 .swiper-pagination-fraction{
    bottom:-53px;
}
.section_2 .swiper-pagination-bullet{
    width:10px;
    height:10px;
}
.section_2 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
    margin:8px;
}
.works_c{
    
}

.trends_sorll{
    display:none;
}
.section_3{
    height:auto;
}
.trends_tell_list{
    display:block;
    border-bottom: 1px solid;
}

.service_c dl dt{
    font-size:20px;
}
.service_c dl dd p{
    font-size:14px;
}
.service_c{
    height:auto;
    padding:46px 0 46px 0;
}

.section_4{
    height:auto;
    padding:20px 0;
}
.top_body{
    width:30px;
    margin-top:auto;
    margin-right:14px;
}

.footer{
    height:auto;
    padding-bottom:20px;
}
.footer_c{
    width:97%;
    padding-bottom:0;
}
.footer_c p{
    line-height:20px;
}
.footer_l,.footer_z,.footer_r{
    width:100%;
}
.footer_l{
    margin-top:26px;
}
.footer_text_l{
    width:100%;
}

.footer_z{
    margin-top:16px;
}
.footer_r{
    display:none;
}
.ftnav a,.footer_l p,.footer_z p{
    font-size:14px;
}
.ftnav a{
    padding:0 11px;
}

.advertising_cont{
    padding-top:30px;
}
.advertising_cont .advertising_text span{
    font-size:18px;
}
.advertising_cont .advertising_text p{
    font-size:14px;
}

.about_txt{
    padding:35px 0 45px 0;
}
.jobs_c{
    padding:40px 82px 50px 82px;
}

.advertising_cont li:active .works_cong{
    opacity:0.2;

}


}

@media screen and (max-width:640px) {
.jobs_c{
    padding:40px 55px 50px 55px;
}
.media_cont dl{
    float:left;
    width:100%;
}
.media_cont dl dd p{
    font-size:14px;
}
.advertising_cont li{
    float:none;
    width:100%;
    margin-right:0;
    margin-bottom:30px;
}
.advertising_cont{
    padding-bottom:10px;
}

.media_cont dl{
    margin-top:30px;
}
.media_text{
    margin-top:10px;
}
.media_cont{
    padding-bottom:34px;
}

.online_list li{
}
.online_text span{
    font-size:18px;
}
.online_cont{
}

.about_tit_c{
    width:442px;
}
.about_tit_c li{
    margin:0 18px;
}

.prodc_list li{
    width:100%;
}

.viewall{
    width:100px;
    height:32px;
    border:1px solid #fff;  
}
.viewall a{
    height:32px;
    line-height:32px;
    font-size:16px;
}

.advertising_t{
    padding:16px 10px 16px 10px;    
}
.advertising_cont .advertising_text p{
    line-height:26px;
    font-size:14px;
    margin-top:9px;
    color:#c6c6c6;
}

.choubei_list_t span, .newmedia_list_t span, .prodc_list_t span{
    font-size: 16px;
    display: block;
}
.choubei_list_t p, .newmedia_list_t p, .prodc_list_t p{
    line-height:26px;
    font-size:14px;
}
.prodc_list_t{
    /* height:150px; */
    /* margin-top:-75px; */
}

.newmedia{
    padding:0 0 54px 0;
}

.pictures_mt{
    padding:0;
}

.yizhangqy_pc{
    display:none;
}
.yizhangqy_tell{
    display:block;
}

.banner_lm{
    display:none;
}
.banner_lm_tell{
    display:block;
}

.title_w_c span{
    background:url(../images/title_line_tell.png) no-repeat center;
}

}

@media screen and (max-width:500px) {
.about_tit_c{
    width:310px;
}
.about_tit_c li span{
    width:45px;
    height:45px;
}
.about_tit_c li .about_tit1{
    background:url(../images/about_tit_1.png) no-repeat;
    background-size:45px;
}
.about_tit_c li a:hover .about_tit1,.about_tit_c .about_tit_on .about_tit1{
    background:url(../images/about_tit_1hover.png) no-repeat;
    background-size:45px;
}
.about_tit_c li .about_tit2{
    background:url(../images/about_tit_2.png) no-repeat;
    background-size:45px;
}
.about_tit_c li a:hover .about_tit2,.about_tit_c .about_tit_on .about_tit2{
    background:url(../images/about_tit_2hover.png) no-repeat;
    background-size:45px;
}
.about_tit_c li .about_tit3{
    background:url(../images/about_tit_3.png) no-repeat;
    background-size:45px;
}
.about_tit_c li a:hover .about_tit3,.about_tit_c .about_tit_on .about_tit3{
    background:url(../images/about_tit_3hover.png) no-repeat;
    background-size:45px;
}
.about_tit_c li .about_tit4{
    background:url(../images/about_tit_4.png) no-repeat;
    background-size:45px;
}
.about_tit_c li a:hover .about_tit4,.about_tit_c .about_tit_on .about_tit4{
    background:url(../images/about_tit_4hover.png) no-repeat;
    background-size:45px;
}
.about_tit_c li{
    margin:0 2px;
}
.about_tit_c li p{
    font-size:14px;
}
.about_tit{
    height:130px;
}
.about_tit_c{
    padding-top:25px;
}

.jobs_j dl{
    overflow:hidden;
}
.jobs_j dt{
    font-size:20px;
    padding-bottom:12px;
}
}
@media screen and (max-width:450px) {
.page em a{
    margin:0 4px;
    font-size:14px;
}
.page span a{
    margin:0 4px;
    padding:0 6px;
    font-size:14px;
}
.jobs_c{
    padding:19px 55px 26px 55px;
}

.works_c{
    /* height:88px; */
    /* margin-top:-44px; */
}
.works_c em{
    width:30px;
    height:30px;
}
.works_c span{
    margin-top:14px;
    font-size:14px;
}
.works_c p{
    font-size:14px;
}

.service_c dl{
    width:128px;
}
.service_c dl dt{
    font-size:16px;
}
.service_c dl dd{
    margin-top:14px;
}
.service_c dl dd a{
    font-size:12px;
}
.service_c{
    padding:30px 0;
}
.trends_tell_list span{
    font-size:16px;
}

.prodc_list_t{
    /* width:300px; */
    /* height:114px; */
    /* margin:-57px 0 0 -150px; */
}

.footer_l p span{
    padding-left:0;
}

}
@media screen and (max-width:350px) {
.symovies_t{
    height:75px;
    overflow:hidden;
}
.symovies_txt{
    padding:20px 0 28px 0;
}
.symovies_c{
    padding:44px 58px;
}

.choubei_list_t{
    width:236px;
    height:108px;
    margin:-54px 0 0 -118px;
    overflow:hidden;
}
}


.page_1200{}


@media screen and (max-width:790px){
.wz_title_c dt{
    position: absolute;
    left: 5px;
    top: 0;
    width: 60px;
    height: 60px;
    border-radius:50%;
    background:#fff;
    line-height: 60px;
    text-align:center;
    font-weight:bold;
    font-size:28px;
    color:#343537;
}
.wz_title_c dd{
    margin-left: 70px;
    color:#f6f6f6;
    position: relative;
    height: 65px;
}
    
.wz_title_c dd h1{
    font-weight:bold;
    font-size:14px;
    color: white;
    position: absolute;
    top: 20%;
    transform: translateY(-20%);
}
.wz_c_j{
    margin-top:10px;
    font-size:10px;
    position: absolute;
    top: 60%;
    transform: translateY(-60%);
}
.wz_c_j span{
    padding: 0 4px;
}
.wz_c_j em{
    display:inline-block;
    height:18px;
    padding-right:10px;
    font-size:12px;
}

.wz_text{
    max-width:1200px;
    padding:40px 0 0 0;
    text-align:Justify;
    text-justify:inter-ideograph;
    line-height:30px;
    font-size:14px;
    color:# e9e9e9;
}
.media_icon1{
    padding-left: 17px;
    background:url(../images/media_icon1.png) no-repeat left 0px;
    background-size: 13px;
}
.media_icon2{
    padding-left: 17px;
    background:url(../images/media_icon2.png) no-repeat left 2px;
    background-size: 15px;
}

}



@media screen and (max-width:790px){
.about_txt{
    width: 100%;
}

.content_parent {
    width: 100%;
    overflow: hidden;
    height: auto;
}

.content_pic,
.content_txt {
    float: left;
    width: 100%;
    padding: 0;
    margin:0;
}

.content_txt {
    float: left;
    width: 95%;
    padding: 0 2.5% 5% 2.5%;
    margin:0;
}
.content_pic img{
  width:100%;
  padding:0}
}

}

@media (min-width: 576px) {
   .media_cont dl{
    height: 400px;
   }
}

@media (min-width: 768px) {
  .media_cont dl{
    height: 400px;
   }
}

@media (min-width: 992px) {
 .media_cont dl{
    height: 400px;
   }
}

@media (min-width: 1100px) {
 .media_cont dl{
    height: 400px;
   }
}


@media (min-width: 1200px) {
 .media_cont dl{
    height: 400px;
   }
}

@media (min-width: 1250px) {
 .media_cont dl{
    height: 170px;
   }
}

@media (min-width: 1300px) {
 .media_cont dl{
    height: 170px;
   }
}

@media (min-width: 1200px) {
 .media_cont dl{
    height: 240px;
   }
}