.pcheader{display: block;}
.phone-header{display: none;}
.phonefooters{display: none;}
.pcfooter{display: block;}
a.experience{font-size: 16px;display: inline-block; border-radius: 6px; color: #fff;transition: all 0.3s linear;width: 170px;height: 50px;border: 1px solid;line-height: 50px; text-align: center;background: #2f7db6;}
a.experience:hover{background: #d4e7f5; border: 1px solid #d4e7f5; color: #2f7db6;} 
.list-head-title{height: 102px; text-align: center;font-weight: bold; color: #2f7db6; font-family: "黑体"; font-size: 32px; line-height: 100px; background: url(../images/list/list-head.png) no-repeat center center;}
.list-head-title1{height: 102px; text-align: left;font-weight: bold; color: #2f7db6; font-family: "黑体"; font-size: 32px; line-height: 100px; background: url(../images/list/list-head.png) no-repeat left center;}
.list-head-title2{margin-bottom: 20px; text-align: center;font-weight: bold; color: #2f7db6; font-family: "黑体"; font-size: 32px;padding-top: 60px; background: url(../images/list/list-head.png) no-repeat center center;}
.timers{color: #545759; font-size: 14px; background: url(../images/timers.png) no-repeat left center; padding-left: 20px; line-height: 20px;}
.zixun-btn{border-radius: 6px;display: inline-block;text-align: center;transition: all 0.3s linear; width: 170px;height: 50px;line-height: 50px;color: #2f7db6; border: 1px solid #fff;  background: #fff;}
.zixun-btn:hover{background: #d4e7f5; border: 1px solid #d4e7f5; }
.btn-blue{border-radius: 6px;display: inline-block;text-align: center;transition: all 0.3s linear; width: 170px;height: 50px;line-height: 50px;color: #fff; background: #2f7db6;}
.btn-blue:hover{border: 1px solid #fff; color: #2f7db6; background: #fff; }

.list-menu{width: 100%;box-shadow:inset 0px 2px 8px 0px rgba(47, 125, 182, 0.19); }
.list-nav-div{width: 1200px; margin: 0 auto; display: flex;justify-content:space-between;}
.list-nav{position: relative; display: inline-block;}
.list-nav{display: inline-block; line-height: 80px;color: #767c81;cursor: pointer;}
.list-nav a{color: #767c81;}
.list-nav:before,.list-nav:after {content: '';width: 0%; cursor: pointer; height: 3px;background-color: #2f7db6;left: 50%;bottom: 0;transition: all 0.3s ease-in-out;position: absolute;}
.list-nav:hover:after { width: 100%;left: 0px;}
.list-nav.on:after { width: 100%;left: 0px;}
.list-nav.on{color: #2f7db6;font-weight: bold;}
.list-nav:hover{color: #2f7db6;}
.list-nav.on a{color: #2f7db6;font-weight: bold;}

.header{ width:100%!important; position:fixed; left:0; top:0; height:80px; color:#fff; background: #fff; z-index:10;box-shadow: 0px 2px 8px 0px rgba(47, 125, 182,0.29) ; transition:all 0.5s ease-in-out; z-index:20}
.header-pre{position: relative; width: 100%;height: 80px;}
.header-center{width: 1200px; margin: 0 auto;height: 79px;}
.header-left{float: left; margin-right: 48px;}
.logo{width: 124px; height: 80px;display: block; background: url(../images/logo.png) no-repeat center center;}
.headerFixed{ background:#fff!important; height:80px; box-shadow:0 3px 8px rgba(0,0,0,0.08);}
.header.down {position: fixed;top: -80px;left: 0; box-shadow:0 3px 8px rgba(0,0,0,0.08);}
.header.up {top: -58px;left: 0;box-shadow: 0 0 5px #999;position: fixed;
    -webkit-transform:translateY(58px);
    -moz-transform:translateY(58px);
    -ms-transform:translateY(58px);
    -o-transform:translateY(58px);
    transform:translateY(58px);
    -webkit-transition: -webkit-transform .3s linear;
    -moz-transition: -moz-transform .3s linear;
    -ms-transition: -ms-transform .3s linear;
    -o-transition: -o-transform .3s linear;
    transition: transform .3s linear;}

.nav{float: left; height: 80px;}
.nav-li{float: left;display: inline; height: 80px;cursor: pointer;}
.nav li .a{font-size: 18px;color: #14181b;margin-right: 23px;position:relative; line-height: 80px;height: 80px; }
.nav li .a{display:inline-block; color: #333;}
.nav li .a:before,.nav li .a:after {content: '';width: 0;height: 4px;background-color: #2f7db6;left: 50%;bottom: 0; transition: all 0.3s ease-in-out;;position: absolute;}
.nav li .a:hover:after { width: 100%;left: 0px;}
.nav li .a:hover{color: #2f7db6;}
.nav li .a.on:after { width: 100%;left: 0px;}
.nav li .a.on a{color: #2f7db6;}


.header-right{float: right; width: 340px;height: 40px;margin-top: 19px;}
.header-right-con{ border-radius: 20px;position: relative;height: 40px;background: #c2d4ea;}
.seach-con,.phone{float: left;height: 40px; width: 165px;}
.seach-con{ background:url(../images/seach.png) no-repeat 14px center #f8f8f8;transition: all 0.3s linear; position: absolute; height: 40px; left: 0; top: 0;border-radius: 25px 0 0 25px;}
.seach-input{color: #b4b9bc;font-size: 16px; line-height: 40px; margin-left: 37px;}
.header-phone{background: #c2d4ea;position: absolute;width: 172px; right: 0; top: 0;border-radius:0 25px 25px 0;}
.header-phone a{display: inline-block; background: url(../images/phone.png) no-repeat left center;font-weight: bold; margin-left:10px;line-height:40px; font-size: 18px;color: #14181b; padding-left: 25px;}
.seach-con.on{left: -100px; width: 265px;}
/* @-webkit-keyframes move_right {
    from {width: 0;}
    to { width: 265px;}}
  @keyframes move_right {
    from {width: 0;}
    to { opacity: 1; width: 265px;}}
  @-webkit-keyframes move_left {
    from {width: 265px;}
    to {width: 0;}}
  @keyframes move_left {
    from {width: 265px;}
    to {width:0;}}
  .move_right {
    -webkit-animation-name    : move_right;
    animation-name            : move_right;
    -webkit-animation-duration: 1s;
    animation-duration        : 1s;
    -webkit-animation-iteration-count : 1;
    animation-iteration-count : 1;
    -webkit-animation-fill-mode : forwards;
    animation-fill-mode : forwards;
  }
  .move_left {
    -webkit-animation-name    : move_left;
    animation-name            : move_left;
    -webkit-animation-duration        : 1s;
    animation-duration        : 1s;
    -webkit-animation-iteration-count : 1;
    animation-iteration-count : 1;
    -webkit-animation-fill-mode : forwards;
    animation-fill-mode : forwards;
  } */

.header-con{width: 1200px; margin: 0 auto;overflow: hidden;}
.sub{position: absolute; top:79px; left: 0; z-index: 9999; width: 100%; background: #fff; display: none;}
.sub-pro{background-size: 100% 100%;background-size: 100% 100%;box-shadow: 0px 2px 8px 0px rgba(47, 125, 182,0.29) inset; overflow: hidden; background: #fff; }
.sub-left{float: left; width: 210px;box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.09); padding: 50px 30px 50px 0;}
.sub-left span{display: block; text-indent: 26px;cursor: pointer; margin-bottom: 10px; border-radius: 6px; color: #14181b; width: 210px;height: 50px; line-height: 50px; background: url(../images/menu-more.png) no-repeat 190px center; }
.sub-left span.on{border-radius: 6px; background: url(../images/menu-more-on.png) no-repeat 190px center #eaf1f8; line-height: 50px; color: #2f7db6;}
.nav-phone{text-align: center;}
.nav-phone a{display: inline-block; background: url(../images/phone.png) no-repeat left center;line-height:40px; font-size: 18px;color: #14181b; padding-left: 25px;}

.sub-pro-right{float: left; width: 915px;padding: 50px 0 50px 45px;} 
.sub-right-div{display: flex;flex-wrap: wrap;display: none;}
.sub-right-div.on{display: block;animation: fadeInUp 0.5s ease;}
.sub-right-div span{display: inline-block;text-align: left;transition: all 0.3s linear; width: 170px;line-height: 45px; padding:0 16px;color: #313538; margin-bottom: 20px;}
.nav-li:nth-child(3n) .sub-pro .sub-pro-right-div:first-child span{width:220px;}
.sub-right-div a{display: inline-block; }
.sub-right-div a img{display: inline-block; float: left;margin-right: 7px;margin-top: 10px;}
.sub-right-div span:hover{background: #eaf1f8;border-radius: 6px;}
.sub-right-div span.on{background: #eaf1f8;border-radius: 6px;}
.sub-pro-right-div{display: none;}

.sub-plan{background-size: 100% 100%;background-size: 100% 100%;box-shadow: 0px 2px 8px 0px rgba(47, 125, 182,0.29) inset;  }
.sub-plan-right{float: left; width: 915px;padding: 50px 0 50px 45px;}
.sub-plan-right-div{width: 100%; overflow: hidden; display: none;}
.sub-plan-right-div.on{display: block;animation: fadeInUp 0.5s ease;}
.sub-plan-right-div span{display: inline-block; margin-right: 15px;color: #313538; margin-bottom: 20px;}
.sub-plan-right-div1 span{width: 160px;}
.sub-plan-right-div2 span{width: 200px;}
.sub-plan-right-div a {display: inline-block;line-height: 45px;padding: 0 15px;transition: all 0.3s linear;}
.sub-plan-right-div a img{display: inline-block; float: left;margin-right: 7px; margin-top: 12px;}
.sub-plan-right-div span:hover a{background: #eaf1f8;border-radius: 6px;}
.sub-plan-right-div span.on a{background: #eaf1f8;border-radius: 6px;} 

.sub-service{background-size: 100% 100%;background-size: 100% 100%;box-shadow: 0px 2px 8px 0px rgba(47, 125, 182,0.29) inset;  }
.sub-service-right{float: left; width: 915px;padding: 50px 0 50px 45px;}
.sub-service-right-div{width: 100%; overflow: hidden; display: none;}
.sub-service-right-div.on{display: block;animation: fadeInUp 0.5s ease;}
.sub-service-right-div span{display: inline-block; margin-right: 15px;color: #313538; margin-bottom: 20px;}
.sub-service-right-div a {display: inline-block;line-height: 45px;padding: 0 15px;transition: all 0.3s linear;}
.sub-service-right-div a img{display: inline-block; float: left;margin-right: 7px; margin-top: 12px;}
.sub-service-right-div span:hover a{background: #eaf1f8;border-radius: 6px;}
.sub-service-right-div span.on a{background: #eaf1f8;border-radius: 6px;} 

.sub-case{background-size: 100% 100%;box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.29) inset; }
.sub-case-right{float: left; width: 915px;padding: 30px 0 0 25px;}
.sub-case-right-div{display: none;width: 915px;overflow: hidden; }
.sub-case-right-div.on{display: block;animation: fadeInUp 0.5s ease;}
.sub-case-right ul{width: 100%;justify-content: space-between;white-space: nowrap;    height: 352px;overflow: hidden;}
.sub-case-right li{border-radius: 15px;background: url(../images/case-bg.png) no-repeat;overflow: hidden;transition: all 0.3s linear;float: left;box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.09);width: 284px;height: 312px;margin: 20px 10px 20px;}
.sub-case-right li a{display: inline-block;}
.sub-case-right li h4{font-size: 20px;color: #101a21; padding: 20px 25px;}
.sub-case-right li p{font-size: 14px; color: #757c81; padding: 0 25px;white-space: initial;}
.sub-case-right li:hover{ box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.29);}
.sub-case-right li:hover h4{color: #2f7db6;}
.sub-case-right li:hover p{color: #2f7db6;}
.sub-case-right li:hover .case-m-logo{bottom: 0;}
.case-more{text-align: center; margin-top: 10px;margin-bottom:0;}
.case-more a{display: inline-block;background: url(../images/more2.png) no-repeat right center; line-height: 20px;padding-right: 25px;}
.case-more a:hover{background: url(../images/more3.png) no-repeat right center; color: #2f7db6;}
.case-menu-div{width:284px; height: 168px;overflow: hidden; position: relative;}
.case-menu-div div img{width: 100%;height: 229px;}
.case-m-logo{position: absolute; bottom: -168px;width: 284px; left: 0; background: url(../images/case-pic-bg1.png) repeat; background-size: 100% 100%; transition: all 0.3s linear;}
.case-m-logo div{vertical-align: middle;display: table-cell;width:284px;height: 168px;text-align: center;padding: 0;margin: 0;}
.case-menu-div .case-m-logo div img{display: inline-block; width: auto;height: 40px;}

.hmCon7{ background: url(../images/m7-bg.jpg) no-repeat center center; text-align: center; height:220px; padding-top: 100px; }
.hmCon7 strong{ line-height: 46px; display: block; height: 46px; font-size: 36px; font-weight: normal; letter-spacing: 3px; color:#fff; }
.hmCon7 p{margin-top: 45px;text-align: center;}
.hmCon7 p a{display: inline-block;transition: all 0.3s linear;font-weight: bold; border-radius: 6px;background: #fff; color: #2f7db6; width: 230px;letter-spacing: 2px;height: 50px;font-size: 16px;line-height: 50px; text-align: center;}
.hmCon7 p a:hover{background: #d4e7f5 ; }


.footer{ padding-top:50px; background: #fff; width:100%!important; }
.footTop{ padding-bottom: 50px;width: 1200px; margin: 0 auto; overflow: hidden;}
.footLx{ margin-top: 22px; float:left; width:376px;}
.footer-logo{margin-bottom: 25px;}
.ewm{overflow: hidden;}
.ewm-left{float: left; width:66px; margin-right: 33px;}
.ewm-left p{font-size: 12px; color: #757c81; text-align: center;}
.ewm-right{float: left;}
.ewm-right h4{font-size: 18px; color: #2f7db6; line-height: 25px;margin-top: 5px;}
.ewm-right a{background: url(../images/footer-phone.png) no-repeat 10px center #ecf3f9; border-radius: 8px; height: 35px; line-height: 35px;font-size: 14px; color: #14181b;display: inline-block; padding-left: 40px; padding-right: 10px; margin-top: 10px;}
.ewm-right a:hover{background: url(../images/footer-phone.png) no-repeat 10px center #d4e7f5;}
.ewm-div{font-size: 16px; color: #757c81; margin-top: 15px;}

.footMenu{display: flex;justify-content: space-between;}
.footMenu dl{margin-left:46px}
.footMenu dl:first-child{margin-left:0!important;}
.footMenu dl dt{ font-size: 18px;color: #101a21; letter-spacing: 1px; line-height: 30px;margin-bottom: 30px; }
.footMenu dl dd{ font-size: 16px; color: #757c81; line-height: 36px; }
.footMenu a{color: #757c81;}
.footMenu a:hover{color: #2f7db6;}
.footer-bottom{color: #757c81; font-size: 16px; background: #f7fbff; line-height: 55px; text-align: center;}
.footer-bottom a{margin-left: 64px;color: #757c81; }

.container{width: 1200px; margin: 0 auto;} 
.hmTbox{font-size: 32px; color: #101a21; text-align: center;}
.timers{background: url(../images/timers.png) no-repeat left center; padding-left: 20px; line-height: 19px;font-size: 14px; color: #545759;}
.news-more{background: url(../images/more2.png) no-repeat right center; line-height: 20px; padding-right: 20px; font-size: 16px; color: #676767;}
.news-more:hover{background: url(../images/more3.png) no-repeat right center;color: #2f7db6;transition: all 0.2s linear;}

.m2layerBg{position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:30}
.m2layerClose {position: fixed;width: 30px;height: 30px;top: 50px;right: 50px;cursor: pointer;transition: all 500ms ease;z-index: 32; cursor:pointer}
.m2layerClose:hover{transform:rotate(180deg);}
.m2layerClose:before, .m2layerClose:after {content: '';width: 30px;height: 2px;background: #fff;position: absolute;top: 15px;}
.m2layerClose:before {left: 0;transform: rotate(45deg);}
.m2layerClose:after {left: 0;transform: rotate(135deg);}
.m2Lay_video{position: fixed;top: 50%;left: 50%;max-height: 80vw;max-width: 80vw; transform:translate(-50%, -50%); z-index:35;}.hmFocusWpr{position:relative;}
.dsNone {display: none}


.pages{width:455px; margin: 45px auto 10px;  height: 40px; clear: both; display: flex;justify-content: space-around;}
.page-prevs,.page,.page li,.page-nexts{float: left; cursor: pointer;margin-right: 10px;}
.page-prevs,.page-nexts,.page li a{display:inline-block; background: #fff; line-height: 42px; text-align: center;  width: 42px; height: 42px; border: 1px solid #f1f1f1;}
.page li a:hover{color: #fff; background: #2f7db6; border:none; width: 44px; text-align: center; height: 44px;}
.page-prevs{background: url(../images/left.png) no-repeat center center #fff;}
.page-prevs:hover{background: url(../images/left-on.png) no-repeat center center #2f7db6;}
.page-nexts{background: url(../images/right.png) no-repeat center center #fff;}
.page-nexts:hover{background: url(../images/right-on.png) no-repeat center center #2f7db6;}
.page-more{display: none;}
.page-nexts{margin-right: 0;}

/* 搜索 */
.seach-div{width: 100%; height:100px;padding-top: 38px; background: #fff;}
.seach-div-con{width: 1030px; margin: 0 auto;height: 50px;border-radius: 25px;justify-content: space-between; display: flex;overflow: hidden; background: #f8f8f8;border: 1px solid #eee;}
.seach-div-con-left input{line-height: 48px;font-size: 18px; color: #b4b9bc;width: 800px; background: url(../images/seach.png) no-repeat 20px center;padding-left: 50px;}
.seach-div-btn{height: 48px;cursor: pointer; display: inline-block;border-radius:25px; background: #5796c3;width: 106px; text-align: center; line-height: 48px; font-size: 18px; color: #fff;}
.seach-box1{width: 100%;padding: 25px 0; background: url(../images/list/seach-div-bg.jpg) no-repeat;}
.seach-box1-con{width: 1200px; margin: 0 auto;} 
.seach-box1-con a{border-radius: 15px;display: block;background: url(../images/opacity-bai-bg.png) repeat; transition: all 0.3s linear; overflow: hidden;margin-bottom: 15px; height: 250px;box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.09);}
.seach-box1-con dl{padding: 35px; overflow: hidden;}
.seach-box1-con dt{float: left;width: 260px;}
.seach-box1-con dd{float: left;width: 780px;margin-left: 42px;margin-top: 12px;}
.seach-box1-con dd h4{font-size: 20px; color: #101a21;}
.seach-box1-con dd p{color: #757c81; height: 55px; overflow: hidden; line-height: 25px; margin: 24px 30px 40px 0;}
.seach-box1-con a:hover{box-shadow: 0px 2px 8px 0px rgba(47, 125, 182, 0.54);}
.seach-box1-con a:hover h4{color: #2f7db6;}


/* 弹窗 */
.layui-layer-content,.layui-layer{border-radius: 20px;}
.apply-in{width: 100%; height: 630px; background: url(../images/open-bg.jpg) no-repeat left top; position: relative; background-size: 100% 100%;}
.closes{position: absolute; right: 30px; top: 30px; display: inline-block; width: 31px; height:32px; background: url(../images/close1.png) no-repeat;cursor: pointer;}
.business-left{float: left; width: 420px;padding: 70px 0 0 60px;}
.business-form{width: 100%; overflow: hidden;}
.business-form dl{width: 100%; }
.business-form dl:last-child{margin-top: 30px;}
.business-form dt{width: 92px; line-height: 38px;}
.btn1{width: 400px; border: 1px solid #e4e4e4;background: #fff;  text-indent: 5px; line-height: 38px; border-radius: 4px;}
.btn1.on{border:1px solid #2a7eba; }
.red{display: inline-block;width: 15px; color: #e10012;}
.taxtarea{height: 85px;width: 400px;border: 1px solid #d7d7d7;border-radius: 4px;}
.apply-btn{ padding: 0 40px; cursor: pointer; margin-top: 30px; line-height: 45px;color: #fff;transition: all 0.3s linear;background: #2a7eba;display: inline-block;border-radius: 5px;}
.apply-btn:hover{background: none; color: #2a7eba; border: 1px solid #2a7eba;}
.business-right{float: left; width: 420px;padding: 70px 30px 10px 0;margin-left:110px;}
.apply-in h3{font-size: 28px; color: #2a7eba; margin-bottom: 10px;}
.business-right p{font-size: 16px; color: #2e3337; margin: 20px 0;}
.business-right div span{font-size: 14px; display: inline-block; color: #656b6f;}
.business-right-phone{margin-top: 30px; padding-left: 50px; background: url(../images/open-phone.png) no-repeat left center;}
.business-right-phone h4{font-size: 34px; color: #f6a70e;font-weight: bold;}


/* 飘窗 */

.fixed_r_nav{position: fixed; bottom: 90px; right:0;width:80px;z-index: 10; height: 300px;background: url(../images/kefu.png) no-repeat; background-size: 70px 214px;}
.fixed_r_nav li{position: relative;}
.fixed_r_nav li a{display: block;text-align: center;}
.fixed_r_nav li a img{display: inline-block;}

.fixed_r_nav .gotop {display: none;width:82px;height: 86px;background: url(../images/top.png) no-repeat;background-size: 72px 76px; cursor: pointer; }
.fixed_r_nav li a.on{opacity: 0.8;}
.inner{position: relative;width: 60px;height: 218px;margin-left: 5px;}
.inner-box{position: absolute; display: none;}
.inner-box-con{padding: 20px;display: none;}
.inner-bg1{background: url(../images/phone-bg.png) no-repeat;background-size: 100% 100%; width: 218px; height: 208px;left: -225px; top: 0;}
.inner-bg1 h6{font-size: 22px; line-height: 25px;font-weight: bold; color: #2f7db6;}
.inner-bg1 p{font-size: 14px; color: #333; line-height: 30px;}
.inner-bg2{width: 218px;height: 218px; background-size: 100% auto;left: -225px; top: -105px;}
.inner-bg2 div{text-align: center;}
.li_3{margin-top:20px; margin-bottom: 10px;padding-bottom:20px; background: url(../images/kefu-line.png) no-repeat left bottom;}
.li_2 a img{width: 60px;}
.li_3 a img{width: 28px;}
.li_4 a img{width: 28px;}



@media screen and (max-width: 1200px){
            
            .fixed_r_nav{width: 60px; background-size: 50px auto;}
            .inner{width: 40px;height: auto;margin-bottom: 20px;}
            .li_2 a img{width: 40px;}
            .li_3 a img{width: 25px;}
            .li_4 a img{width: 25px;}
            .li_3{margin-top: 10px;margin-bottom: 10px;padding-bottom: 10px;}
            .fixed_r_nav .gotop{width: 52px; height: 56px; background-size: 52px;}

            .zixun-btn{width: 100px; font-size: 14px; height: 40px; line-height: 40px;}
            .list-head-title{font-size: 18px;background-size: 110px auto; height:60px;line-height: 30px;padding-top: 30px;}
            .list-head-title2{font-size: 17px;background-size: 110px auto; height:initial;line-height:30px; padding-top: 20px;}
            .list-head-title1{font-size: 18px;}
            .list-menu{width: 96%;box-shadow:inset 0px 2px 8px 0px rgba(47, 125, 182, 0.19); padding: 0 2%;overflow: hidden;}
            .list-nav-div{width: 100%;overflow-x: scroll; overflow-y: hidden;justify-content:initial; white-space: nowrap;}
            .list-nav{height: 80px;line-height: 80px;margin-right: 20px;}
            .list-nav span{font-size: 14px;justify-content: space-around;}
            .btn-blue{width: 100px; height: 40px; line-height: 40px;font-size: 14px;}
           
            
            .pages{width: 95%;margin: 20px auto;}
            .page-prevs, .page-nexts, .page li a{width: 30px; height: 30px; line-height: 30px;}
            .page-prevs, .page, .page li, .page-nexts{margin-right: 0;margin-left: 6px;}
            .page{margin-right: 0; margin-left: 0;}

            .phonefooters{display: block;}
            .pcfooter{display: none;}
            .pcheader{display: none;}
            .phone-header{display: block;}
            .phone-header{width: 96%; display: block; height: 80px; top: 0; padding: 0 2%; z-index: 11;background: url(../images/opacity-bai-bg.png) repeat; position: fixed;box-shadow: 0 0 15px #ccc;}
            .phone-header-con{position: relative;height: 80px;}
            .phone-header-left{width: 40%; float: left; display: inline-block;}
            .phone-header-left a{display:table-cell; vertical-align: middle; width: 100%; height: 80px;}
            .phone-header-left a img{height: 29px;}
            .phone-header-right{float: right;display:flex;margin-right: 2%;}
            .phone-login,.seach-icon{display: inline-block; margin-top: 28px;margin-right: 15px;padding-right: 15px; background: url(../images/line.jpg) no-repeat right center;}
            .phone-login img,.seach-icon img{height: 20px;}

            .phone-menu{padding-top: 7px; margin-top: 20px;margin-right: 15px;}
            .bar1, .bar2, .bar3 { width: 20px;height: 3px;background-color: #1d0e10;margin: 4px 0;transition: 0.4s; border-radius: 6px;}
            .change .bar1 {-webkit-transform: rotate(-45deg) translate(-3px, 5px) ;transform: rotate(-45deg) translate(-3px, 5px) ;}
            .change .bar2 {opacity: 0;}
            .change .bar3 {-webkit-transform: rotate(45deg) translate(-5px, -7px) ;transform: rotate(45deg) translate(-5px, -7px) ;}

            .nav-name{width: 100%; display: block; line-height: 50px; font-size: 16px; border-bottom: 1px solid #ececec; position: relative;}
            .nav-name-dot{display: inline-block; width:20px; position: absolute; right: 2%; bottom: -5px;}
            .nav-name.on{color: #e60012;}
            .phone-seach{width:100%;margin: 15px auto; text-align: left; border: 1px solid #ececec;border-radius: 5px; position: relative;}
            .phone-seach-sub .phone-seach{width:90%;}
            .phone-seach-btn{ text-indent: 10px; line-height: 45px;}
            .phone-seach img{position: absolute; right: 5%; top: 10px; width: 25px;}
            .phone-ewm{text-align: center; padding: 40px 0 0;}
            .phone-ewm img{width: 70%; display: inline-block;}

            .phone-seach-sub{position: absolute; left:-2%; top: 70px;box-shadow: 1px 0 5px #eee; width: 104%; text-align: center; background: #fff; display: none;}
            .phone-seach-sub .btn-phone{width: 80%; display: block; border-radius: 5px; margin: 20px auto; background: #e60012; text-align: center; color: #fff; line-height: 35px;}

            .phone-menu-sub{position: absolute;height: calc(100vh - 80px);  left:-2%; top: 80px;box-shadow: 1px 0 5px #eee; width: 104%;background: #f7fbff;display: none;}
            .phone-nav-left{ width: 25%; float: left;height: calc(100vh - 120px);padding-top: 40px;}
            .phone-nav-left span{display: block; text-align: left; font-size: 14px; padding-bottom: 30px; text-indent: 15px;}

            .phone-nav-left span.on{color: #2f7db6;}
            .phone-nav-left a{display: block; text-align: left; text-indent: 15px; font-size: 14px; margin-bottom: 30px;}
            .phone-nav-right{width: 75%; float: left; height: calc(100vh - 80px);box-shadow: 0px 5px 8px 0px rgba(47, 125, 182, 0.07);}
            .phone-nav-right-div{display: none;padding-top: 20px;}
            .phone-nav-a{width: 85%; margin: 0 5%;}
            .phone-nav-name{position: relative;padding: 20px 0;font-size: 14px;color: #101a21; border-bottom: 1px solid #dbedff;}
            .phone-nav-name a{font-size: 16px;color: #101a21;}
            .phone-nav-name:after{ content: ""; background: url(../images/more-down-left.png) no-repeat center center; display: inline-block; height: 14px; width:8px; background-size:cover; position:absolute; right:10px; top:22px; transition:all 0.5s ease-in-out; transform:rotate(180deg); }
            .phone-nav-sub{display: none;}
            .phone-nav-name.on:after{transform:rotate(270deg);}
            .phone-nav-name.on{color: #2f7db6;}
            .phone-nav-sub li{padding:10px 15px; font-size: 14px;}
            .phone-nav-sub li a{font-size: 12px;}

            .hmTbox{font-size: 18px; color: #101a21; text-align: center;}
            .head-title{font-size: 20px;margin: 20px 0; text-align: center; color: #101a21;}
            .container{width: 90%; margin: 0 auto;}

            .hmCon7{ background: url(../images/phone/hmCon7-bg.png) no-repeat center center; text-align: center; height:160px; padding-top: 40px; }
            .hmCon7 strong{ line-height: 46px; display: block; height: 46px; font-size: 17px; font-weight: normal; letter-spacing: 3px; color:#fff; }
            .hmCon7 p{margin-top: 25px;text-align: center;}
            .hmCon7 p a{display: inline-block;transition: all 0.3s linear; border-radius: 6px;padding: 0 15px;width: initial; background: #fff; color: #2f7db6; height:40px;font-size: 14px;line-height: 40px; text-align: center;}
            .hmCon7 p a:hover{background: #2f7db6; color: #fff;}

            a.experience{font-size: 14px;display: inline-block; border-radius: 6px; color: #fff;transition: all 0.3s linear;padding: 0 20px;width: initial; height: 40px;border: 1px solid;line-height: 40px; text-align: center;background: #2f7db6;}
            a.experience:hover{background: #fff; border: 1px solid #2f7db6; color: #2f7db6;} 
            a.experience1{font-size: 14px;display: inline-block; border-radius: 6px; color: #fff;transition: all 0.3s linear;padding: 0 20px;width: initial; height: 40px;border: 1px solid;line-height: 40px; text-align: center;background: #2f7db6;}
            a.experience1:hover{background: #fff; border: 1px solid #2f7db6; color: #2f7db6;} 

            /* phonefooters */
            .phonefooters{width: 100%; background: url(../images/phone/footer-bg.jpg) no-repeat center top; background-size: 100% 100%;}
            .footer-logo-img img{height: 25px;}
            .footer-logo-img{width: 90%;margin: 0 auto; display: flex;justify-content: space-between;padding: 20px 0;}
            .footer-nav-a{width: 90%; margin: 0 auto;}
            .footer-nav-name{position: relative;padding: 20px 0;font-size: 16px;color: #101a21; border-bottom: 1px solid #e0e0e0;}
            .footer-nav-name a{font-size: 16px;color: #101a21;}
            .footer-nav-name:after{ content: ""; background: url(../images/more-down-left.png) no-repeat center center; display: inline-block; height: 14px; width:8px; background-size:cover; position:absolute; right:10px; top:22px; transition:all 0.5s ease-in-out; transform:rotate(180deg); }
            .footer-nav-sub{display: none;}
            .footer-nav-name.on:after{transform:rotate(270deg);}
            .footer-nav-sub li{padding: 15px 0; border-bottom: 1px solid #e0e0e0; }
            .footer-nav-sub li a{font-size: 14px; color: #757c81;background: url(../images/more-down.png) no-repeat 97% center;background-size: 8px 14px; display: block;}
            .phone-footer-bottom{text-align: center; padding: 20px 0 40px;}
            .phone-footer-bottom div{font-size: 12px;color: #757c81;}


            /* 搜索 */
            .seach-div-con{width: 95%;}
            .seach-div-con-left{width: 80%;}
            .seach-box1-con{width: 94%;}
            .seach-box1-con a{height: initial;}
            .seach-box1-con dl{padding: 20px;}
            .seach-box1-con dt{float: inherit;width: 100%;}
            .seach-box1-con dt img{width: 100%;}
            .seach-box1-con dd{float: inherit; width: 100%;margin-left: 0;}
            .seach-box1-con dd h4{font-size: 16px;}
            .seach-box1-con dd p{font-size: 14px;line-height: 20px; margin: 14px 20px 20px 0;}

         
            /* 弹窗 */
            .apply-in h3{font-size: 18px; color: #2a7eba; margin-bottom: 8px; margin-left: 5%;}
            .apply-in{background-size: 100% auto;background: url(../images/open-bg.jpg) no-repeat left bottom;}
            .closes{right: 10px; top: 10px;}
            .apply-in{height: initial;padding-top: 30px;overflow: hidden;}
            .business-left{width: 90%;float: initial; padding: 0 5%;}
            .business-right{width: 90%; float: initial;overflow: hidden; display: flex; padding: 15px 5% 30px 5%;margin-left: 0;justify-content: space-between;}
            .btn1{width: 100%;line-height: 30px;font-size: 12px;}
            .business-right h3{font-size: 18px;margin-bottom: 0;}
            .taxtarea{width: 100%;height: 40px;}
            .business-form dl{display: initial;}
            .business-form dt{width: 95%;font-size: 14px;line-height: 30px;}
            .business-form dd{width: 95%;}
            .business-right div span{font-size: 12px;}
            .apply-btn{margin-top: 10px; line-height: 35px;font-size: 12px;}
            .business-right p{font-size: 12px;}
            .business-right img{width: 110px;}
            .business-right-phone{margin-top: 20px; background-size: auto 25px;padding-left: 30px;}
            .business-right-phone h4{font-size: 20px;}
            .business-right-phone div{font-size: 14px;}
            .business-right-div{margin-right: 3%;}

}