:root {
    --logoColor:#0042b6;
    --titleColor:#222;
    --fontColor:#666;
    --backgroundColor:#F3F3F3;
    --borderColor:#DCDCDC;
}
/*pb-title*/
.pb_tit{font-size:36px;color:var(--titleColor);text-transform:uppercase;text-align:center;font-weight:bold;line-height:1.3;}
.pb_line{height:2px;background:var(--logoColor);width:52px;margin:15px 0;}
.pb_p{font-size:16px;color:var(--fontColor);position:relative;text-align:center;max-width:60%;}
.pb_btn{position:relative;cursor:pointer;background:var(--logoColor);z-index:1;height:56px;padding:0 30px;border:1px solid var(--logoColor);line-height:54px;font-size:16px;width:160px;color:#FFF;}
/*head*/
.head{background:#333;height:48px;position:relative;overflow:hidden;}
.head .container{width:calc(100% - 30px);max-width:1600px;}
.head .h_left{}
.head .h_left .a_span{color:#FFF;font-size:14px;margin-left:40px;}
.head .h_left .a_span:first-child{margin-left:0;}
.head .h_left .a_span i{font-size:20px;margin-right:8px;}
.head .h_right{}
.head .h_right .hr_s{height:100%;}
.head .h_right .hr_s>a{margin-left:16px;}
.head .h_right .hr_s>a>i{font-size:20px;color:#FFF;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
}
.head .h_right .hr_s>a>span{display:none;}
.head .h_right .hr_s>a:hover>i{
    -webkit-transform:translateY(-3px);
    -moz-transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    transform:translateY(-3px);
}
.head .h_right .hr_s>a:hover>i.facebook{color:#0990FF;}
.head .h_right .hr_s>a:hover>i.youtube{color:#FF1515;}
.head .h_right .hr_s>a:hover>i.linkedin{color:#0866C1;}
.head .h_right .hr_s>a:hover>i.twitter{color:#000;}
.head .h_right .hr_s>a:hover>i.instagram{color:#F101AF;}
/*top*/
.topbg{height:100px;}
.top{position:relative;background:#FFF;z-index:100;}
.top .container{background:#FFF;width:calc(100% - 30px);max-width:1600px;}
.top .logo{outline:none;position:relative;width:190px;}
.top .logo img{display:block;width:100%;height:auto;}
/*nav*/
.pc_nav{}
.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 a{color:var(--titleColor);font-size:16px;position:relative;cursor:pointer;height:100px;line-height:100px;padding:0 30px 0 11px;font-weight:bold;}
.pc_nav .f_nav .f_li .s_nav{position:absolute;left:0;min-width:100%;z-index:2;background:var(--logoColor);display:none;
    -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.08),0 2px 4px rgba(0,0,0,0.15);
    box-shadow:0 2px 6px rgba(0,0,0,0.08),0 2px 4px rgba(0,0,0,0.15);
}
.pc_nav .f_nav .f_li .s_nav a{padding:8px 11px;line-height:23px;font-size:14px;color:#FFF;display:block;white-space:nowrap;text-align:left;}
.pc_nav .f_nav .f_li .s_nav a:hover{background:#FFF;color:var(--logoColor);}
.pc_nav .f_nav .f_li:hover .f_n a{color:var(--logoColor);}
.pc_nav .pc_search{position:relative;}
.pc_nav .pc_search .pcs_tit{cursor:pointer;width:70px;height:100px;}
.pc_nav .pc_search .pcs_tit i{font-size:22px;color:var(--titleColor);}
.pc_nav .pc_search .pcs_con{background:#FFF;padding:6px 10px;position:absolute;width:320px;right:0;top:98px;border:1px solid var(--borderColor);border-radius:2px;display:none;
    -webkit-filter:drop-shadow(0 3px 13px rgba(0,0,0,.2));
    filter:drop-shadow(0 3px 13px rgba(0,0,0,.2));
    -webkit-animation:avia_pop 0.3s 1 cubic-bezier(0.175,0.885,0.320,1.275);
    -moz-animation:avia_pop 0.3s 1 cubic-bezier(0.175,0.885,0.320,1.275);
    -o-animation:avia_pop 0.3s 1 cubic-bezier(0.175,0.885,0.320,1.275);
    animation:avia_pop 0.3s 1 cubic-bezier(0.175,0.885,0.320,1.275);
}
.pc_nav .pc_search .pcs_con:before{content:'';position:absolute;right:25px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:5px solid #FFF;top:-5px;}
.pc_nav .pc_search .pcs_con .pcs_form{}
.pc_nav .pc_search .pcs_con input{width:calc(100% - 42px);background:#F8F8F8;height:42px;line-height:42px;outline:none;padding:0 6px;}
.pc_nav .pc_search .pcs_con .pcs_btn{width:42px;height:42px;line-height:42px;background:var(--logoColor);cursor:pointer;text-align:center;}
.pc_nav .pc_search .pcs_con .pcs_btn i{font-size:22px;color:#FFF;}
.pc_nav .pc_search ::-webkit-input-placeholder{color:#222;}
.pc_nav .pc_search :-moz-placeholder{color:#222;}
.pc_nav .pc_search ::-moz-placeholder{color:#222;}
.pc_nav .pc_search :-ms-input-placeholder{color:#222;}
.pc_nav .pc_btn{height:50px;padding:0 22px;margin-left:10px;cursor:pointer;background:var(--logoColor);border-radius:4px;color:#FFF;}
.pc_nav .pc_btn span{font-size:16px;text-transform:capitalize;}
.pc_nav .pc_btn i{font-size:20px;margin-left:15px;}
.pc_nav .pc_btn:hover{background:#E62129;}
/*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;border-radius:3px;background:var(--logoColor);;text-align:center;}
.top .nav .push-nav i{font-size:32px;color:#FFF;}
body.content_body .top{
    -webkit-box-shadow:0 0 6px rgba(0,0,0,0.02),0 2px 4px rgba(0,0,0,0.08);
    box-shadow:0 0 6px rgba(0,0,0,0.02),0 2px 4px rgba(0,0,0,0.08);
}
.top.topfix{position:fixed;left:0;top:0;background:#FFF;width:100%;
    -webkit-box-shadow:0 0 6px rgba(0,0,0,0.02),0 2px 4px rgba(0,0,0,0.08);
    box-shadow:0 0 6px rgba(0,0,0,0.02),0 2px 4px rgba(0,0,0,0.08);
}
/*com_foot*/
.com_foot{background:var(--logoColor);padding:24px 0;}
.com_foot p{font-size:18px;color:#FFF;}
.com_foot .cf_con{margin-top:15px;}
.com_foot .cf_con .cf_p{}
.com_foot .cf_con .cf_p i{font-size:24px;color:#FFF;line-height:32px;margin-right:8px;}
.com_foot .cf_con .cf_p span{font-size:16px;color:#FFF;line-height:32px;margin-right:15px;}
.com_foot .cf_con .cf_p span a{color:#FFF;}
.com_foot .cf_con .cf_p span a:hover{text-decoration:underline;}
/*foot*/
.foot{position:relative;background:url(../Image/footbg.webp) no-repeat center center;padding:60px 0 0;background-size:cover;}
.foot .ft_left{width:450px;}
.foot .ft_left img{display:block;width:188px;height:auto;margin-bottom:30px;}
.foot .ft_left p{font-size:16px;line-height:1.5;color:#FFF;font-weight:bold;margin-top:6px;}
.foot .ft_left .ft_add{font-size:16px;color:#FFF;margin-top:25px;line-height:24px;}
.foot .ft_left .ft_add i{font-size:20px;margin-right:8px;line-height:24px;}
.foot .ft_left .ft_share{margin-top:35px;}
.foot .ft_left .ft_share a{margin-left:24px;width:42px;height:42px;border:1px solid #FFF;border-radius:50%;}
.foot .ft_left .ft_share a:first-child{margin-left:0;}
.foot .ft_left .ft_share a i{font-size:20px;color:#F2F2F2;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.foot .ft_left .ft_share a span{display:none;}
.foot .ft_left .ft_share a:hover i{color:#FFF;}
.foot .ft_left .ft_share a.facebook:hover{background:#0990FF;border-color:#0990FF;}
.foot .ft_left .ft_share a.youtube:hover{background:#FF1515;border-color:#FF1515;}
.foot .ft_left .ft_share a.twitter:hover{background:#000;border-color:#000;}
.foot .ft_left .ft_share a.linkedin:hover{background:#0866c1;border-color:#0866c1;}
.foot .ft_tit{font-size:30px;color:#FFF;font-weight:bold;}
.foot .ft_right{width:850px;}
.foot .f_form{margin-top:20px;}
.foot .f_form input{width:calc(50% - 10px);height:60px;line-height:58px;background:#555;padding:0 15px;outline:none;color:#FFF;margin-left:20px;}
.foot .f_form input.ml{margin-left:0;}
.foot .f_form textarea{background:#555;outline:none;resize:none;margin-top:20px;color:#FFF;padding:10px 15px;width:100%;height:130px;line-height:1.6;}
.foot .f_form .ff_btn{width:193px;height:60px;line-height:60px;font-size:14px;color:#FFF;background:var(--logoColor);text-align:center;cursor:pointer;margin-top:20px;}
.foot .f_form ::-webkit-input-placeholder{color:#FEFEFE;}
.foot .f_form :-moz-placeholder{color:#FEFEFE;}
.foot .f_form ::-moz-placeholder{color:#FEFEFE;}
.foot .f_form :-ms-input-placeholder{color:#FEFEFE;}
/*bottom*/
.foot_bottom{background:rgba(255,255,255,0.07);position:relative;overflow:hidden;margin-top:50px;padding:20px 0;}
.foot_bottom span{margin-right:10px;font-size:14px;line-height:1.57;color:rgba(255,255,255,.8);}
.foot_bottom span a{color:rgba(255,255,255,.8);}
/*form*/
#com_mes{scroll-margin-top:88px;}
.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:var(--logoColor);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:#222;background:#FFF;border-radius:50%;}
.com_mes .cm_form .cm_btn:hover{opacity:.9;}
/*px*/
.com_banner{width:100%;padding-bottom:400px;position:relative;overflow:hidden;}
.com_banner .cb_shdow{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.35);z-index:0;}
.com_banner .cb_txt{position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;}
.com_banner .cb_txt .cb_h{font-size:48px;font-weight:bold;color:#FFF;text-transform:uppercase;}
/*crumbs*/
.com_crumbs{position:relative;z-index:1;padding:20px 0;background:#F7F7F7;}
.cc_i{margin-right:8px;}
.cc_i i{font-size:16px;color:var(--logoColor);}
.cc_a{text-transform:capitalize;color:var(--fontColor);font-size:15px;}
.cc_a a{color:var(--fontColor);line-height:22px;}
.cc_a em{margin:0 8px;font-style:normal;}
/*sub_nav*/
.sub_nav{position:relative;background:var(--backgroundColor);border-bottom:1px solid #EEE;}
.sub_nav a{height:70px;font-size:16px;position:relative;padding:0 25px;color:var(--titleColor);border-right:2px solid #FFF;text-align:center;}
.sub_nav a:after{content:'';width:0;height:0;position:absolute;left:50%;bottom:-8px;border-top:8px solid var(--logoColor);border-left:8px solid transparent;border-right:8px solid transparent;margin-left:-8px;opacity:0;
    -webkit-transition:opacity 0.5s ease;
	-moz-transition:opacity 0.5s ease;
	transition:opacity 0.5s ease;
}
.sub_nav a.on,.sub_nav a:hover{color:#FFF;background:var(--logoColor);}
.sub_nav a.on:after{opacity:1;}
/*sub_tit*/
.sub_tit{font-size:30px;line-height:1.4;color:var(--titleColor);font-weight:bold;}
.sub_line{width:50px;height:2px;background:var(--logoColor);margin-top:12px;}
/*manu*/
.manu{}
.manu .m_a{text-decoration:none;margin:0 5px;height:36px;font-size:14px;border:1px solid var(--borderColor);color:var(--fontColor);border-radius:4px;padding:0 13px;}
.manu .m_a i{font-size:13px;margin-left:8px;}
.manu .m_a.prev i{margin-right:8px;margin-left:0;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg);
}
.manu .m_a.disabled{color:#DDD;border-color:#DDD;}
.manu .m_a.current{background:var(--logoColor);color:#FFF;border:1px solid var(--logoColor);}
.manu .m_a:not(.disabled):hover{background:var(--logoColor);border:1px solid var(--logoColor);color:#FFF;}
/*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;}
/*m_float*/
.m_float{width:100%;background:#8a8a8a;position:fixed;left:0;bottom:0;z-index:999999;display:none;}
.m_float .ma{width:25%;display:block;float:left;position:relative;padding:5px 0 3px;}
.m_float .ma i{width:100%;height:26px;background-repeat:no-repeat;background-position:center center;display:block;background-size:auto 100%;}
.m_float .ma i.kf1{background-image:url(../Image/kf1.svg);}
.m_float .ma i.kf2{background-image:url(../Image/kf2.svg);}
.m_float .ma i.kf4{background-image:url(../Image/kf4.svg);}
.m_float .ma p{font-size:12px;color:#fff;height:20px;line-height:20px;text-align:center;}
.m_float .ewm{width:90px;height:90px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}
.m_float .ewm img{width:100%;height:100%;display:block;}
/*video*/
#videobg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999999;text-align:center;display:none;}
.video{padding:10px;width:60%;height:auto;background:#FFF;position:absolute;left:20%;top:50%;}
.video .v_iframe{width:100%;padding-bottom:66.66%;position:relative;}
.video .v_iframe iframe{width:100%;height:100%;display:block;position:absolute;left:0;top:0;}
.video .v_video video{width:100%;height:100%;display:block;}
.video p{height:60px;line-height:60px;color:#000;}
.video span{width:40px;height:40px;background:#000;color:#FFF;font-size:20px;line-height:40px;text-align:center;position:absolute;outline:none;top:0;right:-40px;cursor:pointer;display:block;font-family:Arial;}

@media screen and (max-width:1599px){
    .container{width:1200px;}
    .pb_tit{font-size:32px;}
    .pb_line{width:50px;margin:13px 0;}
    .pb_p{font-size:15px;}
    .pb_btn{height:50px;padding:0 25px;width:150px;line-height:48px;}
    .head{height:46px;}
    .head .container{max-width:1400px;}
    .head .h_right a{height:33px;}
    .topbg{height:90px;}
    .top .container{max-width:1400px;}
    .top .logo{width:180px;}
    .pc_nav .f_nav .f_li{}
    .pc_nav .f_nav .f_li .f_n a{height:90px;line-height:90px;font-size:15px;padding:0 25px 0 10px;}
    .pc_nav .f_nav .f_li .s_nav a{padding:8px 10px;}
    .top .pc_search .pcs_tit{width:62px;height:90px;}
    .top .pc_search .pcs_tit i{font-size:20px;}
    .pc_nav .pc_search .pcs_con{top:85px;right:-1px;}
    .pc_nav .pc_btn{height:48px;padding:0 20px;margin-left:8px;}
    .com_foot{padding:20px 0;}
    .com_foot p{font-size:16px;}
    .com_foot .cf_con{margin-top:12px;}
    .com_foot .cf_con .cf_p i{font-size:22px;line-height:28px;margin-right:7px;}
    .com_foot .cf_con .cf_p span{font-size:15px;line-height:28px;margin-right:12px;}
    .foot{padding:50px 0 0;}
    .foot .ft_left{width:400px;}
    .foot .ft_left img{width:178px;margin-bottom:22px;}
    .foot .ft_left p{margin-top:5px;font-size:15px;}
    .foot .ft_left .ft_add{font-size:15px;margin-top:20px;line-height:22px;}
    .foot .ft_left .ft_add i{font-size:18px;margin-right:7px;line-height:22px;}
    .foot .ft_left .ft_share{margin-top:26px;}
    .foot .ft_left .ft_share a{margin-left:20px;width:38px;height:38px;}
    .foot .ft_left .ft_share a i{font-size:18px;}
    .foot .ft_tit{font-size:24px;}
    .foot .ft_right{width:700px;}
    .foot .f_form{margin-top:15px;}
    .foot .f_form input{width:calc(50% - 8px);height:50px;line-height:48px;padding:0 13px;margin-left:16px;}
    .foot .f_form textarea{margin-top:15px;padding:9px 13px;height:125px;}
    .foot .f_form .ff_btn{width:170px;height:52px;line-height:52px;margin-top:15px;}
    .foot_bottom{margin-top:40px;padding:16px 0;}





    .com_banner{padding-bottom:340px;}
    .com_banner .cb_txt .cb_h{font-size:40px;}
    .com_crumbs{padding:18px 0;}
    .com_crumbs .cc_i{margin-right:7px;margin-top:-1px;}
    .com_crumbs .cc_i i{font-size:16px;}
    .com_crumbs .cc_a{font-size:14px;}
    .com_crumbs .cc_a a{line-height:22px;}
    .com_crumbs .cc_a i{margin:0 7px;font-size:12px;}
    .sub_tit{font-size:27px;}
    .sub_line{width:46px;margin-top:10px;}

    .sub_nav a{height:62px;font-size:15px;padding:0 20px;}
    .sub_nav a:after{bottom:-7px;border-top-width:7px;border-left-width:7px;border-right-width:7px;margin-left:-7px;}


    #com_mes{scroll-margin-top:80px;}
    .com_mes{padding:50px 0;}
    .com_mes .cm_form .cm_li{margin-top:14px;width:calc(50% - 7px);}
    .com_mes .cm_form input{height:43px;padding:0 12px;}
    .com_mes .cm_form textarea{padding:10px 12px;}
    .com_mes .cm_form .cm_btn{margin-top:25px;height:50px;padding:0 25px;min-width:180px;}
    .com_mes .cm_form .cm_btn span{font-size:15px;}
    .com_mes .cm_form .cm_btn i{width:26px;height:26px;font-size:15px;}

}

@media screen and (max-width:1399px){
    .container{width:994px;}
    .pb_tit{font-size:28px;}
    .pb_line{width:46px;margin:11px 0;}
    .pb_p{font-size:14px;max-width:none;}
    .pb_btn{height:42px;padding:0 20px;line-height:40px;width:140px;}
    .head{height:42px;}
    .head .container{max-width:1200px;}
    .topbg{height:80px;}
    .top .container{max-width:1200px;}
    .top .logo{width:160px;}
    .pc_nav .f_nav .f_li .f_n a{height:80px;line-height:80px;font-size:14px;padding:0 12px 0 8px;}
    .pc_nav .f_nav .f_li .s_nav a{padding:8px;}
    .top .pc_search .pcs_tit{width:36px;height:80px;}
    .top .pc_search .pcs_tit i{font-size:16px;}
    .pc_nav .pc_search .pcs_con{top:70px;right:-10px;}
    .pc_nav .pc_btn{margin-left:3px;height:45px;padding:0 15px;}
    .pc_nav .pc_btn span{font-size:14px;}
    .pc_nav .pc_btn i{font-size:18px;margin-left:8px;}
    .com_foot{padding:15px 0;}
    .com_foot p{font-size:15px;}
    .com_foot .cf_con{margin-top:10px;}
    .com_foot .cf_con .cf_p i{font-size:20px;line-height:26px;margin-right:6px;}
    .com_foot .cf_con .cf_p span{font-size:14px;line-height:26px;margin-right:10px;}
    .foot{padding:40px 0 0;}
    .foot .ft_left{width:320px;}
    .foot .ft_left img{width:160px;}
    .foot .ft_left p{margin-top:4px;font-size:14px;}
    .foot .ft_left .ft_add{font-size:14px;margin-top:15px;}
    .foot .ft_left .ft_add i{margin-right:6px;}
    .foot .ft_left .ft_share{margin-top:20px;}
    .foot .ft_left .ft_share a{margin-left:15px;width:35px;height:35px;}
    .foot .ft_left .ft_share a i{font-size:16px;}
    .foot .ft_tit{font-size:20px;}
    .foot .ft_right{width:600px;}
    .foot .f_form{margin-top:12px;}
    .foot .f_form input{width:calc(50% - 4px);height:40px;line-height:38px;padding:0 11px;margin-left:8px;}
    .foot .f_form textarea{margin-top:11px;padding:9px 10px;height:125px;}
    .foot .f_form .ff_btn{width:150px;height:40px;line-height:40px;margin-top:11px;}
    .foot_bottom{margin-top:30px;padding:13px 0;}

    .com_banner{padding-bottom:300px;}
    .com_banner .cb_txt .cb_h{font-size:32px;}
    .com_crumbs{padding:15px 0;}
    .sub_tit{font-size:22px;}
    .sub_line{width:42px;margin-top:8px;}

    .sub_nav a{height:56px;font-size:14px;padding:0 16px;}
    .sub_nav a:after{bottom:-6px;border-top-width:6px;border-left-width:6px;border-right-width:6px;margin-left:-6px;}



    #com_mes{scroll-margin-top:70px;}
    .com_mes{padding:40px 0;}
    .com_mes .cm_form .cm_li{margin-top:10px;width:calc(50% - 6px);}
    .com_mes .cm_form input{padding:0 10px;}
    .com_mes .cm_form textarea{padding:8px 10px;}
    .com_mes .cm_form .cm_btn{margin-top:20px;height:46px;padding:0 20px;min-width:160px;}
    .com_mes .cm_form .cm_btn span{font-size:14px;}
    .com_mes .cm_form .cm_btn i{width:24px;height:24px;font-size:14px;line-height:24px;}
}

@media screen and (max-width:1023px){
    .container{width:738px;}
    .pb_tit{font-size:26px;}
    .pb_line{width:42px;margin:10px 0;}
    .pb_btn{padding:0 15px;width:130px;}
    .head{display:none;height:0;}
    .topbg{height:70px;}
    .top .logo{width:140px;height:70px;}
    .pc_nav .f_nav{display:none;}
    .pc_nav .pc_search{margin-right:20px;}
    .top .pc_search .pcs_tit{height:70px;}
    .pc_nav .pc_btn{display:none;}
    .top .nav{display:block;}
    .top.topfix .container{width:calc(100% - 30px);}
    .com_foot{padding:15px 0;}
    .com_foot .container{align-items:flex-start;}
    .com_foot p{font-size:15px;}
    .com_foot .cf_con{margin-top:10px;}
    .com_foot .cf_con .cf_p i{font-size:20px;line-height:26px;margin-right:6px;}
    .com_foot .cf_con .cf_p span{font-size:14px;line-height:26px;margin-right:10px;}
    .foot{padding:30px 0 0;}
    .foot .container{flex-wrap:wrap;}
    .foot .ft_left{width:100%;}
    .foot .ft_left img{width:150px;margin-bottom:15px;}
    .foot .ft_left .ft_add{margin-top:11px;}
    .foot .ft_right{width:100%;margin-top:20px;}
    .foot .f_form{margin-top:12px;}
    .foot .f_form input{width:calc(50% - 4px);height:40px;line-height:38px;padding:0 11px;margin-left:8px;}
    .foot .f_form textarea{margin-top:11px;padding:9px 10px;height:125px;}
    .foot .f_form .ff_btn{width:150px;height:40px;line-height:40px;margin-top:11px;}
    .foot_bottom{margin-top:20px;}

    .com_banner{padding-bottom:220px;}
    .com_banner .cb_txt .cb_h{font-size:26px;}
    .com_crumbs{padding:13px 0;}
    .sub_tit{font-size:20px;}
    .sub_line{width:36px;margin-top:6px;}

    .sub_nav a{height:50px;padding:0 14px;}
    .sub_nav a:after{bottom:-5px;border-top-width:5px;border-left-width:5px;border-right-width:5px;margin-left:-5px;}



    .com_mes{padding:30px 0;}
    .com_mes .cm_form .cm_li{margin-top:10px;width:100%;}
    .com_mes .cm_form input{height:40px;padding:0 10px;}
    .com_mes .cm_form textarea{padding:10px 10px;}
    .com_mes .cm_form .cm_btn{margin-top:20px;height:46px;padding:0 20px;min-width:160px;}
    .com_mes .cm_form .cm_btn span{font-size:14px;}
    .com_mes .cm_form .cm_btn i{width:24px;height:24px;font-size:14px;}
}

@media screen and (max-width:767px){
    .container{width:calc(100% - 30px);}
    .foot{padding:20px 0 0;}
    .foot .f_form{margin-top:5px;}
    .foot .f_form input{width:100%;margin-top:10px;margin-left:0;}
    .foot .f_form textarea{margin-top:10px;}
    .foot .f_form .ff_btn{width:100%;margin-top:10px;}



    .com_banner{padding-bottom:40vw;}

    .sub_nav a{height:auto;padding:12px 14px;}

    .sub_tit{font-size:20px;}

}