@charset "utf-8";
html{ font-size: 100px; }
body{font-family:"Source Han Sans CN","Microsoft YaHei";  color:#333; font-size:14px;}
*{margin:0px;padding:0px;list-style: none; }
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#BC1219}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}
.bak{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic,.pic1{ overflow: hidden; margin: auto; position: relative;}
.pic span{ background-repeat: no-repeat; background-position: center; background-size: cover; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: all 0.5s;}

.pic1 span{background-repeat: no-repeat; background-position: center; background-size:contain; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; transition: all 0.5s;}
.w1600{ width:1600px; margin:auto; max-width:96%;}
.head{border-top: 3px solid rgba(188,18,25,1); height:80px; line-height:80px; position:fixed; width:100%; left:0; top:0; background:#FFF; z-index:10}
.head .middle{ width:100%;}
.head img.logo{ float:left; margin:7px 0 0 2.6%; width:320px; height:65px;}
.nav{ float:right; font-size: 16px;  }
.nav li{ float: left; text-align: center; position: relative; z-index: 999; padding:0px 14px;}
.nav li a{ display: block; width:100%; height:100%;}
.nav li:hover a,.nav li.on a{ color:#BC1219;}
.nav li .sub-box1{ position:absolute;text-transform:none; top:80px; left: 50%;  width:160px; margin-left:-80px; overflow: hidden; height: 0px; display: block; z-index: 999;  z-index: -1;opacity:0; filter:alpha(opacity=0); border-top:3px solid #bc1219 }

.nav li .sub-box1.n14{ width:186px; margin-left:-93px;}


.nav li em{content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    border: 8px solid; display:none;
    border-color: transparent transparent #bc1219 transparent;

    transition: all .5s ease;}
.nav li:hover em{ display:block;}
.nav li:hover .sub-box1{ display: block; height: auto; z-index: 1;opacity:1; filter:alpha(opacity=1); }
.nav li .sub-box{ background:#fff; }
.nav li .sub-box a{ display: block; margin: auto; font-size: 16px; text-align: center; color:#333; border-bottom: 1px solid rgba(0,0,0,0.1); line-height: 55px; }
.nav li .sub-box a:hover{ background: #BC1219; color: #fff; }
.head .htel{ float:right; padding:0px 15px; border-left:1px solid #ddd;border-right:1px solid #ddd;}
.head .htel span{ font-size:20px; font-family:Arial, Helvetica, sans-serif;}
.head .htel span:before{ color:#BC1219;}
.head .hsou{ display:inline-block; float:right; width:80px; font-size:22px; color:#BC1219; text-align:center;}
.head .hsou:hover,.head.act .hsou{ color:#FFF; background:#BC1219}
.head.act{box-shadow: 0 0 15px rgb(0 0 0 / 20%); z-index:10}
.nbanner .pic dl{ position:absolute; position:fixed; /*height:100%;*/ left:50%;top:0%; transform: translateX(-50%); width:100%; display:block;color:#FFF; display: flex;align-items: center; color:#FFF; justify-content: center;text-align:center;}
.nbanner{ position:relative; z-index:1}
.neyye_con{ position:relative; z-index: 2;}
.nbanner .pic dl dd{}
.nbanner .pic dl i{     font-size: 36px;    font-weight: bold; display:block; padding-bottom:13px; position:relative}
.nbanner .pic dl em{ display:block;font-size: 20px;    letter-spacing: 5px; font:Arial, Helvetica, sans-serif}
.nbanner .pic dl p{ display:block; padding-top:18px; font-size:20px;}
.nbanner .pic span{  padding-top: 30%;transition: all .2s;/*background-attachment:fixed;*/filter: blur(0px); transform: scale(1); }
.nbanner.act .pic span{filter: blur(1.66667px);
    transform: scale(1.03333); }
.foot{padding-top: 4.5%;
    background-color: rgba(30,31,33,1); color:#FFF}
.foot a{ color:#FFF}
.foot .fcon{display: flex; padding-bottom:25px;}
.foot .fcon .ftit{ font-size:18px; margin-bottom:10px;}
.foot .fcon .fshare{ width:23.3%;}
.foot .fcon .fshare img{ width:30px; margin-right:10px; margin-bottom:10px;}
.foot .fcon .fnav{ width:28.7%;display: grid;
	grid-template-columns: repeat(2, minmax(0px, 1fr));
	gap:10px;}
.foot .fcon .fnav a{margin-bottom: 10px; text-align:center;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 4px; font-size:16px; display:block; padding:10px 0;}
.foot .fcon .fnav a:hover{ background:#bc1219; border:1px solid #bc1219}
.foot .fcon .fjj{ width:calc(52% - 140px)}
.foot .fcon .fjj .fjj_con{ margin:auto; max-width:100%; width:330px;}
.foot .fcon .fjj span{ display:block; font-size:22px; margin-bottom:27px; font-weight:bold;}
.foot .fcon .fjj p{ font-size:16px; line-height:2}
.foot .fcon .qrcode{ width:140px;}
.foot .fcon .qrcode img{}
.foot .fbottom{border-top:1px solid rgba(255,255,255,0.1); padding:19px 0;}
.foot .fbottom i{ display:inline-block;}
.foot .fbottom a{ display:inline-block;  margin-left: 10px;}

.route{ border-bottom:1px solid rgba(0,0,0,0.1);background-color: rgba(245,245,245,1); padding:17px 0;}
.route .n_dh{ font-size:0; float:left; }
.route .n_dh a{margin-right:25px;
    min-width: 150px;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    border: 0px solid #eee;
    font-size: 16px;
    transition: all .5s ease; height:48px; line-height:48px; display:inline-block}
.route .n_dh a:hover,.route .n_dh a.on{background: #bc1219;
    color: #fff;}
.route .cengji{  line-height:40px;}
.route .cengji a{}
.n_dh {

	white-space: nowrap;
	/*设置横向滚动*/
	overflow-x: scroll;
	/*禁止纵向滚动*/
	overflow-y: hidden;
	/*设置边距改变效果为内缩*/
	box-sizing: border-box;
}

.n_dh::-webkit-scrollbar {display: none;}

.lxwm{}
.lxwm .lxwm_tw{ padding:48px 0 35px 0;}
.lxwm .lxwm_tw .lxwm_l{ float:left;}
.lxwm .lxwm_tw .lxwm_l span.lxwm_l_tit{font-size: 36px;
    color: rgba(32,32,32,1); display:block; line-height:1.5}
.lxwm .lxwm_tw .lxwm_l li{font-size: 16px;
    color: rgba(51,51,51,1);
    line-height: 2; display:block; position:relative;padding-top:20px; padding-left:35px;}
.lxwm .lxwm_tw .lxwm_l li:before{ position:absolute; left:0px; top:12px; font-size:24px;}
.lxwm .lxwm_r{ border:1px solid rgba(0,0,0,0.1); float:right; width:50%; height:auto; }
.lxwm_mess{background-color: rgba(245,245,245,1);
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px; margin-bottom:48px;}
.lxwm_mess .lxwm_mess_tit{font-size: 36px;
    color: rgba(32,32,32,1);
    text-align: center;}
.lxwm_mess .liuyan_con dl{display: grid;
	grid-template-columns: repeat(3, minmax(0px, 1fr));
	gap:20px; margin-top:60px;}
.lxwm_mess .liuyan_con p{ border:2px solid #CED4DA;}
.lxwm_mess .liuyan_con p input[type="text"]{ border:none; height:44px; width:100%; text-indent:20px; display:block}
.lxwm_mess .liuyan_con dd{ margin-top:20px;display: grid;
	grid-template-columns: repeat(1, minmax(0px, 1fr));
	gap:0px;border:2px solid #CED4DA;}
.lxwm_mess .liuyan_con dd textarea{ display:block; border:none; width:calc(100% - 36px); padding:18px;}
.lxwm_mess .liuyan_con input[type="submit"]{ cursor:pointer;background: #bc1219;
    padding-top: 12px;
    padding-bottom: 12px;
    height: auto; display:block; border-radius:4px;  margin:auto;margin-top: 20px; width:200px;color:#FFF;}

.soufix{ position:fixed; width:100%; left:0; top:0; height:100vh;background-color: rgba(0, 0, 0, 0.7);display: flex;align-items: center;justify-content: center; z-index:-1000; opacity:0; }
.soufix.act{ z-index:10; opacity:1;}
.soufix .sounr{ background:#FFF;  position:relative;}
.soufix .sounr a.cls{ position:absolute;width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    position: absolute;
    background: #bc1219;
    right: 20px;
    top: 20px;
    cursor: pointer;
    z-index: 10000;
    color: #fff;}
.soufix .sounr p{line-height: 1.5;
    display-radio: 1;
    font_radio: 2;
    text-align: center;
    font-size: 14px;
    margin-bottom: 30px; margin-top:30px;}
.soufix .sounr dl{ padding:90px 30px 130px 30px;width:635px;}
.soufix .sounr dl img{ display:block; margin:auto; width:300px;}
.soufix .hform{ margin:auto; width:500px; max-width:100%; background:#F5F5F5; height:40px;}
.soufix .hform dd{ text-align:center; line-height:24px; position:relative; top:5px; clear:both}
.soufix .sounr dl input[type="text"]{ float:left; border:none; height:40px; text-indent:14px; background:none; width:calc(100% - 120px)}
.soufix .sounr dl input[type="submit"]{ cursor:pointer; height:40px; border:none; line-height:40px; width:120px; background:#BC1219; color:#FFF; float:right}
.rcln{ padding-top:4%}
.comtit_job{ text-align:center;}
.comtit_job i{ display:block;font-size: 34px;color: rgba(51,51,51,1); position:relative; padding-bottom:25px;}
.comtit_job i:after{border-top-style: solid;
    border-top-width: 4px;
    border-top-color: rgba(188,18,25,1);
    width: 44px;
    margin-left: auto;
    margin-right: auto;
    height: 1px; display:block; content:''; position:absolute; bottom:0; left:50%; margin-left:-22px;}

.tw_list_job{ padding-top:20px;}
.tw_list_job .item.pc{ background:#F2F2F2;display: flex;align-items: center; margin-bottom:48px;}
.tw_list_job .item.wap{ display:none}
.tw_list_job .item .pic{width:50%;}
.tw_list_job .item .pic span{ padding-bottom:57.5%; }
.tw_list_job .item .txt{ width:50%;}
.tw_list_job .item .txt dl{ padding:0 6%;}
.tw_list_job .item .txt span{display:block; width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
line-height: 1.6;

    font-size: 26px;
    color: rgba(51,51,51,1);
    font-weight: bold;
}
.tw_list_job .item .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 40;overflow: hidden; line-height:30px; min-height:120px;
font-size: 16px;
    color: rgba(85,85,85,1);
    margin-top: 20px;
}

 .gangwei{ background:#F5F5F5; padding:4% 0;}
  .gangwei .gangweilist{ margin-top:20px;background-color: rgba(238,238,238,1);}
  .gangwei .gangweilist li.at{background-color: rgba(188,18,25,1); color:#FFF; height:60px; line-height:60px; font-size:16px; text-align:center;display: flex;}
  .gangwei .gangweilist li.at span{flex:1;}

  .gangwei .gangweilist li.att{ }
  .gangwei .gangweilist li.att dl{display: flex;text-align:center; background:#FFF;border-bottom: 1px dashed #ddd;}
  .gangwei .gangweilist li.att dl span{ height:70px;flex:1; line-height:70px; font-size:16px;}
  .gangwei .gangweilist li.att span.zk{ font-size:20px; cursor:pointer}
  .gangwei .gangweilist li.att div.job_d{font-size: 16px;
    color: #333333;
    line-height: 2;    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 80px;
    padding-right: 80px; text-indent:2em; display:none}


.pic_list_s{display: grid;grid-template-columns: repeat(5, minmax(0px, 1fr));gap:30px; margin-bottom:20px;}
.pic_list_s .item{ background-color: rgba(245,245,245,1);}
.pic_list_s .item:hover{background-color: #bc1219}
.pic_list_s .item .pic span{ padding-bottom:75.2%;}
.pic_list_s .item:hover .pic span{-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic_list_s .item .txt{ position:absolute; width:100%; height:100%;background:rgba(0,0,0,0.4); color:#FFF; text-align:center;opacity:0;transition: all 0.5s;display: flex;align-items: center; z-index:10}
.pic_list_s .item .txt dl{ padding:15px;width:100%; text-align:center}
.pic_list_s .item .txt dl dd{transition: all 0.5s;  font-size:50px; position:relative; top:20px;}
.pic_list_s .item:hover .txt dl dd{ top:0;}
.pic_list_s .item .txt i{ font-size:18px; display:block; width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pic_list_s .item p{ height:70px; line-height:70px; text-align:center; margin:0px 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size:16px;}
.pic_list_s .item:hover p{ color:#FFF}
.pic_list_s .item:hover .txt{opacity:1;}
.sbdetail{ padding:3.7% 0;}


.tw_list_new{ padding-top:4.5%}
.tw_list_new .item{ background:#F2F2F2;display: flex;align-items: center; margin-bottom:50px;    transition: all .5s ease;}
.tw_list_new .item:hover{box-shadow: 0 23px 90px -5px rgb(29 56 72 / 17%);
    background: #fff;}
.tw_list_new .item:hover .txt .em{ color:#c40c06}
.tw_list_new .item.nopic{ padding:25px;}
.tw_list_new .item .pic{width:28%; margin-right:4.5%; margin-left:0;}
.tw_list_new .item .pic span{ padding-bottom:65%; }
.tw_list_new .item .txt{ width:67.5%; position:relative;}
.tw_list_new .item .txt dl{ width:710px; max-width:95%}
.tw_list_new .item .txt span{ margin-bottom: 15px;
    padding-top: 15px;
    margin-top: 0px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 1;
    transition: all .2s ease; display:block; width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tw_list_new .item .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;     color: rgba(112,112,112,1);
    line-height: 1.6;}
.tw_list_new .item .txt .em{color: rgba(102,102,102,1); display:block; color:#999; position:absolute; right:4%; text-align:center; top:0;}
.tw_list_new .item .txt .em em{ display:block;font-size: 56px;

    line-height: 1.2;
    transition: all .5s ease;
    font-family: Impact;
    text-align: center; }
.tw_list_new .item .txt .em i{font-size: 16px;
    line-height: 1.6;
    transition: all .5s ease;
    font-family: Arial;
    font-weight: bold;}

.details_con{ display:flex; padding:48px 0px 68px 0;}
.details_con .details_s{ width:70%; margin-right:1.8%;}
.details_con .details_r{ width:28.2%; }
.pic_list_dr{display: grid;grid-template-columns: repeat(1, minmax(0px, 1fr));gap:0px;border-style: solid;
    border-width: 1px;
    border-color: rgba(229,229,229,1);padding-bottom:20px;}
.pic_list_dr .item{ padding:20px 20px 0 20px;}
.pic_list_dr .item .pic span{ padding-bottom:67%;}
.pic_list_dr .item .txt{ padding:12px 0 0px 0;}
.pic_list_dr .item .txt span{ line-height: 2;

    font-size: 16px;
    color: rgba(68,68,68,1);display:block; width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.pic_list_dr .item .txt em{font-size: 14px;
    color: #333333;
    line-height: 1.5; display:inline-block; }


.team{}
.team .teama{ padding:65px 0 75px 0;}
.team .teama .teama_con{}
.team .teamb{background:#F2F2F2; padding:73px 0;}

.comtit_team{ text-align:center;}
.comtit_team i{  position:relative;font-size: 34px;
    text-align: center;
    color: rgba(51,51,51,1);

    margin-left: auto;
    margin-right: auto;

    margin-bottom: 10px;padding-bottom:20px;}
.comtit_team i:after{ display:block; height:4px; background:rgba(214,3,26,1); width:60px; position:absolute; bottom:0; left:50%; transform: translateX(-50%); content:'';}

.about_des{display: flex;align-items: center; margin-top:57px; background:#F2F2F2;}
.about_des .about_des_wen{ width:50%;}
.about_des .about_des_wen dl{ width:655px; margin:auto; max-width:90%}
.about_des .about_des_wen span{ display:inline-block; position:relative;font-size: 28px;color: rgba(51,51,51,1); padding-bottom:20px; margin-bottom:17px;}
.about_des .about_des_wen span:after{ display:block; height:3px; background:rgba(188,18,25,1); width:40px; position:absolute; bottom:0; left:0%;  content:'';}
.about_des .about_des_wen em{ display:block; color:#000;}
.about_des .about_des_wen p{ line-height:2; font-size:16px; color:#666;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 40;
overflow: hidden;}
.about_des .about_des_pic.no{ display:none}
.about_des .about_des_pic{width:50%;}
.about_des .about_des_pic .pic span{ padding-bottom:56.25%;}

.pic_list_team{display: grid;grid-template-columns: repeat(3, minmax(0px, 1fr));gap:20px;}
.pic_list_team .item{ background:#FFF; }
.pic_list_team .item .pic span{ padding-bottom:53.2%;}
.pic_list_team .item .txt{ padding:12px 20px;}
.pic_list_team .item .txt span{ line-height: 1.5;
    font-size: 20px;
    color: rgba(51,51,51,1);
    margin-bottom: 10px;display:block; width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pic_list_team .item .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 20;overflow: hidden; line-height:2;  color:#666; margin:10px 0; font-size:16px;}
.pic_list_team .item .txt em{ display:inline-block; color:#999;}

.tw_list_ff{display: grid;
	grid-template-columns: repeat(2, minmax(0px, 1fr));
	gap:40px; padding:60px 0;}
.tw_list_ff .item{ background:#F4F4F4; display:block; padding:30px;transition-property: all;
    transition-radio: hover;
    transition-duration: 0.5s;}
.tw_list_ff .item .pic{width:40%;  float:right}
.tw_list_ff .item.z .pic{ float:left}
.tw_list_ff .item .pic span{ padding-bottom:75%; }
.tw_list_ff .item .txt{ width:55.9%; float:left}
.tw_list_ff .item.z .txt{ float:right}
.tw_list_ff .item .txt span{ font-size:20px; margin-bottom:15px; display:block; width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight: bold;
    transition-property: all;
    transition-duration: 0.5s;}
.tw_list_ff .item .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height:20px; height:40px; color:#666; margin:12px 0;}
.tw_list_ff .item .txt em{ border-style: solid;
    border-width: 1px;
    border-color: rgba(170,170,170,0.2); font-size:12px; text-align:center; height:36px; line-height:36px; width:120px;color: rgba(153,153,153,1);
    margin-top: 60px; display:block;}

.tw_list_ff .item:hover .txt em{color: rgba(255,255,255,1);
    background: #bc1219;
    border-color: #bc1219;}
.tw_list_ff .item:hover{box-shadow: 1px 1px 10px 2px rgba(236,236,236,0.78);
    margin-top: -10px;}

.pic_list_lxgg{display: grid;grid-template-columns: repeat(4, minmax(0px, 1fr));gap:20px; padding:3.5% 0 4% 0;}
.pic_list_lxgg .item{ background:#FFF; border-style: solid;
    border-width: 1px;
    border-color: rgba(229,229,229,1); padding:10px;}
.pic_list_lxgg .item .pic span{ padding-bottom:75%;}

.pic_list_lxgg.zzry .item .pic span{ padding-bottom:141%}

.pic_list_lxgg .item .txt{ padding:22px 12px 12px 12px; text-align:center}
.pic_list_lxgg .item .txt span{ font-size:18px; display:block; width:200px; margin:auto; max-width:100%; border-bottom:1px solid  rgba(229,229,229,1);white-space:nowrap; padding-bottom:16px;overflow:hidden;text-overflow:ellipsis;}
.pic_list_lxgg .item .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height:20px; height:40px; color:#666; margin:20px 0;}

.pic_list_lxgg.zzry .item .txt i { font-size:18px; display:block; width:200px; margin:auto; max-width:100%; padding-bottom:0px;}




.pic_list_lxgg .item .txt em{

	display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    width: 90%;
    padding: 8px;
    background_radio: 2;
    border_radio: 2;
    font_radio: 2;
    radius_radio: 2;
    max-width: none;
    background-color: rgba(255,255,255,1);
    border-color: rgba(229,229,229,1);
    border-style: solid;
    border-width: 1px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    color: rgba(74, 76, 82, 1);
    font-size: 16px;
    font-family: "73593d8c-1cf0-4c16-9505-eeae362fd438";
    font-weight: normal;
    padding-top: 10px;
    padding-bottom: 10px;
    display-radio: block;
    margin-left: auto;
    margin-right: auto;
    transition: all ease .3s;

	}
.pic_list_lxgg .item:hover em,.pic_list_lxgg .item em.act{background: #bc1219;
    color: rgba(255,255,255,1);}
.pic_list_lxgg .item:hover em.act{background: #ff8218;}


.tx_detail{ background:#F5F7F9; padding:30px;}
.tx_detail.ms{ margin-top:30px;}
.detail_cp{ padding:35px 0px 50px 0px;}
.detail_cp .detail_tab_tit{ border-bottom: 1px solid rgba(0,0,0,.1); padding-bottom:20px;}
.detail_cp .detail_tab_tit span{
	font-size: 24px;
     display:block; font-weight:bold;}
.detail_cp .detail_tab_nr{ padding:20px; font-size: 16px; line-height: 2;}
.detail_cp .keyword{ padding:14px;}
.detail_cp .keyword i{}
.detail_cp .keyword a{display: inline-block;
    margin: 0;
    padding: 5px 10px;
    text-align: center;
    border-radius: 3px;
    margin-right: 10px; border:1px solid #d9d9d9}
.detail_cp .prevnext{ padding:30px 14px 0px;}
.detail_cp .prevnext .pl{ float:left;}
.detail_cp .prevnext .pr{ float:right;}
.detail_cp .prevnext span{}
.detail_cp .prevnext a{}
.detail_cp .xgcp{ margin:30px 0px 0px;}

.detail_cp .xgcp ul{ padding:10px;display: grid;
grid-template-columns: repeat(4, minmax(0px, 1fr));
gap:35px;}
.detail_cp .xgcp ul li{ text-align:center; background:#FFF}
.detail_cp .xgcp ul li span{padding-bottom:75%;}
.detail_cp .xgcp ul li a.xga{ display:block; padding:16px 0px; font-size:16px; border-top:1px solid #ddd; margin-top:12px;}
.detail_cp .xgcp ul li dl{ border:1px solid #d9d9d9; padding:10px;}

div.jdtx{ width:600px; text-align:center; margin-bottom:30px; float:left;}
.jqzoom{ width:100%; height:400px; display:inline-block; max-width:100%;  position:relative;padding:0; position:relative }
.jqzoom img{  /*display:block; max-width:100%; max-height:400px;*/ position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; }
.tx_contain_small{display: flex; width:100%; height:400px;border:1px solid #dfdfdf;
            align-items: center;
            justify-content: center; position: relative;}
#spec-n5{width:100%; height:101px; padding-top:20px; overflow:hidden;  }
#spec-left{ background:url(images/left.gif) no-repeat; width:33px; height:101px; float:left; cursor:pointer; }
#spec-right{background:url(images/right.gif) no-repeat; width:33px; height:101px; float:left;cursor:pointer; }
#spec-list{  float:left; overflow:hidden;  display:inline;  position:relative; margin-left:1px; width:532px; height:101px; }
#spec-list div{
			height:101px}
#spec-list ul{}
#spec-list ul li{ float:left;  display:inline; width:133px; cursor:pointer; position:relative;  }
#spec-list ul li img{ width:120px; height:97px; border:2px solid rgba(0,0,0,0)}

#spec-list ul li.jdhover img{border:2px solid #ff0000;}

/*jqzoom*/
.zoomdiv{z-index:100; position:absolute;top:1px!important;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{max-width:800px;max-height:800px; /*border:1px solid #F00*/}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;  }

.cpdetail_r{ padding-left:2.8%; display:block; overflow:hidden;}
.cpdetail_r a{ margin-left: 15px; }
.cpdetail_r i{white-space: normal;
    text-align: left;

    padding: 10px 0; display:block;font-size: 30px;

    color: rgba(188,18,25,1);
    display-radio: 1;
    line-height: 1.5;}
.cpdetail_r p{    padding-top: 10px;
    flex: 1;
    white-space: normal;
    color: rgba(153,153,153,1);
    font-size: 16px; line-height:1.5}
.cpdetail_r span{ display:block; padding-top:10px;margin: 16px 0 16px 0;
    padding: 0 0 16px 0; border-bottom:1px solid #e8e8e8;}
.cpdetail_r a.zx{color: #FFF;
    background-color: rgb(241 89 47); border-color:#c61c14;

    width: 130px;
    height: 40px;
    font-size: 16px; display:inline-block; margin-right:15px; line-height:40px; text-align:center; border-radius:4px; margin-left: 0;}
.cpdetail_r a.zx.zx1{background-color: #c61c14;
    border-color: #c61c14;}
.jdtx_wap{ display:none}

.jdtx_wap dl{ float:right; margin-right:20px; margin-top:-60px; color:#FFF;height: 30px;
    width: 30px;
    background-color: #776f6f;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    z-index: 9999;
    padding: 3px; line-height:30px;}
.jdtx_wap{ display:none}


.gk_nr{ padding:30px 0 0;}
.about_des_gk{display: flex;align-items: center; border-bottom:1px solid rgba(221,221,221,1); padding-bottom:22px; padding-top:5%}
.about_des_gk .about_des_wen{ width:50%;}
.about_des_gk .about_des_wen dl{ padding-right:12px;}
.about_des_gk .about_des_wen span{font-size: 36px;
    text-align: left;
    width: 100%; display:block;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5;
    font-weight: normal;
    margin-bottom: 0px;

	border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgba(221,221,221,1);
    margin-bottom: 10px; padding-bottom:15px;


	}

.about_des_gk .about_des_wen em{ display:block; font-size: 24px;
    text-align: left;
    margin-left: 0px;
    margin-right: 0px;
    line-height: 1.5;
    font-weight: normal;
    margin-bottom: 0px;
    color: #bc1219;
    max-width: none;}
.about_des_gk .about_des_wen p{ font-size: 16px; padding-top:13px;
    color: #333;
    line-height: 1; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
overflow: hidden; line-height:30px; text-indent:2em;}
.about_des_gk .about_des_pic{width:50%;}
.about_des_gk .about_des_pic .pic span{ padding-bottom:62.5%;}


.tulist{ padding:0 0 6% 0;display: grid;grid-template-columns: repeat(3, minmax(0px, 1fr));gap:10px;}
.tulist li{}
.tulist li .pic{}
.tulist li .pic span{ padding-bottom:66.6%;}

 .wenhua{ padding-bottom:25px;}
.comtit_wh{ text-align:center; padding-top:50px;}
.comtit_wh i{ display:block; position:relative;font-size: 36px; line-height:1.5}
.comtit_wh p{ line-height:24px; font-size:16px;}

.pic_list_wh{display: grid;grid-template-columns: repeat(4, minmax(0px, 1fr));gap:30px; padding:50px 0 25px 0;}
.pic_list_wh .item{ background:#FFF; box-shadow: 5px 5px 30px rgba(0,0,0,0.15);
    border-radius: 10px; text-align:center;transition: all 0.5s;}
.pic_list_wh .item:hover{transform: translateY(-20px);}
.pic_list_wh .item .pic{ width:70px; margin:50px auto 30px auto;transition: all 0.5s;}
.pic_list_wh .item:hover .pic{transform: rotateY(180deg);}
.pic_list_wh .item .pic span{ padding-bottom:100%;}
.pic_list_wh .item .txt{ padding:12px 0; width:300px; margin:auto; max-width:95%; padding-bottom:25px;}
.pic_list_wh .item .txt span{ font-size:22px; display:block; width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pic_list_wh .item .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 200;overflow: hidden; line-height:2;  margin:10px 0;
    font-size: 14px;
    color: rgba(102,102,102,1);}
.pic_list_wh .item .txt em{ display:inline-block; color:#999;}

.zcjl{ background:url(../images/79b6986e-5d64-439f-8d06-cc48aa1d179a.jpg) center bottom no-repeat; padding:5.5% 0; background-size:cover;}
.about_des_zc{display: flex;}
.about_des_zc .about_des_wen{ width:50%;}
.about_des_zc .about_des_wen span{display:block; position:relative;font-size: 32px;
    font-weight: bold;
    margin-top: 0px;
    color: rgba(34,34,34,1);}

.about_des_zc .about_des_wen em{ display:block;
    color: rgba(165,165,165,1);
    font-size: 16px;
    line-height: 1; font-family:Arial, Helvetica, sans-serif
}
.about_des_zc .about_des_wen p{ line-height:1.8; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 40;
overflow: hidden; font-size:16px; line-height:1.5; padding-top:34px;}
.about_des_zc .about_des_pic{width:50%;}
.about_des_zc .about_des_pic .pic{ width:480px; max-width:95%; margin:0;}
.about_des_zc .about_des_pic .pic span{ padding-bottom:64.5%;}

.index_mess{ text-align:center;padding:80px 0; background:url(../images/566c8719-077d-4b96-9969-de33c80da0f2.jpg) center center no-repeat; background-size:cover; color:#FFF}
.index_mess .index_mess_tit{ font-size: 36px;
    text-align: center;
    line-height: 1.5;
    color: rgba(255,255,255,1);
    margin-bottom: 10px;}
.index_mess .pmess{ line-height:24px; margin-bottom: 30px;}
.index_mess .liuyan_con{ text-align:left; display:flex;}
.index_mess .liuyan_con p{ border:1px solid #CED4DA; padding:0; height:49px; margin-right:0.8%; width:18%}
.index_mess .liuyan_con p input{ text-indent:14px; border:none; height:49px; line-height:49px; width:100%; margin:0px; padding:0;}
.index_mess .liuyan_con dd{border:1px solid #CED4DA; padding:0; height:49px; margin-right:0.8%; width:42.6%; overflow:hidden}
.index_mess .liuyan_con dd textarea{ border:none; height:38px; width:100%; padding:6px 10px;}
.index_mess input.tj{ background: #bc1219;border-radius: 4px; width:12%; margin:0; height:50px; padding:0; line-height:50px; color:#FFF; cursor:pointer; border:none;}

.indexnew{ background:#FCFCFC; padding:4% 0;}
.indexcomtit{ text-align:center;}
.indexcomtit i{ display:block; position:relative;font-size: 40px; padding-bottom:0px; line-height:1;}
.indexcomtit p{font-size: 16px;
    text-align: center;
    color: rgba(102,102,102,1);
    margin-top: 20px;}
.pic_list_index{display: grid;grid-template-columns: repeat(3, minmax(0px, 1fr));gap:40px; padding-top:35px;}
.pic_list_index .item{  transition: all .5s ease;}
.pic_list_index .item:hover{box-shadow: 0 23px 30px -5px rgb(0 0 0 / 20%);}
.pic_list_index .item .pic span{ padding-bottom:67.3%;}
.pic_list_index .item .txt{ padding:20px;background:#FFF;}
.pic_list_index .item .txt span{ font-size:20px; display:block; width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
line-height: 1.5;    color: rgba(0,0,0,1);}
.pic_list_index .item:hover .txt span{color: #d6031a;}
.pic_list_index .item .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height:24px; height:48px; color: rgba(102,102,102,1); margin-top:10px;}

.tw_list_index .items{ background:#FFF;margin-bottom:22px;transition: all .5s ease;}
.tw_list_index .items:hover{box-shadow: 0 23px 30px -5px rgb(0 0 0 / 15%);}
.tw_list_index .items.nopic{ padding:25px 25px;}
.tw_list_index .items .pic{width:25%; margin-right:5%;}
.tw_list_index .items .pic span{ padding-bottom:60%; }
.tw_list_index .items .txt{ padding-top:13px 0;}
.tw_list_index .items .txt span{ line-height: 1.5;
    display-radio: -webkit-box;

    font-size: 20px;
    color: rgba(0,0,0,1);
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
    transition: all .5s ease; }
.tw_list_index .items .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; font-size: 14px;
    color: rgba(102,102,102,1);
    line-height: 1.8;}
.tw_list_index .items .txt em{min-height: 20px;
    display-radio: 1;
    font_radio: 2;
    font-size: 14px;
    color: rgba(214,3,26,1);
    line-height: 1.5;
    margin-bottom: 5px; display:block}
.indexcp{ padding-top:4.1%; padding-bottom:40px;}

.about_des_index{display: flex;align-items: center; position:relative}
.about_des_index .about_des_wen{ width:50%;}
.about_des_index .about_des_wen dl{ width:710px; max-width:95%}
.about_des_index .about_des_wen span{display:block; position:relative;font-size: 36px;
    color: rgba(51,51,51,1);}
.about_des_index .about_des_wen em{font-size: 28px;
    color: rgba(188,18,25,1);
    padding-top: 0px;
    font-weight: normal;
    margin-bottom: 20px;}
.about_des_index .about_des_wen i{ display:block;font-size: 16px;
    color: rgba(51,51,51,1);
    padding-top: 0px;
    font-weight: normal; margin:15px 0 20px 0;
    }
.about_des_index .about_des_wen .p{ display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 400;
overflow: hidden;
font-size: 16px;
    color: rgba(102,102,102,1);
    line-height: 1.8;
    padding-bottom: 40px;
}
.about_des_index .about_des_pic{width:50%;}
.about_des_index .about_des_pic .pic span{ padding-bottom:58.1%;}
.about_des_index .about_des_pic .pic dl{ cursor:pointer;transition: all ease .3s;opacity:0; position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.5)}
/*.about_des_index .about_des_pic:hover .pic dl{opacity:1;}*/
.about_des_index .about_des_pic .pic dl p{ left:50%;top:50%; transform: translate(-50%,-50%); position:absolute; color:#FFF; font-size:60px;}

.indexabout{ padding:4% 0 40px 0; background:url(../images/iabout.jpg) center center no-repeat; background-size:cover; background-attachment:fixed;}
.indexabout ul{ padding-top:40px;display: grid;
grid-template-columns: repeat(4, minmax(0px, 1fr));
gap:40px;}
.indexabout ul li{
	position: relative;
    background: #fff;
    box-shadow: 0 23px 30px -5px rgb(0 0 0 / 5%);
    padding-top: 3%;
    background-color: #fff;
    padding-left: 3%;
    padding-right: 3%;
    padding-bottom: 3%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
	}
.indexabout ul li i{height: 60px;
    line-height: 60px;
    font-size: 56px; font:Arial, Helvetica, sans-serif;
    color: rgba(188,18,25,1);}
.indexabout ul li dl{ padding:30px;}
.indexabout ul li em{color: rgba(188,18,25,1); font-size:16px;}
.indexabout ul li p{font-size: 18px;
    color: rgba(128,134,142,1);
    line-height: 1.5;}
.indexabout ul li img{ position:absolute; right:18px; top:18px;}
.indexabout .jia{
    text-align: center;
    border-radius: 80px;
    transition-property: all;
    transition-duration: 0.5s; display:block; color:#FFF; line-height:76px;
    height: 80px;
    font-size: 39px;
    background-color: rgba(188,18,25,1);
    width: 80px;
}
.shili{ padding:3% 0 3.5% 0;}
.sfq{  position:relative; margin:auto; margin-top:3%;  overflow:hidden  }
.sfq li{ position:absolute;transition: all 0.4s linear; top:0px;   width:50%; overflow:hidden }
.sfq li:nth-child(1){left:0px;z-index:1;}
.sfq li:nth-child(2){left:50%;z-index:2;}
.sfq li:nth-child(3){left:66.6%;z-index:3;}
.sfq li:nth-child(4){left:83.2%;z-index:4;}
.sfq li .pic span{ padding-bottom:70%;}
.sfq li .pic:after{content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 1;
    transition: all .5s ease; opacity:1}

.sfq li dl{ position:absolute; left:0; bottom:0; color:#FFF;transition: all .5s ease;
border-top-right-radius: 50px;background-color: rgba(240,130,0,0);
width: 70%;

    padding-left: 4%;

    padding-bottom: 3%;}

.sfq li.act .pic:after{opacity:0}


.sfq li.act dl{ position:absolute; left:0; bottom:0;background-color: rgb(187 17 23 / 80%);
border-top-right-radius: 50px;
width: 70%;
padding-top: 5%;
    padding-left: 8%;
    padding-right: 8%;
    padding-bottom: 5%;
}

.sfq li dl i{font-size: 22px;
    line-height: 2;
    font-weight: 100;
    margin-bottom: 10px; display:block;}
.sfq li dl em{font-size: 16px;
    color: rgba(255,255,255,1);
    line-height: 1.5; display:block;}

.kefu{ position:fixed;width:50px; right:0px; top:50%; transform: translateY(-50%); z-index:9999; color:#FFF;}
.kefu dl li a{ color:#FFF}
.kefu dl{ width:50px; overflow:visible; position:relative; line-height:50px;}
.kefu dl li{ height:50px; width:1300px; margin-bottom:1px; cursor:pointer; position:relative; left:0;transition: all 0.4s; }
.kefu dl li:nth-child(1) i{background: #bc1219;}
.kefu dl li i{width: 50px;
    height: 50px;
     background:#594A39;
    text-align: center;
    transition: all 0.5s;
    display: flex;
    align-items: center; font-size:28px;
    justify-content: center; float:left;}
.kefu dl li:hover i{background: #bc1219;}
.kefu dl li:nth-child(1):hover i{background: rgb(255 128 23);}
.kefu dl li span{ height:50px; display:block; float:left; left:50px; font-size:16px; padding:0px 15px;background:#594A39;}
.kefu dl li img{ position:absolute; width:145px; left:0; top:50px;transition: all 0.4s; opacity:0}

.websiteShareWxPop{ width:138px; text-align:center; display: block;position:absolute; bottom:45px; left:3px; display:none}
.websiteShareWxPop img{ width:120px!important; margin:auto;}
.foot a:hover .websiteShareWxPop{ display:block}
.websiteShareWxCon {
    box-shadow: 1px 1px 4px #888;
    padding: 8px 8px 4px;
    border-radius: 4px;
}
.websiteShareWxTip {
    font-size: 12px;
    line-height: 20px;
    margin: 4px auto;
    width: 120px;
}
.websiteShareWxDownArrow {
    position: relative;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 12px;
    border-color: transparent;
    border-bottom: none;
}

.videoBox {
    position: fixed;
    background: rgb(0 0 0 / 60%);
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all ease .3s;
    pointer-events: none;
    opacity: 0;
    z-index: 10;
    padding: 0 18px;
}
.videoBox.show {
    opacity: 1;
    pointer-events: auto;
}

.videoBox video {
    width: 100%;
    display: block;
    max-width: 800px;
    margin: 0 auto;
}
.closeVideo {
    max-width: 150px;
    background: #fff;
    margin: 30px auto 0;
    border-radius: 55px;
    padding: 10px 30px;
    width: 100%;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
    transition: all ease .3s;
}
.closeVideo:hover {
    background: #171717;
    color: #fff;
}

img.chengnuoshu{ position:fixed; left:0; top:50%; cursor:pointer;transform: translateY(-50%); z-index:8 }

.chengnuoshu_big{ display:none;position:fixed; left:0; top:0; width:100%; height:100vh;background-color: rgba(0, 0, 0, 0.7); z-index:8}
.chengnuoshu_big .imgcrs_con{ position:relative; width:426px; max-width:90%; left:50%;top:50%; transform: translate(-50%,-50%);}
.chengnuoshu_big .imgcrs_con img{ width:100%; display:block;}
.chengnuoshu_big .imgcrs_con a{ position:absolute; font-size:20px; right:8px; top:8px;}
.chengnuoshu_big.act{ display:block}

.tx_detail{ background:#F5F7F9; padding:30px;}
.tx_detail.ms{ margin-top:30px;}
.detail_cp{ padding:35px 0px 50px 0px;}
.detail_cp .detail_tab_tit{ border-bottom: 1px solid rgba(0,0,0,.1); padding-bottom:20px;}
.detail_cp .detail_tab_tit span{
    font-size: 24px;
     display:block; font-weight:bold;}
.detail_cp .detail_tab_nr{ padding:20px; font-size: 16px; line-height: 2;}
.detail_cp .keyword{ padding:14px;}
.detail_cp .keyword i{}
.detail_cp .keyword a{display: inline-block;
    margin: 0;
    padding: 5px 10px;
    text-align: center;
    border-radius: 3px;
    margin-right: 10px; border:1px solid #d9d9d9}
.detail_cp .prevnext{ padding:30px 14px 0px;}
.detail_cp .prevnext .pl{ float:left;}
.detail_cp .prevnext .pr{ float:right;}
.detail_cp .prevnext span{}
.detail_cp .prevnext a{}
.detail_cp .xgcp{ margin:30px 0px 0px;}

.detail_cp .xgcp ul{ padding:10px;display: grid;
grid-template-columns: repeat(4, minmax(0px, 1fr));
gap:35px;}
.detail_cp .xgcp ul li{ text-align:center; background:#FFF}
.detail_cp .xgcp ul li span{padding-bottom:75%;}
.detail_cp .xgcp ul li a.xga{ display:block; padding:16px 0px; font-size:16px; border-top:1px solid #ddd; margin-top:12px;}
.detail_cp .xgcp ul li dl{ border:1px solid #d9d9d9; padding:10px;}

div.jdtx{ width:600px; text-align:center; margin-bottom:30px; float:left;}
.jqzoom{ width:100%; height:400px; display:inline-block; max-width:100%;  position:relative;padding:0; position:relative }
.jqzoom img{  /*display:block; max-width:100%; max-height:400px;*/ position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; }
.tx_contain_small{display: flex; width:100%; height:400px;border:1px solid #dfdfdf;
            align-items: center;
            justify-content: center; position: relative;}
#spec-n5{width:100%; height:101px; padding-top:20px; overflow:hidden;  }
#spec-left{ background:url(images/left.gif) no-repeat; width:33px; height:101px; float:left; cursor:pointer; }
#spec-right{background:url(images/right.gif) no-repeat; width:33px; height:101px; float:left;cursor:pointer; }
#spec-list{  float:left; overflow:hidden;  display:inline;  position:relative; margin-left:1px; width:532px; height:101px; }
#spec-list div{
            height:101px}
#spec-list ul{}
#spec-list ul li{ float:left;  display:inline; width:133px; cursor:pointer; position:relative;  }
#spec-list ul li img{ width:120px; height:97px; border:2px solid rgba(0,0,0,0)}

#spec-list ul li.jdhover img{border:2px solid #ff0000;}

/*jqzoom*/
.zoomdiv{z-index:100; position:absolute;top:1px!important;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{max-width:800px;max-height:800px; /*border:1px solid #F00*/}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;  }

.cpdetail_r{ padding-left:2.8%; display:block; overflow:hidden;}
.cpdetail_r a{ margin-left: 15px; }
.cpdetail_r i{white-space: normal;
    text-align: left;

    padding: 10px 0; display:block;font-size: 30px;

    color: rgba(188,18,25,1);
    display-radio: 1;
    line-height: 1.5;}
.cpdetail_r p{    padding-top: 10px;
    flex: 1;
    white-space: normal;
    color: rgba(153,153,153,1);
    font-size: 16px; line-height:1.5}
.cpdetail_r span{ display:block; padding-top:10px;margin: 16px 0 16px 0;
    padding: 0 0 16px 0; border-bottom:1px solid #e8e8e8;}
.cpdetail_r a.zx{color: #FFF;
    background-color: rgb(241 89 47); border-color:#c61c14;

    width: 130px;
    height: 40px;
    font-size: 16px; display:inline-block; margin-right:15px; line-height:40px; text-align:center; border-radius:4px; margin-left: 0;}
.cpdetail_r a.zx.zx1{background-color: #c61c14;
    border-color: #c61c14;}
.jdtx_wap{ display:none}

.jdtx_wap dl{ float:right; margin-right:20px; margin-top:-60px; color:#FFF;height: 30px;
    width: 30px;
    background-color: #776f6f;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    z-index: 9999;
    padding: 3px; line-height:30px;}
.jdtx_wap{ display:none}
@media only screen and (max-width: 1100px) {
.jdtx{ display:none; }
.cpdetail_r{ padding-left:0%; display:block; margin-bottom:20px;overflow:hidden;}
.jdtx_wap{ display:block}
.detail_cp .xgcp ul {
    padding: 10px 0;
    gap: 10px;
}
.detail_cp .xgcp {
    margin:15px 0px 0px;
}
.detail_cp .xgcp ul li a.xga {
    padding: 6px 0px;
    font-size: 14px;
    border-top: 1px solid #ddd;
    margin-top: 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
}
@media only screen and (max-width: 800px) {
.detail_cp .detail_tab_tit span {
    font-size: 18px;
    }
.cpdetail_r i{ font-size:18px;}
}
@media only screen and (max-width: 640px) {
.detail_cp .xgcp ul {

    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 15px;
}
.tx_detail {

     padding: 15px;
}
}