.xql {
    width: 40%;
    float: left;
}
.xqr {
    width: 55%;
    float: right;
}
.xiazai{ font-size:16px; line-height:220%; text-align:justify;width: 100%;

    padding: 20px;

    background: #f1f1f1;

    margin-top: 20px;}

.xqr h1{border-bottom: 1px dashed #ccc; padding-bottom:20px;font-size:24px;font-weight:bold}



@media (max-width:640px)



{



.xql {

  width:100%;

  float: left;



}



.xqr {

  width:100%;

  float: left;

}



}

.xqr ul li {

  padding: 10px 0;

  font-size: 16px;



}

.xqr ul li h3 {

  color: #007ED1;

  font-size: 22px;

}

.xqr ul li a {

  display: block;

  background: #007ED1;

  color: #fff;

  font-size: 18px;

  padding: 8px 10px;

  width: 150px;

  text-align: center;

  letter-spacing: 2px;

  border-radius: 25px;



}



.xqr ul li a:hover {

  background: #007ED1;

}

.xqr ul li b {

  font-size: 30px;

  color: #007ED1;

}
.btn_box {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin-top: 30px;
}
.btn_box .btn_item.lxwm {
    background: #007ED1;
}
.btn_box .btn_item {
    width: 48%;
    height: 50px;
    line-height: 50px;
    background: #D36700;
    color: #fff;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    font-size: 18px;
    border-radius: 60px;
    align-items: center;
    align-content: center;
}
.btn_box img {
    width: 30px !important;
    height: 30px !important;
    margin-right: 15px;
}
b, strong {
    font-weight: bolder;
}
.proinfo{padding:80px 0}
.prodetail_tit {
    width: 100%;
    height: 60px;
    border-bottom: 2px solid #dfdfdf;
    font-size: 18px;
    color: #333;
    padding:10px 0;
}
.prodetail_tit b {
    display: inline-block;
    padding: 8px 20px;
    background: #007ED1;
    color: #fff;
}
.prodetailtxt2 {
    padding: 20px;
    background: #f6f6f6;
    margin-top: 20px;
    font-size: 15px;
    line-height: 2;
    color: #444;
}
.prodetailtxt2 strong{font-size:16px}
.detpnt {



  height: auto;



  overflow: hidden;



  margin: 20px 0;



  width: 100%;



  float: left;



}







.detpnt .detpntline {



  width: 100%;



  height: 35px;



  line-height: 35px;



  font-size: 15px;



  font-weight: bold;



  white-space: nowrap;



  overflow: hidden;



  text-overflow: ellipsis;



}







.detpnt .detpntline a {



  color: #666;



  font-weight: normal;



}







.detpnt .detpntline a:hover {



  color: #007ED1;



}







.detpntl {



  float: left;



  text-align: left;



  padding-left: 10px;



}







.detpntr {



  text-align: right;



  float: right;



  padding-right: 10px;



}
@media (max-width: 768px) {
    .container {
        width: 100%;
    }
    .prodetail_box img{width:100%;height:auto !important}
    .prodetailtxt2 p{font-size:14px;line-height: 2!important}
    .prodetailtxt2 strong{font-size:15px}
    .prodetailtxt2{padding:20px 15px}
    .innerright{padding:0 15px}
    .xqr h1{font-size:18px;margin-top:10px}
    .proinfo{padding:40px 0}

    #c-header .container ,.x-text .container {width:90%}
    .xiazai{font-size:15px}
    .btn_box .btn_item{width:100%;margin-bottom:10px}
    .detpnt{padding:0 15px}
    .pro_det_desc .item{font-size:14px}
}