:root {
    --logoColor:#0C5297;
    --titleColor:#1A2A3A;
    --fontColor:#5A6B7A;
    --backgroundColor:#F8FAFE;
    --borderColor:#E5E9F0;
    --btnBackgroundColor:#212529;
    --btnIconColor:#231816;
}
.container{width:1440px;margin:0 auto;position:relative;height:100%;}
/*title*/
.pb_en{font-size:16px;color:var(--logoColor);line-height:22px;height:22px;margin-bottom:4px;text-transform:uppercase;}
.pb_tit{font-size:40px;line-height:60px;height:60px;color:var(--titleColor);font-weight:normal;}
.pb_btn{overflow:hidden;position:relative;border-radius:48px;padding:0 54px 0 20px;height:48px;width:142px;background:#212529;}
.pb_btn span{font-size:16px;color:#FFF;}
.pb_btn i{font-size:20px;color:var(--btnIconColor);width:40px;height:40px;background:#FFF;border-radius:50%;position:absolute;left:98px;top:4px;line-height:40px;text-align:center;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
.pb_btn:hover{padding:0 20px 0 54px;}
.pb_btn:hover i{left:4px;}
/*top*/
.top{position:fixed;left:0;top:0;z-index:100;width:100%;height:100px;border-bottom:1px solid rgba(255,255,255,.4);background:rgba(0,0,0,.01);
    /*backdrop-filter:blur(4px);*/
}
.top:before{content:'';width:100%;height:100%;background:#FFF;position:absolute;left:0;top:0;opacity:0;visibility:hidden;}
.top .container{width:calc(100% - 30px);max-width:1720px;}
.top .logo{outline:none;width:218px;position:relative;}
.top .logo img{position:absolute;width:100%;height:100%;left:0;top:0;display:block;object-fit:contain;}
.top .logo img.pc{opacity:1;visibility:visible;}
.top .logo img.pc_hover{opacity:0;visibility:hidden;}
.top .logo .l_title{overflow:hidden;text-indent:-1000em;font-size:14px;color:#fff;height:0;}
/*nav*/
.pc_nav{gap:3.5vw;}
.pc_nav .f_nav{}
.pc_nav .f_nav .f_li{position:relative;height:100%;}
.pc_nav .f_nav .f_li .f_n{position:relative;overflow:hidden;}
.pc_nav .f_nav .f_li .f_n:before{content:'';position:absolute;left:0;right:0;top:0;bottom:auto;width:0;margin:0 auto;height:4px;background:var(--logoColor);z-index:2;
    -webkit-transition:all ease .3s;
    transition:all ease .3s;
}
.pc_nav .f_nav .f_li .f_n:after{content:'';position:absolute;left:0;right:0;top:0;width:100%;height:0;background:var(--backgroundColor);margin:0 auto;z-index:1;
    -webkit-transition:all ease .3s;
    transition:all ease .3s;
}
.pc_nav .f_nav .f_li .f_n a{color:#FFF;font-size:18px;position:relative;cursor:pointer;height:99px;line-height:99px;padding:0 22px;z-index:3;}
.pc_nav .f_nav .f_li .s_nav{position:absolute;min-width:100%;left:50%;top:100%;z-index:999;opacity:0;visibility:hidden;
    -webkit-transform:translateY(10px) translateX(-50%);
    -moz-transform:translateY(10px) translateX(-50%);
    -ms-transform:translateY(10px) translateX(-50%);
    transform:translateY(10px) translateX(-50%);
}
.pc_nav .f_nav .f_li .s_nav .s_box{background:var(--backgroundColor);
    -webkit-box-shadow:0 3px 5px rgba(0,0,0,0.2);
    -moz-box-shadow:0 3px 5px rgba(0,0,0,0.2);
    box-shadow:0 3px 5px rgba(0,0,0,0.2);
}
.pc_nav .f_nav .f_li .s_nav .s_box a{padding:12px 10px;font-size:16px;color:#222;white-space:nowrap;display:block;text-align:center;}
.pc_nav .f_nav .f_li .s_nav .s_box a:hover{background:var(--logoColor);color:#FFF;}
.pc_nav .s_pro{position:fixed;left:0;width:100%;height:calc(100vh - 99px);opacity:0;overflow:hidden;background:#FFF;bottom:100%;z-index:-1;}
.pc_nav .s_pro .container{gap:40px;padding:40px 0;}
.pc_nav .s_pro .s_item{width:calc(50% - 20px);}
.pc_nav .s_pro .s_item .s_ptit{font-size:20px;line-height:1.5;font-weight:bold;color:var(--titleColor);display:block;}
.pc_nav .s_pro .s_item .s_pul{gap:40px;}
.pc_nav .s_pro .s_item .s_pul .s_pl{width:240px;position:relative;}
.pc_nav .s_pro .s_item .s_pul .s_pl .s_ppic{width:100%;height:100%;position:absolute;left:0;top:0;display:none;}
.pc_nav .s_pro .s_item .s_pul .s_pr{overflow-y:auto;height:300px;}
.pc_nav .s_pro .s_item .s_pul .s_pr .s_pli{gap:20px;padding:5px 0;}
.pc_nav .s_pro .s_item .s_pul .s_pr .s_pimg{width:64px;height:64px;position:relative;}
.pc_nav .s_pro .s_item .s_pul .s_pr .s_ptxt{}
.pc_nav .s_pro .s_item .s_pul .s_pr .s_ptxt p{font-size:14px;line-height:21px;color:var(--fontColor);}
.pc_nav .s_pro .s_item .s_pul .s_pr .s_ptxt p:first-child{font-size:16px;color:var(--titleColor);font-weight:bold;line-height:24px;}
.pc_nav .s_pro .s_item .s_pul .s_pr .s_pli.on{background:var(--backgroundColor);}
.pc_nav .s_pro .s_item .s_pul .s_pr::-webkit-scrollbar-track-piece{width:5px;background-color:#ccc;border-radius:5px;}
.pc_nav .s_pro .s_item .s_pul .s_pr::-webkit-scrollbar{width:5px;height:4px;border-radius:5px;}
.pc_nav .s_pro .s_item .s_pul .s_pr::-webkit-scrollbar-thumb{height:30px;background-color:var(--logoColor);border-radius:5px;}
.pc_nav .f_nav .f_li:hover .s_pro{opacity:1;bottom:0;}
.pc_nav .f_nav .f_li:hover .s_nav{opacity:1;bottom:0;}
.pc_nav .f_nav .f_li:hover .f_n:before{width:100%;}
.pc_nav .f_nav .f_li:hover .f_n:after{height:100%;}
.pc_nav .f_nav .f_li:hover .s_nav{opacity:1;visibility:visible;
    -webkit-transform:translateY(0) translateX(-50%);
    -moz-transform:translateY(0) translateX(-50%);
    -ms-transform:translateY(0) translateX(-50%);
    transform:translateY(0) translateX(-50%);
}
.top .pc_right{gap:20px;}
.top .pc_search{position:relative;width:173px;height:48px;border:1px solid #FFF;border-radius:50px;padding:0 12px;}
.top .pc_search form{gap:8px;width:100%;}
.top .pc_search input{background:transparent;outline:none;width:100%;}
.top .pc_search .pcs_btn{cursor:pointer;background:transparent;}
.top .pc_search .pcs_btn i{font-size:24px;color:#FFF;}
.top .pc_search input::-webkit-input-placeholder{color:#FFF;opacity:0.8;}
.top .pc_search input::-moz-placeholder{color:#FFF;opacity:0.8;}
.top .pc_search input:-ms-input-placeholder{color:#FFF;opacity:0.8;}
.top .pc_search input::placeholder{color:#FFF;opacity:0.8;}
.top .pc_phone{gap:10px;}
.top .pc_phone i{width:48px;height:48px;border:1px solid #FFF;font-size:24px;border-radius:50%;color:#FFF;text-align:center;line-height:48px;}
.top .pc_phone .pc_pp{}
.top .pc_phone .pc_pp p{font-size:18px;line-height:1.3125;color:#FFF;font-weight:bold;}
/*mhead*/
.top .nav{display:none;}
.top .nav_bg{display:none;position:fixed;top:0;left:0;z-index:989;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);}
.top .nav .nav_box{position:fixed;top:0;left:0;z-index:991;overflow-y:auto;background:#222;box-sizing:border-box;width:300px;height:100%;
    -webkit-transform:translateX(-300px);
    transform:translateX(-300px);
}
.top .nav .nav_box.nav_open{
    -webkit-transform:translateX(0);
    transform:translateX(0);
}
.top .nav .nav_one>li>.li_a{position:relative;border-bottom:1px solid #2e2e2e;}
.top .nav .nav_one>li>.li_a.li_ad{padding-right:58px;}
.top .nav .nav_one>li>.li_a>a{display:block;font-size:17px;color:#FFF;padding:15px 10px;line-height:28px;}
.top .nav .nav_one>li>.li_a>i{display:block;width:58px;height:58px;position:absolute;right:0;top:0;font-size:16px;color:#FFF;text-align:center;line-height:58px;}
.top .nav .nav_one>li>ul{background:#2e2e2e;display:none;}
.top .nav .nav_one>li>ul>li>a{font-size:14px;color:#FFF;display:block;padding:10px;line-height:25px;}
.top .nav .nav_one>li>ul>li>a{font-size:14px;color:#FFF;padding:10px;line-height:25px;display:flex;align-items:center;width:100%;}
.top .nav .nav_one>li>ul>li>a>img{display:block;width:auto;height:18px;margin-right:5px;}
.top .nav .nav_one>li>.li_a>a.on{background:var(--logoColor);}
.top .nav .nav_one>li>.li_a>i.on{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}
.top .nav .push-nav{position:relative;z-index:900;width:40px;height:40px;line-height:40px;font-size:0;margin-top:15px;border-radius:3px;background:var(--logoColor);text-align:center;}
.top .nav .push-nav i{font-size:32px;color:#FFF;}
.top.topfix,.top.top_hover{
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.15);
    box-shadow:0 1px 2px rgba(0,0,0,0.15);
}
.top.topfix:before,.top.top_hover:before{opacity:1;visibility:visible;}
.top.topfix .logo img.pc,.top.top_hover .logo img.pc{opacity:0;visibility:hidden;}
.top.topfix .logo img.pc_hover,.top.top_hover .logo img.pc_hover{opacity:1;visibility:visible;}
.top.topfix .pc_nav .f_nav .f_li .f_n a,.top.top_hover .pc_nav .f_nav .f_li .f_n a{color:var(--titleColor);}
.top.topfix .pc_search,.top.top_hover .pc_search{border:1px solid var(--titleColor);}
.top.topfix .pc_search .pcs_btn i,.top.top_hover .pc_search .pcs_btn i{color:var(--titleColor);}
.top.topfix .pc_search input::-webkit-input-placeholder,.top.top_hover .pc_search input::-webkit-input-placeholder{color:var(--titleColor);}
.top.topfix .pc_search input::-moz-placeholder,.top.top_hover .pc_search input::-moz-placeholder{color:var(--titleColor);}
.top.topfix .pc_search input:-ms-input-placeholder,.top.top_hover .pc_search input:-ms-input-placeholder{color:var(--titleColor);}
.top.topfix .pc_search input::placeholder,.top.top_hover .pc_search input::placeholder{color:var(--titleColor);}
.top.topfix .pc_phone i,.top.top_hover .pc_phone i{border:1px solid var(--titleColor);color:var(--titleColor);}
.top.topfix .pc_phone .pc_pp p,.top.top_hover .pc_phone .pc_pp p{color:var(--titleColor);}
body.nei_body{padding-top:100px;}
body.nei_body .top{
    -webkit-box-shadow:0 0 41px rgba(0, 0, 0, 0.1);
    box-shadow:0 0 41px rgba(0, 0, 0, 0.1);
}
body.nei_body .top:before{opacity:1;visibility:visible;}
body.nei_body .top .logo img.pc{opacity:0;visibility:hidden;}
body.nei_body .top .logo img.pc_hover{opacity:1;visibility:visible;}
body.nei_body .pc_nav .f_nav .f_li .f_n a{color:var(--titleColor);}
body.nei_body .top .pc_search{border:1px solid var(--titleColor);}
body.nei_body .top .pc_search .pcs_btn i{color:var(--titleColor);}
body.nei_body .top .pc_search input::-webkit-input-placeholder{color:var(--titleColor);}
body.nei_body .top .pc_search input::-moz-placeholder{color:var(--titleColor);}
body.nei_body .top .pc_search input:-ms-input-placeholder{color:var(--titleColor);}
body.nei_body .top .pc_search input::placeholder{color:var(--titleColor);}
body.nei_body .top .pc_phone i{border:1px solid var(--titleColor);color:var(--titleColor);}
body.nei_body .top .pc_phone .pc_pp p{color:var(--titleColor);}
/*foot*/
.foot{background:#0C5297;padding:52px 0 0;position:relative;overflow:hidden;}
.foot .f_logo{padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.3);}
.foot .f_logo .container>img{width:auto;height:60px;display:block;}
.foot .f_logo .f_ewm{gap:18px;}
.foot .f_logo .f_ewm .f_li{position:relative;}
.foot .f_logo .f_ewm .f_li .f_icon{width:32px;height:32px;border:1px solid #FFF;border-radius:50%;}
.foot .f_logo .f_ewm .f_li .f_icon i{font-size:20px;color:#FFF;}
.foot .f_logo .f_ewm .f_li .f_img{width:90px;border-radius:4px;padding:5px;background:#FFF;position:absolute;left:50%;margin-left:-45px;top:100%;margin-top:10px;opacity:0;visibility:hidden;
    -webkit-transform:translateY(15px);
    -moz-transform:translateY(15px);
    -ms-transform:translateY(15px);
    transform:translateY(15px);
}
.foot .f_logo .f_ewm .f_li .f_img:before{content:'';position:absolute;left:50%;margin-left:-5px;top:-6px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid #FFF;}
.foot .f_logo .f_ewm .f_li .f_img img{display:block;width:100%;height:auto;}
.foot .f_logo .f_ewm .f_li .f_img span{display:block;font-size:14px;height:24px;line-height:24px;color:#3E3A39;text-align:center;}
.foot .f_logo .f_ewm .f_li:hover .f_icon{background:#FFF;border-color:#FFF;}
.foot .f_logo .f_ewm .f_li:hover .f_icon i{color:var(--logoColor);}
.foot .f_logo .f_ewm .f_li:hover .f_img{opacity:1;visibility:visible;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
}
.foot .f_con{padding:92px 0 36px;position:relative;z-index:2;}
.foot .f_con .container{gap:80px;}
.foot .f_con .f_t{font-size:16px;height:24px;line-height:24px;color:#FFF;font-weight:bold;}
.foot .f_con .f_txt{}
.foot .f_con .f_txt .f_pp{margin-top:28px;}
.foot .f_con .f_txt .f_pp .f_p{margin-top:20px;}
.foot .f_con .f_txt .f_pp .f_p p{font-size:14px;line-height:21px;color:#FFF;margin-top:4px;}
.foot .f_con .f_txt .f_pp .f_p p.p1{font-size:20px;font-weight:bold;line-height:30px;}
.foot .f_con .f_txt .f_pp .f_p span{font-size:14px;color:#FFF;line-height:20px;gap:4px;}
.foot .f_con .f_txt .f_pp .f_p span i{font-size:20px;}
.foot .f_con .f_nav{}
.foot .f_con .f_nav .f_a{margin-top:28px;gap:12px;}
.foot .f_con .f_nav .f_a a{height:24px;line-height:24px;color:#FFF;font-size:14px;}
.foot .f_con .f_nav .f_a a:hover{color:#FFF;text-decoration:underline;}
.foot .f_form{width:490px;}
.foot .f_form form{gap:12px 16px;}
.foot .f_form input{width:calc(50% - 8px);line-height:32px;padding:10px 20px;outline:none;background:#FFF;border-radius:7px;position:relative;}
.foot .f_form textarea{padding:10px 20px;outline:none;resize:none;width:100%;height:86px;line-height:20px;display:block;background:#FFF;border-radius:7px;}
.foot .f_form .ft_btn{width:100%;cursor:pointer;color:#FFF;height:60px;background:transparent;font-size:21px;font-weight:bold;border:1px solid #FFF;border-radius:8px;}
.foot .f_form .ft_btn:hover{background:#FFF;color:var(--logoColor);}
/*friendlink*/
.friendlink{padding-top:54px;}
.friendlink span{height:22px;line-height:22px;font-size:14px;color:#FFF;position:relative;margin-top:8px;}
.friendlink .fl_right{gap:14px;}
.friendlink .fl_right a{color:#FFF;white-space:nowrap;font-size:14px;position:relative;height:22px;line-height:22px;margin-top:8px;}
/*footbottom*/
.footbottom{padding:20px 0;border-top:1px solid rgba(255,255,255,.3);}
.footbottom span{display:inline-block;margin-right:5px;color:rgba(255,255,255,.8);font-size:14px;}
.footbottom span a{color:rgba(255,255,255,.8);}
/*form*/
.com_mes{padding:60px 0;position:relative;overflow:hidden;}
.com_mes .cm_form{padding-top:5px;}
.com_mes .cm_form .cm_li{width:calc(50% - 10px);margin-top:20px;}
.com_mes .cm_form .cm_li.cm_lit{width:100%;}
.com_mes .cm_form input{height:48px;outline:none;padding:0 15px;display:block;color:#9b9b9b;background:#FFF;border:1px solid #EEE;width:100%;}
.com_mes .cm_form textarea{width:100%;height:147px;padding:10px 15px;background:#FFF;outline:none;resize:none;line-height:1.5;display:block;color:#9b9b9b;border:1px solid #EEE;}
.com_mes .cm_form .cm_btn{min-width:200px;height:56px;margin-top:30px;background:#D02432;cursor:pointer;font-size:16px;font-weight:bold;border-radius:4px;padding:0 30px;}
.com_mes .cm_form .cm_btn span{font-size:16px;font-weight:bold;color:#FFF;}
.com_mes .cm_form .cm_btn i{width:28px;height:28px;text-align:center;line-height:28px;font-size:16px;color:#D02432;background:#FFF;border-radius:50%;}
.com_mes .cm_form .cm_btn:hover{opacity:.9;}
/*px*/
.com_banner{width:100%;padding-bottom:497px;position:relative;z-index:9;overflow:hidden;}
.com_banner .cb_shadow{position:absolute;left:0;top:0;width:100%;height:100%;
    background:-webkit-gradient(linear, right top, left top, color-stop(30%, rgba(12,82,151,0)), to(rgba(12,82,151,.9)));
	background:-webkit-linear-gradient(right, rgba(12,82,151,0) 30%, rgba(12,82,151,.9) 100%);
	background:-moz-linear-gradient(right, rgba(12,82,151,0) 30%, rgba(12,82,151,.9) 100%);
	background:linear-gradient(270deg, rgba(12,82,151,0) 30%, rgba(12,82,151,.9) 100%);
}
.com_banner .cb_txt{position:absolute;width:100%;height:100%;left:0;top:0;}
.com_banner .cb_txt .cb_pp{width:100%;height:100%;gap:30px;}
.com_banner .cb_txt .cb_h{font-size:40px;color:#FFF;font-weight:normal;}
.com_banner .cb_txt .cb_line{width:36px;height:2px;background:#FFF;}
/*crumbs*/
.com_crumbs{position:relative;}
.com_crumbs .cc_a{color:#FFF;font-size:16px;line-height:22px;gap:8px;}
.com_crumbs .cc_a i{font-size:14px;}
.com_crumbs .cc_a i:first-child{font-size:18px;}
.com_crumbs .cc_a a{color:#FFF;}
.com_crumbs .cc_a span{color:#FFF;}
.com_crumbs.com_crumbs_content{background:var(--backgroundColor);border-bottom:1px solid var(--borderColor);padding:20px 0;}
.com_crumbs.com_crumbs_content .cc_a{color:var(--titleColor);}
.com_crumbs.com_crumbs_content .cc_a a{color:var(--titleColor);}
.com_crumbs.com_crumbs_content .cc_a span{color:var(--titleColor);}
/*com_nav*/
.com_nav{border-bottom:1px solid var(--borderColor);background:#FFF;position:relative;z-index:2;}
.com_nav .container{}
.com_nav .cn_a{height:75px;gap:45px;}
.com_nav .cn_a a{font-size:16px;color:var(--titleColor);position:relative;}
.com_nav .cn_a a:before{content:'';width:0;height:2px;background:var(--logoColor);position:absolute;right:0;bottom:0;}
.com_nav .cn_a a:hover,.com_nav .cn_a a.on{color:var(--logoColor);}
.com_nav .cn_a a:hover:before,.com_nav .cn_a a.on:before{width:100%;left:0;right:auto;}
/*sub_title*/
.sub_title{}
.sub_title .st_en{font-size:16px;line-height:21px;color:#2F3542;text-transform:uppercase;}
.sub_title .st_line{width:52px;height:3px;margin:17px 0 12px;
    background:-webkit-gradient(linear, left top, right top, from(#FABF00), to(#E5252D));
    background:-webkit-linear-gradient(left, #FABF00 0%, #E5252D 100%);
    background:-moz-linear-gradient(left, #FABF00 0%, #E5252D 100%);
    background:linear-gradient(90deg, #FABF00 0%, #E5252D 100%);
}
.sub_title .st_tit{font-size:32px;line-height:42px;font-weight:bold;color:#2F3542;}
/*pb_right*/
.pb_right{width:25%;float:right;}
.pb_right .pr_tit{font-size:22px;color:#2a2a2a;line-height:32px;padding:10px 0;border-bottom:2px solid #2a2a2a;}
.pb_right .pr_pro{border:1px solid #dbdbdb;padding:10px;}
.pb_right .pr_pro .pr_ul{overflow:hidden;margin-top:30px;}
.pb_right .pr_pro .pr_ul .pr_li{display:block;}
.pb_right .pr_pro .pr_ul .pr_li .pr_img{width:100%;padding-bottom:75%;position:relative;border:1px solid #ccc;}
.pb_right .pr_pro .pr_ul .pr_li p{height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
.pb_right .pr_news{margin-top:30px;border:1px solid #dbdbdb;padding:10px;}
.pb_right .pr_news .pr_nul{padding-top:5px}
.pb_right .pr_news .pr_nul a{line-height:2.4;text-indent:10px;border-bottom:1px dashed #d5d5d5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;position:relative;}
.pb_right .pr_news .pr_nul a:before{content:'';width:3px;height:3px;border-radius:50%;position:absolute;left:0;top:calc(1.2em - 1px);background:#666;}
.pb_right .pr_news .pr_nul a:hover{color:#0075BA;}
.pb_right .pr_news .pr_nul a:hover:before{background:#0075BA;}
/*scroll_top*/
.scroll_top{position:fixed;height:50px;width:50px;opacity:0;right:5px;bottom:50px;z-index:1030;visibility:hidden;background:#1b1b1b;border-radius:2px;line-height:50px;text-align:center;border:1px solid #323232;}
.scroll_top i{font-size:16px;color:#FFF;}
.scroll_top.pop_class{opacity:0.7;visibility:visible;}
.pop_class{
    -webkit-animation:pop 0.3s 1 cubic-bezier(0.175,0.885,0.320,1.275);
    animation:pop 0.3s 1 cubic-bezier(0.175,0.885,0.320,1.275);
}
/*page*/
.manu{}
.manu .m_a{text-decoration:none;margin:0 7px;height:48px;font-size:16px;color:var(--fontColor);background:#FFF;border-radius:8px;border:1px solid var(--borderColor);width:48px;line-height:44px;}
.manu .m_a.m_btn{width:auto;padding:0 20px;}
.manu .m_a.disabled{color:#E0E0E0;}
.manu .m_a.current{background:var(--logoColor);color:#FFF;}
.manu .m_a:not(.disabled):hover{background:var(--logoColor);color:#FFF;}
/*bth_back*/
.bth_back{}
.bth_back a{display:block;margin-top:30px;font-size:16px;font-weight:bold;text-align:right;color:#222;}
.bth_back a i{margin-left:6px;}
/*fanye*/
.fanye{padding-top:30px;border-top:1px dashed var(--borderColor);}
.fanye ul li{height:30px;line-height:30px;text-align:left;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;}
.fanye ul li a{ color:#333;}
.fanye ul li a:hover{text-decoration:underline;}

@media screen and (max-width:1599px){
    .container{width:1200px;}
    .pb_en{font-size:15px;line-height:20px;height:20px;}
    .pb_tit{font-size:36px;line-height:52px;height:52px;}
    .pb_btn{padding:0 50px 0 16px;height:45px;width:132px;}
    .pb_btn span{font-size:15px;}
    .pb_btn i{font-size:18px;width:36px;height:36px;left:92px;top:4px;line-height:36px;}
    .pb_btn:hover{padding:0 16px 0 50px;}
    .pb_btn:hover i{left:4px;}
    .top{height:90px;}
    .top .container{max-width:1440px;}
    .top .logo{width:186px;}
    .pc_nav .f_nav .f_li .f_n a{height:89px;line-height:89px;font-size:16px;padding:0 18px;}
    .pc_nav .s_pro{height:calc(100vh - 89px);}
    .pc_nav .s_pro .container{gap:30px;padding:30px 0;}
    .pc_nav .s_pro .s_item{width:calc(50% - 15px);}
    .pc_nav .s_pro .s_item .s_ptit{font-size:18px;}
    .pc_nav .s_pro .s_item .s_pul{gap:30px;}
    .pc_nav .s_pro .s_item .s_pul .s_pl{width:220px;}
    .pc_nav .s_pro .s_item .s_pul .s_pr{height:260px;}
    .pc_nav .s_pro .s_item .s_pul .s_pr .s_pli{gap:15px;}
    .pc_nav .s_pro .s_item .s_pul .s_pr .s_pimg{width:58px;height:58px;}
    .pc_nav .s_pro .s_item .s_pul .s_pr .s_ptxt p{line-height:20px;}
    .pc_nav .s_pro .s_item .s_pul .s_pr .s_ptxt p:first-child{font-size:15px;line-height:22px;}
    .pc_nav .f_nav .f_li .s_nav .s_box a{padding:10px 9px;font-size:15px;}
    .top .pc_right{gap:15px;}
    .top .pc_search{width:160px;height:43px;padding:0 12px;}
    .top .pc_search form{gap:7px;}
    .top .pc_search .pcs_btn i{font-size:20px;}
    .top .pc_phone{gap:9px;}
    .top .pc_phone i{width:43px;height:43px;font-size:22px;line-height:43px;}
    .top .pc_phone .pc_pp p{font-size:16px;}
    .foot{padding-top:40px;}
    .foot .f_logo{padding-bottom:25px;}
    .foot .f_logo .container>img{height:50px;}
    .foot .f_logo .f_ewm{gap:15px;}
    .foot .f_logo .f_ewm .f_li .f_icon{width:30px;height:30px;}
    .foot .f_logo .f_ewm .f_li .f_icon i{font-size:18px;}
    .foot .f_logo .f_ewm .f_li .f_img span{height:22px;line-height:22px;}
    .foot .f_con{padding:60px 0 30px;}
    .foot .f_con .container{gap:60px;}
    .foot .f_con .f_t{font-size:15px;height:22px;line-height:22px;}
    .foot .f_con .f_txt .f_pp{margin-top:20px;}
    .foot .f_con .f_txt .f_pp .f_p{margin-top:15px;}
    .foot .f_con .f_nav .f_a{margin-top:20px;gap:10px;}
    .foot .f_form{width:410px;}
    .foot .f_form form{gap:10px 12px;}
    .foot .f_form input{width:calc(50% - 6px);line-height:28px;padding:9px 16px;border-radius:6px;}
    .foot .f_form textarea{padding:9px 16px;border-radius:6px;}
    .foot .f_form .ft_btn{height:52px;font-size:18px;border-radius:6px;}
    .friendlink{padding-top:40px;}
    .friendlink span{margin-top:7px;}
    .friendlink .fl_right{gap:12px;}
    .friendlink .fl_right a{margin-top:7px;}
    .footbottom{padding:16px 0;}

    body.nei_body{padding-top:90px;}
    .com_banner{padding-bottom:414px;}
    .com_banner .cb_txt .cb_pp{gap:22px;}
    .com_banner .cb_txt .cb_h{font-size:32px;}
    .com_banner .cb_txt .cb_line{width:32px;height:2px;}
    .com_crumbs .cc_a{font-size:15px;line-height:20px;gap:7px;}
    .com_crumbs.com_crumbs_content{padding:16px 0;}
    .com_nav .cn_a{height:62px;gap:30px;}
    .com_nav .cn_a a{font-size:15px;}




    .manu .m_a{margin:0 5px;width:42px;height:42px;font-size:14px;border-radius:6px;}
    .manu .m_a.m_btn{padding:0 16px;}
    .bth_back a{margin-top:22px;font-size:14px;}
    .fanye{padding-top:22px;}
}

@media screen and (max-width:1399px){
    .container{width:994px;}
    .pb_en{font-size:14px;line-height:18px;height:18px;}
    .pb_tit{font-size:30px;line-height:40px;height:40px;}
    .pb_btn{padding:0 44px 0 12px;height:40px;width:120px;}
    .pb_btn span{font-size:14px;}
    .pb_btn i{font-size:16px;width:32px;height:32px;left:84px;line-height:32px;}
    .pb_btn:hover{padding:0 12px 0 44px;}
    .top{height:80px;}
    .top .container{max-width:1260px;}
    .top .logo{width:160px;}
    .pc_nav .f_nav .f_li .f_n a{height:79px;line-height:79px;font-size:14px;padding:0 13px;}
    .pc_nav .s_pro{height:calc(100vh - 79px);}
    .pc_nav .s_pro .container{gap:20px;padding:20px 0;}
    .pc_nav .s_pro .s_item{width:calc(50% - 10px);}
    .pc_nav .s_pro .s_item .s_ptit{font-size:16px;}
    .pc_nav .s_pro .s_item .s_pul{gap:20px;}
    .pc_nav .s_pro .s_item .s_pul .s_pl{width:180px;}
    .pc_nav .s_pro .s_item .s_pul .s_pr{height:calc(50vh - 70px);}
    .pc_nav .s_pro .s_item .s_pul .s_pr .s_pli{gap:10px;}
    .pc_nav .s_pro .s_item .s_pul .s_pr .s_pimg{width:50px;height:50px;}
    .pc_nav .s_pro .s_item .s_pul .s_pr .s_ptxt p{font-size:12px;}
    .pc_nav .s_pro .s_item .s_pul .s_pr .s_ptxt p:first-child{font-size:14px;line-height:20px;}
    .pc_nav .f_nav .f_li .s_nav .s_box a{padding:9px 8px;font-size:14px;}
    .top .pc_right{gap:0;}
    .top .pc_search{width:150px;height:40px;padding:0 10px;}
    .top .pc_search form{gap:6px;}
    .top .pc_search .pcs_btn i{font-size:18px;}
    .top .pc_phone{display:none;}
    .foot{padding-top:30px;}
    .foot .f_logo{padding-bottom:20px;}
    .foot .f_logo .container>img{height:41px;}
    .foot .f_logo .f_ewm{gap:12px;}
    .foot .f_con{padding:40px 0 25px;}
    .foot .f_con .container{gap:40px;}
    .foot .f_con .f_t{font-size:14px;height:20px;line-height:20px;}
    .foot .f_con .f_txt .f_pp{margin-top:15px;}
    .foot .f_con .f_txt .f_pp .f_p{margin-top:20px;}
    .foot .f_con .f_nav{display:none;}
    .foot .f_form form{gap:8px 10px;}
    .foot .f_form input{width:calc(50% - 5px);padding:8px 13px;border-radius:4px;}
    .foot .f_form textarea{padding:8px 13px;border-radius:4px;}
    .foot .f_form .ft_btn{height:44px;font-size:16px;border-radius:4px;}
    .friendlink{padding-top:30px;}
    .friendlink span{margin-top:6px;}
    .friendlink .fl_right{gap:10px;}
    .friendlink .fl_right a{margin-top:6px;}
    .footbottom{padding:13px 0;}

    body.nei_body{padding-top:80px;}
    .com_banner{padding-bottom:343px;}
    .com_banner .cb_txt .cb_pp{gap:16px;}
    .com_banner .cb_txt .cb_h{font-size:26px;}
    .com_banner .cb_txt .cb_line{width:28px;height:2px;}
    .com_crumbs .cc_a{font-size:14px;gap:6px;}
    .com_crumbs.com_crumbs_content{padding:13px 0;}
    .com_nav .cn_a{height:56px;gap:22px;}
    .com_nav .cn_a a{font-size:14px;}

    .manu .m_a{margin:0 4px;width:40px;height:40px;font-size:14px;border-radius:4px;}
    .manu .m_a.m_btn{padding:0 15px;}
    .bth_back a{margin-top:20px;}
    .fanye{padding-top:20px;}
}

@media screen and (max-width:1023px){
    body{padding-top:70px;}
    .container{width:calc(100% - 30px);}
    .pb_tit{font-size:22px;line-height:32px;height:32px;font-weight:bold;}
    .top{background:#FFF;height:70px;}
    .top .logo{width:150px;}
    .top .logo img.pc{opacity:0;visibility:hidden;}
    .top .logo img.pc_hover{opacity:1;visibility:visible;}
    .pc_nav{display:none;}
    .top .pc_right{position:absolute;right:60px;top:15px;}
    .top .nav{display:block;}
    .top .pc_search{border:1px solid var(--titleColor);width:130px;}
    .top .pc_search .pcs_btn i{color:var(--titleColor);}
    .top .pc_search input::-webkit-input-placeholder{color:var(--titleColor);}
    .top .pc_search input::-moz-placeholder{color:var(--titleColor);}
    .top .pc_search input:-ms-input-placeholder{color:var(--titleColor);}
    .top .pc_search input::placeholder{color:var(--titleColor);}
    .foot{padding:20px 0 60px;}
    .foot .f_logo{padding-bottom:15px;}
    .foot .f_logo .container{flex-wrap:wrap;}
    .foot .f_logo .container>img{height:34px;}
    .foot .f_logo .f_ewm{gap:12px;width:100%;margin-top:20px;}
    .foot .f_logo .f_ewm .f_li .f_icon{display:none;}
    .foot .f_logo .f_ewm .f_li .f_img{opacity:1;visibility:visible;position:relative;left:0;margin-left:0;top:0;margin-top:0;padding:2px;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
    }
    .foot .f_logo .f_ewm .f_li .f_img:before{content:none;}
    .foot .f_con{padding:25px 0 20px;}
    .foot .f_con .container{gap:30px;}
    .foot .f_con .f_wrap{width:100%;}
    .foot .f_con .f_txt .f_pp{margin-top:15px;}
    .foot .f_con .f_txt .f_pp .f_p{margin-top:20px;}
    .foot .f_con .f_nav{display:none;}
    .foot .f_form{width:100%;}
    .foot .f_form form{gap:8px 10px;}
    .foot .f_form input{width:calc(50% - 5px);padding:8px 13px;border-radius:4px;}
    .foot .f_form textarea{padding:8px 13px;border-radius:4px;}
    .foot .f_form .ft_btn{height:44px;font-size:16px;border-radius:4px;}
    .friendlink{padding-top:20px;}

    body.nei_body{padding-top:70px;}
    .com_banner{padding-bottom:255px;}
    .com_banner .cb_txt .cb_pp{gap:13px;}
    .com_banner .cb_txt .cb_h{font-size:20px;}
    .com_banner .cb_txt .cb_line{width:25px;}
    .com_nav .cn_a{height:52px;gap:18px;}

    .pc_fixed{display:none;}
    .manu .m_a{margin:0 3px;width:36px;height:36px;}
    .manu .m_a.m_btn{padding:0 12px;}
}

@media screen and (max-width:767px){
    .pb_tit{font-size:22px;line-height:32px;}
    .foot .f_con .container{gap:20px;}
    .foot .f_form input{width:100%;}
    .friendlink span{width:100%;}
    .friendlink .fl_right{gap:5px 8px;}


    .com_banner{padding-bottom:50%;}
    .com_banner .cb_txt .cb_pp{gap:10px;}
    .com_banner .cb_txt .cb_h{font-size:18px;font-weight:bold;}
    .com_banner .cb_txt .cb_line{width:25px;height:1px;}
    .com_nav .cn_a{overflow-x:auto;flex-wrap:nowrap;}
    .com_nav .cn_a a{flex-shrink:0;}
}