@charset "UTF-8";
.pro_title{width: 100%;padding-bottom: 10px;margin-bottom: 20px; text-align: center; border-bottom: 1px dotted #d5d5d5;font-size: 18px;}
.intro_img{width: 300px;float: left;margin-right: 30px;}
.intro_img img{width: 100%;}
.intro_right {width: 300px;float: left;}
.intro_right .intro_list{margin-bottom: 20px;}
.intro_right .intro_li{font-size: 16px;padding: 10px 0;border-bottom: 1px dotted #d5d5d5;}
.soleft li a:hover { background-color: #006ad8 !important; color: #fff; }

.cp .relate .relate_box .relate_img a:hover { border: solid 1px #006ad8; }

.cp { border: 1px solid #d7d7d7; background: #fff;     display: flow-root; margin-top: 30px;width: 100%;}

.cp .cptab { line-height: 25px; font-size: 14px; color: #006ad8; text-decoration: none; padding: 0 8px; border-bottom: 1px solid #d7d7d7; background: #f7f7f7; }

.cp .relate .relate_box { width: 25%; overflow: hidden; float: left;padding: 10px;}

.cp .relate .relate_box .relate_img {overflow: hidden; }

.cp .relate .relate_box .relate_img a { width: 100%; display: block; border: 1px solid #d5d5d5; padding: 1px; }

.cp .relate .relate_box .relate_img img { width: 100%; display: block; }

.cp .relate .relate_box .t1 { line-height: 24px; padding-top: 8px; overflow: hidden; display: block;text-align: center; }

.mod_goods_info { clear: both; margin-bottom: 10px; position: relative;margin-top: 20px;}

.mod_goods_info .hds { border-bottom: 1px solid #006ad8; height: 33px; }

.mod_goods_info .hds li { float: left; cursor: pointer; border: 1px solid #006ad8; border-bottom: 0; margin-right: -1px; text-align: center; width: 120px; }

.mod_goods_info .hds .status_on { border-bottom: 1px solid #fff; position: relative; }

.mod_goods_info .hds .status_on h3 { height: 31px; background-color: #fff; color: #006ad8; line-height: 31px; }

.proinfo { font-size: 14px; line-height: 25px; }

.proinfo .shouzi2 img { display: block; margin: 0 auto; }

.maincont { padding: 15px 0; }


@media (max-width: 760px) {
  .proinfo .dgxxBox{width: 100%;padding: 0;}
  .proinfo .dgxxBox li{width: 100%;}
  .shouzi2 img{max-width: 100%;}
  .proinfo .dgxxBox .m_form .areLi .txtAre{width: 90%;margin: 0 auto;display: block;}
  .proinfo .dgxxBox li label{width: 26%; margin-left: 5%;}
  .proinfo .dgxxBox li .iptTxt{width: 64%;float: none;}
  .proinfo .dgxxBox .m_form .areLi{height: auto;}
  .swiper-slide{width: 25%;}
  .proinfo .dgxxBox .m_form .btnTjly{width: 100%;}
  .intro_img{width: 80%;float: none;margin: 0 auto;}
  .intro_right{width: 100%;}
  .cp .relate .relate_box{width: 50%;}
}