/* banner */
    .banner {   margin: 0 auto; position: relative; border-radius: 2vw;    }
       /* .banner img { position: relative; }
      .banner .banner_text1 { position: absolute; z-index: 1130; margin: 17vw 13vw; left: 0; right: 0; text-align: center;  }
          .banner .banner_text1 h3 { margin: auto; font-family: alibaba-6; font-size: 3.7vw; color: #fff; text-shadow: 0 0 15px rgba(0, 0, 0, 0.2);  }
          */
          /* @media (max-width:640px) {
            .banner .banner_text1 {  margin: 24vw 13vw;   }
            .banner .banner_text1 h3 {  font-size: 6vw;  }
           } */

          /* .svg1 { width: 68%; height: 50%; padding-top: 17vw;  position: absolute; }
          @media (max-width:640px) {
            .svg1 { width: 90%; height: 120%; margin-left: -10vw; }
          
          }

          .svg2 { width: 70%; height: 25vw;  position: absolute; right: 0; bottom: 20vw; }
          @media (max-width:640px) {
            .svg2 { width: 90%; height:auto; bottom: -15vw;  }
          
          } */


      
           /* 通用标题头 */
           .headers { width: 100%;align-items: flex-end;   }
            .headers h3 {  font-size: 1.8vw; margin-top: -2.5vw;  }
            .headers h4 {  font-size: 4.8vw;  margin-top: -0.7vw; color: #f8f3e8;  margin-left: -0.3vw;  }

            .headers .sub {    }
            .headers .sub  a { margin-right: 1.8vw;  font-size: 1.04vw;   }
            .headers .sub  a.active { color: #dcc38d; font-weight: bold; }

            @media (max-width:640px) {
              /* .headers h3 { font-size: 6vw;  }
              .headers h4 { font-size: 8.55vw;  margin-top: -0.7vw; }
              .headers .tline { margin-top: -3vw; }
              .headers span { width: 0.1vw;  height: 7vw;  } */
            }

            /* 通用标题头2 */
           .headers2 { width: 100%; text-align: left;  }
           .headers2 h3 {  font-size: 1.55vw;  }
           .headers2 h3 span.line { width: 5vw; height: 2px; background: #eda56d; display: inline-block; vertical-align: middle; margin-right: 1.5vw;  }
           .headers2 h4 { font-family:eng-2; font-size: 3.55vw; font-weight: normal; margin-top: -0.7vw; }
           .headers2 .sub { display: flex; justify-content: space-between;   }
           .headers2 .sub  a { margin:1vw 1.8vw 1vw 0;  font-size: 1.04vw;   }
           .headers2 .sub  a.active { color: #eda56d; }
           .headers2 .sub  a:hover { color: #eda56d; }
           .headers2 .sub .right { text-align: right; }
           .headers2 .sub .right i { font-size: 2vw; margin-left: 1vw; color: #888; cursor: pointer;  }
           .headers2 .sub .right i:hover { color: #e78a42; }
           .headers2 .sub .left a { margin-right: 1.3vw;  } 

           @media (max-width:640px) {
            /* .headers2 h3 { font-size: 6vw;  }
            .headers2 h4 { font-size: 8.55vw;  margin-top: -0.7vw; }
            .headers2 .tline { margin-top: -3vw; }
            .headers2 span { width: 0.1vw;  height: 7vw;  }
            .headers2 h3 span.line {  width: 7vw; height: 1px;  } 
            .headers2 .sub  a { margin-right: 2vw;  font-size: 4vw; display: inline-block;  }
            .headers2 .sub .right { display: none;} */
          }



          .flex { display: flex;  }
          .flex_wrap { flex-wrap: wrap; }
          .flex_space_between { justify-content: space-between;}


           /* 关于 */
            .about { margin: auto; margin-top: 2vw; }
            .about .box {  padding: 2vw 0; }
              @media (max-width:640px) {
                .about { top: 3VW; left: 0; right: 0;  }
                .about .box { padding: 0 2vw; }
              }

              .kind { margin-top: 4vw; }
                .kind div { text-align: center;height: 6vw;  }
                    .kind span { width: 3.8vw; height: 3.8vw; display:inline-block; background: #f8f3e8; border-radius: 3.8vw; text-align: center; line-height: 3.8vw; 
                        margin-bottom: 1vw; 
                    }
                    .kind span i {  color: #dfc897; font-size: 1.7vw;  }
                    .kind div:nth-child(2),.kind div:nth-child(4)  { border-left:#cdcdcd 1px dashed ;}



            /* 团队 */
            .team {
                background: url(../images/index/team_bg.jpg) center top repeat-x; padding-top: 4vw; height: 42.6vw; 
            }

            .team .box { text-align: center; padding-bottom: 2vw; margin-top: 2vw; }
            .team .box span { margin-top: 1vw; display: inline-block; }
            .team .bt { margin-top: 1.5vw;}
                .team .bt  a.t1 {  border-top-left-radius:3vw; border-bottom-left-radius:3vw; padding: 0.4vw 2vw 0.5vw 2vw;  border: #dcc38d 1px solid; color: #dcc38d; background: #fff; }
                .team .bt  a.t2 {  border-top-right-radius:3vw; border-bottom-right-radius:3vw; padding: 0.4vw 2vw 0.5vw 2vw;  border: #dcc38d 1px solid; color: #fff; 
                    border-left:0 ; margin-left: -1vw; background: #dcc38d;
                }

                .team .bt a:hover { background: #e5d1a6; color: #fff;  }






              /* 案例 */
              .case {  } 
                .case .box { display: flex; flex-wrap: wrap; justify-content: space-between ; padding-bottom: 1vw; padding-left: 0.2vw; }
                  .case .box .list { width: 100%;    margin-top: 2.5vw; margin-bottom: 1.8vw;   }  
                  .case .box .list .photo  { border-radius:1.2vw ;   width: 12.5vw;  height: 16vw;   overflow: hidden; 
                         box-shadow: 0 0 10px rgba(0,0,0,0.05);
                  }
                  .case .box .list .photo img { width: calc(100% - 20px); height: 15vw;  transition: all 0.5s;  border: #fff 10px solid;  }
                  .case .box .list h3  { margin-top: 1vw; text-align: center; font-weight: normal;  }

                 

                  @media (max-width:640px) {
                    /* .news .box {  padding-bottom: 5vw; }
                    .news .box .list { width: 100%;    margin-top: 5vw; margin-bottom: 3vw;   }  
                    .news .box .list .photo  { width: 100%;  border-top-right-radius:4vw ;    }
                    .news .box .list h3   { line-height: 6vw;  }
                    .news .box .list h3 a  { font-size: 4vw; font-weight: normal;  }
                    .news .box .list .cat { margin-top: 2vw; }
                    .news .box .list .cat a {  font-size: 3.5vw; padding: 1vw 2vw;}  */
                  }


                /* 资讯 */
                .news {  } 
                .news .box { display: flex; flex-wrap: wrap; justify-content: space-between ; padding-bottom: 1vw; }
                  .news .box .list { width: 30%;    margin-top: 2.5vw; margin-bottom: 1.8vw;   }  
                  .news .box .list .photo  {    width: 100%;  height: 16vw;   overflow: hidden; position: relative; 
                        
                  }
                  .news .box .list .photo img { width: 100%; height: 15vw;  transition: all 0.5s;  border-top-left-radius:2.2vw ; border-bottom-right-radius:2.2vw ;    }

                  .news .box .list .datetime { position: absolute; z-index: 1; left: 0; top: 0; background: rgba(255,255,255,01); color: #dcc38d; 
                        padding: 0.5vw; border-bottom-right-radius:2.2vw ;
                    }
                  .news .box .list .datetime { text-align: center; 
                    text-align: justify;
                    text-align-last: justify;
                    text-justify: inter-ideograph; /*兼容ie*/ }
                  .news .box .list .datetime span { font-size: 1vw; }
                  .news .box .list .datetime strong { font-size: 2.1vw; }

                  .news .box .list h3  { margin-top: 1vw; }

                  .news .box .list .subtitle {
                    margin-top: 1vw;
                    line-height: 1.5vw;
                    word-break: break-all;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
                    overflow: hidden;
                  }
                  
                  

                  .news .box .list .cat  { margin-top: 1vw; } 
                  .news .box .list .cat a {  font-size: 0.9vw; border-radius:3vw; padding: 0.1vw 0.8vw 0.2vw 0.8vw;  border: #dcc38d 1px solid; color: #dcc38d;  }
                  .news .box .list .cat a:hover { color: #fff; background: #dcc38d;}



                  .cooperation ul li   { width: 20%; text-align: center; }
                  .cooperation ul li img { width: 90%; }




              /* 业务 */
              .business { } 
                .business .box { display: flex; flex-wrap: wrap; justify-content: space-between ; }
                  .business .box .list { width: calc(48.3% - 4vw); padding: 2vw;  margin-top: 2vw; margin-bottom: 0.5vw; background: #fff; 
                    box-shadow: 0 0 10px rgba(0, 0, 0, 0.06); border-top-right-radius:2vw ;      }  
                      .business .box .list h3 { padding: 0.5vw 0; font-size: 1.3vw; line-height: 2.3vw; }
                        .business .box .list h3 iconpark-icon { width: 2.2vw; height: 2.2vw; border-radius: 0.75vw;  color: #fff; vertical-align: top; }
                        .business .box .list h3 iconpark-icon.io1 { background: #dcc38d; }
                        .business .box .list h3 iconpark-icon.io2 { background: #4e74b5; }
                        .business .box .list h3 iconpark-icon.io3 { background: #1da5bc; }
                        .business .box .list h3 iconpark-icon.io4 { background: #285288; }
                        .business .box .list h3 iconpark-icon.io5 { background: #e78a42; }
                        .business .box .list h3 iconpark-icon.io6 { background: #489484; }
                        .business .box .list h3 strong.sr1 { color: #dcc38d; }
                        .business .box .list h3 strong.sr2 { color: #4e74b5; }
                        .business .box .list h3 strong.sr3 { color: #1da5bc; }
                        .business .box .list h3 strong.sr4 { color: #285288; }
                        .business .box .list h3 strong.sr5 { color: #e78a42; }
                        .business .box .list h3 strong.sr6 { color: #489484; }

                        .business .box .list p { display: inline-block; min-height:5vw ;}

                        .business .box .list a:hover  { color: #333134; }
                        /* .business .box .list:hover  {  background: #e78a42; color: #fff; } */

                    .business .box .list .more { text-align: right;  }
                      .business .box .list .more i { display: inline-block;  font-size: 1.1vw; cursor: pointer;  transition: all 0.3s;  }
                      .business .box .list:hover i { transform: rotate(45deg); color: #e78a42;  }


                      @media (max-width:640px) {
                        .business .box .list { width: calc(100% - 4vw); padding: 6vw;  margin-top: 2vw; margin-bottom: 5vw; border-top-right-radius:8vw ; }
                        .business .box .list h3 { padding: 2vw 0 4vw 0; font-size: 5.5vw; line-height: 7vw; }
                        .business .box .list h3 iconpark-icon { width: 7vw; height: 7vw; border-radius: 2vw; font-size: 5vw;   }
                        .business .box .list h3 strong { margin-left: 1vw; }
                        .business .box .list h3 span { margin-left: 1vw;}
                        .business .box .list .more i {  font-size: 5vw;   }
                      }



           
          
         
                  
               



            /* @keyframes dong { 
              0% {             
                  transform: translate(0px, 0px);  
                  transform:rotate(0);           
               }            
               50% {                
                  transform: translate(0px, -15px);  
                  transform:rotate(0.2deg);          
               }            
               100% {                
                  transform: translate(0px, 0px);
                  transform:rotate(0);
               }
            } */

            /* @keyframes scaleDraw2 { 

              0%{
                  transform: scale(1);  
                  transform: translate(0px, 0px);  
              }
              25%{
                  transform: scale(1.03); 
                  transform: translate(0px, -10px);  
              }
              50%{
                  transform: scale(1);
                  transform: translate(0px, -15px);
              }
              75%{
                  transform: scale(1.03);
                  transform: translate(0px, 0px);
              }
            } */


                /* 重置圆点 */
                .swiper-pagination {
                  left: 0; right: 0; margin: auto;
                }
                .swiper-pagination-bullet {
                  width: 0.7vw;
                  height: 0.7vw;
                  margin-right: 8px;
                }
                .swiper-pagination-bullet-active {
                  background: #8ebfb3 !important;
                }

                #bannerpagination { bottom: 3vw ; }
                    .swiper-pagination .swiper-pagination-bullet {
                        width: 0.5vw; border-radius: 0.5vw;
                        height: 0.5vw;  transition: all 0.5s;
                    }
                    .swiper-pagination .swiper-pagination-bullet-active {
                        width: 2vw !important;
                      }

                @media (max-width: 640px) { 
                    #bannerpagination { bottom: 5vw ; }
                    .swiper-pagination .swiper-pagination-bullet {
                        width: 5vw;
                        height: 1vw; border-radius: 0;
                    }
                }