/* 头部 */
.header {
    width: 100%;
    height: 170px;
    background: #fff;
    z-index: 100;
    margin: auto;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border-bottom: solid 2px #c02760;
}

.header-height {width:100%;height: 170px;margin: 0 auto;}
/*headerMenu*/
.animated {position: fixed;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;}
.animated.slideDown {top: -300px;}
.animated.slideUp {top: 0;}

.header-top {width: 100%;height: 110px; padding: 18px 0;}
.header-mtop {
    display: none;
}


.header-mtop .logo { position:relative; padding:5px 0 3px 0; }
.header-mtop .logo img { display:block; height:56px; margin:0 auto; }
.header-mtop .ui {  }
.header-mtop .ui li { width:48px; height:48px; float:right; position:absolute; top:10px; }
.header-mtop .ui li.shownav { left:0; background:url(../images/shownav.png) center center no-repeat; background-size:20px; }
.header-mtop .ui li.showsos { right:0; background:url(../images/showsos.png) center center no-repeat; background-size:20px; }
.header-mtop .ui li a{display: block;width:100%;height: 100%;}




.header-logo {float: left;width: auto;height: 74px;}
.header-logo a {float: left;height: 100%;}
.header-logo a img {float: left;height: 100%;transition: all 1s;-webkit-transition: all 1s;display: block;}
.header-logo.m-logo{display: none;}

