/*pb-title*/
.pb_tit{font-size:40px;line-height:50px;color:#555;text-align:center;font-weight:bold;}
.pb_p{font-size:16px;color:#888;line-height:26px;text-align:center;max-width:60%;margin-top:12px;}
.pb_line{width:83px;height:6px;background:#165C50;margin-top:10px;border-radius:6px;}
.pb_btn{overflow:hidden;position:relative;}
.pb_btn:before,.pb_btn:after{content:'';width:100%;height:50%;background:#E5252D;position:absolute;left:0;top:-50%;z-index:-1;
    -webkit-transition:all .5s;
    transition:all .5s;
}
.pb_btn:after{top:auto;bottom:-50%;}
.pb_btn:hover:before{top:0;}
.pb_btn:hover:after{bottom:0;}
/*top*/
.top{position:fixed;left:0;top:0;z-index:100;width:100%;height:100px;}
.top .t_line{position:absolute;left:0;bottom:0;width:100%;height:1px;background:rgba(255,255,255,.2);}
.top .container{width:calc(100% - 30px);max-width:1640px;}
.top .logo{outline:none;width:183px;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;}
/*nav*/
.pc_nav{margin-left:9vw;}
.pc_nav .f_nav{}
.pc_nav .f_nav .f_li{position:relative;height:100%;margin-left:54px;}
.pc_nav .f_nav .f_li:first-child{margin-left:0;}
.pc_nav .f_nav .f_li .f_n{position:relative;overflow:hidden;}
.pc_nav .f_nav .f_li .f_n:before{content:'';width:100%;height:3px;position:absolute;bottom:0;left:0;background:#fff;
    -webkit-transform:scaleX(0);
    -moz-transform:scaleX(0);
    -ms-transform:scaleX(0);
    transform:scaleX(0);
}
.pc_nav .f_nav .f_li .f_n a{color:#FFF;font-size:18px;position:relative;cursor:pointer;height:100px;line-height:100px;font-weight:bold;}
.pc_nav .f_nav .f_li .s_nav{position:absolute;min-width:140px;padding-top:10px;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:rgba(255,255,255,0.9);border-radius:5px;padding:15px 0;
    -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:8px 10px;line-height:23px;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:#F8F8F8;}
.pc_nav .f_nav .f_li:hover .f_n:before,.pc_nav .f_nav .f_li.on .f_n:before{
    -webkit-transform:scaleX(1);
    -moz-transform:scaleX(1);
    -ms-transform:scaleX(1);
    transform:scaleX(1);
}
.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%);
}
.pc_nav .pc_phone{margin-left:40px;}
.pc_nav .pc_phone i{font-size:30px;color:#FFF;margin-right:10px;}
.pc_nav .pc_phone span{font-size:18px;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:#EA5501;}
.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:#EA5501;text-align:center;}
.top .nav .push-nav i{font-size:32px;color:#FFF;}
.top.topfix{background:#FFF;
    -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 .logo img.pc{opacity:0;visibility:hidden;}
.top.topfix .logo img.pc_hover{opacity:1;visibility:visible;}
.top.topfix .pc_nav .f_nav .f_li .f_n:before{background:#0D534B;}
.top.topfix .pc_nav .f_nav .f_li.on .f_n:before{background:#0D534B;}
.top.topfix .pc_nav .f_nav .f_li .f_n a{color:#333;}
.top.topfix .pc_nav .pc_phone i{color:#0D534B;}
.top.topfix .pc_nav .pc_phone span{color:#333;}

.xn_hd-mobile {position: fixed;z-index: 999;top: 0;width: 100%;left: 0;background: #ffffff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);height: 60px;display: none;}
.xn_hd-mobile .container{width: calc(100% - 30px);}
.xn_menuBtn{display: none;position: fixed;top: 16px;right: 12px;width: 30px;height: 30px;cursor: pointer;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.xn_menuBtn b{display: block;height: 4px;background-color: #1e60b2;margin: 4px 0;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.xn_menuBtn.open{}
.xn_menuBtn.open b{display: none;margin: 0;position: absolute;left: 0px;top: 50%;margin-top: -5px;width: 30px;}
.xn_menuBtn.open b:first-child{display: block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.xn_menuBtn.open b:last-child{display: block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.xn_hd-mobile .xn_mlogo img {height: 40px;width: auto;margin-top: 10px;}
.xn_nav_mobile{position: fixed;top: 60px;left: 0;right: 0;bottom: 0;z-index: 99;overflow: hidden;background: #fff;width: auto;float: none;padding: 0;display: none;}
.xn_nav_mobile li{position: relative;}
.xn_nav_mobile li .v1{line-height: 40px;text-align: left;padding:0 20px;color:#1F1F1F; border-bottom:1px solid #eee;font-size: 14px;display: block; }
.xn_nav_mobile li i {display: block;width: 40px;height: 40px;background-position: center center;position: absolute;right: 0;top: 0;z-index: 9;background: url(../images/sel.png) no-repeat center center;-webkit-background-size: 18px 18px;background-size: 18px 18px;}
.xn_nav_mobile li .xn_sub{padding: 10px 0;background-color: #1e60b2 ;display: none;}  
.xn_nav_mobile li .xn_sub a{padding-left: 20px;text-align: left;line-height: 40px;font-size: 14px;display: block;color:#fff;}
.xn_nav_mobile .v1{height: 40px;line-height: 40px;text-align: left;color:#1F1F1F;padding-left: 10px;margin:0;overflow: hidden;}
.xn_nav_mobile li:hover .v1, .xn_nav_mobile li.on .v1{background: none;}
.xn_nav_mobile li .v1::after{display: none;}
.xn_nav_mobile .row{position: relative;}
.xn_nav_mobile .ss{display: none;background-color: #fff;padding: 10px 0;}
.xn_nav_mobile li .xn_sub .ss a{color:#333;}

/*foot*/
.foot{background:#181818;padding:70px 0 35px;}
.foot .f_left{width:395px;}
.foot .f_left .f_title{font-size:24px;line-height:34px;color:#FFF;}
.foot .f_left .f_txt{margin-top:26px;}
.foot .f_left .f_txt p{font-size:14px;line-height:36px;color:#c7ccd1;}
.foot .f_left .f_txt p span{color:#FFF;font-size:26px;display:inline-block;vertical-align:top;font-weight:bold;}
.foot .f_left .f_ewm{margin-top:15px;}
.foot .f_left .f_ewm .f_li{width:113px;margin-left:28px;}
.foot .f_left .f_ewm .f_li:first-child{margin-left:0;}
.foot .f_left .f_ewm .f_li img{display:block;width:100%;height:auto;}
.foot .f_left .f_ewm .f_li span{display:block;font-size:14px;height:24px;line-height:24px;color:#c7ccd1;margin-top:9px;text-align:center;}
.foot .f_right{width:calc(100% - 395px);position:relative;padding-right:120px;}
.foot .f_right .f_nav{}
.foot .f_right .f_nav .f_t{font-size:22px;line-height:32px;color:#FFF;}
.foot .f_right .f_nav .f_a{margin-top:26px;}
.foot .f_right .f_nav .f_a a{display:block;line-height:36px;color:#c7ccd1;font-size:15px;}
.foot .f_right .f_nav .f_a a:hover{color:#FFF;text-decoration:underline;}
/*footbottom*/
.footbottom{padding-top:30px;margin-top:52px;border-top:1px solid #3a3a3a;font-size: 16px;}
.footbottom span{display:inline-block;margin-right:5px;color:#808b96;}
.footbottom span a{color:#808b96;}
/*friendlink*/
.friendlink{padding-top:10px;}
.friendlink span{width:75px;display:block;line-height:25px;font-size:15px;color:rgba(255,255,255,.5);font-weight:bold;position:relative;margin-top:8px;}
.friendlink .fl_right{width:calc(100% - 75px);}
.friendlink .fl_right a{color:rgba(255,255,255,.5);white-space:nowrap;font-size:14px;position:relative;line-height:24px;margin-right:20px;margin-top:8px;}

#floatBottom{width:100%;height:53px;background:#1e60b2;position:fixed;left:0;bottom:0;z-index:999999;display: none;}
#floatBottom a{width:33.333%;height:53px;display:block;float:left;position:relative;font-size: 14px;color:#fff;text-align: center;padding-bottom: 4px;}
#floatBottom a img{display: block;margin:4px auto 2px;height: 25px;}
#floatBottom .ewm{width:87px;height:83px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}
#floatBottom .ewm img{width:100%;height:100%;display:block;}

@media only screen and (max-width:1699px) {


}
@media only screen and (max-width: 1499px) {
    .pb_tit{font-size: 34px;line-height: normal;}
    .pb_p{font-size: 14px;line-height: 24px;}

    .pc_nav .f_nav .f_li .f_n a{font-size: 16px;}

    .foot{padding: 60px 0 24px;}
    .foot .f_right{width: calc(100% - 360px);}
    .foot .f_right .f_nav .f_t{font-size: 18px;line-height: 24px;}
    .foot .f_right .f_nav .f_a {margin-top: 20px;}
    .foot .f_right .f_nav .f_a a{font-size: 14px;line-height: 32px;}
    .foot .f_left{width: 360px;}
    .foot .f_left .f_title{font-size: 20px;line-height: 24px;}
    .foot .f_left .f_txt {margin-top: 20px;}
    .foot .f_left .f_txt p{line-height: 32px;}
    .foot .f_left .f_txt p span{font-size: 24px;}

    .footbottom{padding-top: 20px;margin-top: 36px;font-size: 14px;}

    .friendlink {padding-top: 5px;}
    .friendlink span{line-height: 24px;}
}
@media only screen and (max-width: 1299px) {

    .pb_tit{font-size: 30px;}
    .pb_p{line-height: 22px;margin-top: 10px;}

    .pc_nav .f_nav .f_li{margin-left: 24px;}
    .pc_nav .f_nav .f_li .f_n a {font-size: 15px;}
    .pc_nav .f_nav .f_li .s_nav .s_box a{padding: 6px 10px;line-height: 20px;font-size: 15px;}
    .pc_nav .pc_phone {margin-left: 30px;}
    .pc_nav .pc_phone i{margin-right: 5px;}
    .pc_nav .pc_phone span{font-size: 16px;}

    .foot {padding: 50px 0 16px;}
    .foot .f_right {width: calc(100% - 285px);}
    .foot .f_right .f_nav .f_a {margin-top: 15px;}
    .foot .f_right .f_nav .f_a a{line-height: 30px;}
    .foot .f_right{padding-right: 100px;}
    .foot .f_left {width: 285px;}
    .foot .f_left .f_txt {margin-top: 15px;}
    .foot .f_left .f_txt p{line-height: 30px;}
    .foot .f_left .f_txt p span {font-size: 20px;}

    .footbottom {padding-top: 15px;margin-top: 24px;}

}
@media only screen and (max-width: 1023px) {

    .pb_tit{font-size: 24px;}
    .pb_p{line-height: 20px;margin-top: 10px;max-width: 80%;}

    .top{display: none;}
    .xn_hd-mobile{display: block;}
    .xn_menuBtn{display: block;}
    
    .foot {padding: 30px 0 15px;}
    .foot .f_right {width: calc(100% - 240px);padding-right: 50px;}
    .foot .f_right .f_nav .f_t {font-size: 16px;line-height: 22px;}
    .foot .f_right .f_nav .f_a {margin-top: 10px;}
    .foot .f_right .f_nav .f_a a {line-height: 28px;}
    .foot .f_left {width: 240px;}
    .foot .f_left .f_title {font-size: 16px;line-height: 20px;}
    .foot .f_left .f_txt {margin-top: 10px;}
    .foot .f_left .f_txt p{line-height: 28px;}
    .foot .f_left .f_ewm {margin-top: 8px;}

    #floatBottom{display: block;}

}
@media only screen and (max-width: 767px) {
    .pb_tit{font-size: 22px;}
    .pb_p{font-size: 13px;margin-top: 6px;max-width: 100%;padding: 0 15px;}

    .foot {padding: 20px 0 12px;}
    .foot .f_right{display: none;}
    .foot .f_left{width: 100%;}
    .foot .f_left .f_txt p {line-height: 24px;}
    .foot .f_left .f_txt p span {font-size: 16px;}
    .foot .f_left .f_ewm {margin-top: 5px;}
    .foot .f_left .f_ewm .f_li span{font-size: 13px;height: 20px;line-height: 20px;margin-top: 5px;}

    .footbottom {padding-top: 10px;margin-top: 12px;font-size: 13px;}

    .friendlink span{width: 70px;font-size: 13px;margin-top: 0;}
    .friendlink .fl_right {width: calc(100% - 70px);}
    .friendlink .fl_right a{font-size: 12px;line-height: 24px;margin-right: 6px;margin-top: 0;line-height: 20px;}

}