
html{font-size: 100%;}
body{font-family: "Microsoft Yahei"; color:#666;}
/*1rem:16px   ?:122px
.row{margin: 0;}*/
a{transition: 0.6s;}
.required{color:red;}
.sfp-header{max-width: 1900px;margin: 0 auto;height: 120px;}
.sfp-header .sfp-logo{width:200px; height:50px; position: absolute; top:10px;}
.sfp-header .sfp-logo img{width:420px; height:97px;}
.sfp-header .sfp-others{height: 50px; line-height: 50px;padding-top: 40px;}

.sfp-header .sfp-others .phone_email{line-height: 18px;}

.sfp-nav{background:#2397d4;}

.navbar{padding:0;}

.empty_padding{padding:0;}
/*手机上面没有空了*/

.navbar-nav{
    display:flex;
    /*flex-direction:row;
    flex-wrap: nowrap;
    border:solid 1px blue;*/
    width:100%;
}
.navbar-nav .nav-item{
    flex-grow:1;
    text-align:center;
}

.navbar-nav .nav-item a{width:100%;height:100%;display:block; text-align:center;}
@media only screen and (max-width: 991px) {
     .navbar-nav .nav-item a{text-align:left;}
}

.navbar-nav .nav-item .nav-link{color:#fff;padding:10px 0px;}
.navbar-nav .nav-item .nav-link:focus{color:white;}

/*.navbar-nav .nav-item.active{ background: #abcdef; }
.navbar-nav .nav-item:hover{background: orange; }*/
.navbar-nav .nav-item:hover .nav-link,
.navbar-nav .nav-item.active .nav-link{color:#fff;}

.navbar-light .navbar-toggler{color:white;}
.navbar-light .navbar-toggler-icon{color:white;}

.navbar-brand img{width:2.5rem;height:2.5rem;}
.navbar-light .navbar-brand { color:white;}


.sfp-footer{min-height: 270px; background: #333; color:#989898; }

.sfp-footer .footer-top{ min-height: 228px;font-size: 0.875rem;padding-top: 30px;}
.sfp-footer .footer-top .gzh_qrcode{ text-align: center; margin-top: 2rem;}
.sfp-footer .footer-top .gzh_qrcode img{width: 7.625rem;margin-bottom: 0.4rem;}

.sfp-footer .footer-top .bt-list .title{ font-size:1.075rem;font-weight: bold;color: white;}
.sfp-footer .footer-top .bt-list .items{ margin-top: 1.5rem;padding-bottom: 1.5rem;}
.sfp-footer .footer-top .bt-list .item{line-height: 1.8rem; }
.sfp-footer .footer-top .bt-list .item a,.sfp-footer .footer-top .bt-list .item a:hover{color:#989898; text-decoration:#797979; }
.sfp-footer .footer-top .bt-list .content{margin-top: 1.5rem;}


.sfp-footer .footer-bottom{border-top:solid 1px #797979; line-height: 40px;padding:0px 6px;}
.sfp-footer .footer-bottom a, .sfp-footer .footer-bottom a:hover{color:#989898; text-decoration:#797979;}

.sfp_main{padding-bottom:10px; min-height:500px;}
.sfp_main .bigphoto{height: 352px; margin-top: 2px;}
.sfp_main .bigphoto img{height: 352px;max-width: 1110px;}

.sfp_main .classic_title{}


.sfp_main .fw_dt { margin-top: 14px; }

.sfp_main .td_lanmu{ text-align: center; }



.sfp_main .bj_item{height: 352px;position:relative;}

.sfp_main .bj_item.one{background:url(../images/dt_01.jpg) no-repeat ; }
.sfp_main .bj_item.two{background:url(../images/dt_02.jpg) no-repeat ; }
.sfp_main .bj_item.three{background:url(../images/dt_03.jpg) no-repeat ; }
.sfp_main .bj_item.four{background:url(../images/dt_04.jpg) no-repeat ; }

.sfp_main .wenzi{background-color:rgba(0,0,0,0.7);height:112px;  position: absolute; bottom:0;text-align: center; color: #fff;padding:10px 10px;line-height:20px;}

.sfp_main .wenzi .title{font-size:17px;}

/*.sfp_main .lanmu_fuwu{ margin: 29px auto;}
.lanmu_fuwu{height:24px;}
.fwxm_bg{background:url(../images/fwlogo.png) no-repeat ; margin:10px auto ;width:261px;height:24px;}
.fwxm_lm{position: relative;left:86px; line-height: 24px; font-size: 24px; color: #808080;}*/
.sfp_main .classic_title {line-height: 24px; font-size: 24px; color: #808080;width:100%;}
.sfp_main .classic_title .area_box{width:270px; margin:0 auto;height: 80px;position: relative;}
.sfp_main .classic_title .bg_line{background: #666;position: absolute;top:39px;width:270px; height: 1px; z-index: 1;}
.sfp_main .classic_title .txt{position: absolute;top:0px;background: #fff;padding: 10px 20px;top:15px; text-align: center;left:50%; margin-left: -70px; width:140px;z-index: 2}
.sfp_main .classic_title .wmdys{margin-left: -80px; width:160px;}

.sfp_main .lanmu_fuwu{ margin: 29px auto;height:24px;}
.fwxm_bg{background:url(../images/fwlogo.png) no-repeat ; margin:10px auto ;width:261px;height:24px;}
.fwxm_lm{position: relative;left:86px; line-height: 24px; font-size: 24px; color: #808080;}


.fwxm_wk{height:auto; text-align: center; }
.fwxm_top{background: #2297d4;height:123px; color:#fff; padding-top: 20px; font-size: 22px; text-align: center;}
.fwxm_bottom{min-height:300px; background: #ececec; font-size: 16px; padding-top: 22px; text-align:left;}
.fwxm_bottom.left40{padding-left:40px;}
.fwxm_bottom.left100{padding-left:100px;}
.fwxm_bottom .inner_content{margin:0 auto;}
.fwxm_bottom .inner_content.first{width:80%;}
.fwxm_bottom .inner_content.second{width:50%;}
.fwxm_bottom .inner_content.third{width:40%;}

@media only screen and (max-width: 991px) {
    .fwxm_bottom .inner_content.first{width:90%;}
    .fwxm_bottom .inner_content.second{width:80%;}
    .fwxm_bottom .inner_content.third{width:80%;}
}
@media only screen and (max-width: 767px) {
    .fwxm_bottom .inner_content.first{width:80%;}
    .fwxm_bottom .inner_content.second{width:80%;}
    .fwxm_bottom .inner_content.third{width:80%;}
}



.fw_poto img{max-width:100%; margin-top:16px;width: 100%;}



.xg_left {border:1px #e4e4e5 solid;}/* 853*580 */
.xg_left img{width:100%;}

.xgfl_bt{line-height: 30px; margin-top:12px;text-align:left;}
.xgfl_bt.first{margin-top:0px;}
@media only screen and (max-width: 767px) {
    .xgfl_bt.first{margin-top:12px;}
}

.xgfl_wenben{border:1px #e4e4e5 solid; cursor:pointer;}
.xgfl_wenben.selected{border:solid 1px #33a8f5; box-shadow:#ccc 2px 2px 4px;}
.xgfl_wenben img{width:100%;overflow:hidden;}

.xg_right{}

.qk_box{width:100%; overflow: hidden;}
.qk_box_inner{width:1600px;}
.qk_box_one{width:225px; float: left;}

.ys_box{ background: url("../images/youshi_bg.jpg") no-repeat; background-size: cover; height: 507px; }
.ys_box img{width:100%;}
.ys_box .white_board{background: white;opacity: 0.9;margin-top: 90px;height: 350px; border-radius: 10px;}




.ys_bt{height:164px;}
.ys_wz_bt{border-bottom: solid 1px #000; height:39px; font-size: 17px; line-height: 39px;  font-weight: bold;}
.ys_wz_nr {margin-top: 6px; font-size: 13px;  }

.ys_wz_one{width:186px; top:62px;left:50%; position: absolute;margin-left: -94px;}
.ys_wz_two{width:186px;top:120px;left:50%; position: absolute;margin-left: -94px;}
.ys_wz_three{width:186px; top:180px;left:50%; position: absolute;margin-left: -94px;}

@media only screen and (max-width: 991px) {
    .ys_wz_one{top:22px;}
    .ys_wz_two{top:120px;}
    .ys_wz_three{top:220px;}
}

@media only screen and (max-width: 767px) {
    .ys_wz_one{top:12px;}
    .ys_wz_two{top:70px;}
    .ys_wz_three{top:130px;}
}

.hz_box{margin-bottom:18px;}



.article_box{margin-top: 20px; margin-bottom: 20px; }
.article_left{ background: #dbf0f3;  border: 1px solid #e2e8e8; line-height: 48px; }
.article_left a{color: #000; width:100%; text-decoration: none; display: block;padding:0px 15px;}
.about_left a:active{width:100%; height:49px;background:#2397d4 ; color:#ffffff; text-decoration: none; }

.about_left a,.article_left .selected a{transition: 0s;}

/*.article_left a:hover,*/
/*url("../images/about_nav.png")  repeat-x*/
.article_left .selected{width:100%; height:49px;background:#2397d4 ; color:#ffffff; text-decoration: none;}
.article_left .selected a{color:#fff;}

.article_liucheng{min-height:40px;background:url("../images/runse_lc_bg.png") 10px 13px no-repeat; text-indent:24px; line-height: 40px; color: #2297d4; font-size: 20px; border-bottom: solid 1px #2297d4; }

/*.about_right{height:27px; border-bottom: 1px solid #000; line-height: 26px; width:100%;  }*/
.about_r_box{height:210px; background: #f3f6fd; border: solid #f5f6fa 2px; margin-top: 21px;}
.about_r_pic{ background:url("../images/about_us.jpg") no-repeat; width:232px; height:155px; margin-top: 24px; margin-left: 16px; float: left;}
.about_r_pic img{ }
.about_pic_wenzi{width:232px; height:25px; text-align: center; color: #fff;background:#52b7bf;opacity: 0.8; position: relative; top:130px; font-size: 13px; line-height: 25px;} 
.about_r_wenzi{ height:147px;float:left;margin-top: 24px; margin-left: 14px; font-size: 13px; line-height: 26px; text-indent:24px;}
.article_right_youshi{ margin-top: 35px; font-size: 13px;line-height: 26px; }
.article_right_youshi p{font-size: 15px; }

.new_box{margin-top: 10px; height: auto; color:#666;}
.new_box .list_item{min-height:40px; line-height:40px; font-size: 15px; border-bottom: dotted 1px #ebecec; color: #666; padding:0px 6px;}
.new_box .list_item a{ color: #666; text-decoration: none;}
.new_box .list_item a:hover{ color: #000;}
.new_box .list_item .time{float:right;}
.new_box .content_text{padding:10px 15px;}

.price{background: url("../images/price_bj.jpg") no-repeat; height:199px; overflow:hidden;}
.price_word{color: #f8f7fe;font-size: 16px; position: absolute; top:70px; left:30px; z-index: 10;  }
.price_tittle{ margin-top: 24px; height:40px; border-bottom: solid 1px #2297d4;color: #2297d4; background:  url("../images/runse_lc_bg.png") 15px center no-repeat; text-indent: 24px; font-size: 20px; line-height: 40px;}
.price_one{ margin-top: 19px; }
.price_pic{background: url("../images/price_pic.jpg") no-repeat; width:390px;height:260px; }
.price_p_tittle{height:37px; background: #2297d4; position: relative; top:223px; color: #fff;  line-height: 30px;}
.price_tittle_left{padding-left: 40px; }
.price_tittle_left span{ margin-left: 140px; }
.price_tittle_right{font-size:13px; margin-top:10px; line-height:30px;}

.price_two{ margin-top:87px; }
.price_tittle_two{font-size: 13px;  line-height:30px;}
.price_p_tittle_two{background: url("../images/price_pic_two.jpg") no-repeat; width:390px;height:260px; }

.price_p_tittle_three{background: url("../images/price_pic_three.jpg") no-repeat; width:390px;height:260px; }
.price_three{margin-top:87px;}
.price_tittle_three{font-size: 13px; line-height:30px;margin-bottom: 60px; margin-top:10px;}

.runse{background: url("../images/runse_bg.jpg") no-repeat; height:199px;}
.runse_word{width:279px;position: relative; top:84px; left:100px; color: #afcde9; font-size:13px; line-height: 20px;}

.runse_box{ margin-top: 30px; margin-bottom: 20px; }
.runse_one_top{height: 48px; background:url("../images/runse_one_top.png")repeat-x; text-align: center; color: #fff; line-height: 48px;font-size: 24px; }
.runse_one_content{background: #efffff;font-size: 15px; color: #4a4a4a;  border:solid 1px #e6e6e6;border-top:none;min-height:760px;}
.runse_content_one{text-align: center; height:92px; border-bottom: solid 1px #e6e6e6; padding-top: 23px;}
.runse_content_two{text-align: center; line-height: 58px; border-bottom: solid 1px #e6e6e6; }
.runse_content_three{line-height:35px;padding-left: 10px; padding-right: 10px;}

.runse_two_top{height: 48px; background:url("../images/runse_two_top.png")repeat-x; text-align: center; color: #fff; line-height: 48px;font-size: 24px; }
.runse_two_content{font-size: 15px; color: #4a4a4a; border:solid 1px #e6e6e6; border-top:none;min-height:760px; }

.runse_liucheng{height:40px;background:url("../images/runse_lc_bg.png") 10px center no-repeat; text-indent: 12px; line-height: 40px; color: #2297d4; font-size: 20px; border-bottom: solid 1px #2297d4; margin-top:10px;}
.runse_neirong{font-size: 15px; line-height: 20px; margin-top: 20px; padding-bottom: 10px;}

.problem{ padding-bottom:20px; }
.problem_da{color: #666666; line-height:30px; font-size: 15px; border-bottom: 1px solid #d8d8d8; padding-bottom: 10px;}
.problem_wen{font-size: 19px; margin-top:20px; line-height: 30px;}
.problem_dt{background: url("../images/problem_bg.jpg") no-repeat; height:199px;}

.header_float_wenzi{color: #f8f7fe;font-size: 16px; position: absolute; top:70px; left:30px; z-index: 10; }
.header_float_wenzi .wenzi_title{ font-size: 24px; color: #fdb129;}
.header_float_box{position: absolute; top:64px; left:0px; background: black; opacity: 0.4;width:500px;height: 100px; z-index: 9;max-width:100%;}

@media only screen and (max-width: 414px) {

    .header_float_wenzi{font-size:12px;}
}

.pay_tittle{font-size: 15px; line-height: 45px;}
.pay_dt{background: url("../images/pay_bg.jpg") no-repeat; height:199px; overflow:hidden; }
.pay_zffs{padding-top:10px;}
.pay_da{color: #666666; line-height:30px; font-size: 15px;}
.pay_box{line-height: 30px;border:1px #666 solid; border-bottom:none; border-right:none;}
.pay_wk{color: #666666; line-height:30px; font-size: 13px; margin-bottom: 80px;border-right:solid #666 1px;border-bottom: 1px #666 solid; }

.case_dt{background: url("../images/case_bg.jpg") no-repeat; height:199px; margin-bottom: 20px; overflow:hidden;}

.case_wenzi{color: #7c7b7b;font-size: 14px; position: relative; top:48px; left:60px; line-height: 30px;}
.case_dazi{color:#fdb129;font-size: 24px; position: relative; top:38px; left:60px; line-height: 30px; }

@media only screen and (max-width: 414px){
    .case_wenzi{top:18px;left:10px;}
    .case_dazi{top:12px;left:10px;}
}

.case_liucheng{font-size: 20px;height:40px;background:url("../images/runse_lc_bg.png") 10px center no-repeat; text-indent: 12px; line-height: 40px;  border-bottom: solid 1px #2297d4; color: #2297d4;}
.case{ margin-top: 20px; }
.case img{width:262px; height:217px; margin-bottom: 20px;}
.case_item{overflow:hidden;padding:10px;}
.case_item img{width:100%;border:solid 1px #ccc;}


.order{margin-top: 20px; padding-bottom:30px; overflow:hidden;}

.order_left{background: url("../images/order_bg.png") no-repeat 100px 60px;}
.order_right{}

.order_bd{ padding:20px 40px; border-radius: 4%; box-shadow: 2px 2px 2px 2px rgba(237,242,252,0.5), -1px 1px 1px 1px rgba(237,242,252,0.5); border: solid 1px #e9effb; font-size: 14px; line-height:30px;}
.order_bd p{color: #2397d4; font-size: 20px; line-height:30px; margin-top:10px; margin-bottom: 30px;}
/*
.order_bd input{border: solid 1px #dddddd; margin-left: 10px;}
*/
.tijiao input{background: #409bff; width:213px; height:43px; border: none; color: #fff; border-radius:10% / 50%; margin-top: 10px;}




 .poker_wrap {
        margin: 0 auto;
        position: relative;
        perspective: 800px;
        perspective-origin: 50% 50%;
        width: 260px;
        height: 349px;
        font-size: 0;
    }

    .poker_wrap .poker {
        transition: all 1s ease;
        transform-style: preserve-3d;
        backface-visibility: hidden;
        position: absolute;
        top: 0;
        left: 0;
    }

    .poker_wrap .front {
        transform: rotateY(0deg);
    }

    .poker_wrap .back {
        transform: rotateY(-180deg);
    }

    .poker_wrap:hover .front {
        transform: rotateY(180deg);
    }

    .poker_wrap:hover .back {
        transform: rotateY(0deg);
    }





.price_box{margin-top: 30px;}
.price_box p{margin:0; padding:0;}

.price_one_pic{background:url("../images/price_pic_two.jpg") no-repeat;  padding-left:420px;}
.price_two_pic{background:url("../images/price_pic.jpg") no-repeat; height: auto; padding-left:420px;}  
.price_three_pic{background:url("../images/price_pic_three.jpg") no-repeat; height: auto; padding-left:420px;} 
.price_content{margin-bottom: 80px;}

.price_item{color: #817f7f; font-size: 15px; line-height:30px; padding-bottom: 10px;}
.price_header{font-size:21px; line-height: 30px; overflow: hidden; color:#333;font-weight:bold; }
.price_header_sign{float:right;}
.price_text{border-bottom: solid 1px #ddd; padding-bottom:4px; }
.price_text_others{ line-height:35px;}

.price_price{color: #fdb129; font-size: 30px; font-style: italic; font-weight: bolder;}




/*分页控件*/
.reqee_pager{ color:White;  background-color: #ffffff;font-family: Arial; height: 25px; width: 620px; text-align: center; line-height:25px; background:#fff; margin:0 auto; margin-top:20px; vertical-align:top;}
.reqee_pager .firstlast{ width:60px; height:25px; margin-right:8px;}
.reqee_pager .firstlast img{ width:60px; height:25px;}
.reqee_pager .prevnext{ width:27px; height:25px;margin-right:8px; }
.reqee_pager .number{background:url(/ClientFile/Images/pager/number.gif) no-repeat; width:27px; height:25px; color:White;display:-moz-inline-box;display:inline-block; margin-right:8px; text-align:center; position:relative;}
.reqee_pager a.number{ color:White; text-decoration:none;}
.reqee_pager .currpage{background:url(/ClientFile/Images/pager/curr.gif) no-repeat; width:27px; height:25px; color:White;display:-moz-inline-box;display:inline-block; margin-right:8px; text-align:center; position:relative;}


.swiper-button-next,.swiper-button-prev{outline:none;}

.order_success{ font-size:24px;background:#bee2f4;padding:50px;width:90%;margin:0 auto;margin-top:20px;border-radius:10px;}

.m_footer{ display:none;}

/*The Bottom on Mobile*/
@media only screen and (max-width: 767px){
    .m_footer{height:50px;line-height:50px; display:block; background:#222;  position:fixed;bottom:0px;z-index:999;border:solid 1px #202020;width:100%;color:#ccc;}
    .m_footer .ft_item{text-align:center;}
    .m_footer .ft_item a{color:white;}
    .m_footer .ft_item a:hover{text-decoration:none;}

    .sfp-footer{padding-bottom:50px;}
}

#colorbox,#colorbox>*{ box-sizing:content-box;}