.header-right {height: 100%;float: right;}
.header-right .icon {float: left;width: 20px;margin-right: 10px;}
.header-right .icon img {width: 100%;}
.header-right a {display: block;height: 30px;line-height: 30px;}
.header-right a.header-seek{display: none;}
.header-right a h3 {float: left;font-size: 14px;font-weight: bold;color: #333;line-height: 30px;}
.header-right a h3 span {color: #c02760;font-size: 28px;line-height: 30px;}
.header-tel .icon {margin: 4px 10px 0 0;}
.header-tel {margin-bottom: 10px;}
.header-tel .txt{position: relative;float: left;}
.header-wechat {position: relative;}
.header-wechat .wechatbox {
    position: absolute;
    left: -30px;
    width: 128px;
    padding: 5px;
    margin-top: 10px;
    border-radius:5px ;
    background: #fff;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    display: none;
    z-index: 999;
}
.header-wechat .wechatbox img{width: 100%;height: 100%;display: block;}
.header-wechat .wechatbox .arrow {
    display: block;
    width: 8px;
    height: 8px;
    background: #fff;
    transform: rotate(45deg);
    position: absolute;
    left: 40px;
    top: -4px;
    margin-left: -4px;
}
.headernav-btn{float: right;width: 40px;height: 40px;padding: 10px;border-radius: 50%;background: #c02760;display: none;}
.headernav-btn a{display:block;width:100%;}
.headernav-btn a img{display:block;width:100%;}
.header-right a.header-tel .arrow {display: none;}
/* nav */
.nav-bj {
    position: fixed;
    width: 100%;
    right: 0px;
    top: 0px;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 200;
    display: none;
}

.nav {width: 100%;height: 60px;transition: all .6s;}
.nav-title { border-bottom: solid 2px #c02760; height: 64px; padding: 0 3%; background: #fff; position: relative; z-index: 205; display: none;}
.nav-title h3 { font-size: 18px;line-height: 62px;color: #000;}
.nav-close { display: inline-block; width: 24px;height: 24px;margin-top: 20px;}

.nav-ul li { float: left;width: 12.5%;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}
.nav-ul .nav-lst h3 {float: left;width: 100%;}
.nav-ul .nav-lst h3 a {float: left;font-size: 20px;width: 100%;text-align: center; font-weight: bold; color: #333;line-height: 60px; transition: all .3s; position: relative;}
.nav-ul .nav-lst h3 a:after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #c02760;transform: scaleX(0);transition: all .3s;}
.nav-ul .nav-lst:hover h3 a {color: #c02760;}
.nav-ul .nav-lst:hover h3 a:after {transform: scaleX(1);}
.nav-ul .nav-lst.cur h3 a {color: #fff;background: #c02760;}
.nav-ul .nav-lst.cur h3 a:after {transform: scaleX(1);}
.nav-ul .nav-btn {padding-top: 15px;}


.nav-ul .nav-btn a {display: inline-block; padding: 0 20px;height: 30px;line-height: 30px;text-align: center;background: #0000ff;color: #fff;font-size: 14px;border-radius: 3px;margin-right: 10px;}

@media(max-width:1350px) {
   .nav-ul .nav-lst h3 a{font-size: 18px;}
}

@media(max-width:1201px) {
    .nav-ul .nav-lst h3 a {font-size: 16px;}  
}

@media(max-width:1080px) {
.home .container {
    padding-left: 2.5%;
    padding-right: 2.5%;
}

.header{height: 64px;border: none;padding: 0 2.5%;position: fixed;}
.header-height{height: 64px;}
.header-top{height: 64px;padding: 12px 0;}

.header-logo{height: 40px;}
.header-right a{float: left;width: 40px;height: 40px;padding: 10px;border-radius: 50%;margin-right: 15px;position: relative;}
.header-tel {background: #c02760 url(../images/tel01.png) no-repeat center;background-size: 24px;}
.header-wechat {background: #c02760 url(../images/wechat01.png) no-repeat center;background-size: 24px;}
.header-seek {background: #c02760 url(../images/seek.png) no-repeat center;background-size: 24px;}
.header-right .icon {display: none;}
.header-right a.header-tel .arrow {display: block;position: absolute;top: -6px;right: 16px;background: #fff;transform: rotate(-45deg);width: 12px;height: 12px;}
.header-right a.header-wechat h3 {display: none;}
.header-right a.header-tel h3{display: none;float: none;padding: 5px;width: 200px;position: absolute;top: 48px;
    right: 2.5%;z-index: 102;background: #fff;-webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.2);box-shadow: 0 0px 15px rgba(0,0,0,0.2);transition: all 0.3s;-webkit-transition: all 0.3s;}
.header-right a h3 span{font-size: 16px;}
.header-wechat .wechatbox{margin: 0; top: 48px;}
.headernav-btn{display:block;}
.nav {float: none;margin-right: 0;position: fixed;width: 72%;height: 100%;background: #fff;overflow-y: auto;left: -100%;top: 0px;z-index: 201;transition: all .6s;}
.nav.in {left: 0px;}
.nav-title {display: block;}
.nav-ul {width: 100%;padding: 0 3%;}
.nav-ul li {float: left;width: 100%; border-bottom: #ddd dashed 1px; margin: 0;}
.nav-ul .nav-lst h3 {width: 100%;}
.nav-ul .nav-lst h3 a {width: 100%;padding: 0;font-size: 16px;line-height: 48px;margin-top: 0;margin-bottom: 0;text-align: left;}
.nav-ul .nav-lst h3 a:after { display: none;}
.nav-ul .nav-lst:hover h3 a {color: #c02760;}
.nav-ul .nav-lst.cur h3 a {color: #c02760; background: none;}

.header-logo.m-logo{width: calc(100% - 40px);height: 100%;}
}


@media(max-width:769px){
    /* .header {height: 68px;}
    .header-height {height: 68px;} */
    .header-top{height: 48px; padding: 0;display: none;}
    /* .header-logo{width:100%;height: 100%;display: flex;justify-content: center;} */
    .header-logo.pc-logo{display: none;}
    /* .headernav-btn{display: none;} */
    .header-right a{margin-right: 0;margin-top: 4px;display: none;}
    .header-right a.header-seek{display: block;}
    .header-logo.m-logo{display: flex;height: 100%;}
    .header-wechat .wechatbox{left:-110px;}
    .header-wechat .wechatbox .arrow{left: 110px;}

    .headernav-btn{float: left;margin-top: 4px;}
   .header-logo.m-logo{width: calc(100% - 80px);justify-content: center;padding: 4px 40px;height: 48px;}

   .header-mtop{display: block;position: relative;}
}

@media(max-width:640px) {

/* .header-logo {height: 48px;padding: 8px 0;} */
.headernav-btn {margin-top: 6px;}
.header-right a{width:32px;height:32px;padding:6px;margin-top: 8px;}
.header-tel{background-size: 18px;}
.header-wechat{background-size: 18px;}


.headernav-btn{margin-top:8px;width:32px;height:32px;padding:8px;}

.nav-ul { padding: 0 5%;}
.nav-ul .nav-lst h3 a {font-size: 14px;}
.nav-title {height: 48px;}
.nav-title h3 {line-height: 46px;}
.nav-close {width: 18px;height: 18px;margin-top: 15px;}

.header-logo.m-logo{width: calc(100% - 64px);padding: 0 55px;height: 32px;margin-top: 8px;}
.header-logo a{width: 100%;display: flex;align-items: center;}
.header-logo a img {
    width: 100%;
}
}

@media(max-width:480px){
    .header-logo.m-logo{padding: 0 40px;}
}

/* 二维码录入 */
.headerform{
   width: 100%;
   position: fixed;
   bottom: 0;
   background:#000;
   height: 190px;
   z-index: 1000;
   overflow: hidden;
   transition: all 0.6s;
   -webkit-transition: all 0.6s;
   padding: 25px 0;
}
.headerform-top{width: 100%;}
.headerform-top h3{float: left;;font-size: 24px;font-weight: bold;height: 32px;color: #c02760;line-height: 32px;}
.headerform-top .icon {float: right;display: block;width: 32px;height: 32px;cursor: pointer;}
.headerform-top .icon img{width: 100%;height: 100%;}
.header-formtable{width:100%;transition: all 0.6s;-webkit-transition: all 0.6s;}
.header-formtable dl{float:left;width:100%;padding: 25px 0;}
.header-formtable dl dt{float:right;width:13.2%;}
.header-formtable dl dt input{display:block;width:100%;height:80px;background:#c02761;border-radius:8px;font-size:20px;color:#fff;font-weight:normal;}
.header-formtable dl dd {float: left;margin-bottom: 10px;}
.header-formtable dl dd label {width: 80px;text-align: right;font-size: 18px;color: #fff; margin-right: 15px;line-height: 34px;}
.header-formtable dl dd label span{width: 10px;}
.header-formtable dl dd input {float: left;width: calc(100% - 95px); height: 34px; font-size: 14px; padding: 0 10px; background: #1a1a1a; color: #fff;border-radius: 5px;}
.header-formtable dl dd.info1{width: 52%;display: flex;align-items: center;justify-content: space-between;}
.header-formtable dl dd.info1 .baseinfobox{width: 47%; display: flex;align-items: center;justify-content: space-between;}
.header-formtable dl dd.info1 label{width: 46px;}
.header-formtable dl dd.info1 input{width: calc(100% - 56px);}
.header-formtable dl dd.info2{width: 32%;display: flex;align-items: center;}
.header-formtable dl dd.info2 .yzm{display: flex;align-items: center;width: calc(100% - 95px);height: 34px;}
.header-formtable dl dd.info2 .yzm input{width: calc(100% - 126px); margin-right: 10px;}
.header-formtable dl dd.info2 .yzm .yzmbox{width: 126px;float: right;background: #fff;border-radius: 5px;height: 100%;}
.header-formtable dl dd.info2 .yzm .yzmbox img{width: 100%;height: 100%;}
/* .order-popup .popup-close{float:right;width:24px;height:80px;background:url(../images/popup-close.png) no-repeat center;cursor:pointer;transition: all 0.6s;-webkit-transition: all 0.6s;animation:mymove 1s infinite;-webkit-animation:mymove 1s infinite; }
.order-popup .popup-close:hover{animation:mymove2 1s infinite;-webkit-animation:mymove2 1s infinite; } */
@media(max-width:1080px) {
.headerform{ height: auto;padding: 10px 2.5%;}
.headerform-top h3{ font-size: 16px; line-height: 28px;}
.headerform-top .icon {padding: 0 10px;height: 28px;}
.headerform-top .icon img{width: 12px;height: 12px;}
.header-formtable{position: relative;}
.header-formtable dl{padding: 10px 0 ;margin-bottom: 40px;}
.header-formtable dl dt{float: none;width: 100%;position: absolute;bottom: 0;}
.header-formtable dl dd label {
    width: 60px;
    text-align: right;
    font-size: 14px;
    color: #fff;
    margin-right: 15px;
    line-height: 34px;
}
.header-formtable dl dt input{height: 40px;}
.header-formtable dl dd input { float: left; width: calc(100% - 75px); height: 34px; font-size: 14px; padding: 0 10px; background: #1a1a1a; color: #fff; border-radius: 5px;
}
.header-formtable dl dd.info1{
    margin-bottom: 0;
    width: 100%;
    display: block;
}
.header-formtable dl dd.info1 .baseinfobox{
    width: 100%;
    margin-bottom: 10px;
}
.header-formtable dl dd.info1 label {
    width: 60px;
    font-size: 14px;
    float: left;
}
.header-formtable dl dd.info1 input{
    width: calc(100% - 75px);
    height: 28px;
}
.header-formtable dl dd.info2{
    width: 100%;
}
@media(max-width:769px){
.headerform{ display: none;}
}
}

/* 底部 */
.footer-box {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 30px;
    background-color: #333333;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-box .title1 {
    color: #fff;
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.footer-box .text1 {
   font-size: 12px;
   line-height: 26px;
    color: #fff;
    opacity: 0.5;
}

.footer-box .footer-left {
    width: 70%;
}

.footer-box .footer-right {
    width: 30%;
}

.footer-box .footer-right .title1 {
    text-align: right;
}

.footer-box .footer-nav-list {
    width: 14.2%;
}

.footer-box .footer-nav-list dt {
    width: 100%;
    position: relative;
}
.footer-box .footer-nav-list dt em{
    position: absolute;
    bottom: 5px;
    left: 0;
    display: block;
    width: 3px;
    height: 14px;
    background: #c02760;
    margin-left: -12px;
    border-radius: 5px;
}
.footer-box .footer-nav-list dt .footer-nav-btn {
    width: 60px;
    height: 40px;
    display: none;
    background-image: url(../images/off.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.footer-box .footer-nav-list dt .footer-nav-btn.on {
    background-image: url(../images/on.png);
}

.footer-box .footer-nav-list dd a {
    width: 100%;
    display: block;
    padding: 5px 0px;
}
.right-left{
    width: 70%;
}
.footer-box .enroll {
    margin-bottom: 15px;
}

.footer-box .enroll a {
    background: #c02760;
    color: #fff;
    width: 120px;
    height: 40px;
    display: block;
    padding: 0 15px;
    line-height: 40px;
    font-size: 16px;
    border-radius: 5px;
    position: relative;
}

.footer-box .enroll a em {
    position: absolute;
    width: 40px;
    height: 40px;
    background: url(../images/right.png) no-repeat center;
    background-size: 50%;
}
.footer-box .tel{
    display: flex;
    align-items: center;
}
.footer-box .tel .text1 {
    line-height: 30px;
}
.footer-box .tel .number{
    font-size: 20px;
    line-height: 30px;
    color: #c02760;
    font-weight: bold;
}
.footer-box .footer-code {
   width: 25%;
}

.footer-codebox {
    width: auto;
    float: right;
    text-align: center;
}

.footer-codebox .footer-codeimg {
    width: 80px;
    margin: 0px auto;
    overflow: hidden;
    margin-bottom: 10px;
    background-color: #fff;
}

.footer-codebox .footer-code img {
    width: 100%;
}
.footer-codebox .code-txt p{
font-size: 14px;
color: #fff;
line-height: 20px;
font-family: "楷体";
}
.copyright-box {
    width: 100%;
    padding: 10px 0px;
    background-color: #333333;
}

.copyright-box p {
    color: #fff;
    opacity: 0.5;
    margin-right: 5px;
}

.copyright-box a {
    color: #fff;
    opacity: 0.5;
}
.copyright-box a:hover{
    color: #c02760;
    opacity: 1;
}
@media(max-width:1080px) {
    .footer-box{padding-top: 15px;padding-bottom: 15px;}
     .footer-box .footer-nav-list dd:hover a {
         opacity: 1;
     }
     .footer-box .footer-left,
     .footer-box .footer-right ,
     .footer-box .footer-right .right-left,
      .footer-box .footer-code {
         width: 100%;
         float: none;
     }
.footer-box .footer-nav-list dt em{
    display: none;
}
     .footer-box .footer-right {
         margin-top: 20px;
     }
    
    
     .footer-box .footer-nav-list {
         width: 100%;
         float: none;
         text-align: left;
     }

     .footer-box .footer-nav-list dt {
         padding: 10px 15px;
         margin-bottom: 0px;
         border-bottom: 1px solid rgba(255, 255, 255, 0.1);
     }

     .footer-box .footer-nav-list dt .footer-nav-btn {
         display: block;
     }

     .footer-box .footer-nav-list dd {
         display: none;
     }

     .footer-box .footer-nav-list dd a {
         padding: 5px 30px;
     }

     .footer-box .footer-right {
         padding: 0px 15px;
     }

     .footer-box .footer-right .title1 {
         float: left;
     }
     .footer-box .footer-tel {
         float: right;
     }

     .footer-box .footer-tel p {
         margin-bottom: 0px;
     }

   .footer-box .footer-code .footer-codebox{
       float: none;
       width: 100%;
       text-align: left;
       margin-top: 15px;
       display: flex;
       align-items: center;
   }
   .footer-box .footer-code .footer-codebox .footer-codeimg{
       margin: 0;
     margin-right: 15px;
   }
     .copyright-box {
         padding: 5px 15px;
     }

     .copyright-box a {
         float: left;
         margin-right: 5px;
     }
     
}
.guide {
    position: fixed;
    right: 2%;
    bottom: 60px;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.2);
    z-index: 999;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.2);
    display: none;
}

.guide img {
    display: block;
    max-width: 100%;
}

@media(max-width:1080px) {
    .guide {bottom: 60px;}
}


 
@media(max-width:991px){
    .container{padding:0;width:100%;}
 }
/* 
 移动端导航 */
 .m-nav{max-width:750px;width: 100%;margin: 15px 0;display: none;}
 .m-navbox {width: 100%;padding: 0 2.5%;}
 .m-navbox ul{padding: 0 -10px;}
 .m-navbox li{width: 25%;float: left;padding: 0 10px;}
 .m-navbox li a{width: 100%;display: block;}
 .m-navbox li a .icon{width:75px;height: 75px;margin: 0 auto;background: #c02760;border-radius: 50%;padding: 15px;}
 .m-navbox li a .icon img{width: 100%;}
 .m-navbox li a  h3{width:100%;font-size: 14px;line-height: 30px;text-align: center;margin-bottom: 10px;}
 .index-class1 ul{border-top: 1px solid #e4e4e4;}

 @media(max-width:769px){
     .m-nav{display: block;}
     .m-inside-nav{border-bottom: 1px solid #ddd;}
     .m-inside-nav .m-navbox li { width: 33.33%;}
     .m-inside-nav .m-navbox li.cur a h3{color: #c02760;}
 }
 @media(max-width:480px){
     .m-navbox li a .icon{width:60px;height: 60px;}
 }



 /* 移动端底部 */
 .m-bootom{width: 100%;position: fixed;bottom: 0;height: 54px;background: #000;max-width:750px;display: none;z-index:99;}
 .m-bottombox{width: 100%;height: 100%;}
 .m-bottombox li{width: 25%;height: 100%;float: left;padding: 4.5px 0;}
 .m-bottombox li a{display: block;width:100%;display: flex;align-items: center;flex-flow: column;}
 .m-bottombox li a .img{width: 25px;height: 25px;}
 .m-bottombox li a .img img{width: 100%;height: 100%;}
 .m-bottombox li a h3{font-size: 14px;line-height: 20px;color: #fff;text-align: center;}

 @media(max-width:769px){
     .m-bootom{display: block;}
 }


.header-search{height: 0;}
@media(max-width:769px){
   .header-search-icon {
       position: relative;
   }

   .header-search {
       position: fixed;
       top: 50px;
       width: 100%;
       height: auto;
       z-index: 199;
       background: #eee;
       padding: 15px 10px;
       -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
       box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
       display: none;
   }

   .header-search-box {
       width: 100%;
       margin: 0 auto;
   }

   #search_box {
       float: right;
       width: 100%;
   }

   .header-search input.inp_srh {
       width: 88%;
       float: left;
       height: 40px;
       line-height: 40px;
       padding: 0 2.5%;
       font-size: 12px;
       outline: none;
       border: none;
       border-radius: 3px;
       border: 1px solid #fff;
       background: #fff;
   }

   .header-search input.btn_srh {
       width: 12%;
       float: right;
       height: 40px;
       background: #fff url(../images/searcher-submit.png) no-repeat center;
       background-size: 20px;
       border-radius: 3px;
       border: 1px solid #fff;
   }

}

/* 悬浮栏 */
.side-bar{position: fixed;top:120px;right: 2%;width: 42px;z-index: 999999;}
.side-barbox{width: 100%;}
.side-barbox a{display: block;border-radius: 20px;width: 100%;background: #c02760;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.side-bar li .icon img { width: 32px; height: 32px; }
.side-barbox a .img{width: 42px;height: 42px;padding: 9px;}
.side-barbox a .img img{width:100%;}
.side-barbox .message .txt{width: 18px;color: #FFFFFF;font-size: 16px;line-height: 18px;margin: 0 auto;padding-bottom: 12px;}
.side-barbox .message .txt em{width: 100%;display: flex;justify-content: center;}

@media(max-width:1080px){
    .side-bar{top: 55%;right: 2.5%;width:32px;}
    .side-barbox a .img{width:32px;height: 32px;padding: 5px;}
  /*  .side-barbox .message .txt{display: none;} */
}