.countusCont_t{border-bottom: 1px solid #eeeeee;margin-bottom: 60px;}
.countusCont_t ul{text-align: center;}
.countusCont_t ul li{display: inline-block;}
.countusCont_t ul li a{color: #333333;padding: 20px 70px;display: block;}
.countusCont_t ul li.on a{color: #007dcd;border-bottom: 1px solid #007dcd;}
.countusFrom{position: relative;}
.countusFrom>img{width: 100%;}
.countusFrom_c{padding:60px;padding-top: 220px; color: #fff;box-sizing: border-box;width: 100%;}
.countusFrom_c h1{margin-bottom: 50px;}
.countusFrom_c h1 p{margin-top: 10px;height: 3px;}
.fomer_item{margin-bottom: 10px;display: table;width: 100%;}
.fomer_item_l{float: left;width: 58%;}
.fomer_item_r{float: right;width:calc(100% - 60%);}
.fomer_item_l-input{float: left;margin-right: 2%;width: 32%;}
.fomer_item_l-input:last-child{margin-right: 0;}
.fomer_item_l-input input{border: none;border-bottom: 1px solid rgba(255, 255, 255, 0.5);background: none;width: 100%;height: 35px; line-height: 35px;
  color:#fff}

.fomer_item_l-input input::-webkit-input-placeholder,.fomer_item_l-input textarea::-webkit-input-placeholder{
  color:rgba(255, 255, 255, 0.5)
}

.fomer_item.second .fomer_item_l-input{width: 100%;}
.fomer_item_r{line-height: 35px;}
.fomer_item_r .name{float: left;width: 80px;}
.radioChoose{float: left;width: calc(100% - 80px);}
.radioChoose_i{width: 20%;float: left;cursor: pointer;}
.radioChoose_i em{vertical-align: middle;background: url(../images/choose.png) no-repeat;width: 9px;height: 9px;background-size: 100% 100%;display: inline-block;margin-right: 10px;}
.radioChoose_i.on em{background: url(../images/choosed.png) no-repeat;}
.fomer_item.three .fomer_item_l-input{width: 30%;float: left;}
.codeImg{float: left;line-height: 35px;cursor: pointer;width: 92px;}
.codeImg img{vertical-align: bottom;width: 100%;}
.formBtn{margin-top: 40px;}
.formBtn a{width: 92px;height: 25px;line-height: 25px;display: inline-block;text-align: center;color: #fff;margin-right: 8px;}
.lookBtn{background: #007dcd;box-shadow: 0 0 5px rgba(255, 255, 255, 0.5);}
.resetBtn{background: #004c80;}
.fomer_item.second .fomer_item_r{position: relative;}
.fomer_item.second .fomer_item_r .fomer_item_l-input{width:calc(100% - 105px);float: left;margin-right: 0;}
.upLoad{float: right;width: 92px;height: 25px;margin-top: 11px;cursor: pointer;}
.upload-box{height: 100%;}
.upload-box{background: url(../images/upload.jpg) no-repeat;background-size: 100% 100%;    overflow: hidden;}
.ViewSpan{border-bottom: 1px solid rgba(255, 255, 255, 0.5);display: none;height: 35px;}
.ViewSpan a span,.ViewSpan .again{color: #fff;}
.ViewSpan .again{float: right;}
@media only screen and (max-width:1440px){
  .countusFrom_c{padding-top: 150px;}
  .fomer_item_l{width: 50%;}
  .fomer_item_r{width: calc(100% - 52%);}
}
@media only screen and (max-width:1100px){
  .fomer_item_l{width: 100%;margin-bottom: 20px;}
  .fomer_item_r{width: 100%;}
  .radioChoose_i{width: auto;margin-right: 13px;}
}
@media only screen and (max-width:1024px){
  .countusFrom>img{display: none;}
  .countusFrom_c{ position: inherit;transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
}
@media only screen and (max-width:767px){
  .fomer_item_l-input{width: 100%;margin-bottom: 10px;}
  .countusCont_t ul li a{padding: 15px;}
  .countusCont_t,.countusFrom_c h1{margin-bottom: 20px;}
  .radioChoose_i em{margin-right: 5px;}
  
  .countusFrom{margin-bottom: 0px;}
  .fomer_item.three .fomer_item_l-input{width: 50%;}
  .fomer_item_l{width: 100%;margin-bottom: 0px;}
  .countusFrom_c{padding: 50px 20px;}
}


/*=careers */

.careers_ul li{margin-bottom: 2px;position: relative;}
.careersList_top{padding-left: 30px;cursor: pointer;background: #f5f5f5;}
.careersList_top-dis{line-height: 50px;}
.careersList_top-dis p{color: #333333;  width: calc(100% - 160px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.careersList_top-dis span{position: absolute;right: 30px;top: 0px;text-align: center;}
.careersList_top-none{color: #fff;display: none;}
.careersList_top-none span{margin-right: 75px;position: relative;display: inline-block;}
.careersList_top-none span::after{content: '';width: 1px;height: 18px;background: #4d789b;right: -40px;top: 4px;position: absolute;}
.careersList_top-none span:last-child::after{display: none;}
.careersList_bot{display: none;background: #fff;padding-left: 30px;padding-right: 30px;}
.careersList_bot-edit{padding-left: 30px;padding-right:30px;}
.sendEmail .btn{width: 180px;height: 33px;line-height: 33px;text-align: center;background: #007dcd;color: #fff;border: none;display: inline-block;}
.sendEmail .btn i{font-size: 18px;display: inline-block;vertical-align: middle;margin-bottom: 2px;}
.careersList_bot-edit{padding: 30px 0;border-bottom: 1px solid #e5e5e5;}
.careersList_bot-edit h4{color: #000;margin-bottom: 20px;}
.careersList_bot-edit:last-child{border-bottom: none;}
.careersList_bot-ul{border-bottom:1px solid #e5e5e5 ;padding-top: 25px;padding-bottom: 15px;overflow: hidden;}
.careersList_bot-ul li{line-height: 25px;color: #555;float: left;width: 33.3%;*margin-left:-1px;}
.careersList_bot-ul li:nth-child(3n+1){clear: both;}
.careers_ul li.on{border-bottom: none;}
.careers_ul li.on .careersList_top{background: url(../images/careersbgg.jpg) no-repeat;background-size: cover;}
.sendEmail{margin-bottom: 60px;}
.careers_ul li.on .careersList_top-none{display: block;}
.careers_ul li.on .careersList_top-dis p{color: #fff;  }
.careers_ul li.on .careersList_top-dis span{color: #fff;}
.careers_ul li.on .careersList_top-dis span i{transform: rotate(180deg);color: #fff;margin-left: 8px;display: inline-block;}
@media only screen and (max-width:1280px){
.careersList_top-none span{margin-right: 40px;}
.careersList_top-none span::after{right: -25px;}
}
@media only screen and (max-width:1150px){
.careersList_top-none span{margin-bottom: 10px;}
.careersList_bot-ul li{width: 100%;}
}
@media only screen and (max-width:767px){
  .careersList_top{padding-left: 10px;}
  .careersList_top-dis{line-height: 50px;}
  .careersList_top-none span::after{display: none;}
  .careersList_bot{padding-left:10px ;padding-right: 10px;}
  .careersList_top-none{margin-top: 15px;}
  .sendEmail{padding: 20px 10px;text-align: center;}
  .sendEmail span{margin-left: 0;margin-top: 15px;display: block;}
  .sendEmail{margin-bottom: 20px;}
  .careersList_bot-ul li{margin-bottom:5px;}
  .careersList_bot-ul li:last-child{margin-bottom: 0;}
  .careersList_top-dis span{right:10px;}
  .careersList_top-dis p{width: calc(100% - 105px);}
  .careersList_bot-ul,.careersList_bot-edit{padding: 15px 0;}
  .sendEmail{padding: 0;}
  .careersList_bot-edit h4{margin-bottom: 10px;}
}


/* 联系我们 */
#map {width: 100%;height:624px;}
.mapCont{position: relative;}
.mapTxt{position: absolute;top: 20px;left: 20px;padding: 50px 40px;box-sizing: border-box;background: url(../images/ctactBg.jpg) no-repeat;background-size: 100% 100%;width: 376px;}
.mapTxt h1{margin-bottom: 50px;}
.coutact_item{margin-bottom: 20px;overflow: hidden;}
.coutact_item p span{display: block;}
.coutact_item i{float: left;color: #007dcd;width: 30px;font-size: 18px;}
.coutact_item p{width: calc(100% - 30px);float: left;color: #333;line-height: 25px;}
@media only screen and (max-width:767px){
  #map {width: 100%;height:150px;}
  .mapTxt{width: 100%;position: initial; padding: 20px 10px;}
  .mapTxt h1{margin-bottom: 25px;}
}


@media only screen and (min-width:1025px){
.tel_link:hover{color: #555 !important;cursor: default;}
.ViewSpan .again:hover,.sendEmail .btn:hover{color: #fff !important;opacity: 0.8;}
}

/* 新京葡萄官方入口地产 详情页 */
.detailCon{margin-top: 60px;}
.slider_box{overflow: hidden;margin-bottom: 40px;}
.case_show{ position: relative;}
.case_show_b{ width: 1044px; height: 100%;margin-right: 25px;float: left;}
.case_show_s{width:calc(100% - 1044px - 25px);  z-index: 10;float: left;position: relative;}
.case_show_s li{position: relative;cursor: pointer; overflow: hidden;}
.case_show_s li .mask{position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0);width: 100%;height: 100%;}
.case_show_s li.on .mask{background: rgba(0, 0, 0, 0.5);}
.case_show_s .swiper-container{width:100%;margin: auto;margin-top: 36px;}
.case_show_s li img{height: 100%!important;}


.case_show_s .but>div{width: 100%;height: 30px;box-shadow: none;background: none;background:#007dcd;color: #fff;text-align: center;line-height: 30px;margin: 0;}
.case_show_s .but>div i{font-size: 25px;}
.case_show_s .but>div.swiper-button-prev{ left:0px; top: 0;  bottom: auto; }
.case_show_s .but>div.swiper-button-next{right:0px;bottom: 0;top: auto;}
.case_show_s .swiper-button-next.swiper-button-disabled,.case_show_s .swiper-button-prev.swiper-button-disabled{cursor: pointer; pointer-events:visible;opacity: 1;}
.case_show_s .swiper-button-next.disabled,.case_show_s .swiper-button-prev.disabled{cursor: auto; background: #f5f5f5;opacity: 1;color: #404040;}


.detailCon-c{margin-bottom: 45px;}
.detailCon-c ul{padding: 30px 40px;background: #f5f5f5;overflow: hidden;}
.detailCon-c ul li{width: 33.3%;float: left;text-align: center;}
.detailCon-c ul li>span{display: inline-block;padding-right:30px ;padding-bottom: 10px;border-right: 1px solid #e0e0e0;vertical-align: top;margin-right: 24px;}
.detailCon-c ul li>span img{width: 33px;}
.detailCon-c ul li p{display: inline-block;margin-top: -4px;text-align: left;}
.detailCon-c ul li p span{display: block;margin-top: -5px;}
.detailCon-c ul li p span a{font-weight: bold;}
.detailCon-c ul li p span a:hover{color: #555!important;}

.phoneSwiper{display: none;}
/*.phoneSwiper .swiper-container{height: 200px;}*/
.phoneSwiper li img{width: 100%;height: 100%;}
.phoneSwiper li{width: 87%!important;margin: 0 auto;}
.phoneSwiper li .mask{position: absolute;left: 0;top: 0;background: rgba(255, 255, 255, 0.5);width: 100%;height: 100%;}
/* .phoneSwiper li.swiper-slide-active { transform:scale(1.7,1) ; -webkit-transform:scale(1.7,1) ; -moz-transform:scale(1.7,1) ; -ms-transform:scale(1.7,1) ; -o-transform:scale(1.7,1) ; }
.phoneSwiper li.swiper-slide-prev,.phoneSwiper li.swiper-slide-next { transform:scale(0.35,1) ; -webkit-transform:scale(0.35,1) ; -moz-transform:scale(0.35,1) ; -ms-transform:scale(0.35,1) ; -o-transform:scale(0.35,1) ; } */
.phoneSwiper li.swiper-slide-active .mask{display: none;}
.phoneSwiper .swiper-pagination-bullet{background: #fff;opacity: 1;}
.phoneSwiper .swiper-pagination-bullet-active{background: #007dcd;}

.phoneSwiper .swiper-container-horizontal>.swiper-pagination-bullets,.phoneSwiper .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;}
@media only screen and (max-width:1400px){
  .case_show_b{width: 80%;}
  .case_show_s{width: calc(100% - 80% - 25px);}
}
@media only screen and (max-width:1024px){
  .case_show_b{width: 75%;}
  .case_show_s{width: calc(100% - 75% - 25px);}
  .detailCon-c ul{padding: 20px;}
  .detailCon-c ul li>span{padding-right: 20px;margin-right: 14px;}
  .detailCon-c ul li p span{margin-top: 0;}
  .detailCon-c ul li>span img{width: 26px;}
}
@media only screen and (max-width:767px){
  .detailCon .wrap{max-width: 100%;}
  .detailCon-c,.detailCon-b{width: 94%;margin: 0 auto;}
  .detailCon {margin-top: 0px;}
  .detailCon-c ul li{width: 100%;margin-bottom: 20px;text-align: left;}
  .detailCon-c ul li:last-child{margin-bottom: 0;}
  .detailCon-c{margin-bottom: 30px;}
  .slider_box{display: none;}
  .phoneSwiper{display: block;margin-bottom: 20px;}
  
  .detailCon-c ul li>span img{width: 22px;}
  .detailCon-c ul li>span{padding-right: 10px;margin-right: 10px;    padding-top: 8px;}
  
}


.fyq{position: absolute;}
/*投诉建议*/
.second .fomer_item_l,.second .fomer_item_r{float: none;width: 100%;}
.second .fomer_item_l textarea{background: none;outline: none;width: 100%;height: 70px; border:0;   border-bottom: 1px solid rgba(255, 255, 255, 0.5);color: #fff;}
.fomer_item.second .fomer_item_r{width: 49%;float: left;}
.vcodebox{width: 49%;float: right;}
.fomer_item.second .vcodebox .fomer_item_l-input{width: calc(100% - 105px)}
.fomer_item.second{padding-top: 10px;}
.fomer_item.second .fomer_item_l .fomer_item_l-input{float: none;margin-bottom: 10px;}
@media only screen and (max-width:767px){
.fomer_item.second .fomer_item_r,.vcodebox{float: none;width: 100%;}
.formBtn{margin-top: 20px;text-align: center;}
}

.fomer_item{display: block;overflow: hidden;}
a.view{width: calc(100% - 20px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;float: left;}