@import url("./common.css");
.banner { margin-bottom: 72px; }

.jdMain { margin-bottom: 60px; }

.jdMain .about { background: url("../img/jd/bg-about01-01.jpg") no-repeat center 120px; }

.jdMain .about .com-info { font-size: 16px; color: #464646; text-indent: 2em; line-height: 36px; text-align: center; padding: 0 15px; margin-bottom: 656px; }

.jdMain .about .more-info { font-size: 16px; color: #464646; text-indent: 2em; line-height: 36px; text-align: center; padding: 0 15px; margin-bottom: 50px; }

.jdMain .about .inscription { margin-bottom: 60px; }

.jdMain .about .inscription .pro-item { width: 274px; height: 630px; position: relative; }

.jdMain .about .inscription .pro-item:hover .experts-img { display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }

.jdMain .about .inscription .pro-item:hover .img-con { width: 100%; height: 274px; border-radius: 0; top: 80px; margin-left: -137px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }

.jdMain .about .inscription .pro-item .experts-img { position: absolute; width: 186px; height: 187px; top: 0; left: 50%; margin-left: -93px; background: url("../img/bg-person.png") no-repeat center; z-index: 99; }

.jdMain .about .inscription .pro-item .img-con { width: 132px; height: 132px; position: absolute; border-radius: 50%; top: 28px; left: 50%; margin-left: -66px; overflow: hidden; z-index: 98; }

.jdMain .about .inscription .pro-item .img-con img { width: 100%; height: auto; }

.jdMain .about .inscription .pro-item .inscription-tit { width: 100%; text-align: center; position: absolute; left: 0; bottom: 40px; font-size: 16px; color: #393939; }

.jdMain .about .inscription .pro-item .inscription-details { width: 100%; text-align: center; position: absolute; left: 0; bottom: 10px; font-size: 14px; color: #717171; }

.jdMain .about .inscription .pro-item .inscription-details a { display: inline-block; width: 120px; background: url("../img/arrow_more.png") no-repeat right center; }

.jdMain .about .inscription .pro-item .inscription-img { width: 100%; height: 448px; border-radius: 8px; border: 4px solid #7e4632; position: absolute; left: 0; top: 91px; z-index: 90; padding-top: 72px; text-align: center; }

.jdMain .about .brief { width: 100%; min-height: 184px; margin-bottom: 50px; background: url("../img/jd/abdout-ad.jpg") no-repeat center; background-size: cover; }

.jdMain .about .brief p { padding: 40px 110px; box-sizing: border-box; font-size: 16px; color: #fff; line-height: 36px; text-indent: 2em; }

.jdMain .about .part01 { padding-bottom: 135px; box-sizing: border-box; }

.jdMain .about .seriesitem { width: 227px; height: 458px; margin-bottom: 20px; padding: 0 10px; background: url("../img/bg-series.png") no-repeat left bottom; position: relative; color: #900606; }

.jdMain .about .seriesitem h3 { margin: 0; font-size: 55px; text-align: center; line-height: 90px; font-family: 'sx'; }

.jdMain .about .seriesitem .proimg { width: 100%; height: 100%; background: url("../img/jd/series-gui0.png") no-repeat left bottom; position: absolute; left: 11px; bottom: 11px; }

.jdMain .about .cang .seriesitem .proimg { background-image: url("../img/jd/series-cang0.png"); }

.jdMain .about .yao .seriesitem .proimg { background-image: url("../img/jd/series-yao0.png"); }

.jdMain .about .guan .seriesitem .proimg { background-image: url("../img/jd/series-guan0.png"); }

.jdMain .about .jdhonor { margin-bottom: 42px; }

.jdMain .about .jdhonor .honor-con { width: 96%; margin-left: auto; margin-right: auto; }

.jdMain .about .jdhonor .honor-img { width: 100%; overflow: hidden; border: 2px solid #7e4632; padding: 8px; box-sizing: border-box; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; }

.jdMain .about .jdhonor .honor-img a { display: block; width: 100%; height: 340px; overflow: hidden; }

.jdMain .about .jdhonor .honor-img img { width: 100%; }

.jdMain .about .jdhonor .honor-txt { line-height: 70px; color: #666; font-size: 16px; text-align: center; }

@media screen and (max-width: 768px) { body { background: none; }
  .jdMain .about { background-position-y: 28px; }
  .jdMain .about .part01 { padding-bottom: 0; margin-bottom: 0; }
  .jdMain .about .com-info { margin-bottom: 320px; }
  .jdMain .about .brief p { padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
  .jdMain .jdhonor .honor-img a { height: auto !important; } }