/*==================================================== 公共部分 ====================================================================*/
/*公共*/
.public_div{position: relative;width: 1260px;padding: 0px 20px;margin: 0px auto;max-width: calc(100% - 40px);}
.clear{clear: both;}
.pl20{ padding-left:20px;}
.rm-menu-item.active>a{color: #004c90;}
.bj{width: 100%;background: url(../image/bg.jpg);}
	.pc{ display:block!important;}
	.hc{ display: none!important;}

/*尾部*/
.footer{position: relative;width: 100%;background: url(../image/head_bg.jpg); color:#F0CD91; padding:20px 0;}
.left_lm{position: relative;width: 76.5%;float: left; font-size:14px; text-align:left;}

.right_ewm{position: relative;width: 23.5%;float: right;}
.right_ewm ._one{color: #F0CD91;font-size: 16px;line-height: 35px;padding: 0px 5px;}
.right_ewm ._two{position: relative;width: 135px;margin-top: 12px;margin-bottom: 8px;}
.right_ewm ._two a{display: block;width: 50px;float: left;margin-left: 15px;color: #F0CD91;padding: 5px;text-align: center;border-radius: 3px;}
.right_ewm ._two a:nth-child(1){margin-left: 0px;}
.right_ewm ._two a>p{font-size: 12px;line-height: 20px;text-align: center;margin-top: 6px;}
.right_ewm ._two a:hover{background-color: rgba(0,0,0,0.03);}
.right_ewm ._thr{position: relative;width: 100%;}
.right_ewm ._thr>div{float: left;padding: 0px 5px;width: 120px;text-align: center;max-width: calc(50% - 10px);}
.right_ewm ._thr>div img{width: 100%;}
.right_ewm ._thr>div p{color: #F0CD91;font-size: 15px;line-height: 25px;margin-top: 6px;}

/*上一页、下一页*/
.prve_next_one{position: relative;width: 100%;display: flex;justify-content: center;flex-wrap: wrap;}
.prve_next_one a{position: relative;display: block;min-width: 39px;background-color: #E1C088;font-size: 14px;line-height: 39px;height: 39px;color: #5C0D09;text-align: center;
	margin: 5px 4px;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;}
.prve_next_one a.pn{padding: 0px 10px;margin: 5px 0px;}
.prve_next_one a.on{background-color: #5C0D09;color: #E1C088;}
.prve_next_one a:hover{background-color: #5C0D09;color: #E1C088;}


/*内页banner-标题*/
.xfgPublic_banner{position: relative;width: 100%;overflow: hidden;margin-top: 94px;}
.xfgPublic_banner ._imgSrc{display: flex;justify-content: center;align-items: flex-start;}
.nybanner_title{position: absolute;width: 400px;padding: 16px 20px 36px 40px;top: 50%;left: 50%;margin-left: -600px;transform: translate(0px,-50%);}
.nybanner_title:before{position: absolute;top: 0px;left: 0px;width: 27px;height: 27px;display: block;content: '';border-top: 2px solid #115ba0;border-left: 2px solid #115ba0;}
.nybanner_title:after{position: absolute;bottom: 0px;right: 0px;width: 27px;height: 27px;display: block;content: '';border-bottom: 2px solid #115ba0;border-right: 2px solid #115ba0;}
.nybanner_title ._title{position: relative;display: flex;width: 100%;flex-wrap: wrap;align-items: flex-end;padding: 10px 0px;margin-bottom: 8px;}
.nybanner_title ._title .one{display: block;font-size: 35px;font-weight: bold;color: #004f99;line-height: 45px;margin: 0px 8px;}
.nybanner_title ._title .two{display: block;font-size: 25px;font-weight: bold;color: #004f99;line-height: 36px;margin: 0px 5px 0px 2px;}
.nybanner_title ._title .thr{display: block;font-size: 18px;font-weight: bold;color: #909090;line-height: 26px;text-transform: uppercase;font-family: '宋体';letter-spacing: 1px;}
.nybanner_title ._con{position: relative;display: flex;width: 100%;flex-wrap: wrap;align-items: center;color: #7a7a7a;font-style: italic;font-size: 20px;line-height: 30px;
letter-spacing: 3px;}
.nybanner_title ._con i{font-size: 25px;color: #004f99;display: block;margin: 0px 5px;}
.nybanner_title.write_lx{padding: 15px 20px 12px 40px;}
.nybanner_title.write_lx:before{border-top: 2px solid #E1C088;border-left: 2px solid #E1C088;}
.nybanner_title.write_lx:after{border-bottom: 2px solid #E1C088;border-right: 2px solid #E1C088;}
.nybanner_title.write_lx ._title{margin-bottom: 4px;}
.nybanner_title.write_lx ._title .one{width:100%;color: #E1C088;}
.nybanner_title.write_lx ._title .two{display: none;}
.nybanner_title.write_lx ._title .thr{width:100%;color: #E1C088;letter-spacing: 3px;margin: 3px 5px 0px 8px;font-size: 14px;}
.nybanner_title.write_lx ._con{color: #E1C088;}
.nybanner_title.write_lx ._con i{color: #E1C088;}


/*上下条*/
.xfg_nextprevDetail{position: relative;width: 100%;display: flex;justify-content: space-between;padding: 5px 0px;margin-top: 20px;flex-wrap: wrap;align-items: flex-start;}
.xfg_nextprevDetail a{position: relative;display: inline-block;padding: 5px 8px;line-height: 25px;font-size: 14px;border: 1px solid #5C0D09;color: #5C0D09;min-width: 70px; text-align: center;margin: 5px 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 25px;}
.xfg_nextprevDetail a:hover{background-color: #5C0D09;color: #E1C088;}

/*=================================================== 首页 =============================================================================*/
.xfgIndex_swiper01{position: relative;width: 100%;overflow: hidden;margin-top: 94px;}
.xfgIndex_swiper01 .swiper-slide a{display: flex;text-align: center;justify-content: center;overflow: hidden;align-items: center;}
.xfgIndex_swiper01 .swiper-button-prev{background-image: url('../image/index_left.png');width: 46px;height: 46px;background-size: cover;left: 5px;}
.xfgIndex_swiper01 .swiper-button-next{background-image: url('../image/index_right.png');width: 46px;height: 46px;background-size: cover;right: 5px;}
.xfgIndex_swiper01 .swiper-pagination-bullet{width: 8px;height: 8px;border-radius: 4px;background-color: #e99311;opacity: 1;}
.xfgIndex_swiper01 .swiper-pagination-bullet-active{background-color: #e99311;width: 24px;}


.xfgIndex_jjfa{position: relative;width: 100%;padding-top: 28px;padding-bottom:40px;overflow: hidden;background: url(../image/bj1.jpg) no-repeat center;background-size:100% 100%;}
.xfgIndex_title01{position: relative;text-align: center;width: 100%; background: url(../image/bt.png) no-repeat center;}
.xfgIndex_title01 p.one{color:#5A0F0C;font-size:32px;letter-spacing: 1px;line-height: 60px;padding:20px 0px 40px 0px;position: relative;}
.xfgIndex_title01 div.two{color: #585959;font-size: 16px;line-height: 30px;padding-top: 42px;padding-bottom: 54px;}

.xfgIndex_swiper02{position: relative;padding: 7px 25px;}
.xfgIndex_swiper02 .swiper_banner_two{position: relative;width: 100%;overflow: hidden;}
.xfgIndex_swiper02 .swiper-slide{position: relative;width: calc(25% - 7.5px);cursor: pointer;}
.xfgIndex_swiper02 .swiper-slide img{width: calc(100% - 16px); background:#FFF; padding:0 8px; margin-top:85px; margin-bottom:35px; overflow:hidden;
height: 330px;}
.xfgIndex_swiper02 .swiper-button-prev{background-image: url('../image/index_left.png');width: 46px;height: 46px;background-size: cover;left: -23px;}
.xfgIndex_swiper02 .swiper-button-next{background-image: url('../image/index_right.png');width: 46px;height: 46px;background-size: cover;right: -23px;}


.xfgIndex_swiper02 .swiper-slide .xs_more{position: absolute; z-index: 5;height: 99px;top: 0px;width: 100%;left: 0px; overflow:hidden;
transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;
background: url(../image/tou.png) no-repeat top center;background-size:100% 100%; }
.xfgIndex_swiper02 .swiper-slide .xs_more p{line-height:80px;padding: 10px 0px;font-size:20px;color: #fff;text-align: center;display: block;position: absolute;width: 100%;top: 0px;}

.xfgIndex_swiper02 .swiper-slide .xs_more a{width: 88px;padding-right: 7px;display: block;margin: 0px auto;background-color: #e99311;font-size: 12px;color: #fff;text-align: center;
	line-height: 30px;background-image: url('../image/index_jt.png');background-repeat: no-repeat;background-position: 67px center;position: absolute;margin-left: -47px;
	left: 50%;top: calc(50% + 10px);opacity: 0;transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.xfgIndex_swiper02 .swiper-slide:hover .xs_more{}
.xfgIndex_swiper02 .swiper-slide:hover .xs_more p{ color:#E1C088;}
.xfgIndex_swiper02 .swiper-slide:hover .xs_more a{opacity: 1;}
.xfgIndex_swiper02 .swiper-slide:hover .xs_more a:hover{background-color: #c87f10;}
/* 图片放大 */
.img_scale { overflow: hidden;}
.img_scale img {
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  -ms-transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  -o-transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  -webkit-transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  -moz-transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
}
.img_scale:hover img {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
.img_scale:hover .full {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}



.xfgIndex_server{position: relative;padding-top: 50px;background-color: #f4f4f4;padding-bottom: 65px;}
.xfI_serList{position: relative;width: 100%;}
.xfI_serList .serSmall{position: relative;width: 33.33%;padding: 20px 0px;float: left;}
.xfI_serList .serSmall ._img{position: relative;width: 100%;text-align: center;}
.xfI_serList .serSmall ._one{text-align: center;font-size: 24px;color: #595959;line-height: 36px;padding: 10px 0px;}
.xfI_serList .serSmall ._two{text-align: center;color: #595959;font-size: 14px;line-height: 24px;padding: 8px 0px;}

.dibu{background: url(../image/di.png) no-repeat bottom center;background-size:100% auto; bottom:0; width:100%;position: absolute; z-index:16; min-height:200px; height:100%; overflow:hidden;}




/*产品*/
.xfgIndex_cpsj{position: relative;padding-top:20px;padding-bottom:40px;background: url(../image/cpbj.jpg) no-repeat center;background-size:100% 100%;}
.cpsj_list{position: relative;width: 100%;}
.cpsj_list .cpsj_small{position: relative;width: calc(33% - 10.4px);float: left;margin-right: 13px; margin-bottom:15px;}
.cpsj_list .cpsj_small:nth-child(3n){margin-right: 0px;}
.cpsj_list .cpsj_small:nth-child(6n){margin-right: 0px;}
.cpsj_list .cpsj_small ._img{overflow: hidden;position: relative; height:400px; background:#fff;}
.cpsj_list .cpsj_small ._img img{display: block;width:94%; text-align:center; padding:3% 3% 0 3%; transition:all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}

.cpsj_list .cpsj_small ._one{position:relative;text-align: center;font-size: 18px;color:#3B2216;line-height:50px;position: relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; height:100%; min-height:100px; width:100%;
 background: url(../image/cpbxj.png) no-repeat center;background-size:100% 100%;}

.cpsj_list .cpsj_small a{margin:0px auto;transition: all 0.6s;-moz-transition: all 0.6s; -webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.cpsj_list .cpsj_small a:hover ._one{ font-weight:bold;}
.cpsj_list .cpsj_small:hover ._img img{transform: scale(1.08);}



/*动态*/
.xfgIndex_gsdt{position: relative;background: url(../image/newsbj.jpg) repeat-x top center;padding-top: 26px;padding-bottom:40px;}
.gsdt_list {position: relative; clear:both; overflow:hidden; display: flex;
  flex-wrap: wrap;  justify-content: space-between; }
.gsdt_list .gsdt_Rsmall{position: relative; margin-bottom: 32px;width:47%;float: left;  min-height:100px;
background: url(../image/news_bg.png) no-repeat center;background-size:100% 100%;}
.gsdt_list .gsdt_Rsmall>a{display:flex;width: 100%;}

.gsdt_list .gsdt_Rsmall>a ._img{position: relative;width:190px;overflow: hidden; left:0px; top:0px; bottom:8px;}
.gsdt_list .gsdt_Rsmall>a ._img img{ width: 100%;height:140px;transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s; margin:10px;}
.gsdt_list .gsdt_Rsmall>a ._text{position: absolute;padding:25px 15px;width: 370px; z-index:6; float:right; right:0;}
.gsdt_list .gsdt_Rsmall>a ._text .one{line-height: 20px;color: #000;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;
transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.gsdt_list .gsdt_Rsmall>a ._text .two{line-height: 25px;color: #d8d8d8;font-size: 14px;padding: 1px 0px;}
.gsdt_list .gsdt_Rsmall>a ._text .thr{line-height: 20px;color: #727272;font-size: 14px;margin-top: 10px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 40px;}
.gsdt_list .gsdt_Rsmall>a:hover ._img img{transform: scale(1.08);}
.gsdt_list .gsdt_Rsmall>a:hover .one{color: #5C0D09;}

.newxx0{background: url(../image/line2.png) no-repeat center;background-size:100% 100%; width:148px; height:13px; margin-top:11px;}

.kk{background: url(../image/news_b1.png) no-repeat left center;background-size:auto 100%; width:100%; height:100%; position:absolute; z-index:5;}

.newxx { 
    justify-content: flex-start; margin-top:15px;
    clear:both; margin-right:15px;
    display: flex;
    gap: 20px;
    align-items: center; /* 垂直居中 */
}

.stat { 
    display: flex; 
    align-items: center; /* 确保图标和文字垂直居中对齐 */
    color: #999;
    height: 24px; 
}

/* 让最后一个元素自动向右对齐 */
.stat:last-child {
    margin-left: auto;
}

.stat i {
    width: 16px; 
    height: 16px; 
    display: flex; 
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    margin-right: 8px; /* 改用margin-right而不是padding-right */
}

.stat i img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle; /* 垂直对齐 */
    display: block; /* 改为block以去除图片底部间隙 */
}

.stat span {
    font-size: 14px;
    line-height: 24px; /* 设置行高与容器高度相同 */
    display: inline-flex;
    align-items: center; /* 垂直居中 */
}
/*简介*/
.xfgIndex_zjxfg{position: relative;width: 100%;padding-bottom:40px;background: url(../image/aboubj.jpg) no-repeat center;background-size:100% 100%; }
.zjxfg_context{position: relative;}
.zjxfg_context .zjxfg_cLeft{position: relative;width: 41.666%;float: left;}
.zjxfg_context .zjxfg_cLeft ._img{position: relative;padding:4%;width: 92%;z-index: 2;}
.zjxfg_context .zjxfg_cLeft ._img:before{content: '';width:100%;height:100%;background: url(../image/kbox.png) no-repeat center;background-size:100% 100%;bottom: 0px;left: 0px;position: absolute;z-index: -1;}
.zjxfg_context .zjxfg_cLeft ._img img{width: 100%;}
.zjxfg_context .zjxfg_cRight{position: relative;width: 53.333%;float: right;padding-top: 25px;}
.zjxfg_context .zjxfg_cRight ._one{position: relative;font-size: 21px;color: #000;line-height: 30px;}
.zjxfg_context .zjxfg_cRight ._two{position: relative;font-size: 16px;color: #313131;line-height: 28px;margin-top: 20px; margin-bottom:30px;}
.zjxfg_context .zjxfg_cRight a._thr{width:180px; padding-right: 7px;display: block;font-size: 12px;color: #fff;
    text-align: center;line-height:40px;background: url(../image/more.png) no-repeat;background-size:100% 100%;}
.zjxfg_context .zjxfg_cRight a:hover{background: url(../image/more_on.png) no-repeat;background-size:100% 100%;}





/*=================================================== 关于我们 =============================================================================*/
.xfgPublic_topLM{position: relative;width: 100%;}
.topLM_list{
	position: relative;width: 100%; display: flex; margin-bottom:25px; justify-content: center;  overflow: hidden;
   flex-wrap: wrap;}
.topLM_list a{display: block;float: left;line-height: 34px;height: 34px;font-size: 14px;color: #fff;padding: 10px 2px; min-width:130px;text-align: center; background: url(../image/more.png) no-repeat;background-size:100% 100%;}
.topLM_list a:hover{color:#F0CD91;background: url(../image/more_on.png) no-repeat;background-size:100% 100%;}
.flon{ width:auto; color:#F0CD91!important;background: url(../image/more_on.png) no-repeat!important;background-size:100% 100%!important;}

/*概况*/
.xfg_about{position: relative;width: 100%;overflow: hidden;}
.about_jieshao{position: relative;width: 100%;padding-top: 22px;padding-bottom: 65px;}
.about_jieshao .js_time{position: relative;display: block;font-size: 100px;color: #efefef;text-transform: uppercase;line-height: 120px;padding: 15px 0px;margin-bottom: 32px;}
.about_jieshao .js_text{position: relative;width: 100%;}
.about_jieshao .js_text p{color: #666;font-size: 15px;line-height: 36px;min-height: 13px;}
.about_jieshao .js_text ._txt{float: left;padding: 13px 35px;width: calc(57.5% - 70px);}
.about_jieshao .js_text ._img{float: left;width: 42.5%;}
.about_jieshao .js_text ._img img{width: 100%;}
.about_jieshao .lable_list{position: relative;width: calc(100% - 40px);display: flex;flex-wrap: wrap;padding: 50px 20px;}
.about_jieshao .lable_list .lable_small{position: relative;width: calc(33.33% - 36px);padding-top: 10px;padding-bottom: 20px;border-right: 1px solid #efefef;
padding-left: 35px;border-bottom: 1px solid #efefef;}
.about_jieshao .lable_list .lable_small.db_one{padding-top: 20px;padding-bottom: 10px;border-bottom: none;}
.about_jieshao .lable_list .lable_small:nth-child(3n){border-right: 0px;}
.about_jieshao .lable_list .lable_small ._txt_log{position: relative;display: flex;align-items: flex-end;}
.about_jieshao .lable_list .lable_small ._txt_log img{width: 50px;height: 50px;}
.about_jieshao .lable_list .lable_small ._txt_log span{color: #727272;font-size: 22px;line-height: 38px;}
.about_jieshao .lable_list .lable_small ._txt_log span._num{font-size: 43px;line-height: 50px;color: #004f99;margin: 0px 10px 0px 15px;}
.about_jieshao .lable_list .lable_small p{color: #727272;font-size: 18px;line-height: 44px;padding-left: 8px;}




/*关于我们 - 联系我们*/
.about_lxwm{position: relative;width: 100%;padding-top: 28px;}
.about_map_lx{position: relative;width: 100%;max-width: 1140px;margin: 0px auto;display: flex;}
.about_map_lx #Amap{position: relative;width: 50%;height: 500px;background-color: #f5f5f5;}

.about_map_lx .Amap_msg{position: relative;width:100%; padding:0px;}
.about_map_lx .Amap_msg p{display: flex;align-items: center;font-size: 15px;line-height: 30px;padding: 8px 5px 8px 5px;
	margin: 0px auto;max-width: 100%;}
.about_map_lx .Amap_msg p i{display: block;width: 30px;min-width: 30px;;height: 30px;background-position: center;margin: 0px 15px;
	background-repeat: no-repeat;}
.about_map_lx .Amap_msg p a{color: #5C0D09;}
.about_map_lx .Amap_msg p i.icon_01{background-image: url('../image/ctc1.png');}
.about_map_lx .Amap_msg p i.icon_02{background-image: url('../image/ctc2.png');}
.about_map_lx .Amap_msg p i.icon_03{background-image: url('../image/ctc3.png');}
.about_map_lx .Amap_msg p i.icon_04{background-image: url('../image/ctc4.png');}
.about_map_lx .Amap_msg p i.icon_05{background-image: url('../image/ctc7.png');}
.about_map_lx .Amap_msg p i.icon_06{background-image: url('../image/ctc5.png');}

/*在线留言*/
.about_zxly{position: relative;width: 100%;padding-top: 26px;padding-bottom: 70px;}
.about_zxly .zxly_model{position: relative;width: 100%;padding-top: 50px;}
.about_zxly .zxly_model .form_table{position: relative;width: 100%;max-width: 840px;margin: 0px auto;display: flex;flex-wrap: wrap;display: -webkit-flex;align-items: flex-start;}
.about_zxly .zxly_model .form_table .input_one{position: relative;width: calc(33.333% - 10px);margin-right: 15px;margin-bottom: 6px;}
.about_zxly .zxly_model .form_table .input_one:nth-child(3){margin-right: 0px;}
.about_zxly .zxly_model .form_table .input_one p{color: #afafaf;font-size: 16px;line-height: 35px;padding: 10px 0px;}
.about_zxly .zxly_model .form_table .input_one input{position: relative;width: 100%;box-sizing: border-box;padding: 0px 10px;line-height: 38px;border:1px solid #e0e0e0;
font-size: 16px;color: #666;}
.about_zxly .zxly_model .form_table .textarea_one{position: relative;width: 100%;margin-bottom: 4px;}
.about_zxly .zxly_model .form_table .textarea_one p{color: #afafaf;font-size: 16px;line-height: 35px;padding: 10px 0px;}
.about_zxly .zxly_model .form_table .textarea_one textarea{position: relative;width: 100%;box-sizing: border-box;padding: 10px;line-height: 30px;border:1px solid #e0e0e0;
	resize: none;height: 179px;font-size: 16px;color: #666;font-family: 微软雅黑;}
.about_zxly .zxly_model .form_table .yzm_one{position: relative;width: 100%;display: flex;flex-wrap: wrap;display: -webkit-flex;margin-bottom: 40px;}
.about_zxly .zxly_model .form_table .yzm_one p{color: #afafaf;font-size: 16px;line-height: 35px;padding: 10px 0px;display: block;width: 100%;}
.about_zxly .zxly_model .form_table .yzm_one input{position: relative;width: calc(100% - 115px);box-sizing: border-box;padding: 0px 10px;line-height: 38px;border:1px solid #e0e0e0;
	max-width: 270px;font-size: 16px;color: #666;}
.about_zxly .zxly_model .form_table .yzm_one img{width: 101px;height: 40px;margin-left: 13px;}
.about_zxly .zxly_model .form_table .sumbit_zxly{position: relative;width: 100%;text-align: center;display: block;box-sizing: border-box;border:1px solid #004f99;font-size: 16px;
line-height: 40px;color: #004f99;}
.about_zxly .zxly_model .form_table .sumbit_zxly:hover{color: #fff;background-color: #004f99;}
.about_zxly .zxly_model .form_table>p{color: #afafaf;font-size: 16px;text-align: center;display: block;width: 100%;line-height: 30px;margin-top: 36px;}




/*=================================================== 产品 =============================================================================*/
.xfg_product{position: relative;width: 100%;}

/*产品列表*/
.product_context{position: relative;width: 100%;padding-top:5px;padding-bottom:15px; background: url(../image/context_con.png) center repeat-y; background-size:100% 100%;}
.product_context .product_cleft{position: relative;float: left;width: 18.75%;padding-top: 46px;}
.product_context .product_cleft>a{display: block;width: 100%;background-color: #004f99;color: #fff;line-height: 38px;display: flex;font-size: 16px;height: 38px;align-items: center;
justify-content: center;display: none;}
.product_context .product_cleft ul{position: relative;width: 202px;max-width: 100%;}
.product_context .product_cleft li{position: relative;margin-bottom: 10px;}
.product_context .product_cleft li>a{display: block;line-height: 38px;background-color: #f4f4f4;font-size: 15px;color: #606060;text-align: center;}
.product_context .product_cleft li>a:hover{color: #fff;background-color: #004f99;}
.product_context .product_cleft li>a.hover{color: #fff;background-color: #004f99;}
.product_context .product_cright{position: relative;width:93%; margin:0 auto;padding-top:10px;}
.product_context .product_cright .product_list{position: relative;width: 100%;padding-bottom: 35px;}
.product_context .product_cright .product_list .product_small{position: relative;width: calc(33.333% -  22px);margin: 0px 6px 25px 16px;background-color: #f4f4f4;overflow: hidden;
float: left;}
.product_context .product_cright .product_list .product_small ._img{position: relative;margin: 1px;}
.product_context .product_cright .product_list .product_small ._img img{max-width: 100%;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;
	-ms-transition:all .6s ease;-o-transition:all .6s ease;}
.product_context .product_cright .product_list .product_small ._txt{position: absolute;width: 100%;height: auto;bottom: 0px;left: 0px;background-color: rgba(0,79,153,0.87);
-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;}
/*.product_context .product_cright .product_list .product_small ._txt:before{content: '';position: absolute;width: calc(100% - 32px);height: calc(100% - 32px);top: 15px;left: 15px;
border:1px solid rgba(255,255,255,0.29);}*/
.product_context .product_cright .product_list .product_small ._txt p{text-align: center;color: #fff;font-size: 18px;letter-spacing: 1px;display: block;position: relative;
line-height: 35px;width: calc(100% - 30px);padding: 5px 15px;}
.product_context .product_cright .product_list .product_small a:hover ._img img{transform: scale(1.08);}


/*产品详情*/
.context_top { width: 100%; height: 29px; background: url(../image/context_top.png) center top no-repeat; background-size:100% 100%;}
.context_body { padding: 0 10px; background: #fff; }
.context_body .line { border-left: 1px solid #f0cd91; border-right: 1px solid #f0cd91; padding: 0px 35px; color: #190b09; min-height: 400px; }
.context_body .line .page { line-height: 26px; overflow: hidden; }
.context_body .line .page img { max-width: 100%; }
.context_bottom { width:100%; height: 29px; background: url(../image/context_bottom.png) center top no-repeat; background-size:100% 100%;}


.product_cright .detail_msg{position: relative;margin: 0px 0px 0px 15px;}
.product_cright .detail_msg ._img{position: relative;border: 1px solid #ddd;width: calc(40.625% - 2px);float: left;text-align:center;}
.product_cright .detail_msg ._img img{max-width: 100%;}
.product_cright .detail_msg ._context{position: relative;width: calc(59.375% - 38px);float: left;padding-left: 38px;}
.product_cright .detail_msg ._context .one{position: relative;display: block;font-size: 24px;color:#5C0D09;line-height: 36px;padding-top: 17px;padding-bottom: 12px;}
.product_cright .detail_msg ._context .two{line-height: 35px;font-size: 15px;color: #8c8c8c;position: relative;}
.product_cright .detail_msg ._context .thr{position: relative;width: 100%;display: flex;justify-content: space-between;align-items: flex-start;}
.product_cright .detail_msg ._context .thr .share{position: relative;width: calc(100% - 140px);margin: 7px 0px;}
.product_cright .detail_msg ._context .thr>a{display: block;width: 124px;height: 38px;line-height: 38px;color: #fff;font-size: 15px;background-repeat: no-repeat;background-position: center;
background-size: 122px 38px;background-image: url('../image/pr11.png');text-align: center;margin: 9px 0px;position: relative;}
.product_cright .detail_msg ._context .thr>a:after{content: '';position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;background-color: rgba(255,255,255,0);
-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;}
.product_cright .detail_msg ._context .thr>a:hover:after{background-color: rgba(255,255,255,0.3);}
.product_cright .detail_contact{position: relative;margin-left: 15px;margin-top:25px;margin-bottom:25px;}
.product_cright .detail_contact .small_detail_tab{position: relative;width: 100%;display: flex;flex-wrap: wrap;}
.product_cright .detail_contact .small_detail_tab a{display: inline-block;min-width: 88px;height: 40px;line-height: 40px;text-align: center;padding: 0px 5px;margin-top: 5px;
background-color: #f0f0f0;color: #707070;font-size: 14px;margin-right: 5px;-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;}
.product_cright .detail_contact .small_detail_tab a:last-child{margin-right: 0px;}
.product_cright .detail_contact .small_detail_tab a:hover{background-color:#5C0D09;color: #fff;}
.product_cright .detail_contact .small_detail_tab a.active{background-color:#5C0D09;color: #fff;}
.product_cright .detail_contact .small_detail_tab_div{position: relative;width: 100%;}
.product_cright .tab_pro_litter{position: relative;width: calc(100% - 47px);border: 1px solid #d4d4d4;padding-top: 40px;padding-bottom: 35px;color: #414141;line-height: 34px;
	padding-left: 25px;padding-right: 20px;font-size: 16px;}
.product_cright .tab_pro_litter img{max-width: 100%;}
.fhsj_bt{position: relative;display: flex;justify-content: center;flex-wrap: wrap;width: 100%;}
.fhsj_bt a{display: inline-block;min-width: 75px;padding: 0px 5px;border:1px solid #004f99;color: #004f99;font-size: 15px;text-align: center;line-height: 35px;margin: 5px 6px;
border-radius: 3px;}
.fhsj_bt a:hover{background-color: #004f99;color: #fff;}





/*解决方案*/
.jjfa_context{position: relative;width: 100%;padding-top: 27px;padding-bottom: 45px;}
.product_jjfa{position: relative;}
.product_jjfa .list_yjLm{position: relative;width: 100%;margin-top: 38px;display: flex;flex-wrap: wrap;justify-content: center;}
.product_jjfa .list_yjLm a{display: block;border-right: 1px solid #eee;min-width: 188px;padding: 10px 20px;display: flex;justify-content: center;color: #a2a2a2;font-size: 22px;
line-height: 45px;}
.product_jjfa .list_yjLm a>i{display: block;width: 45px;min-width: 45px;height: 45px;background-position: center;background-repeat: no-repeat;background-size: cover;
	margin-right: 15px;-webkit-filter: grayscale(100%) opacity(50%);-moz-filter: grayscale(100%) opacity(50%);-ms-filter:grayscale(100%) opacity(50%);
	-o-filter: grayscale(100%) opacity(50%);filter: grayscale(100%) opacity(50%);filter:gray opacity(50%);transition: all 0.6s;-moz-transition: all 0.6s;
	-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.product_jjfa .list_yjLm a:hover{color: #004f99;}
.product_jjfa .list_yjLm a:hover>i{color: #004f99;-webkit-filter: grayscale(0%) opacity(100%);-moz-filter: grayscale(0%) opacity(100%);-ms-filter:grayscale(0%) opacity(100%);
	-o-filter: grayscale(0%) opacity(100%);filter: grayscale(0%) opacity(100%);filter:grayscale(0%) opacity(100%);}
.product_jjfa .list_yjLm a.hover{color: #004f99;}
.product_jjfa .list_yjLm a.hover>i{color: #004f99;-webkit-filter: grayscale(0%) opacity(100%);-moz-filter: grayscale(0%) opacity(100%);-ms-filter:grayscale(0%) opacity(100%);
	-o-filter: grayscale(0%) opacity(100%);filter: grayscale(0%) opacity(100%);filter:grayscale(0%) opacity(100%);}
.product_jjfa .list_yjLm a:last-child{border-right: none;}
.product_jjfa .list_ejLm{position: relative;width: 100%;margin-top: 36px;background-color: #196acd;}
.product_jjfa .list_ejLm .swiper-container{position: relative;padding: 0px 40px;}
.product_jjfa .list_ejLm .swiper-container:before{content: '';position: absolute;width: 40px;height: 47px;top: 0px;left: 0px;background-color: #196acd;z-index: 2;}
.product_jjfa .list_ejLm .swiper-container:after{content: '';position: absolute;width: 40px;height: 47px;top: 0px;right: 0px;background-color: #196acd;z-index: 2;}
.product_jjfa .list_ejLm .swiper-slide{width: auto;}
.product_jjfa .list_ejLm .swiper-slide a{display: block;min-width: 110px;padding: 0px 6px;text-align: center;color: #fff;font-size: 15px;line-height: 47px;height: 47px;}
.product_jjfa .list_ejLm .swiper-slide a:hover{background-color: #004f99;}
.product_jjfa .list_ejLm .swiper-slide a.hover{background-color: #004f99;}
.product_jjfa .list_ejLm .swiper-button-next,.product_jjfa .list_ejLm .swiper-button-prev {width: 15px;height: 25px;margin-top: -12.5px;background-size: 15px 25px;}
.product_jjfa .list_ejLm .swiper-button-prev {background-image: url('../image/pr19.png');}
.product_jjfa .list_ejLm .swiper-button-next {background-image: url('../image/pr20.png');}
.product_jjfa .list_ejLm .swiper-button-disabled{opacity: 0.65;}
.product_jjfa .list_piece{position: relative;padding-top: 38px;padding-bottom: 21px;}
.product_jjfa .list_piece .small_newsDetail{position: relative;border:1px solid #e8e8e8;margin-bottom: 32px;transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;
    -o-transition: all 0.6s;}
.product_jjfa .list_piece .small_newsDetail a{display: block;}
.product_jjfa .list_piece .small_newsDetail ._img{position: relative;width: 244px;overflow: hidden;margin: 24px;float: left;}
.product_jjfa .list_piece .small_newsDetail ._img img{width: 100%;transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.product_jjfa .list_piece .small_newsDetail ._context{position: relative;padding: 34px 0px 24px 0px;width: 56%;max-width: calc(81.333% - 292px);float: right;margin-right: calc(2.25% - 1px);}
.product_jjfa .list_piece .small_newsDetail ._context .one{color: #333;font-size: 18px;line-height: 40px;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;
letter-spacing: 1px;transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.product_jjfa .list_piece .small_newsDetail ._context .two{color: #666;font-size: 14px;line-height: 24px;overflow: hidden;height: 72px;text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-top: 8px;transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.product_jjfa .list_piece .small_newsDetail ._time{position: relative;width: 16.25%;border-left: 1px solid #e8e8e8;padding-top: 30px;float: right;padding-bottom: 44px;}
.product_jjfa .list_piece .small_newsDetail ._time ._date{position: relative;width: 123px;max-width: 100%;margin: 0px auto;text-align: center;font-family: 'Kalinga';}
.product_jjfa .list_piece .small_newsDetail ._time ._date span{font-size: 60px;color: #afafaf;line-height: 75px;padding: 5px 0px;display: block;border-bottom: 1px solid #ececec;
	transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.product_jjfa .list_piece .small_newsDetail ._time ._date p{font-size: 20px;color: #b2b2b2;line-height: 30px;display: block;margin-top: 8px;transition: all 0.6s;
	-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.product_jjfa .list_piece .small_newsDetail:hover{box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.05);}
.product_jjfa .list_piece .small_newsDetail:hover ._img img{transform: scale(1.08);}
.product_jjfa .list_piece .small_newsDetail:hover ._context .one{color: #3069b8;}
.product_jjfa .list_piece .small_newsDetail:hover ._context .two{color: #333;}
.product_jjfa .list_piece .small_newsDetail:hover ._time ._date span{color: #3069b8;}
.product_jjfa .list_piece .small_newsDetail:hover ._time ._date p{color: #555;}
/*解决方案详情*/
.product_jjfa .context_msg{position: relative;position: relative;width: 950px;max-width: 100%;margin: 0px auto;padding-top: 25px;}
.product_jjfa .context_msg .one{color: #024182;font-size: 24px;line-height: 36px;text-align: center;padding: 32px 0px;border-bottom: 1px solid #eee;}
.product_jjfa .context_msg .two{color: #707070;font-size: 15px;line-height: 25px;text-align: center;padding: 23px 0px;display: flex;
justify-content: center;flex-wrap: wrap;align-items: center;}
.product_jjfa .context_msg .share{display: flex;justify-content: center;flex-wrap: wrap;align-items: center;margin: 0px 15px;}
.product_jjfa .context_msg .thr{line-height: 35px;color: #707070;font-size: 15px;margin-top: 10px;}
.product_jjfa .context_msg .thr img{max-width: 100%;}


/*=================================================== 服务与品质 =============================================================================*/
.xfg_server{position: relative;width: 100%;}
/*服务与品质*/
.server_fwypz{position: relative;width: 100%;padding-top: 26px;}
.fwyzc_context{position: relative;width: 100%;background-color: #f6f6f6;margin-top: 55px;margin-bottom: 75px;display: flex;flex-wrap: wrap;}
.fwyzc_context .img_one{position: relative;width: 50%;float: left;min-height: 416px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.fwyzc_context .txt_one{position: relative;padding: 42px 30px 30px 34px;width: calc(50% - 64px);float: left;}
.fwyzc_context .txt_one p{font-size: 15px;color: #666;line-height: 40px;}
.fwyzc_context .txt_one p.one{color: #004f99;font-weight: bold;font-size: 26px;padding: 10px 0px;margin-bottom: 20px;}
.fwyzc_context .img_two{position: relative;width: 100%;float: left;}
.fwyzc_context .img_two .iTwo_small{position: relative;width: 25%;float: left;}
.fwyzc_context .img_two .iTwo_small a{display: block;position: relative;}
.fwyzc_context .img_two .iTwo_small img{width: 100%;}
.fwyzc_context .img_two .iTwo_small a:before{position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 5;background-color: rgba(0,79,153,0.9);content: '';opacity: 0;
transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.fwyzc_context .img_two .iTwo_small a:after{position: absolute;width: calc(100% - 32px);height: calc(100% - 42px);top: 20px;left: 15px;z-index: 8;content: '';opacity: 0;
border:1px solid #fff;transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.fwyzc_context .img_two .iTwo_small div{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 9;width: calc(100% - 80px);padding: 0px 40px;opacity: 0;
transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.fwyzc_context .img_two .iTwo_small div span{display: block;text-align: center;color: #fff;font-size: 24px;margin-bottom: 8px;line-height: 40px;}
.fwyzc_context .img_two .iTwo_small div p{line-height: 40px;color: #fff;font-size: 16px;}
.fwyzc_context .img_two .iTwo_small a:hover:before{opacity: 1;}
.fwyzc_context .img_two .iTwo_small a:hover:after{opacity: 1;}
.fwyzc_context .img_two .iTwo_small a:hover div{opacity: 1;}

/*解疑答惑*/
.jydh_list{position: relative;width: 1110px;padding: 46px 0px 40px 0px;margin: 0px auto;max-width: 100%;}
.jydh_list .jydh_small{position: relative;width: 100%;margin-bottom: 12px;}
.jydh_list .jydh_small .small_djA{position: relative;display: flex;align-items: flex-start;}
.jydh_list .jydh_small .small_djA span{display: block;width: 36px;height: 40px;min-width: 36px;background-color: #d3d3d3;border-radius: 2px;text-align: center;margin-right: 18px;
transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.jydh_list .jydh_small .small_djA span:after{content: '+';line-height: 40px;font-size: 22px;color: #fff;font-weight: bold;}
.jydh_list .jydh_small .small_djA p{font-size: 15px;color: #717171;line-height: 30px;padding: 5px 0px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;
width: calc(100% - 54px); transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.jydh_list .jydh_small .yc_show{position: relative;margin-left: 54px;width: calc(100% - 54px);color: #a2a2a2;font-size: 14px;line-height: 30px;border-bottom: 1px solid #e5e5e5;
padding-bottom: 0px;overflow: hidden;height: 0px;transition: all 0.6s;-moz-transition: all 0.6s;-webkit-transition: all 0.6s;-o-transition: all 0.6s;}
.jydh_list .jydh_small .yc_show.show{height: auto;padding-bottom: 5px;}
.jydh_list .jydh_small .small_djA:hover span{background-color: #004f99;}
.jydh_list .jydh_small .small_djA:hover p{color: #004f99;}
.jydh_list .jydh_small .small_djA.on span{background-color: #004f99;height: 50px;}
.jydh_list .jydh_small .small_djA.on p{color: #004f99;}


/*=================================================== 新闻中心 =============================================================================*/
.xfg_news{position: relative;}
/*公司新闻*/
.news_gsxw{position: relative;width: 100%;padding-top: 8px;padding-bottom: 57px;}
ul.new_list{position: relative;width: 100%;padding: 5px 0px 52px 0px;}
ul.new_list li{position: relative;width: 100%;padding: 30px 0px;display: flex;border-bottom: 1px solid #ddd;align-items: flex-start;}
ul.new_list li:last-child{border-bottom: none;}
ul.new_list li ._img{position: relative;width: 320px;background-color: #eee;overflow: hidden;}
ul.new_list li ._img img{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;
	-o-transition:all .5s ease;background-repeat: no-repeat;display: block;width: 100%;}
ul.new_list li:hover ._img img{transform: scale(1.1);}
ul.new_list li ._text{position: relative;width: calc(96.5% - 320px);margin-left: 3.5%;}
ul.new_list li ._text .one{color: #333;font-weight: bold;font-size: 18px;display: block;
    text-overflow: ellipsis;white-space: nowrap;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;
-ms-transition:all .5s ease;-o-transition:all .5s ease;width: 100%;height: 32px;overflow: hidden;}
ul.new_list li ._text .two{font-size: 14px;color: #666;line-height: 30px;position: relative;padding: 10px 0px 0px 0px;display: flex;
width: 100%;align-items: flex-start;margin-bottom: 18px;}
ul.new_list li ._text .two span{display: block;width: 30px;margin: 15px 3px 0px 2px;height: 1px;background-color: #666;min-width: 30px;}
ul.new_list li ._text .two p{display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;height: 120px;
	overflow: hidden;}
ul.new_list li ._text .thr{display: flex;justify-content: space-between;align-items: flex-end;}
ul.new_list li ._text .thr span{line-height: 20px;font-size: 13px;color: #999;}
ul.new_list li:hover ._text .one{color: #004f99;}
ul.new_list .fan_more{display: block;width: 115px;height: 38px;text-align: center;background-color: #fff;color: #666;font-size: 15px;line-height: 38px;border: 1px solid #ccc;
-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;}
ul.new_list .fan_more:hover{background-color: #004f99;color: #fff;border: 1px solid #004f99;}


/*公司新闻详情*/
.xfg_news .context_msg{position: relative;width: 100%;margin: 0px auto;padding-top: 25px;padding-bottom: 54px;}
.xfg_news .context_msg .one{color: #5C0D09;font-size: 24px;line-height: 36px;text-align: center;padding: 32px 0px;border-bottom: 1px solid #eee;}
.xfg_news .context_msg .two{color: #707070;font-size: 15px;line-height: 25px;text-align: center;padding: 23px 0px;display: flex;justify-content: center;flex-wrap: wrap;align-items: center;}
.xfg_news .context_msg .share {display: flex;justify-content: center;flex-wrap: wrap;align-items: center;margin: 0px 15px;}
.xfg_news .context_msg .thr {  text-align: left;  line-height: 1.8;}
.xfg_news .context_msg .thr img{ display: block; max-width: 96%; margin: 20px auto !important; text-align: center; }



/*最大宽度为1720*/
@media screen and ( max-width: 1760px ) {
	.rm-layout-expanded .rm-nav > ul > li > a,.rm-layout-expanded .rm-top-menu > .rm-menu-item > a { padding-left:15px; padding-right:15px;}
}
/*最大宽度为1570*/
@media screen and ( max-width: 1570px ) {
	/*公共部分-头部*/
	.oa_em_sel a{font-size: 14px;}
	.xfg_headerbt{width: 292px;}
	.xfg_headerbt a.tel_xfg{width: 230px;}
	.xfg_headerbt a.lang_xfg{width: 80px;}
	.rm-container.rm-layout-expanded{width: calc(81.25% - 292px);}
}
/*最大宽度为1500*/
@media screen and ( max-width: 1500px ) {
	/*公共部分-头部*/
	.xfg_headerbt{width: 235px;}
	.xfg_headerbt a.tel_xfg{width: 235px;}
	.xfg_headerbt a.tel_xfg img{margin-right: 2px;margin-left: 3px;}
	.xfg_headerbt a.lang_xfg{width: 70px;}
	.oa_em_sel a{margin: 0px 4px;}
	.brand {width: 16%;}
	.rm-container.rm-layout-expanded{width: calc(84% - 235px);}
	.rm-nav li a, .rm-menu-item a{font-size: 17px;}
}
/*最大宽度为1500*/
@media screen and ( max-width: 1400px ) {
	.rm-nav li a, .rm-menu-item a{font-size: 16px;}
	.rm-layout-expanded .rm-nav > ul > li > a,.rm-layout-expanded .rm-top-menu > .rm-menu-item > a {padding-left: 8px;padding-right: 8px;}
}
/*最大宽度为1290*/
@media screen and ( max-width: 1280px ) {
	/*内页banner-标题*/
	.xfgPublic_banner{margin-top: 74px;}
	.nybanner_title {margin-left: calc(245px - 50%);transform: translate(-50%,-50%);}


	/*首页-banner*/
	.xfgIndex_swiper01{margin-top: 74px;}
	.xfgIndex_swiper01 .swiper-slide img{width: 130%;}

	/*关于我们-about banner*/
	.about_jieshao .lable_list {width: 100%;padding: 35px 0px;}
	.about_jieshao .lable_list .lable_small{width: calc(33.33% - 21px);padding-left: 20px;}
	
	.gsdt_list .gsdt_Rsmall>a ._text{width:calc(100% - 230px); }
	.cpsj_list .cpsj_small ._img{ height:350px;}


}
@media screen and ( max-width: 1160px ) {
	.cpsj_list .cpsj_small ._img{ height:320px;}
	.xfgIndex_swiper02 .swiper-slide img{height:260px;}

}
/*最大宽度为1075*/
@media screen and ( max-width: 1024px ) {
.product_cright .tab_pro_litter img{ height:auto!important;}
	
	.pc{ display:none!important;}
	.hc{ display:block!important;}
	
.context_top {  height: 11px; }
.context_bottom { height: 11px;}
	.rm-nav li a, .rm-menu-item a{font-size: 13px!important;}

.brand a { left:2px;}
	.xfg_headerbt a.tel_xfg p span.two{margin: 0px 3px 0px 0px;font-size: 12px!important;}


/*公共部分-头部*/
	.xfg_headerbt{width: 235px; margin-top:18px;}
	.xfg_headerbt a.tel_xfg{width: 235px; padding:0;}

	header{background-color: rgba(255,255,255,0.8);}
	.brand {min-width: 220px;width: 220px;height: 60px;}
	.rm-toggle.rm-button {margin-top: 15px;margin-bottom: 12px;}
	.rm-layout-contracted .rm-nav{width: 50%;position: fixed;background-color: rgba(0,0,0,0.8);right: 0px;top:85px;max-height: calc(100% - 110px);overflow: auto;}
	.rm-layout-contracted .rm-nav li a,.rm-layout-contracted .rm-menu-item a {font-size: 14px;color: #fff;}








	/*公共-底部*/
	.left_lm{width: 100%;float: none;}
	.right_ewm{float: none;width: 280px;margin: 0px auto;}
	.footer_line a{width: calc(33.333% - 1px);}
	.footer_line a:nth-child(n){border-left:1px solid #ddd;}
	.footer_line a:nth-child(3n+1) {border-left: none;}
	.footer_bah{line-height: 30px;flex-wrap: wrap;padding: 8px 0px 12px 0px;}
	/*内页banner-标题*/
	.xfgPublic_banner{margin-top:60px;}
	.xfgPublic_banner img{width: auto; height: 350px;}
	.nybanner_title {margin-left: 0px;}

	/*首页-banner*/
	.xfgIndex_swiper01{margin-top:60px;}
	.xfgIndex_swiper01 .swiper-slide img{width: 135%;}
	/*首页-解决方案*/
	.xfgIndex_title01 p.one{font-size:22px;line-height: 52px;padding: 40px 0px;}
	.xfgIndex_title01 p.two{font-size: 15px;padding-top: 37px;padding-bottom: 40px;}
	.xfgIndex_swiper02 {padding: 7px 35px;}
	.xfgIndex_swiper02 .swiper-slide{width: calc(33.333% - 6.666px);}
	.xfgIndex_swiper02 .swiper-button-prev{left: -12px;}
	.xfgIndex_swiper02 .swiper-button-next{right: -12px;}
	/*首页-产品世界*/
	.cpsj_list{display: flex;flex-wrap: wrap;justify-content: center;margin: 0px auto;width:100%;}
	.cpsj_list .cpsj_small{width: calc(33.333% - 12px);margin-right: 6px;margin-left: 6px;}
	.cpsj_list .cpsj_small ._img{ height:280px;}
	.cpsj_list .cpsj_small ._one {
    line-height: 50px;    text-overflow: ellipsis;    white-space: nowrap;    height: 50px;}
	
	/*首页-公司动态*/
	

	
	/*首页-走进*/
	.xfgIndex_zjxfg {padding-bottom: 10px;}
	.zjxfg_context{ width:96%; margin:0px auto;max-width:96%;padding-top: 30px;padding-bottom:40px;background-size: contain;background-position: 100% 100%;}
	.zjxfg_context .zjxfg_cLeft{float: none;width: 500px;margin: 0px auto;max-width: 100%;}
	.zjxfg_context .zjxfg_cRight{float: none;width: 100%;}

	/*关于我们-about banner*/
	.about_jieshao .js_time{font-size: 80px;line-height: 100px;}
	.about_jieshao .js_text ._txt{padding: 13px 5px 13px 15px;width: calc(50% - 20px);}
	.about_jieshao .js_text ._img{width: 50%;}
	.about_jieshao .lable_list .lable_small p{line-height: 35px;font-size: 16px;}
	/*关于我们*/
	.about_xfgly .about_list .small_honor{width: calc(33.333% - 12px);}
	.about_xfgly .about_list .small_honor:nth-child(n){margin-right: 15px;}
	.about_xfgly .about_list .small_honor:nth-child(3n){margin-right: 0px;}
	.about_xfgly .about_list .small_honor a p{font-size: 14px;padding: 0px 5px;}

	/*产品与解决方案-产品列表*/
	.product_context .product_cright .product_list .product_small {width: calc(33.333% - 15px);margin: 0px 0px 20px 15px;}
	.product_context .product_cright .product_list .product_small ._txt:before {width: calc(100% - 22px);height: calc(100% - 22px);top: 10px;left: 10px;}
	.product_context .product_cright .product_list .product_small ._txt p {font-size: 20px;letter-spacing: 1px;line-height: 30px;width: calc(100% - 30px);}

	/*服务与支持-服务与品质*/
	.fwyzc_context .txt_one {padding: 20px;width: calc(50% - 40px);}
	.fwyzc_context .txt_one p.one{margin-bottom: 0px;}
	.fwyzc_context .img_two .iTwo_small a:after {width: calc(100% - 22px);height: calc(100% - 22px);top: 10px;left: 10px;}
	.fwyzc_context .img_two .iTwo_small div {width: calc(100% - 40px);padding: 0px 20px;}
	.fwyzc_context .img_two .iTwo_small div span {font-size: 18px;line-height: 32px;margin-bottom:0px;}
	.fwyzc_context .img_two .iTwo_small div p {line-height: 32px;font-size: 13px;}

}

/*最大宽度为767*/
@media screen and ( max-width: 767px ) {
	.xfg_headerbt{width: 125px; }
	.fot_dh .xfg_headerbt{width:235px; }
	.xfg_headerbt a.tel_xfg{width: 125px; padding:0;}
	.fot_dh .xfg_headerbt a.tel_xfg{width:235px; }

	/*公共-底部*/
	.left_lm{ padding-bottom: 30px;flex-wrap: wrap;}
	.left_lm .small_lm{padding-top: 0px;width: 33.333%;text-align: center;}
	.left_lm .small_lm ul{display: none;}
.footer { padding:0 0 50px 0;}
	.footer_line a{width: calc(50% - 1px);}
	.footer_line a:nth-child(n){border-left:1px solid #ddd;}
	.footer_line a:nth-child(2n+1) {border-left: none;}
	/*内页banner-标题*/
	.xfgPublic_banner img{width: auto; height: 280px;}



	/*首页-动态*/
.gsdt_list .gsdt_Rsmall{ margin-bottom: 32px;width:100%;  min-height:100px;}
.gsdt_list .gsdt_Rsmall>a ._img{width:170px; left:0px; top:0px; bottom:8px;}
.gsdt_list .gsdt_Rsmall>a ._img img{ width: 100%;height:140px; margin:10px;}
.gsdt_list .gsdt_Rsmall>a ._text{padding:25px 15px;width: calc(100% - 199px); }
.gsdt_list .gsdt_Rsmall>a ._text .one{line-height: 20px;font-size: 18px;}
.gsdt_list .gsdt_Rsmall>a ._text .two{line-height: 25px;font-size: 14px;}
.gsdt_list .gsdt_Rsmall>a ._text .thr{line-height: 20px;font-size: 14px;margin-top: 10px;height: 40px;}





.xfgIndex_swiper02 .swiper-slide .xs_more{height:50px;}
.xfgIndex_swiper02 .swiper-slide .xs_more p{line-height:40px;padding: 10px 0px;font-size:14px;}
.xfgIndex_swiper02 .swiper-slide .xs_more a{width: 88px;padding-right: 7px;display: block;margin: 0px auto;font-size: 12px;
	line-height: 30px;margin-left: -47px;left: 50%;top: calc(50% + 10px);}
.dibu {  min-height: 100px;}
.xfgIndex_swiper02 .swiper-slide img {  width: calc(100% - 8px);  margin-top: 49px; padding: 0 5px; height:160px;  margin-bottom:15px;}

/*首页-*/
.xfgIndex_title01 {width: 100%; background-size:auto 100%;}
	.xfgIndex_title01 p.one{font-size: 28px;line-height: 40px;padding: 20px 0px;}
	.xfgIndex_title01 p.two{font-size: 14px;line-height: 28px;padding-top: 28px;padding-bottom: 32px;padding-right: 15px;padding-left: 15px;}
	.xfgIndex_swiper02 .swiper-slide{width: calc(50% - 5px);}
	/*首页-服务无处不在，客户永远第一*/
	.xfgIndex_server {padding-top: 30px;padding-bottom: 60px;}
	.xfI_serList{position: relative;display: flex;justify-content: center;flex-wrap: wrap;}
	.xfI_serList .serSmall{width: 100%;padding: 15px 0px;}
	.xfI_serList .serSmall ._one {font-size: 22px;padding: 8px 0px;}
	.xfI_serList .serSmall ._two{font-size: 13px;line-height: 22px;}
	/*首页-产品*/
	.xfgIndex_cpsj {padding-top:10px;padding-bottom:30px;}
	.cpsj_list{display: flex;flex-wrap: wrap;justify-content: center;margin: 0px auto;width: 450px;max-width: 100%;}
	.cpsj_list .cpsj_small{width: calc(50% - 12px);margin-right: 6px;margin-left: 6px;}
	.cpsj_list .cpsj_small ._img{height:auto;}

	/*首页-公司动态*/
	.xfgIndex_gsdt {padding-bottom:30px;}

	/*关于我们 about-xfggk*/
	.topLM_list a{width: calc(20% - 4px);padding: 8px 2px;min-width: calc(20% - 4px);}
	.about_jieshao {padding-bottom: 35px;}
	.about_jieshao .js_time{font-size: 60px;line-height: 70px;margin-bottom: 10px;}
	.about_jieshao .js_text ._txt{padding: 13px 5px 13px 5px;width: calc(100% - 10px);}
	.about_jieshao .js_text ._img{max-width: 100%;width: 510px;margin: 0px auto;float: none;}
	.about_jieshao .lable_list .lable_small{width: calc(50% - 21px);padding-top: 10px;padding-bottom: 20px;padding-left: 20px;}
	.about_jieshao .lable_list .lable_small:nth-child(n){border-right: 1px solid #efefef;}
	.about_jieshao .lable_list .lable_small:nth-child(2n){border-right: 0px;}
	.about_jieshao .lable_list .lable_small:nth-child(4){border-bottom: 1px solid #efefef;}
	.about_jieshao .lable_list .lable_small p{font-size: 14px;line-height: 30px;}
	.about_jieshao .lable_list .lable_small ._txt_log img{width: 40px;height: 40px;}
	.about_jieshao .lable_list .lable_small ._txt_log span{line-height: 30px;font-size: 16px;}
	.about_jieshao .lable_list .lable_small ._txt_log span._num{font-size: 33px;line-height: 40px;}

/*关于我们-联系我们*/
.about_map_lx{flex-wrap: wrap;}
.about_map_lx #Amap{width: 100%;}
.about_map_lx .Amap_msg{width: 100%;}

	/*产品与解决方案-产品列表*/
	.product_context .product_cleft{width: 100%;padding-top: 30px;}
	.product_context .product_cleft>a{display: flex;}
	.product_context .product_cleft ul {width: 100%;display: none;}
	.product_context .product_cleft li {margin-bottom: 0px;}
	.product_context .product_cleft li>a.hover {color: #004f99;background-color: #fff;}
	.product_context .product_cright {width:92%;padding-top: 25px;}
	.product_context .product_cright .product_list .product_small {width: calc(33.333% - 12px);margin: 0px 6px 20px 6px;}
	/*产品与解决方案-产品详情*/
	.product_cright .detail_msg { margin: 0px;}
	.product_cright .detail_msg ._img {width: calc(100% - 2px);text-align: center;}
	.product_cright .detail_msg ._context {width: 100%;padding:0px;}
	.product_cright .detail_contact {margin-left: 0px;}
	/*解决方案*/
	.product_jjfa .list_yjLm {margin-top: 30px;}
	.product_jjfa .list_yjLm a {min-width: 150px;padding: 5px 10px;font-size: 16px;line-height: 35px;border-right: none;}
	.product_jjfa .list_yjLm a>i {width: 35px;min-width: 35px;height: 35px;margin-right: 10px;}
	.product_jjfa .list_ejLm .swiper-slide a{min-width: 85px;padding: 0px 5px;font-size: 14px;line-height: 45px;height: 45px;}
	.product_jjfa .list_piece .small_newsDetail ._img{margin: 10px;}
	.product_jjfa .list_piece .small_newsDetail ._time{float: left;width: calc(100% - 265px);padding-top: 16px;padding-bottom: 30px;}
	.product_jjfa .list_piece .small_newsDetail ._context{float: left;width: calc(100% - 20px);padding: 15px 10px;max-width: calc(100% - 20px);margin: 0px;
		border-top: 1px solid #e8e8e8;}

	/*服务与支持-服务与品质*/
	.fwyzc_context{width: 600px;max-width: 100%;margin: 0px auto;margin-top: 45px;margin-bottom: 55px;}
	.fwyzc_context .img_one{width: 100%;}
	.fwyzc_context .txt_one {width: calc(100% - 30px);padding: 20px 15px 30px 15px;}
	.fwyzc_context .img_two .iTwo_small {width: 50%;}
	.fwyzc_context .img_two .iTwo_small div span {font-size: 18px;line-height: 30px;margin-bottom:5px;}
	.fwyzc_context .img_two .iTwo_small div p {line-height: 30px;font-size: 14px;}

/*服务与支持-解疑答惑*/
	.jydh_list .jydh_small .small_djA span {margin-right: 10px;}
	.jydh_list .jydh_small .small_djA p {width: calc(100% - 46px);}
	.jydh_list .jydh_small .yc_show {margin-left: 46px;width: calc(100% - 46px);}

	/*新闻中心-公司新闻*/
	ul.new_list li{flex-wrap: wrap;}
	ul.new_list li ._img{width: 100%;}
	ul.new_list li ._img img {width: auto;max-width: 100%;display: block;margin: 0px auto;}
	ul.new_list li ._text{width: 100%;margin-left: 0px;margin-top: 10px;}
	ul.new_list li ._text .two p{max-height: 120px;height: auto;}

.about_map_lx .Amap_msg p i { margin: 0px 3px 0 0;}

}
/*最大宽度为590*/
@media screen and ( max-width: 590px ) {
	/*头部*/
	.xfg_headerbt a.tel_xfg p span.one{display: none;}
	.oa_em_sel a.userId{width: 85px;margin: 0px 2px 0px 3px;}



	/*内页banner-标题*/
	.xfgPublic_banner img{width: auto; height: 240px;}
	.nybanner_title {max-width: calc(95% - 45px);padding: 12px 20px 29px 25px;}
	.nybanner_title.write_lx {padding: 8px 20px 10px 25px;}
	.nybanner_title:before,.nybanner_title:after {width: 15px;height: 15px;}
    .nybanner_title ._title {padding: 8px 0px;margin-bottom: 5px;}
    .nybanner_title.write_lx ._title {margin-bottom: 2px;}
	.nybanner_title ._title .one {font-size: 30px;line-height: 40px;margin: 0px 5px;}
	.nybanner_title ._title .two {font-size: 22px;line-height: 32px;}
	.nybanner_title ._title .thr {font-size: 16px;line-height: 26px;}
	.nybanner_title.write_lx ._title .thr {margin: 0px 5px 0px 8px;}
	.nybanner_title ._con {font-size: 16px;line-height: 28px;letter-spacing: 2px;}
	.nybanner_title ._con i {font-size: 22px;}


	/*首页-走进*/
	.zjxfg_context .zjxfg_cRight .lable_list {padding-top: 15px;padding-bottom: 25px;}
	.zjxfg_context .zjxfg_cRight .lable_list .lable_small:nth-child(n){width: calc(50% - 13px);padding: 10px 6px 10px 6px;border-right: 1px solid #efefef;}
	.zjxfg_context .zjxfg_cRight .lable_list .lable_small:nth-child(2n){width: calc(50% - 12px);border-right: none;}
	.zjxfg_context .zjxfg_cRight .lable_list .lable_small:nth-child(4){border-bottom: 1px solid #efefef;}

	/*关于我们 about-xfggk*/
	.topLM_list a{width: calc(25% - 4px);padding: 6px 2px;min-width: calc(25% - 4px);}
	.about_zxly .zxly_model .form_table .input_one{width: 100%;margin-right: 0px;margin-bottom: 3px;}
	.about_zxly .zxly_model .form_table .input_one p{padding: 8px 0px;}
	.about_zxly .zxly_model .form_table .textarea_one p{padding: 8px 0px;}
	.about_zxly .zxly_model .form_table .yzm_one p{padding: 8px 0px;}
	.about_zxly .zxly_model .form_table>p{font-size: 14px;line-height: 24px;}

	/*产品与解决方案-产品列表*/
	.product_context .product_cright .product_list .product_small {width: calc(50% - 12px);margin: 0px 6px 15px 6px;}
	.product_context .product_cright .product_list .product_small ._txt p {font-size: 18px;letter-spacing: 0px;line-height: 28px;}

.public_div { padding: 0px 5px; max-width: calc(100% - 10px);}

}
/*最大宽度为480*/
@media screen and ( max-width: 480px ) {
	/*公共-头部*/
	.rm-layout-contracted .rm-nav{width: 100%;}
	.brand { width:160px;}
	.brand a { left:0%;  width:200px; float:left;}

	.xfg_headerbt { width:85px;}
	.xfg_headerbt a.tel_xfg { width: 111px;}
	.xfg_headerbt a.lang_xfg{padding: 8px 3px;font-size: 12px;}
	.xfg_headerbt a.lang_xfg img{display: none;}
	.xfg_headerbt a.tel_xfg img {width: 24px;min-width: 24px;margin: 2px;}
	.xfg_headerbt a.tel_xfg p span.two { margin: 0px; }
	
	
	.oa_em_sel{font-size: 13px;}
	.oa_em_sel a{font-size: 13px;}

	.footer_line a{width: 100%}
	.footer_line a:nth-child(n){border-left:none;}
	.footer_bah{font-size: 12px;}


	/*首页-分类*/
	.xfgIndex_jjfa {padding-top:15px;padding-bottom:20px;}
	.xfgIndex_title01 p.one{font-size:16px;line-height:30px;padding:8px 0px;}
	.xfgIndex_title01 p.two{line-height: 26px;padding-top: 25px;padding-bottom: 28px;}


	/*首页-产品*/
	.cpsj_list .cpsj_small{width: 100%;margin-right: 0px;margin-left: 0px;}


	/*首页-动态*/
.gsdt_list .gsdt_Rsmall{ margin-bottom:12px;width:100%;  min-height:100px;}
.gsdt_list .gsdt_Rsmall>a ._img{width:118px; left:0px; top:0px; bottom:8px;}
.gsdt_list .gsdt_Rsmall>a ._img img{ width: 100%;height:100px; margin:10px;}
.gsdt_list .gsdt_Rsmall>a ._text{padding:15px 15px;width: calc(100% - 139px); }
.gsdt_list .gsdt_Rsmall>a ._text .one{line-height: 20px;font-size: 18px;}
.gsdt_list .gsdt_Rsmall>a ._text .two{line-height: 20px;font-size: 10px; width:100%;}
.gsdt_list .gsdt_Rsmall>a ._text .thr{line-height:18px;font-size: 14px;margin-top:5px;height:36px;}
.newxx { width: 139px;  height: 10px;  margin-top:6px;}


	/*关于我们 about-xfggk*/
	.topLM_list a{width: calc(33.333% - 4px);padding: 4px 2px;min-width: calc(33.333% - 4px);}
	.about_jieshao .js_time{font-size: 50px;line-height: 65px;padding: 0px 0px 10px 0px;}
	.about_jieshao .lable_list {padding: 25px 0px;}
	.about_jieshao .lable_list .lable_small:nth-child(n){width: 100%;padding-top: 16px;padding-bottom: 10px;padding-left: 0px;text-align: center;border-right: none;
		border-bottom: 1px solid #efefef;}
	.about_jieshao .lable_list .lable_small ._txt_log{justify-content: center;}


/*关于我们-联系我们*/
	.about_lxwm .about_map_lx #Amap{height: 390px;}

	/*产品与解决方案-产品列表*/
	.product_context .product_cright .product_list{width: 300px;max-width: 100%;margin: 0px auto;}
	.product_context .product_cright .product_list .product_small {width: 100%;margin: 0px 0px 15px 0px;}
	.product_context .product_cright .product_list .product_small ._txt p {font-size: 20px;}
	/*解决方案*/
	.product_jjfa .list_yjLm a {min-width: 35px;}
	.product_jjfa .list_yjLm a>i {margin-right: 0px;}
	.product_jjfa .list_yjLm a>span {display: none;}
	.product_jjfa .list_piece .small_newsDetail ._img {width: 230px;}
	.product_jjfa .list_piece .small_newsDetail ._time {width: calc(100% - 251px);padding-top: 12px;padding-bottom: 26px;}
	.product_jjfa .list_piece .small_newsDetail ._time ._date span{font-size: 45px;}
	.product_jjfa .list_piece .small_newsDetail ._time ._date p{font-size: 14px;}

	/*服务与支持-服务与品质*/
	.fwyzc_context{width: 300px;}
	.fwyzc_context .img_one{min-height: 208px;}
	.fwyzc_context .txt_one p {font-size: 14px;line-height: 35px;}
	.fwyzc_context .txt_one p.one {font-size: 20px;padding: 8px 0px;}
	.fwyzc_context .img_two .iTwo_small {width: 100%;}
	.fwyzc_context .img_two .iTwo_small div {width: calc(100% - 60px);padding: 0px 30px;}
	.fwyzc_context .img_two .iTwo_small div span {font-size: 20px;line-height: 38px;margin-bottom:8px;}
	.fwyzc_context .img_two .iTwo_small div p {line-height: 38px;font-size: 15px;}




}
/*最大宽度为400*/
@media screen and ( max-width: 400px ) {

	/*公共-头部*/
	.xfg_headerbt a.lang_xfg{min-width: auto;width: auto;}
	.xfg_headerbt a.lang_xfg img{display: none;}
	.xfg_headerbt a.tel_xfg img {width: 20px;min-width: 20px;margin:1px 5px 1px 0;}
	.oa_em_sel a {margin: 0px 3px;font-size: 12px;}
	.oa_em_sel {font-size: 12px;}
	.oa_em_sel a.userId{width: 70px;margin: 0px 0px 0px 2px;font-size: 11px;}
	/*公共-底部*/
	.left_lm .small_lm{width: 50%;}
	/*内页banner-标题*/
	.xfgPublic_banner img{height:160px;}
	.nybanner_title {max-width: calc(95% - 40px);padding: 10px 18px 21px 22px;}
	.nybanner_title.write_lx {padding: 5px 18px 7px 22px;}
	.nybanner_title.write_lx ._title {margin-bottom: 0px;}
	.nybanner_title ._title .one {font-size: 20px;}
	.nybanner_title ._title .two {font-size: 16px;}
	.nybanner_title ._title .thr {font-size: 14px;line-height: 24px;}
	.nybanner_title.write_lx ._title .thr{font-size: 13px;}
	.nybanner_title ._con {font-size: 14px;}
	.nybanner_title ._con i {font-size: 16px;}

	/*首页*/
	.xfgIndex_title01 p.one{font-size: 22px;line-height: 38px;padding: 10px 0px;}

	/*解决方案*/
	.product_jjfa .list_piece .small_newsDetail ._img {width: 230px;margin:0px;}
	.product_jjfa .list_piece .small_newsDetail ._time {width: calc(100% - 231px);padding-top: 2px;padding-bottom: 15px;}
	.product_jjfa .list_piece .small_newsDetail ._time ._date span{font-size: 40px;}
	.product_jjfa .list_piece .small_newsDetail ._time ._date p{font-size: 12px;}

}



        .comment-container {
            width: 95%;
            margin: 0 auto;
            background-color: #fff;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
        }
        
        .comment-title {
            font-size: 20px;
            font-weight: bold;
            color: #333;
            margin-bottom: 15px;
            padding-bottom: 10px;
            border-bottom: 1px solid #eee;
        }
        
        .comment-input-area {
            margin-bottom: 25px;
        }
        
        .comment-input {
            width: calc(100% - 30px);
            height: 80px;
            padding: 12px 15px;
            border: 1px solid #ddd;
            border-radius: 6px;
            font-size: 14px;
            resize: none;
            font-family: inherit;
            margin-bottom: 10px;
        }
        
        .comment-input:focus {
            border-color: #4CAF50;
            outline: none;
            box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.1);
        }
        
        .comment-input::placeholder {
            color: #999;
        }
        
        .submit-btn {
            background-color: #4CAF50;
            color: white;
            border: none;
            padding: 8px 20px;
            border-radius: 4px;
            font-size: 14px;
            cursor: pointer;
            float: right;
        }
        
        .submit-btn:hover {
            background-color: #45a049;
        }
        
        .comment-list {
            display: flex;
            flex-direction: column;
            gap: 20px;
            clear: both;
            padding-top: 10px;
        }
        
        .comment-item {
            display: flex;
            gap: 12px;
            padding-bottom: 20px;
            border-bottom: 1px solid #f0f0f0;
        }
        
        .comment-item:last-child {
            border-bottom: none;
        }
        
        .user-avatar {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            overflow: hidden;
            flex-shrink: 0;
            background-color: #e0e0e0;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #888;
            font-size: 18px;
        }
        
        .comment-content {
            flex: 1;
        }
        
        .user-info {
            display: flex;
            align-items: center;
            margin-bottom: 8px;
        }
        
        .user-name {
            font-weight: bold;
            color: #333;
            margin-right: 8px;
            font-size: 15px;
        }
        
        .user-tag {
            background-color: #f0f0f0;
            color: #666;
            font-size: 12px;
            padding: 2px 6px;
            border-radius: 3px;
            margin-right: 8px;
        }
        
        .user-location {
            color: #999;
            font-size: 13px;
            margin-right: 8px;
        }
        
        .comment-time {
            color: #999;
            font-size: 13px;
        }
        
        .comment-text {
            color: #333;
            font-size: 15px;
            line-height: 1.5;
            margin-bottom: 8px;
        }
        
        .comment-actions {
            display: flex;
            gap: 15px;
        }
        
        .action-btn {
            color: #666;
            font-size: 13px;
            cursor: pointer;
        }
        
        .action-btn.delete {
            color: #ff6b6b;
        }
        
        .comment-status {
            font-size: 13px;
            color: #999;
            margin-top: 5px;
        }