/* 全局CSS定义 */
body {font-family:"微软雅黑","Microsoft YaHei";  margin:0 auto; padding:0; font-size:16px;min-width:1200px; }
div, form, ul, ol, li, span, p, dl, dt, dd { margin:0; padding:0; border:0; }
img, a img { border:0; margin:0; padding:0; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-size:12px; }
ul, ol, li { list-style:none }
table, td, input { font-size:12px; padding:0; font-family:inherit; }
img{ vertical-align:middle;}
.pull-right {float:right; }
.pull-left {float:left; }
.list-unstyled { padding-left: 0; list-style: none;}
.font14 { font-size:14px;}
*, :before, :after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a { text-decoration:none;outline:none;outline-style:none;}
 a:hover, a:active, a:visited,a:focus { outline:none; outline-style:none;}
.word { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display:block; }
i {font-style:normal; }

/*@font-face{
     font-family: 'source-han-sans-traditional';
     src: url('../font/SourceHanSansCN-Regular.eot');
     src:url('../font/SourceHanSansCN-Regular.woff') format('woff'),
         url('../font/SourceHanSansCN-Regular.ttf') format('truetype'),
         url('../font/SourceHanSansCN-Regular.svg') format('svg');
}
body { font-family: source-han-sans-traditional; font-family: source-han-sans-traditional, sans-serif,"微软雅黑","Microsoft YaHei";

font-weight: 400;

font-style: normal; }*/

/*@font-face{
     font-family: 'source-han-sans-traditional';
     src: url('../font/SourceHanSansCN-Regular.otf');
    src: url('../font/webfont.woff') format('woff'),
         url('../font/webfont.ttf') format('truetype'),
         url('../font/webfont.svg') format('svg');
}
body { font-family: source-han-sans-traditional; 
font-weight: 400;
font-style: normal; }*/

@font-face{
     font-family: 'source-han-sans-traditional'; 
     src: url('../font/SourceHanSansCN-Regular.eot');
     src:url('../font/SourceHanSansCN-Regular.woff') format('woff'),
         url('../font/SourceHanSansCN-Regular.ttf') format('truetype'),
         url('../font/SourceHanSansCN-Regular.svg') format('svg');
}
body { font-family: source-han-sans-simplified-c, sans-serif,微软雅黑;
font-weight: 400;
font-style: normal; }




