.hetong_banner{height: 180px; background: linear-gradient(90deg,#198afa,#05f);}
.hetong_banner .bg_img{ height: 180px; background: url('../images/hetong_banner_bg.png') no-repeat; background-size: auto 110%; background-position: 80% 0;}
.hetong_banner .title{ height: 60px; line-height: 60px; font-size: 48px;}
.hetong_banner .sub .sub_item .sub_item_icon{ width: 18px; height: 18px; background: url('../images/baozhang.png') no-repeat; background-size: 100%;}

.cat_filter_box{ width: 380px; height: 40px; line-height: 40px; padding: 0px 12px; border: 2px solid #f5f5f6; border-radius: 6px;}
.cat_filter_box .suffix_box .suffix_left{ height: 18px; line-height: 18px; color: #858585; padding: 0px 6px; background: rgba(0,0,0,0.04); border: 0.5px solid rgba(0,0,0,0.2); border-radius: 9px;}
.cat_filter_box .suffix_box .suffix_right{ height: 24px; line-height: 24px; color: #05f; border-left: 1px solid #d2d2d2;}
.cat_filter_box .filter_box{ width: 150%; border: 1px solid #e7e7e7; border-radius: 7px; left: 0; top: 42px;}
.cat_filter_box .filter_box .filter_list{ width: 50%; height: 310px; overflow: auto; border-radius: 6px 0 0 6px;}
.cat_filter_box .filter_box .filter_right{ border-left: 1px solid #e7e7e7;}
.cat_filter_box .filter_box .filter_list .filter_item{ height: 32px; line-height: 32px; padding: 0px 12px; border-bottom: 1px solid #eee;}
.cat_filter_box .filter_box .filter_list .selected{ color: #05f;}
.content_list{ grid-template-columns: repeat(6, 190px); gap: 10px 12px;}
.content_list .item{ width: 190px;}
.content_list .item_pic{height: 268px;}
.content_list .item_pic:hover{ border-radius: 8px; box-shadow: 3px -3px 8px 3px rgba(0,0,0,.1)}
.content_list .item_pic .pic{ width: 100%; border-radius: 8px; border: 1px solid #eee;}
.no_result{ min-height: 400px;}

.detail_main_left{ width: 820px;}
.detail_main_left .title{ height: 100px; padding: 25px;}
.detail_main_left .title .title_detail .icon{ width: 48px; height: 48px; line-height: 48px; font-size: 26px; border-radius: 8px;}
.detail_main_left .title .title_detail .desc{ height: 20px;}
.detail_main_left .title .title_detail .v{ width: 14px; height: 14px; line-height: 14px; font-size: 8px; border: 1px solid #1e4b9e;}
.detail_main_left .title .title_btn{ width: 230px;}
.detail_main_left .title .title_btn .btn,.detail_main_left_content .content_bottom .btn_box .btn{ height: 48px; line-height: 48px; padding: 0px 38px; border-radius: 8px;}
.detail_main_left .title .title_btn .btn .icon,.detail_main_left_content .content_bottom .btn_box .btn .icon{ width: 20px; height: 18px;}
.detail_main_left_content .thumb{ max-height: 800px; background: #eee;}
.detail_main_left_content .content_bottom{ margin-top: -60px; padding-top: 80px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 1));}
.detail_main_right{ width: 360px;}
.detail_main_right_top{ width: 360px; height: 398px; background: url('../images/hetong_detail_right_top_bg.png') no-repeat;}
.detail_main_right_top .btn{ height: 44px; line-height: 44px; padding: 0px 74px; border-radius: 22px; bottom: 16px;}
.detail_main_right_top .btn:hover{ color: #e7e7e7;}
.detail_main_right_content{ padding: 20px 30px;}
.detail_main_right_content .title_box{ height: 24px; border-bottom: 1px solid #dfdfdf;}
.detail_main_right_content .title_box h2{ border-left: 5px solid #1a479c;}
.detail_main_right_content .list_box .icon{ width: 24px; height: 24px; line-height: 24px; border-radius: 4px;}
.detail_content_list{grid-template-columns: repeat(6, 170px); gap: 20px 20px;}
.detail_content_list .item{ width: 170px;}
.detail_content_list .item_pic{height: 240px; border-radius: 8px; border: 1px solid #eee;}
.detail_content_list .item_pic:hover{ border-radius: 8px; box-shadow: 3px -3px 8px 3px rgba(0,0,0,.1)}