/* CSS Document */
header.pc{display: none;}
.show-mobile{display: block;}
.header .search{position:absolute;top:0;right:50px;z-index:1000;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/serach.png) no-repeat center center;background-size:40%;}
.header .search:hover{background-color:#e8e8e8;}
.header .search span{display:none;}
.indexBanner .swiper-wrapper{height:400px}
.details,.foot{width:100%;padding-left:0;}
.position{max-width:100%;padding-left:15px;border-top:1px solid #365784;width:auto;}
#foot{padding-top:15px;height:auto;}
#brand{width:100%;padding:0;}
.nz_list{width:50%;}
.main2_list{width:50%;}
#main2 div.main2_list:first-child{width:100%;}
.main2_list dl,.main_list dl{padding:0 5px;}
.main2_list dl dd h2,.main_list dl dd h2{font-size:18px;}
.main2_list dl dd h3,.main_list dl dd h3{font-size:14px; height:auto;padding-bottom:10px;}
.main2_list,.main_list{padding:25px 0;}
.main2_list{padding-bottom:0}
.main2_list dl dd,.main_list dl dd{padding:15px 0;}
.main2_list dl dd span,.main_list dl dd span{width:110px;}
.main2_list dl dd span a,.main_list dl dd span a{font-size:14px;}
@media only screen and (max-width:1024px) {
img{max-width:100%;height:auto}
}
@media only screen and (max-width:750px) {
.brandMaxImg li{background-size:cover;height:200px;background-repeat:no-repeat; background-position:center;}
#datu #video{overflow:hidden;text-align:center;}
#datu #video img{height:200px;width:auto;max-width:auto;margin-left:-137px;}
.brandMaxImg li img{display:none;}
.nz_list_c1 dl dt img{max-height:200px;}
.indexBanner .swiper-wrapper{height:220px}
.news_txt,.news_txt_t h3{width:100%;}
.news_menu{font-size:20px;line-height:30px;padding-top:15px;}
.news_menu a{margin-right:5px;}
.news_txt_t{line-height: 20px;padding:10px 0;height:auto;}
.news_txt_t h3{font-size:16px;}
#news_box{padding:0 15px;max-width:100%;width:auto;}
.news_txt_t span{float:left;text-align: left;}
.news_img img{max-width:100%;height:auto;}
.news_page{padding:25px 0;}
.news_txt_c{font-size:14px;line-height:24px;}
#details{max-width:100%;padding:25px 15px;}
.news_keyword{position:static;margin-top:15px;}
.news_txt,.news_list{height:auto;}
.vjs-big-play-centered,.homeVideo{width:100%;height:200px;}
.main_list dl dt img,.main2_list dl dt img{max-height:210px;}
.foot ul{width:27%;padding-left:6%;}
.foot_r{width:100%;height:auto;}
.foot_r dl{padding-left:0;padding:15px 0}
.foot_r dl dd{padding-right:20px;float:right;padding-left:0;line-height:24px;}
.foot_r dl dt{padding-left:20px;}
.banquan{line-height:18px;padding:10px 0;}
.concept,.brandVideo img{width:100%;height:auto;}
.story{padding:15px;}
.value{padding:25px 0;}
.value_box{width:100%;padding:0 15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
.value_list{margin-bottom:15px;}
.value_list dl dt{height:35px;width:100%;line-height:35px;font-size:16px;}
.value_list dl dd{padding:0;width:100%;padding-top:10px;}
.concept dl dd{width:100%;max-width:100%;padding:15px;height:auto;font-size:13px;line-height:24px;padding-left:0;padding-right:0;}
.concept dl dd h3{height:50px;}
.concept dl dd h4{height:30px;font-size:18px;}
.con_l_c,.con_r_img{width:100%}
.nz_list_c1 dl,.nz_list_c1{height:230px;}
.nz_list_c{max-height:230px;}
.nz_list_c1 dl dd{display: none;top:230px;line-height:50px;}
.nz_list_c1:hover{height:280px;}

.con_r_img_c{width:100%;max-height:400px;}
.con_r_img_c dl {height:400px;}
.con_r_img_c dl dt img{ max-height:300px; max-width:100%;width:auto;}
.con_r_img_c dl dd{top:15px;}
.con_r_img_c dl dd h3{line-height:30px;}
.con_r_c,.con_l_img{width:100%}
.more_nz_list{width:50%;}
.dianpu_search select{width:90%}
.dianpu_search button{width:90%;margin-top:20px;}
.dp_item{width:45%;margin:15px 1%;}
.dianpu_con h2{font-size:16px;}
.dianpu_con p{font-size:12px;}
}

@media only screen and (width:375px) {
  #datu #video img{margin-left:-137px;}
}
@media only screen and (width:320px) {
  #datu #video img{margin-left:-165px;}
  .foot ul{width:28%;padding-left:5%;}
  .foot_r{width:100%;height:auto;}
  .foot_r dl{padding-left:0;padding:15px 0}
  .foot_r dl dd{padding-right:10px;float:right;}
  .foot_r dl dt{padding-left:10px;}
}
@media only screen and (width:414px) {
  #datu #video img{margin-left:-119px;}
  .foot ul{padding-left:5%;}
}
@media only screen and (width:412px) {
  #datu #video img{margin-left:-119px;}
}
@media only screen and (width:360px) {
  #datu #video img{margin-left:-145px;}
}