.bs_pic{width: 100%;padding-bottom: 75%;position: relative;overflow: hidden;}
.bs_pic img{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.pfdq_pic{width: 100%;padding-bottom: 75%;position: relative;overflow: hidden;}
.pfdq_pic img{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.pfdq_but{display: inline-block;padding: 10px 20px;border: 1px solid #ffffff;color: #ffffff;font-size: 16px;font-weight: 400;line-height: 22px;margin-right: 18px;}
.pfdq_but.on, .pfdq_but:hover{background: #068bea;border: 1px solid #068bea;color: #ffffff;}

.pfdq_title{font-size:48px;height:58px;line-height:58px;font-weight:normal;color:#333;position:relative;text-align:center;}
.pfdq_p{font-size:16px;height:1em;line-height:1em;color:#068bea;margin-bottom:9px;text-transform:uppercase;text-align:center;}
.pfdq_pp{font-size:16px;line-height:28px;color:#333333;margin-top:16px;text-align:center;position:relative;z-index:1;}

/*head*/
#headbg{height:40px;border-bottom:1px solid #ECECEC;}
.head{height:39px;line-height:39px;}
.head .head_left{float:left;line-height:39px;color:#8a8a93;position:relative;}
.head .head_right{float:right;}
.head .head_right a{display:inline-block;color:#8a8a93;position:relative;}
/*top*/
.top{z-index:9999;width:100%;padding:18px 0 10px;}
.top .logo{float:left;}
.top .logo img{height: 70px;margin-top: 15px;}
.top .logo .bs_logo_text{display: none;}
.top .line{width:1px;height:55px;background:#D8D8D8;display:block;float:left;margin-left:12px;margin-top:24px;}
.top .top_txt{padding:18px 0 16px 13px;line-height:32px;float:left;font-size:18px;color:#5f5f5e;}
.top .top_right{padding:0px 1px;float:right;}
.top .top_right .top_phone{background:url(../images/topphone.svg) no-repeat left center;margin:24px 0 25px;padding:0 20px 0 55px;float:left;}
.top .top_right .top_phone p{margin:0;}
.top .top_right .top_phone p:first-child{height:16px;line-height:16px;}
.top .top_right .top_phone p:last-child{font-size:28px;font-family:Impact;height:28px;line-height:28px;color:#e1b551;margin-top:4px;}
.top .top_right .top_erweima{width:96px;height:96px;float:right;}
.top .top_right .top_erweima img{display:block;width:100%;height:100%;}
/*nav*/
#navbg{background:#068bea;}
#navbg .nav{width: 100%;position: relative;}
#navbg .nav ul{margin-bottom:0;}
#navbg .nav .firstfloor>li{display:inline-block;float:left;width:12.5%;height:67px;line-height:67px;font-size:16px;text-align:center;position:relative;color:#FFF;cursor:pointer;position:relative;}
#navbg .nav .firstfloor>li:before{content:'';width:1px;height:25px;background:#3998DF;position:absolute;right:0;top:50%;transform:translateY(-50%);}
#navbg .nav .firstfloor>li:last-child:before{content:none;}
#navbg .nav .firstfloor>li>a{display:block;height:67px;width:100%;color:#FFF;}
#navbg .nav .firstfloor>li:hover{background:#e1b551;}
#navbg .nav .firstfloor>li:hover:before{background:#e1b551;}
#navbg .nav .firstfloor>li:hover>a{color:#FFF;}
#navbg .nav .secondfloor{position:absolute;left:0;top:67px;z-index:9999;display:none;background:#FFF;width:100%;border-top:none;box-sizing:border-box;}
#navbg .nav .secondfloor>li{border-bottom:1px solid #E4EAEC;width:100%;line-height:50px;height:50px;font-size:13px;margin-left:0;}
#navbg .nav .secondfloor>li>a{width:100%;height:100%;display:block;color:#76838F;}
#navbg .nav .secondfloor li a:hover{background:#e1b551;color:#FFF;}

/*mobilehead*/
#mobilehead{height:70px;width:100%;background:url(../images/logo.svg) no-repeat 10px center #FFF;display:none;background-size:auto 50px;}
#mobilehead .logo{width:calc(100% - 120px);height:70px;display:block;float:left;}
#mobilehead .nav{float:right;}
#mobilehead .nav_bg{display:none;position:fixed;top:105px;left:0;z-index:989;width:100%;height:calc(100% - 70px);background:rgba(0, 0, 0, 0.6);animation:fade-in .43s ease 0s;-webkit-animation:fade-in .43s ease 0s;}
#mobilehead .nav .nav_box{display:none;position:absolute;top:70px;left:0;z-index:991;width:100%;overflow:auto;border-top:1px solid #eee;background:#fff;box-sizing:border-box;}
#mobilehead .nav .nav_one>li{border-bottom:1px solid #eee;padding:0 10px;}
#mobilehead .nav .nav_one>li>span>a{display:block;position:relative;width:calc(100% - 150px);height:42px;box-sizing:border-box;font-size:15px;color:#666;line-height:42px;float:left;}
#mobilehead .nav .nav_one>li>span>i{float:right;display:block;width:150px;height:42px;}
#mobilehead .nav .nav_one>li>span>i>em{float:right;width:42px;height:42px;background:url(../images/+.png) no-repeat center center;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;display:block;}
#mobilehead .nav .nav_one>li>span>i>em.on{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#mobilehead .nav .nav_one>li>ul{display:none;}
#mobilehead .nav .nav_one>li>ul>li{height:36px;line-height:36px;text-indent:20px;}
#mobilehead .nav .nav_one>li>ul>li>a{font-size:15px;color:#666;width:100%;height:100%;display:block;}
#mobilehead .nav .push-nav{display:block;position:relative;z-index:998;width:54px;height:50px;font-size:0;margin-right:8px;background:rgba(138,138,138,.5);margin-top:10px;border-radius:5px;}
#mobilehead .nav .push-nav .nav-toggle{display:block;position:absolute;left:50%;top:50%;border:0;border-radius:4px;cursor:pointer;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#mobilehead .nav .push-nav.on .nav-toggle{margin-left:-4px;}
#mobilehead .nav .push-nav .nav-toggle span{display:block;position:relative;z-index:1;width:37px;height:2px;margin:0 0 10px auto;background:#8a8a93;border-radius:3px;-webkit-transform-origin:35px;transform-origin:35px;-webkit-transition:all .5s;transition:all .5s;}
#mobilehead .nav .push-nav .nav-toggle span.two{width:30px;}
#mobilehead .nav .push-nav .nav-toggle span:last-child{margin-bottom:0;}
#mobilehead .nav .push-nav.on .nav-toggle span{ opacity:1;}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(3){-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(2){-webkit-transform:scale(0);transform:scale(0);}
#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(1){-webkit-transform:rotate(-45deg);transform: rotate(-45deg);}
#mobilehead .nav .nav_contact{position:relative;border-top:1px solid #eee;color:#666;}
#mobilehead .nav .nav_contact .nav_txt{width:100%;}
#mobilehead .nav .nav_contact .nav_txt span{height:42px;line-height:42px;display:block;float:left;position:relative;text-indent:15px;margin-left:10px;font-size:15px;}
#mobilehead .nav .nav_contact .nav_txt span a{color:#666;}
#mobilehead .nav .nav_contact .nav_txt span.sitemapicon{background:url(../images/mobilesitemap.png) no-repeat left center;background-size:auto 15px;}
#mobilehead .nav .nav_contact .nav_txt span.topphoneicon{background:url(../images/mobilephone.png) no-repeat left center;background-size:auto 15px;}

/*foot*/
#footbg{background:#242424;padding-bottom:30px;}
.foot{width: 100%;position: relative;}
.foot .f_left{width:calc(100% - 450px);float:left;padding-top:25px;position:relative;}
.foot .f_left .f_txt{padding-left:70px;margin-top:30px;position:relative;height:50px;}
.foot .f_left .f_txt i{width:50px;height:50px;position:absolute;left:0;top:0;display:inline-block;border-radius:50%;}
.foot .f_left .f_txt p{margin:0;line-height:25px;color:#FFF;margin-bottom:0;}
.foot .f_left .f_txt span{font-size:26px;font-family:Impact;vertical-align:middle;letter-spacing:0.7px;}
.foot .f_left .f_txt span em{font-style:normal;}
.foot .f_left .f_txt i.footicon1{background:url(../images/foot_icon1.svg) no-repeat center center #585858;}
.foot .f_left .f_txt i.footicon2{background:url(../images/foot_icon2.svg) no-repeat center center #585858;}
.foot .f_left .f_txt i.footicon3{background:url(../images/foot_icon3.svg) no-repeat center center #585858;}
.foot .f_left .f_txt i.footicon4{background:url(../images/foot_icon4.svg) no-repeat center center #585858;}
.foot .f_left .f_erweima{position:absolute;right:30px;top:170px;width:132px;}
.foot .f_left .f_erweima img{width:132px;height:132px;display:block;}
.foot .f_left .f_erweima p{margin:0;height:20px;line-height:20px;margin-top:5px;font-size:12px;text-align:center;color:rgba(162,162,162,.8);}
.foot .f_right{width:430px;float:right;padding-top:40px;color: #ffffff;}
.foot .f_right .f_title{line-height:20px;color:rgba(255,255,255,.5);text-align:right;}
.foot .f_right .feedback{margin-top:6px;}
.foot .f_right .feedback li{color:#666;float:left;;margin-top:15px;width:49%;margin-left:2%;}
.foot .f_right .feedback li:nth-child(odd){margin-left:0;}
.foot .f_right .feedback li:nth-child(5){margin-left:0;width:100%;}
.foot .f_right .feedback li input{width:100%;height:40px;line-height:34px;padding:3px 5px;outline:none;border-radius:3px;}
.foot .f_right .feedback li textarea{width:100%;height:100px;border:1px solid #DDD;resize:none;padding:10px;outline:none;vertical-align:top;border-radius:3px;}
.foot .f_right .feedback .f_btn{width:100%;height:40px;border-radius:3px;background:#068bea;display:block;color:#FFF;line-height:40px;cursor:pointer;position:relative;text-indent:30px;margin-top:21px;font-size:16px;outline:none;text-align: center;}
.foot .f_right .feedback .f_btn:after{content:'提交留言';width:100px;height:40px;position:absolute;top:0;left:50%;text-indent:0;margin-left:-50px;}
/*footbottom*/
#footbottombg{background:#242424;border-top:1px solid #3a3a3a;padding:20px 0;}
.footbottom{width: 100%;position: relative;}
.footbottom p{margin:0;color:rgba(255,255,255,.5);line-height:20px;}
.footbottom p a{color:rgba(255,255,255,.5);}
.footbottom p span{display:inline-block;margin-right:5px;}

/*friendlink*/
.friendlink{background:#0B1528;padding:24px 0 36px;}
.friendlink span{width:75px;float:left;display:block;height:24px;line-height:24px;font-size:14px;color:#AFAFAF;margin-top:5px;}
.friendlink .fl_a{width:calc(100% - 75px);float:right;}
.friendlink .fl_a a{color:#AFAFAF;white-space:nowrap;display:inline-block;font-size:14px;position:relative;height:24px;line-height:24px;margin-right:25px;margin-top:5px;}

#floatBottom{width:100%;height:53px;background:#0d6fb7;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;}
#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) {
    .pfdq_title{font-size:42px;height:52px;line-height:52px;}
    .pfdq_p{font-size:15px;margin-bottom:7px;}
    .pfdq_pp{font-size:15px;line-height:26px;margin-top:12px;}

    .friendlink{padding:18px 0 28px;}

}

@media only screen and (max-width: 1499px) {
    .pfdq_title{font-size:36px;height:46px;line-height:46px;}
    .pfdq_p{font-size:14px;margin-bottom:5px;}
    .pfdq_pp{font-size:14px;line-height:24px;margin-top:9px;}
    
    .foot .f_left .f_txt span{font-size: 20px;}
     .friendlink{padding:10px 0 20px;}
}

@media only screen and (max-width: 1299px) {
    .pfdq_title{font-size:30px;height:40px;line-height:40px;}
    .pfdq_p{margin-bottom:3px;}
    .pfdq_pp{margin-top:5px;}

    .top .line{display:none;}
    .top .top_txt{display:none;}
}

@media only screen and (max-width: 1023px) {
    .pfdq_title{font-size:24px;height:32px;line-height:32px;}
    .pfdq_pp br{display:none;}

    #mobilehead{display:block;}
    .top{display:none;}
    #navbg{display:none;}
    #mobilehead.mhead{position:fixed;z-index:9999;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);top:0;}
    #mobilehead .nav_bg.nav_bg1{top:70px;height:calc(100% - 70px);}
    #mobilehead .nav .nav_box.nav_box1{top:70px;}

    #footbg{padding-bottom:20px;}
    .foot .f_left{padding-top:0;width:100%;}
    .foot .f_left .f_erweima{display:none;}
    .foot .f_left .f_txt{margin-top:15px;width:50%;float:left;}
    .foot .f_left .f_txt span{font-size:18px;}
    .foot .f_right{width:100%;padding-top:15px;}
    .foot .f_right .f_title{text-align:left;}
    .foot .f_right .feedback li{margin-top:10px;}
    .foot .f_right .feedback .f_btn{margin-top:10px;}
    #footbottombg{padding:10px 0 70px;}

    .friendlink{padding:10px 0 20px;}
}
@media only screen and (max-width: 767px) {
    #mobilehead{background-size:auto 50px;}
    #mobilehead .nav_bg{top:70px;height:calc(100% - 70px);}
    #mobilehead .nav .nav_box{top:70px;}
    #mobilehead{position:fixed;z-index:9999;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);top:0;}

    .foot .f_left .f_txt{padding-left:70px;width: 100%;float: none;}
    .foot .f_left .f_txt span em{display:none;}
    .foot .f_right .feedback li{width:100%;margin-left:0;float:none;}
    #floatBottom{display: block;}

}