@charset "utf-8";
.pcheader{display: block;}
.phone-header{display: none;}
.phonefooters{display: none;}
.pcfooter{display: block;}
.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;}
.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-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-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-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; }
.phone-header{display: none;}


.phone-num{background: url(../images/btn-phone.png) no-repeat center center;}
.phone-num:hover{background: url(../images/btn-phone1.png) no-repeat center center;}
.phone-box{position: absolute;top: 82px; left: -124px; z-index: 9999;width: 274px; padding-top: 25px; height: 37px; background: url(../images/phone-bg.png) no-repeat;}
.phone-box i{display: inline-block; margin-left: 40px;}
.phone-box strong{color: #e6171b;}

.ewm-btn{background: url(../images/top-btn-ewm.png) no-repeat center center;}
.ewm-btn:hover{background: url(../images/top-btn-ewm1.png) no-repeat center center;}
.ewm{position: absolute;top: 82px; right: -37px; z-index: 9999;width: 150px;}
.seach-btn{background: url(../images/seach.png) no-repeat center center;}
.seach-btn:hover{background: url(../images/seach1.png) no-repeat center center;}
.sub{position: absolute; top:70px; left: 0; z-index: 9999;width: 100%;display: none;}
.seach-box{padding: 50px;background: url(../images/sub-bg3.jpg) no-repeat left; background-size: 100% 100%;}
.seach-box-in{width: 982px; margin: 0 auto; position: relative;}
.seach-box-in h3{height: 10px;margin-bottom: 15px;}
.seach-con-left{float: left; line-height: 48px; border: 1px solid #dedede; border-right: none; text-indent: 14px; width: 839px;}
.seach-img{background: url(../images/seach1.png) no-repeat center center; width: 58px; height: 48px; display: inline-block; border: 1px solid #dedede; border-left: none;}
.seach-img:hover{background: url(../images/seach1.png) no-repeat center center; width: 58px; height: 48px;}
.close{position: absolute; right: 0; top: -20px; display: inline-block; width: 21px; height: 21px;background: url(../images/close.png) no-repeat center center; cursor: pointer;}

.sub{position: absolute; top:80px; left: 0; z-index: 9999;width: 100%;}
.sub-r{padding: 50px; background: #fff; background-size: 100% 100%;box-shadow: 0 2px 15px#ccc9c9 inset; }
.sub-r ul{margin-left: -40px;}
.sub-r li{width: 220px; height: 150px; text-align: center;float: left; margin-right: 20px;}
.sub-menu-icon{width: 220px; height: 110px;}
.sub-menu-icon1{background: url(../images/menu-icon1.png) no-repeat center center #f4f4f4;}
.sub-menu-icon2{background: url(../images/menu-icon2.png) no-repeat center center #f4f4f4;}
.sub-menu-icon3{background: url(../images/menu-icon3.png) no-repeat center center #f4f4f4;}
.sub-menu-icon4{background: url(../images/menu-icon4.png) no-repeat center center #f4f4f4;}
.sub-menu-icon5{background: url(../images/menu-icon5.png) no-repeat center center #f4f4f4;}
.sub-r li h3{font-size: 16px; height: 40px; line-height: 40px; color: #434343;}
.sub-r li.on h3{color: #e60012;}
.sub-r li.on div{width: 218px; height: 108px;border: 1px solid #e60012;}

.sub-f{position: absolute;display: none;top: 80px;left: 0; width: 100%;} 
.sub-f ul{ width: 170px; margin-left: 413px;padding: 10px 0; background: #fff;}
.sub-f li{display: block; text-align: center; width: 100%;}
.sub-f li a{color: #595959; line-height: 40px;}
.sub-f li a:hover{color: #e60012;}

.modal8{width: 100%;height: 330px;position: relative;background: url(../images/m8-bg.jpg) no-repeat left bottom;background-size: 100% 100%; }
.modal8-bg{position: absolute;z-index: 0; bottom: 0;left: 0;height: 371px; width: 1019px;background:url(../images/m8-bg1.png) no-repeat -50px bottom; background-size: 100% 100%;}

.modal8-con{position: absolute;z-index: 2;left: 0; top: 0; width: 100%;text-align: right;margin-top: 76px;}
.modal8-con h4{font-size: 40px; color: #fff;margin-bottom: 40px; margin-right: 100px;}
.modal8-con div{color: #ff9c9c;font-size: 22px;margin-bottom: 17px; margin-right: 100px;}
a.more1{background: #fff;display: inline-block;color: #e10a20; font-size: 16px; margin-right: 100px; line-height: 48px;height: 48px; width: 217px; border-radius: 25px;text-align: center;}


.phonefooters{display: none;}

.icon{margin-right: 10px; margin-left: 80px; padding-left: 60px; height: 55px; padding-top: 5px;}
.icon1{background: url(../images/icon1.png) no-repeat left center;}
.icon2{background: url(../images/icon2.png) no-repeat left center;}
.icon3{background: url(../images/icon3.png) no-repeat left center;}
.icon4{background: url(../images/icon4.png) no-repeat left center;}

.icon h4{font-size: 20px; color: #333;}
.icon p{font-size: 16px; color: #6f6f6f;}



.hmTbox{font-size: 32px; color: #1e191a;display: flex; justify-content: center;}
.hmTbox span{display: inline-block; width:43px; height: 43px;}
.title1-bg{background: url(../images/title1_01.png) no-repeat center center;margin-right: 15px;}
.title2-bg{background: url(../images/title1_02.png) no-repeat center center;margin-left: 15px;}
.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: block;}
.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/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;}


/* 弹窗 */
.apply-in{width: 100%; height: 650px; background: url(../images/alert-bg.jpg) no-repeat left top; position: relative; background-size: 100% 100%;}
.closes{position: absolute; right: 30px; top: 30px; display: inline-block; width: 21px; height: 21px; background: url(../images/close2.png) no-repeat;cursor: pointer;}
.business-left{float: left; width: 480px;padding: 70px 0 0; text-align: center; background: url(../images/alert2.png) no-repeat;}
.business-left h3{font-size: 24px; line-height: 50px; margin-bottom: 40px;}
.business-right{float: left; width: 520px;padding: 70px 30px 10px;}
.business-left-div div{background: url(../images/select.png) no-repeat 100px center; line-height: 40px;}
.business-left-phone{margin-top: 60px;}
.business-left-phone h4{font-size: 26px; color: #e42020;}
.business-left-phone div{line-height: 40px;}

.business-form{width: 100%; overflow: hidden;}
.business-form dl{width: 100%; height: 38px; margin-bottom: 15px;}
.business-form dt,.business-form dd{float: left;}
.business-form dt{width: 92px; line-height: 38px;}
.btn1{width: 426px; border: 1px solid #d7d7d7; text-indent: 5px; line-height: 38px; border-radius: 4px;}
.btn1.on{border:1px solid #e60012; }
.red{display: inline-block;width: 15px; color: #e60012;}
.taxtarea{height: 85px;width: 426px;border: 1px solid #d7d7d7;border-radius: 4px;}
/* .btn2{padding: 0 40px; line-height: 45px; color: #fff; background: #e60012; display: inline-block;  border-radius: 12px;}
.btn2:hover{background: #cc0817;} */
.business-form dd select{border: 1px solid #d7d7d7;text-indent: 5px;line-height: 38px; border-radius: 4px; height: 38px;}
.select1{width: 105px;}
.select2{width: 132px;}
.select3{width: 180px;}
.select4{width: 428px;}
.apply-btn{ padding: 0 40px; cursor: pointer; margin-top: 30px; line-height: 45px;color: #fff;background: #e60012;display: inline-block;border-radius: 5px;}
.apply-btn:hover{background: #b30210;}


/* 客服 */
.fixed_r_nav{position: fixed; bottom: 150px; right:10px;width: 50px;z-index: 10; height: 220px;}
.fixed_r_nav li{margin-bottom: 10px;}
.fixed_r_nav li a{display: block;}
.fixed_r_nav .li_2 a{width:50px;height: 160px;background: url(../images/contact.png) no-repeat center center #fff;border: 1px solid #f8f8f8;}
 .fixed_r_nav .gotop {display: none;width:50px;height: 50px;background: url(../images/top.png) no-repeat center center #fff;border: 1px solid #f8f8f8;}/*box-shadow: 0 0 5px #999; */
.inner{position: relative;width: 70px;}
.inner-box{position: absolute;left: -275px; top: 0; display: none;}
.inner-box-con{padding: 0 30px; position: relative; width: 200px; height: 170px; background: #fff;border: 1px solid #f8f8f8; margin-right: 15px;}
.inner-dot{position: absolute; right: 5px; top: 50px; background: url(../images/dot_04.png) no-repeat center center; width: 12px; height: 22px;}

.inner-icon{padding-top: 10px; border-bottom: 1px solid #dedede; padding-bottom: 20px; padding-left: 60px;cursor: pointer;}
.inner-icon1{background: url(../images/phone5.png) no-repeat left center;}
.inner-icon2{background: url(../images/service1.png) no-repeat left center; display: none;}
.inner-icon3{background: url(../images/require1.png) no-repeat left center;}
.inner-icon:last-child{border-bottom: none;}
.inner-icon h6{font-size: 14px; line-height: 25px; color: #6f6f6f;}
.inner-icon p{font-size: 17px; color: #333; line-height: 30px;}
.inner-icon1:hover{background: url(../images/phone2.png) no-repeat left center;}
.inner-icon2:hover{background: url(../images/service.png) no-repeat left center;}
.inner-icon3:hover{background: url(../images/require2.png) no-repeat left center;}
.inner-icon:hover p{color: #e60012;}




@media screen and (max-width: 1200px){
            .weixin-div img{width: 100%; background: none;}
            .weixin-div p{width: 100%; padding: 20px 0; text-align: center; color: #fff;}
            .myskin{
                background-color: transparent !important; /*背景透明*/
                box-shadow: 0 0 0 rgba(0,0,0,0) !important; /*前景无阴影*/
            }
            .w1200{width: 100%;}
            .hmTbox{font-size: 18px; color: #101a21; text-align: center;}
            .head-title{font-size: 20px;margin: 20px 0; text-align: center; color: #101a21;}
            

            .modal8{width: 100%; height: 184px;background: none;}
            .modal8-bg{background-position: right;top: -54px;width: 100%; height: 230px;background: url(../images/m8-bg-phone.png) no-repeat;background-size: 100% auto; }
            .modal8-con h4{font-size: 20px;margin-bottom: 0;margin-right: 0;}
            .modal8-con{margin-top: 0;left: initial;right: 5%; width: 95%;top: -10px;}
            .modal8-con div{font-size: 13px;text-align: right;margin-bottom: 0;line-height: 43px; text-wrap: nowrap; margin-right: 0;}
            a.more1{height: 35px; line-height: 35px;font-size: 12px;width: 150px;margin-right: 0;}
            
           
            .pc-header{display: none;}
           
            .header_inner{width: 100%;}

            .phone-header{width: 96%; display: block; height: 80px; top: 0; padding: 0 2%; z-index: 11;background: #fff; position: fixed;box-shadow: 0 0 15px #ccc;}
            .phone-header.down {position: fixed;top: 0px;left: 0;box-shadow: 0 0 5px #666;}
            .phone-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;}
            .phone-header-left{width: 40%; margin-right: 5%; float: left; display: inline-block;}
            .phone-header-left a{display:table-cell; vertical-align: middle; width: 100%; height: 80px;}
            .phone-header-left a img{width: 95%;}
            .phone-header-right{float: right;display: inline-block;}
            .phone-login,.phone-menu,.seach-icon{display: inline-block; float: right; width: 20%;margin-top: 22px;margin-right: 20px;}
            .phone-login img,.phone-menu img,.seach-icon img{width: 80%;}
            .phone-menu{padding-top: 4px; margin-top: 15px;}
            .bar1, .bar2, .bar3 { width: 29px;height: 3px;background-color: #1d0e10;margin: 6px 0;transition: 0.4s;}
            .change .bar1 {-webkit-transform: rotate(-45deg) translate(-6px, 5px) ;transform: rotate(-45deg) translate(-6px, 5px) ;}
            .change .bar2 {opacity: 0;}
            .change .bar3 {-webkit-transform: rotate(45deg) translate(-7px, -7px) ;transform: rotate(45deg) translate(-7px, -7px) ;}

            .phone-menu-sub{position: absolute;height: calc(100vh - 80px);  left:-2%; top: 70px;box-shadow: 1px 0 5px #eee; width: 104%; background: #fff; display: none;}
            .phone-nav-sub{display: none;}
            .phone-nav-sub li{ line-height: 50px;padding: 0 5%; border-bottom: 1px solid #ececec;}
            .phone-nav-sub li a{ color: #6f6f6f;}
            .phone-nav{width: 90%; margin: 20px auto;}
            .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-dot img{}
            .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: 20px 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;}

                    
            .pcfooter{display: none;}
         
            .phonefooters{display: block;}
         
            .nav-name{width: 100%; line-height: 50px; font-size: 16px; border-bottom: 1px solid #ececec; position: relative;}

            .nav-name.on{color: #e60012;}
            .icon{margin-right: 0; margin-left: 5px; padding-left:35px; height: 49px; padding-top: 5px;}
            .icon1{background: url(../images/icon1.png) no-repeat left center;}
            .icon2{background: url(../images/icon2.png) no-repeat left center;}
            .icon3{background: url(../images/icon3.png) no-repeat left center;}
            .icon4{background: url(../images/icon4.png) no-repeat left center;}
         
            .icon h4{font-size: 16px; line-height: 28px;}
            .icon p{font-size: 12px;}
            .phone-footer{width: 95%; margin: 10px auto;}
          
            .phone-footer-bottom{width: 100%; padding: 30px 0; text-align: center;}
            .phone-footer-bottom div{ color: #646464; line-height: 25px; font-size: 15px;}
            .phone-footer-bottom img{margin-right: 10px; margin-bottom: 10px;}

      
           /* 弹窗 */
        .apply-phone-box{width: 100%; position: relative; background: #fff;}
        .apply-phone-con{width: 90%;  margin: 0 auto; padding: 30px 0 10px;}
        .closes{position: absolute; right: 15px; top: 15px; display: inline-block; width: 21px; height: 21px; background: url(../images/close2.png) no-repeat;cursor: pointer;}
        .apply-phone-head{border-bottom: 1px solid #d6d6d6; text-align: center; font-size: 16px; line-height: 50px;}
        .btn-close{padding: 0 40px;line-height: 38px;text-align: center;color: #fff;background: #e60012;margin: 10px auto 20px;display: block;border-radius: 5px;}
        .apply-txt{line-height: 25px; font-size: 14px;}
        .apply-txt i{color: #e60012; display: inline-block; width: 15px; text-align: center;}
        .apply-phone-bottom{padding-top: 30px;}
        .apply-phone-bottom div{ border-bottom: 1px solid #d6d6d6; ; margin-bottom: 15px; padding-bottom: 10px;}
        .apply-phone-bottom select{color: #888888;font-size: 14px; border: none;}
        .apply-phone-bottom textarea{ border: none; width: 100%;font-size: 14px; line-height: 28px; height: 60px; color: #888888; padding-left: 12px;}
        .business-phone-top{font-size: 16px; text-align: center; padding-top: 15px; line-height: 50px;margin-bottom: 20px;}
        .business-form dl{ border-bottom: 1px solid #d6d6d6;margin-bottom: 10px;}
        .business-form dl:last-child{border-bottom: none;}
        .btn1,.select1{width: 100%; border: none;font-size: 14px; line-height: 28px;}
        .business-form dd select{border: none; background: none; line-height: 28px; height: 28px;}
        .business-right-head-ul{border: none;}
        .taxtarea{width: 100%; height: 25px;border: none;}
        .business-form dd{width: 69%;}
        .business-form dt{width: 28%;font-size: 14px; line-height: 28px;}
        .select1{width: 26%;}
        .select2{width: 33%;}
        .select3{width: 33%;}
        .select4{width:100%;}

}