@charset "utf-8";

/*~~~ %%text_style ~~~*/
.text_vw12{ font-size: 1.00vw;}
.text_vw14{ font-size: 1.15vw;}
.text_vw16{ font-size: 1.30vw;}
.text_vw18{ font-size: 1.45vw;}
.text_vw21{ font-size: 1.75vw;}
.text_vw25{ font-size: 2.20vw;}
.text_vw32{ font-size: 3.00vw;}
.text_vw40{ font-size: 3.80vw;}

.text_16px{font-size: 16px;}
.text_18px{font-size: 18px;}

.text_shadow{text-shadow: 0.1em 0.2em 0.2em rgba(0,0,0,0.6);}
.text_bb{font-weight: 800;}

.text_color_white{ color: #ffffff;}
.text_color_white a:link,.text_color_white a:visited{ color:#ffffff; text-decoration: underline;}
.text_color_white a:hover,.text_color_white a:active{ color: #008ef3; text-decoration:none;}

.text_color_white_noli{ color: #ffffff;}
.text_color_white_noli a:link,.text_color_white_noli a:visited{ color:#ffffff; text-decoration: none;}
.text_color_white_noli a:hover,.text_color_white_noli a:active{ color: #DF002D; text-decoration:none;}

.text_color_black{ color: #000000;}
.text_color_black a:link,.text_color_black a:visited{ color:#000000; text-decoration: none;}
.text_color_black a:hover,.text_color_black a:active{ color: #DF002D; text-decoration:none;}

.text_color_grey999{ color: #999999;}
.text_color_grey999 a:link,.text_color_grey999 a:visited{ color:#999999; text-decoration: none;}
.text_color_grey999 a:hover,.text_color_grey999 a:active{ color: #DF002D; text-decoration:none;}

.text_color_grey666{ color: #666666;}
.text_color_grey666 a:link,.text_color_grey666 a:visited{ color:#666666; text-decoration: none;}
.text_color_grey666 a:hover,.text_color_grey666 a:active{ color: #DF002D; text-decoration:none;}

.text_color_grey333{ color: #333333;}
.text_color_grey333 a:link,.text_color_grey333 a:visited{ color:#333333; text-decoration: none;}
.text_color_grey333 a:hover,.text_color_grey333 a:active{ color: #DF002D; text-decoration:none;}

.text_color_blue{ color: #000FFF;}
.text_color_blue a:link,.text_color_blue a:visited{ color:#000FFF; text-decoration: none;}
.text_color_blue a:hover,.text_color_blue a:active{ color: #DF002D; text-decoration:none;}

.text_color_red{ color: #DF002D;}
.text_color_red a:link,.text_color_red a:visited{ color:#DF002D; text-decoration: none;}
.text_color_red a:hover,.text_color_red a:active{ color: #FF5900; text-decoration:none;}

.dfjg_web_width{ max-width: 95%; margin: 0 auto;}


*{word-wrap : break-word ;word-break : break-all ;}







/*~~~ site_header ~~~*/
.site_header{ background-color: #D50026;
background: linear-gradient(90deg, #DF002C 0%, #DD0050 99%);
 height: 90px; 
position: absolute;width: 100%;
}

ul.site_header_in{
	display: flex;flex-direction: row;justify-content: flex-start;align-items: stretch;flex-wrap: nowrap;align-content: flex-start;
}
ul.site_header_in>li.site_header_menu_zone{
	flex-grow: 1;flex-shrink:1; height: 90px;
}
ul.site_header_in>div.telephone{
	flex-grow: 0; flex-shrink:1;  height: 90px;
	 display: flex;flex-direction: row;justify-content: flex-end;align-items:center; color: #FFFFFF;
}
ul.site_header_in>div.telephone>i{ width: 1.8em; height: 1.8em; font-size:1.5em;
display: flex;justify-content: center;align-items:center;align-content:center;
}

dl.site_header_menu{ color: #FFFFFF;
display: flex;flex-direction: row;justify-content: flex-start;align-items:center;flex-wrap:nowrap;align-content: center;
height: 90px;
}
dl.site_header_menu>dt,dl.site_header_menu>a{position: relative;
	flex-grow: 0; flex-shrink:1; align-self:auto;
	height: 100%;display:flex;align-items:center;
}
dl.site_header_menu>dt{
	background: url("../images/index/dfjg_logo.png") center center / 100% auto no-repeat;
	width: 23%; cursor: pointer;
}

dl.site_header_menu>dd{color: #FFFFFF;height: 90px;}
dl.site_header_menu>dd:hover{ background-color:#EC5175 ;}
dl.site_header_menu>dd.select{color: #DF002D;background-color:#ffffff; border-top:3px solid #DF002D;
}/* background: linear-gradient(180deg, #FFC5D0 0%,#FFF4F6 40%, #FFFFFF 100%); */
.site_header_bg{height: 90px;}
dl.site_header_menu>dd>a{color: #FFFFFF;display: block;padding: 0 1.5vw;height: 90px;line-height:90px;}
dl.site_header_menu>dd>a:hover{ }
dl.site_header_menu>dd.select>a{color: #DF002D;}

dl.site_header_menu>dd{ position: relative;
flex-grow: 0; flex-shrink:1; align-self:auto;
height: 100%;display:flex;align-items:center;
}
dl.site_header_menu>dd>ol{position: absolute;display: block;z-index: 999;left: 0px; top:89px;background-color: rgba(255,255,255,0.90);width: 100%;min-height:100px;
display:flex;flex-direction:column;align-items: stretch; box-shadow:0px 3px 13px rgba(223,0,45,0.4);display: none;min-width: 150px;backdrop-filter: blur(6px);
}
dl.site_header_menu>dd>ol.long{min-width:23vw;}
dl.site_header_menu>dd>ol>a{ display:block;min-height: 50px;color: #333333;border-bottom:1px solid #e1e1e1; padding:15px 5px;
display:flex;flex-direction:row;justify-content:center;align-items:center;align-content: center; text-align: center; line-height: 1.3em;
}
dl.site_header_menu>dd>ol>a:hover{color:#DF002D;background-color: #e8e8e8;font-weight: 500;}
dl.site_header_menu>dd:hover>ol{display:block;}
/*~~~ ///site_header ~~~*/


/*~~~ sec_menu_bar ~~~*/

.sec_menu_bar{
	position: absolute; top:89px;z-index: 999;min-height: 360px; width: 100%; left: 0;
	background: url("../images/index/menu2_bg.jpg") 60% bottom / cover no-repeat #ffffff;
	box-shadow: 0 2px 5px rgba(0,0,0,.4);
	display: none;
}
.sec_menu_zone{
	padding: 20px 0px 70px; margin: 0 auto; width: 70vw;
	display: flex;flex-direction:row;justify-content:flex-start;align-items: flex-start;
}
dl.sec_menu_list{padding: 0 10px 0;}
dl.sec_menu_list.row01{flex-grow: 1;flex-shrink:0;flex-basis:33%;}
dl.sec_menu_list.row02{flex-grow: 1;flex-shrink:0;flex-basis:33%;}
dl.sec_menu_list.row03{flex-grow: 1;flex-shrink:0;flex-basis:33%;}
dl.sec_menu_list>dt{ color:#DF002D; border-bottom: 1px solid #F6B9C7;padding: 0.7em 0 0.5em;}
dl.sec_menu_list>dt>a{display: flex;flex-direction:row;justify-content:flex-start;align-items: center;}
dl.sec_menu_list>dt i{ background-color: #DF002D; width: 1.8em; height: 1.8em; color: #ffffff;
border-radius: 50%;display: flex;justify-content:center;align-items:center;align-content: center; margin: 0 0.8em 0 0;
flex-shrink:0;
}

dl.sec_menu_list>dt.tit_blue{ color:#0091F6; }
dl.sec_menu_list>dt.tit_blue:hover>a{ color:#0091F6; }
dl.sec_menu_list>dt.tit_blue i{ background-color: #0091F6;}

dl.sec_menu_list>dt.tit_orange{ color:#FF7C00; }
dl.sec_menu_list>dt.tit_orange:hover>a{ color:#FF7C00; }
dl.sec_menu_list>dt.tit_orange i{ background-color: #FF7C00;}
dl.sec_menu_list>dd{ padding: 0.5em 0 0.5em;}
dl.sec_menu_list>dd:hover{  background-color: #eeeeee;}
dl.sec_menu_list>dd>a{display: flex;flex-direction:row;justify-content:flex-start;align-items: center;}
dl.sec_menu_list>dd i{
 background-color: #FED5DE; width: 1.8em; height: 1.8em; color: #DF002D;
border-radius: 5px;display: flex;justify-content:center;align-items:center;align-content: center; margin: 0 0.8em 0 0.2em;
flex-shrink:0;
}
dl.sec_menu_list>dd>a h1{display: flex;flex-direction: column;justify-content:flex-start;align-items: flex-start;}
dl.sec_menu_list>dd>a h1>em{display: block;}
dl.sec_menu_list>dd>a h1>span{ font-size: 80%;color: #aaaaaa; display: block;}

dl.sec_menu_list>dd i.blue{background-color:#C6E8FF ; color:#0091F6 ;}
dl.sec_menu_list>dd i.orange{background-color:#FFE8C2 ; color:#FF7C00 ;}

dl.sec_menu_list.row02{ display: flex; flex-direction: row; justify-content:flex-start;flex-wrap: wrap;}
dl.sec_menu_list.row02>dt{flex-grow: 1;flex-shrink:0;flex-basis:100%;}
dl.sec_menu_list.row02>dd{flex-grow: 1;flex-shrink:0;flex-basis:100%;}
/*~~~ ///sec_menu_bar ~~~*/


/*~~~ shot_pic ~~~*/

.shot{ font-size: 0;}
.shot>*{ font-size: 14px;}
.shot img{ width: 100%; height: auto;}
/*~~~ ///shot_pic ~~~*/



/*~~~ paging ~~~*/

.pagebar {
	display: flex;flex-direction: row;justify-content:center;align-items:flex-start;flex-wrap: wrap;align-content: flex-start;
	margin: 20px 0 20px;
}

.pagebar a {
	display: inline-block;
	height: 31px;
	line-height: 31px;
	border: 1px solid #ddd;
	padding: 0 15px;
	border-right: none;
	background: #fff;
	color: #666;
}

.pagebar a:last-child {
	border-right: 1px solid #ddd;
}

.pagebar span {
	display: inline-block;
	height: 31px;
	line-height: 31px;
	border: 1px solid #ddd;
	padding: 0 15px;
	background: #DF002D;
	color: #fff;
	border-right: none;
}

/*~~~ ///paging ~~~*/





/*~~~ site_footer ~~~*/

.site_footer{
	background: url("../images/index/footer_bg.jpg") center center / cover no-repeat;
	min-height: 30vh;padding: 30px 0 30px;
}

.df_footer_in {
    padding: 20px 0 20px;

}

ul.df_footer_bl {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
    padding: 0px 0 26px;
}

    ul.df_footer_bl > li {
    }

        ul.df_footer_bl > li.part1 {
            flex-grow: 1;
            flex-shrink: 1;
        }

        ul.df_footer_bl > li.part2 {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: 20%;
        }

        ul.df_footer_bl > li.part3 {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: 120px;
        }

        ul.df_footer_bl > li.part4 {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: 120px;
        }
		ul.df_footer_bl > li.part5 {
		    flex-grow: 0;
		    flex-shrink: 0;
		    flex-basis: 120px;
		}

        ul.df_footer_bl > li.part1 > dl {}

            ul.df_footer_bl > li.part1 > dl > dt {
                background: url("../images/index/dfjg_bottom_logo.png") left top no-repeat;
                height: 60px;
            }

            ul.df_footer_bl > li.part1 > dl > dd {
                background-repeat: no-repeat;
                background-position: 20px center;
                height: 30px;
                line-height: 30px;
                padding: 0 0 0 70px;
            }

                ul.df_footer_bl > li.part1 > dl > dd.line2 {
                    background-image: url("../images/index/footer1_email.png");
                }

                ul.df_footer_bl > li.part1 > dl > dd.line3 {
                    background-image: url("../images/index/footer2_address.png");
                }

                ul.df_footer_bl > li.part1 > dl > dd.line1 {
                    background-image: url("../images/index/footer3_tel.png");
                }

        ul.df_footer_bl > li.part2 > dl {
            padding: 10px 0 0;
        }

            ul.df_footer_bl > li.part2 > dl > dd {
                padding: 10px 0
            }

        ul.df_footer_bl > li.part3 > i {
            height: 85px;
            background: url("../images/index/qrcode02_weixin.png") center center / contain no-repeat;
            display: block;
            width: 85px;
            margin: 25px auto 10px;
        }

        ul.df_footer_bl > li.part3 > em {
            display: block;
            text-align: center;
        }

        ul.df_footer_bl > li.part4 > i {
            height: 85px;
            background: url("../images/index/qrcode06_tianmao.png") center center / contain no-repeat;
            display: block;
            width: 85px;
            margin: 25px auto 10px;
        }

        ul.df_footer_bl > li.part4 > em {
            display: block;
            text-align: center;
        }
		ul.df_footer_bl > li.part5 > i {
		    height: 85px;
		    background: url("../images/index/qrcode04_weimeng.png") center center / contain no-repeat;
		    display: block;
		    width: 85px;
		    margin: 25px auto 10px;
		}
		
		ul.df_footer_bl > li.part5 > em {
		    display: block;
		    text-align: center;
		}

.df_footer_in > .footer_bottom_bar {
    border-top: 1px solid rgba(255,255,255,0.1);
    padding: 15px 0 0px;
    text-align: center;
}
    .df_footer_in > .footer_bottom_bar > a {
        margin: 0 0 0 3em;
    }
i.gov_pic{
	display: inline-block;width: 20px; height: 20px;
	background: url("../images/index/gov.png") center center / cover no-repeat;
	margin: 0 5px -3px 0;
}

/*~~~ ///site_footer ~~~*/


/*~~~ dfjg_page_to_top ~~~*/
.dfjg_cust_service{
	position: fixed;z-index: 998; right: 3px; bottom: 73px;width: 60px;height: 60px;color: #DF002D; font-size: 50px;
	opacity: 0.7; line-height: 60px; text-align: center; display: block; cursor: pointer; display: none;
}
.dfjg_cust_service:hover{background-color: #DF002D; color: #ffffff;}
.dfjg_cust_service>em{
	position: absolute; z-index:999;
    background-color:rgba(255,255,255,1);border:1px solid #ddd;
    width:150px;
    min-height: 60px;
    padding:15px 20px; border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,.4); right:63px; top: 0px; font-size: 18px;color: #000000; font-weight: 800;
	display: block;display: none;
}
.dfjg_cust_service:hover>em{display: block;}
.dfjg_cust_service>em>span{
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    border-left: solid 10px #fff;
    position: absolute;
    right: -10px;
    top: 20px;
}

.dfjg_pagetop{
	position: fixed;z-index: 998; right: 3px; bottom: 3px;width: 60px;height: 60px;color: #DF002D; font-size: 56px;
	opacity: 0.7;cursor: pointer; line-height: 60px; text-align: center;
	display: none;
}
.dfjg_pagetop:hover{background-color: #DF002D; color: #ffffff;}


/*~~~ +++new_right_floatbar ~~~*/
.dfjg_right_serbar{ 
	position: fixed;z-index: 998; right: 3px; bottom: 63px; 
	width: 60px;height: 360px;
}
.dfjg_right_serbar>dt{background-color: #DF002D;color: #ffffff;width: 60px; height: 60px;
display: flex;flex-direction: column;justify-content: flex-start;align-items:flex-start;flex-wrap: wrap;
/* margin: 0 0 5px 0; */
}
.dfjg_right_serbar>dd{width: 60px;height: 300px; background-color: rgba(255,255,255,0.37);color: #DF002D;
display: flex;flex-direction: column;justify-content: flex-start;align-items:flex-start;flex-wrap: wrap;
backdrop-filter: blur(3px);
}
.dfjg_right_serbar>dd>a,.dfjg_right_serbar>dt>a{width: 60px; height: 60px;color: #DF002D; font-size: 40px;
	opacity: 1; line-height: 55px; text-align: center; display: block; cursor: pointer; position: relative;
}
.dfjg_right_serbar>dd>a:hover,.dfjg_right_serbar>dt>a:hover{background-color: #DF002D; color: #ffffff;}
.dfjg_right_serbar>dd>a>em,.dfjg_right_serbar>dt>a>em{
	position: absolute; z-index:999;
    background-color:rgba(255,255,255,0.9);border:1px solid #ddd;
    width:230px;
    min-height: 60px;
    padding:15px 20px; border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0,0,0,.4); right:63px; bottom: 0px; font-size: 18px;color: #000000; font-weight: 800;
	display: block;display: none;
}
.dfjg_right_serbar>dd>a:hover>em,.dfjg_right_serbar>dt>a:hover>em{display: block;}
.dfjg_right_serbar>dd>a>em>span,.dfjg_right_serbar>dt>a>em>span{
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    border-left: solid 10px #fff;
    position: absolute;
    right: -10px;
    bottom: 20px;
}
/*~~~ +++icon_word ~~~*/
.dfjg_right_serbar>dt>a>i{display: none;}
.dfjg_right_serbar>dt>a>h6{display: block;width: 60px;height: 60px;
display: flex;flex-direction: column;justify-content:center;align-items:center;flex-wrap:wrap; line-height: 1.3em;letter-spacing:1px;
color:#ffffff;font-weight: 500;font-size: 16px;
}
.dfjg_right_serbar>dt>a:hover>i{display: block;}
.dfjg_right_serbar>dt>a:hover>h6{display: none;}
/*~~~ +++icon_tiktok_pic ~~~*/
.dfjg_right_serbar>dd>a.tiktok{
	background-image: url("../images/index/logo_tiktok.png");
	background-repeat: no-repeat;
	background-position: center center;
}
.dfjg_right_serbar>dd>a.tiktok:hover{
	background-image: url("../images/index/logo_tiktok_s.png");
}
/*~~~ +++qrode_pic ~~~*/
.dfjg_right_serbar i.qrode_pic{
	background-image: url("../images/index/qrcode04_weimeng.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 120px;height: 120px; display: inline-block;
}
.dfjg_right_serbar i.qrode_pic.qrcode_weimeng{background-image: url("../images/index/qrcode04_weimeng.png");}
.dfjg_right_serbar i.qrode_pic.qrcode_weixin{background-image: url("../images/index/qrcode02_weixin.png");}
.dfjg_right_serbar i.qrode_pic.qrcode_tiktok{background-image: url("../images/index/qrcode03_tiktok.png");}
.dfjg_right_serbar i.qrode_pic.qrcode_mashangjian{background-image: url("../images/index/qrcode01_mashangjian.png");}
/*~~~ ///dfjg_page_to_top ~~~*/

.hot_card{
	background-image: url("../images/index/hot.png");
	background-repeat: no-repeat;
	background-position: 90% 20%;
}
.hot_card.select{background-image: url("../images/index/hot_red.png");}
.new_card{
	background-image: url("../images/index/new.png");
	background-repeat: no-repeat;
	background-position: 90% 20%;
}
.new_card.select{background-image: url("../images/index/new_red.png");}

/*=====@media screen媒体查询=====*/

/*=====小于等于900px=====*/
@media screen and (max-width:900px){

.text_vw12{ font-size: 2.17vw;}
.text_vw14{ font-size: 2.50vw;}
.text_vw16{ font-size: 2.82vw;}
.text_vw18{ font-size: 3.15vw;}
.text_vw21{ font-size: 3.80vw;}
.text_vw25{ font-size: 4.78vw;}
.text_vw32{ font-size: 6.52vw;}
.text_vw40{ font-size: 8.26vw;}

.text_16px{font-size: 14px;}
.text_18px{font-size: 16px;}
	
/*~~~ +++ site_header_menu ~~~*/
dl.site_header_menu>dt{
	display: none;
}
ul.site_header_in>div.telephone{
	display: none;
}
.sec_menu_zone{
	flex-direction: column;
}
.sec_menu_zone{
width: 80vw;
}
dl.sec_menu_list.row01{width: 100%;}
dl.sec_menu_list.row02{flex-basis:100%;}
dl.sec_menu_list.row02>dd {
    flex-basis: 100%;
}


        ul.df_footer_bl > li.part1 {
            padding-bottom: 30px;
        }
        ul.df_footer_bl > li.part2 {
            display: none;
        }
		
dl.site_header_menu>dd>ol.long{min-width:53vw;}
.dfjg_right_serbar{display: none; }
}
/*=====///==小于等于900px=====*/