/*头部*/
    .kd_zx { position:fixed;right:0px;top:40%;z-index:100;}
    .header_big_wrap { width:100%;height:68px;background-color:transparent;position:absolute;top:0px;left:0px;z-index:20;} 
    .header_wrap { width:1200px;margin:auto;overflow:hidden;}
    .header_wrap > a { display: block; float: left; padding-top:12px; }
    .nav_bar { float:right;}
    .nav_bar > a { display:inline-block;font-size:0px;padding:0px 17px;height:68px;padding-top:19px;}
    .nav_bar > a > span { font-size:18px;color:#fff;display:inline-block;padding-bottom:12px;border-bottom:2px solid transparent;}
    .nav_bar > a.active > span {border-bottom:2px solid #fff; }
    .nav_bar > a.active > span { border-bottom:2px solid #fff;}
    .nav_bar > p { display:inline-block;padding-left:15px;}
    .nav_bar > p > a > span { color:#fff;font-size:16px;}
    .nav_bar > p > a { display: inline-block; width: 130px; height: 34px;text-align:center;line-height:34px;background:url(../image/xm_02.png) no-repeat;background-size:100% 100%; }
   
     body { padding-top:98px;min-width:100%;}

    /*公用顶部*/
    * { -webkit-tap-highlight-color:transparent; }
    .header_big_wrap { background-color:#fff;box-shadow:1px 1px 3px 0px rgba(4,0,0,0.2);-webkit-box-shadow:1px 1px 3px 0px rgba(4,0,0,0.2);-moz-box-shadow:1px 1px 3px 0px rgba(4,0,0,0.2);height:98px;position:fixed;}
    .nav_bar > a > span {color:#353535;}
    .nav_bar > a.active > span { color:#0C432E;border-bottom:2px solid #0C432E;}
    .header_wrap > a { padding-top:19px;}
    .nav_bar > a { height:97px;padding-top:35px;}
    .nav_bar > p > a > span{ color:#003923;}
    .nav_bar > p > a { background:url(../image/xm_002.png) no-repeat;background-size:100% 100%;}
    .nav_bar > p { padding-left:40px;}
    
    /*媒体查询样式*/    
    @media (max-width: 1200px) {
      /*顶部*/
        .header_wrap { width:100%;padding:0px 20px;}
        .nav_bar > a { padding-left:9px;padding-right:9px;}
        .nav_bar > p { padding-left:20px;}
        .header_wrap > a > img { height:40px;}
        .header_wrap > a { padding-top:29px;}
    }
   
    @media (max-width: 990px)  {
         body { padding-top: 68px; }
        .header_big_wrap { height:68px;}
        .header_wrap > a { padding-top:14px;}
        .nav_bar > a { height:67px;padding-top:20px;}
        .nav_bar > a > span { font-size:16px;}
        .header_wrap > a > img { height:30px;}
        .header_wrap > a { padding-top:20px;}
        .nav_bar > p { padding-left:10px;}
    }

   @media (max-width: 890px)  {
    body { padding-top: 54px; }
    .kd_zx { z-index:19;}
    .header_big_wrap { height:54px;}
    .header_wrap > a { padding-top:12px;}
    .nav_bar { display:none;}
    .header_wrap { height:100%;}
    .w-nav-button { padding: 18px; font-size: 24px; display: block; cursor: pointer; height: 54px; width: 54px;position:fixed;top:0px;right:0px;z-index:20000; }
    .w-nav-button:focus { background:none;outline:none;}
    .bottom, .top { position: absolute; height: 2px; background-color:#0c432e; }
    .top { top: 24px; display: block; width: 23px; margin-right: auto; margin-left: auto; transform-style: preserve-3d;-webkit-transform-style: preserve-3d; transition: transform 200ms, width 200ms;-webkit-transition: transform 200ms, width 200ms; width: 15px; transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px);-webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateX(0px) translateY(0px) translateZ(0px); }
    .bottom { top: 30px; width: 23px; transform-style: preserve-3d;-webkit-transform-style: preserve-3d; transition: transform 200ms;-webkit-transition: transform 200ms; transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);}

    .nav_bar { position:fixed;top:0px;left:0px;width:100%;height:100vh;background-color:rgba(0,0,0,09);display:block;z-index:100;float:none;padding-top:20px;transform: translateX(-100%) translateY(0px);-webkit-transform: translateX(-100%) translateY(0px);filter:Alpha(opacity=0);font-size:0px;}   
    .nav_bar > a { display:block;text-align:center;width:100%;position:relative;z-index:1001;}
    .nav_bar.active { transform: translateX(0px) translateY(0px);-webkit-transform: translateX(0px) translateY(0px);opacity:1;filter:Alpha(opacity=100);transition: transform 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition: transform 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);}
  


    










    .nav_bar > a > span { color:#fff;}
    .nav_bar > p { text-align:center;width:100%;margin-top:20px;}
    .nav_bar > a.active > span { color:#00CA69;border-bottom:none;}
    .nav_bar > p > a > span { color:#fff;border:none;}
    .nav_bar > p > a { background: url(../image/xm_02.png) no-repeat; background-size: 100% 100%; }
    .nav_bar > a { height:60px;line-height:60px;padding:0px;}
    .nav_bar > a > span { border:none;padding-bottom:0px;}
    .w-nav-button.active .top { transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transition: transform 200ms, width 200ms; -webkit-transition: transform 200ms, width 200ms; width: 24px; transform: rotateX(0deg) rotateY(0deg) rotateZ(45deg) translateX(4px) translateY(5px) translateZ(0px); -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(45deg) translateX(4px) translateY(5px) translateZ(0px); background-color: #fff; }
    .w-nav-button.active .bottom { transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transition: transform 200ms; -webkit-transition: transform 200ms; transform: rotateX(0deg) rotateY(0deg) rotateZ(-45deg); -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(-45deg); background-color: #fff; }

    /*.nav_bar > a > span {transition:all 0.5s ease;opacity:0;transform: translate3d(10px, 10px, 10px) scale3d(0, 0, 0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d; }
    .nav_bar.active > a > span {transition:all 0.5s ease;transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); opacity: 1; transition:all 0.5s ease;}*/ 



      /*导航动画*/
         .nav_bar>a, .nav_bar>p {  opacity: 0;transform: translate(0, 100%);}        
         .nav_bar.active > p {transition:all 300ms ease 1200ms; }
         .nav_bar.active>a , .nav_bar.active>p{transform: matrix(1, 0, 0, 1, 0, 0);opacity:1; }
         .nav_bar.active > a:nth-of-type(1){transition:all 300ms ease 500ms; }
         .nav_bar.active > a:nth-of-type(2){transition:all 300ms ease 600ms; }
         .nav_bar.active > a:nth-of-type(3){transition:all 300ms ease 700ms; }
         .nav_bar.active > a:nth-of-type(4){transition:all 300ms ease 800ms; }
         .nav_bar.active > a:nth-of-type(5){transition:all 300ms ease 900ms; }
         .nav_bar.active > a:nth-of-type(6){transition:all 300ms ease 1000ms; }
         .nav_bar.active > a:nth-of-type(7){transition:all 300ms ease 1100ms; }
     }


    /*banner*/
    .pinpai_banner { position:relative;}
    .pinpai_banner > img { display:block;width:100%;}    
     @media (max-width: 768px) {
        .pinpai_banner { height:100px;position:relative;width:100%;overflow:hidden;}
        .pinpai_banner > img { position:absolute;height:103px;top:0px;left:50%;margin-left:-455px;width:910px;}
    }
   





/*底部*/
    .bottom_wrap { width:1200px;margin:auto;position:relative;padding-bottom:50px;}
    .bottom_wrap > .p01 { font-size:14px;color:#6A6A6A;padding-top:50px;}
    .bottom_wrap > .p02 {font-size:32px;color:#2A2A2A;padding-top:5px; }
    .bottom_wrap > .p03{ color:#6A6A6A;font-size:14px;line-height:30px;padding-top:10px;}
    .bottom_wrap > .p03 > a { display:inline-block;font-size:0px;padding-left:15px;padding-right:15px;border-right:1px solid #6a6a6a;height:15px;line-height:15px;}
    .bottom_wrap > .p03 > a:last-child { border:none;}
    .bottom_wrap > .p03 > a > span {color:#6A6A6A;font-size:14px; }
    .bottom_wrap > .p04 { color: #6A6A6A; font-size: 14px; }
    .bottom_wrap > span {display:block;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);right:0px; }
    .ewm_img { position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);right:0px;}
    .ewm_img {width:100%; max-width:1200px;text-align:right;height:1px;left:50%;margin-left:-600px;top:50%;margin-top:-54px;}
    .ewm_img > img { margin-left:20px;}
    .bottom_border { position:relative;}

     @media (max-width: 1200px) {
        .bottom_wrap{ width:100%;padding-left:20px;padding-right:20px;}
        .bottom_border { padding-top:20px;} 
     }
      @media (max-width: 840px) {
        .ewm_img { position:relative;top:0px;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);}
        .ewm_img {width:100%; max-width:100%;text-align:left;height:auto;left:0;margin-left:0px;top:0;margin-top:0px;}
     }

     
      @media (max-width: 768px) {
        .bottom_wrap { padding-right:20px;padding-bottom:20px;}
        .bottom_wrap > .p01 { padding-top:20px;}
        .bottom_wrap > .p02 { font-size:22px;}
        .bottom_wrap > span > img { width:80px;}
        .bottom_wrap > span { margin-top: -45px; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); }
        .bottom_wrap > .p03 { line-height:23px;margin-bottom:10px;}
        .bottom_wrap > .p03 > a { padding-left:0px;padding-right:10px;border:none;}
        .bottom_wrap > .p03 > a > span { display:inline-block;padding-right:10px;border-right: 1px solid #6a6a6a;}
        .bottom_wrap > .p03 > a:last-child > span { border:none;}
        .bottom_wrap > .p03 { max-width:17rem;}
     }
 
    .bottom_border { border-top:1px solid #ddd;}
    .bottom_wrap > .p01 { padding-top:25px;}



@media (max-width: 768px){
 .bottom_border { padding-bottom:20px;}
 .bottom_wrap > .p03 { max-width:100%;font-size:12px;}
 .bottom_wrap > .p04 ,.bottom_wrap > .p01{ font-size:12px;}
.bottom_wrap > .p02 { padding-top:0px;}
.ewm_img>img {width:108px;height:108px;display:inline-block;margin-bottom:5px;margin-right:20px;margin-right:0px; }
.bottom_wrap > .p03 > a > span { font-size:12px;}
.bottom_border { padding-top:20px;}
.bottom_wrap > .p01 { padding-top:15px;}
}


 /*公用*/
    @media (max-width: 768px) {
        .kd_zx { top:auto;bottom:200px;right:10px;z-index:90;}
        .kd_zx > img { width:54px;}      
    }
    /*咨询加盟弹窗*/
    .zxjm_model_back { position:fixed;top:0px;left:0px;bottom:0px;right:0px;background-color:transparent;z-index:98;display:none;}
    .zxjm_model_wrap { height:100vh;background-color:rgba(0,0,0,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2ffffff,endColorstr=#B2ffffff);width:325px;position:fixed;top:0px;right:0px;z-index:99; transform: translateX(325px) translateY(0);-webkit-transform: translateX(325px) translateY(0px);}
    .zxjm_model_wrap.active {  transform: translateX(0px) translateY(0px);-webkit-transform: translateX(0px) translateY(0px);transition: transform 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition: transform 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);}
     .jm_close { display:block;position:absolute;top:40px;right:60px;cursor:pointer;}
    .zxjm_model_wrap > div { position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);left:0px;padding:0px 30px;width:100%;}
    .zxjm_model_wrap  .p01 { font-size:14px;color:#D0D0D0;}
    .zxjm_model_wrap  .p02 {font-size:28px;color:#FFFFFF;padding-top:12px;padding-bottom:10px; }
    .zxjm_model_wrap .p03 > img { margin-right:15px;}
    .zxjm_model_wrap .p03 { padding-bottom:15px;}
    .zxjm_model_wrap .p04 { font-size:14px;color:#D0D0D0;border-top:1px solid rgba(255,255,255,0.24);padding-top:14px;padding-bottom:10px;}
    .zxjm_model_wrap input {display:block;height:40px;line-height:40px;width:100%;background-color:#fff;padding:0px;padding-left:20px;border:none;font-size:14px;color:#333;margin-bottom:10px; }
    .citys { width:100%;position:relative;height:40px;line-height:40px;padding-left:20px;font-size:14px;color:#AAAAAA;background-color:#fff;cursor:pointer;}
    .citys.active { color:#333;}
    .citys:after { content:'';display:block;width:0;height:0;border-right:5px solid transparent; border-left:5px solid transparent;border-top:6px solid #000;position:absolute;top:17px;right:10px;}
    .citys > div { background-color:#fff;width:100%;position:absolute;top:40px;left:0px;height:160px;overflow:auto;}
    .citys > div > span {display:block;height:40px;line-height:40px;padding-left:20px;font-size:14px;color:#333;border-top:1px solid #e2e2e2;cursor:pointer; }
    .tj_btn { display:block;height:46px;line-height:46px;background-color:#ffca00;text-align:center;margin-top:15px;}
    .tj_btn > span { color:#0C432E;font-size:16px;}
     @media (max-width: 768px) {
        .zxjm_model_wrap > div { width:330px;left:50%;margin-left:-165px;}
        .zxjm_model_wrap { height:100vh;background-color:rgba(0,0,0,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2ffffff,endColorstr=#B2ffffff);width:100%;position:fixed;top:0px;right:0px;z-index:99; transform: translateX(100%) translateY(0);}
        .zxjm_model_wrap.active {  transform: translateX(0px) translateY(0px);-webkit-transform: translateX(0px) translateY(0px);transition: transform 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition: transform 1000ms cubic-bezier(0.785, 0.135, 0.15, 0.86);}
        .jm_close { top: 16px; right: 17px; }
        .jm_close>img {  height: 36px;}

    }