body {
            font-family: Microsoft YaHei;

        }

        .glyphicon-home {
            color: #989a94;
            font-size: 14px;
        }

        .dingbu {
            background: #212121;


        }

        .dingbu a {
            color: #989a99;

        }

        .text-white {
            color: #989a99 !important;
        }

        .jumbotron {

            background-color: rgba(54, 187, 223, 0.9);
        }



        .homeabout {
            color: #989a99;
            height: 40px;
            padding-top: 10px;
            font-size: 14px;
        }
		.homeabout h1{display:inline;color: #989a99; font-size: 14px;}
        .dingdh{margin-top:-5px;}
        .hometel {

            color: #989a99;
            height: 40px;
            padding-top: 10px;
            font-size: 14px;
            border-left: 1px solid #2f2f2f;
            padding-left: 20px;
            border-right: 1px solid #2f2f2f;
            padding-right: 10px;
            font-weight: bold;
        }

        .wz-white {
            color: #ffffff;
        }

        .wz-white a {
            color: #ffffff;
        }

        .btm-bga {
            background: #017cc2;
        }
        .btm-bga:hover {
            background: #84c125;
        }


/* 导航 */
.nav-bg1 {
    margin: 0;
    padding: 0;
    background: url(../image/logonavbg.jpg);
    height: 60px; /* 更新整体高度 */
	border-bottom: 1px solid #c9c8ce;
}

.navbar-brand {
    padding: 0;
    line-height: 60px; /* 更新行高以匹配整体高度 */
    height: 60px; /* 更新高度 */
    background: url(../image/logonavbg.jpg); 
    float: left;
}

.headmaidian {
    color: #dedede;
    line-height: 60px; /* 更新行高以匹配整体高度 */
    height: 60px; /* 更新高度 */
    font-family: Microsoft YaHei;
    font-size: 18px;
    font-weight: 500;
    padding-right: 50px;
}

.nav-css1 {
    margin-top: 0; /* 删除或调整 margin-top 以适应新高度 */
    font-size: 16px;
    float: right;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #0084c9;
    background: url(../image/navactivebg.jpg); 
    border-bottom: 2px solid #0084c9;
    padding-bottom: 18px; /* 调整 padding-bottom */
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #0084c9;
    background: url(../image/navactivebg.jpg); 
    padding-bottom: 18px; /* 调整 padding-bottom */
}

.navbar-default .navbar-nav>li>a {
    color: #333333; /* 菜单默认颜色 */
	padding-top:18px;

    /* 也可以使用 margin-right 或 margin-left 进行调整 */	
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #0084c9;
    border-bottom: 1px solid #0084c9;
    padding-bottom: 18px; /* 调整 padding-bottom */
}

.nav>li:hover .dropdown-menu {
    display: block; /* 鼠标悬停显示下拉菜单 */
}

.nav-bg1 h4 {
    color: #333333;
}

.down-link-color h5 {
    color: #404040;
    font-size: 16px;
}

	

/* 媒体查询：当屏幕宽度大于或等于 1200px 时应用 */
@media (min-width: 1200px) {

.navbar-default .navbar-nav>li>a {
    padding-left: 20px; /* 增加菜单项之间的水平间距 */
    padding-right: 20px; /* 增加菜单项之间的水平间距 */
    /* 也可以使用 margin-right 或 margin-left 进行调整 */	
}


 
}


/*二级菜单定位*/     
		
		
		
		
     
	/*卖点文字旋转动画*/ 
.rw-words{
	display: inline;
	text-indent: 10px;
}
.rw-words-1 span{
	position: absolute;
	opacity: 0;
	overflow: hidden;
	color: #d7d7d7;
	-webkit-animation: rotateWord 18s linear infinite 0s;
	-ms-animation: rotateWord 18s linear infinite 0s;
	animation: rotateWord 18s linear infinite 0s;
}
.rw-words-1 span:nth-child(2) { 
    -webkit-animation-delay: 3s; 
	-ms-animation-delay: 3s; 
	animation-delay: 3s; 
	color: #d7d7d7;
}
.rw-words-1 span:nth-child(3) { 
    -webkit-animation-delay: 6s; 
	-ms-animation-delay: 6s; 
	animation-delay: 6s; 
	color: #d7d7d7;	
}
.rw-words-1 span:nth-child(4) { 
    -webkit-animation-delay: 9s; 
	-ms-animation-delay: 9s; 
	animation-delay: 9s; 
	color: #d7d7d7;
}
.rw-words-1 span:nth-child(5) { 
    -webkit-animation-delay: 12s; 
	-ms-animation-delay: 12s; 
	animation-delay: 12s; 
	color: #d7d7d7;
}
.rw-words-1 span:nth-child(6) { 
    -webkit-animation-delay: 15s; 
	-ms-animation-delay: 15s; 
	animation-delay: 15s; 
	color: #d7d7d7;
}
@-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); }
	5% { opacity: 1; -webkit-transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); }
	20% { opacity: 0; -webkit-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@-ms-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -ms-transform: translateY(-30px); }
	5% { opacity: 1; -ms-transform: translateY(0px);}
    17% { opacity: 1; -ms-transform: translateY(0px); }
	20% { opacity: 0; -ms-transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); }
	5% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}
    17% { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
	20% { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); }
	80% { opacity: 0; }
    100% { opacity: 0; }
}  /*卖点文字旋转动画*/
	 

      
        
/* 
=========================================
Banner 4个块状
=========================================
*/
.lawyer-boxes {
        margin: 0;
	margin-top: -80px;
	position: relative;
	z-index: 999999;
	background: transparent;

    padding: 0;
  
}
.lawyer-boxes .box {
    margin:0;
	background: #fff;
	padding:  15px;
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center;
	border-radius: 0px;
	overflow: hidden;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
    margin-top: 10px;
    
}
    
.lawyer-boxes .box.bg-1 {
height: 155px;
}     
        
.lawyer-boxes .box.bg-2 {
height: 155px;
}
.lawyer-boxes .box.bg-3 {
height: 155px;
}
.lawyer-boxes .box::before {
content: ' ';
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	top: 20;
    -ms-transition: .4s;
    -o-transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    border-right: 1px solid #d4d4d4;
	display: inline-block;
	height: 115px;
}
.lawyer-boxes .box:hover::before {
	
	opacity: .77;
}
.lawyer-boxes .box span {
    font-size: 20px;
    position: relative;
    font-weight: 600;
    margin: 20px 0 17px;
    -ms-transition: .4s;
    -o-transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
	transform: rotate(0deg);
   
}
.lawyer-boxes .box:hover span {
	color: #0084c7;
	transform: rotate(360deg);
}        
        
.lawyer-boxes .box i {
	font-size: 25px;
	position: relative;
    color: #fff;
	-ms-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	transition: .4s;
	width: 55px;
	height: 55px;
	line-height: 55px;
	border-radius: 50%;
	transform: rotate(0deg);
}
.lawyer-boxes .box:hover i {
	color: #0084c7;
	transform: rotate(360deg);
}
.lawyer-boxes .box h3 {
    font-size: 22px;
    position: relative;
    font-weight: 600;
    margin: 20px 0 17px;
    -ms-transition: .4s;
    -o-transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
  
}
.lawyer-boxes .box:hover h3 {
    color: #010101;
    
}
.lawyer-boxes .box p {
    -ms-transition: .4s;
    position: relative;
    -o-transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
        font-size: 16px;
  
}
.lawyer-boxes .box:hover p {
    color: #666666;
}
        
        
        
.banneronfourboxcss
{
 background: #ffffff;	border-radius: 5px;box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
        }
 .banneronfourboxcss1
{
 background: #ffffff;	border-radius: 5px;box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
 }       
		
/*小屏幕下banner4块下移*/        
@media only screen and (max-width : 1008px) {
  
    .lawyer-boxes {
        margin-top: 0;
        padding-top: 20px;
    }
    .lawyer-boxes .box {
        padding: 20px 20px;
        margin-top: 20px;
        text-align: center;
    }
    .lawyer-boxes .box i . {
        font-size: 30px;
    }
 
   
    .lawyer-boxes .box h3 {
        font-size: 18px;
        margin: 16px 0 13px;
    }
    }
/*小屏幕下banner4块下移*/  
/* 
=========================================
Banner 4个块状结束
=========================================
*/
        

/* 产品 */
.pt-100 {  padding-top: 70px; }
  @media only screen and (max-width: 767px) {
    .pt-100 {  padding-top: 70px; }
        }

.pb-65 {
  padding-bottom: 35px; }
  @media only screen and (max-width: 767px) {
    .pb-65 {
      padding-bottom: 35px; } }

        
/*--------  pro style ---------*/
.single-pro {
  position: relative;
  overflow: hidden;
        }
  .single-pro a img {
    width: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s; }
  .single-pro .pro-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .single-pro .pro-content.pro-position-1 {
      left: 50%; 
        top: 135px; 
        text-align: left;
    
        }
        
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .single-pro .pro-content.pro-position-1 {
        left: 50%; 
        top: 135px; 
        text-align: left;
          
          
          }
        .single-pro .pro-content.pro-position-1  h2 {
      font-size: 28px;
        color: #4a4a4a;    
          }

        }
        
      @media only screen and (max-width: 767px) {
        .single-pro .pro-content.pro-position-1 {
     left: 50%; 
        top: 105px; 
        text-align: left;
          
          } 
         .single-pro .pro-content.pro-position-1  h2 {
      font-size: 24px;
        color: #4a4a4a;    
          }
        
        }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .single-pro .pro-content.pro-position-1 {
     left: 50%; 
        top: 105px; 
        text-align: left;
          
          } }
    .single-pro .pro-content.pro-position-2 {
    
          left: 5%;
       top: 115px;         
      text-align:left;
        }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .single-pro .pro-content.pro-position-2 {
            
        left: 5%;
       top: 115px;         
      text-align:left;
          
          
          } 
              .single-pro .pro-content.pro-position-2  h2 {
      font-size: 28px;
        color: #4a4a4a;    
          }
        
        }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .single-pro .pro-content.pro-position-2 {
        
     left: 5%;
       top: 105px;         
      text-align:left;
          
          } 
         .single-pro .pro-content.pro-position-2  h2 {
      font-size: 28px;
        color: #4a4a4a;    
          }
          
        }
        
      @media only screen and (max-width: 767px) {
        .single-pro .pro-content.pro-position-2 {
         left: 5%;
       top: 85px;         
      text-align:left;
          
          
          } 
         .single-pro .pro-content.pro-position-2  h2 {
      font-size: 24px;
        color: #4a4a4a;    
          }
          
        
        }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .single-pro .pro-content.pro-position-2 {
       left: 5%;
       top: 85px;         
      text-align:left;
          
          
          } 
         .single-pro .pro-content.pro-position-2  h2 {
      font-size: 24px;
        color: #4a4a4a;    
          }
          
        
        }
    .single-pro .pro-content.pro-position-3 {
      left: 46%;
        
        
        }
    .single-pro .pro-content.pro-position-4 {
      left: 5%;
       top: 85px;         
      text-align:left; 
        
        
        }
      .single-pro .pro-content.pro-position-4 h2 {
          font-size:28px;
        color: #4a4a4a;  
          
          
        }
        @media only screen and (min-width: 768px) and (max-width: 991px) {
          .single-pro .pro-content.pro-position-4 h2 {
               font-size: 24px;
        color: #4a4a4a;  
              top: 55px;  
            } }
        @media only screen and (max-width: 767px) {
          .single-pro .pro-content.pro-position-4 h2 {
         font-size: 24px;
        color: #4a4a4a;  
              top: 55px;  
            
            } }
        @media only screen and (min-width: 576px) and (max-width: 767px) {
          .single-pro .pro-content.pro-position-4 h2 {
             font-size: 24px;
        color: #4a4a4a;  
              top: 55px;  
            
            
            } }
    .single-pro .pro-content.banner-position-6 {
      position: absolute;
      bottom: 46px;
      right: 45px;
      top: inherit;
      -webkit-transform: inherit;
      -ms-transform: inherit;
      transform: inherit; }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .single-pro .pro-content.banner-position-6 {
          right: 20px; } }
      @media only screen and (max-width: 767px) {
        .single-pro .pro-content.banner-position-6 {
          right: 24px;
          bottom: 30px; } }
    .single-pro .pro-content h3 {
      font-size: 16px;
      font-weight: 400;
      line-height: 26px;
      margin: 0;
        color: #848484;
        
      text-transform: uppercase; 
        }
    .single-pro .pro-content h2 {
      font-size: 32px;
      line-height: 35px;
      margin: 24px 0 36px; 
        color:#4a4a4a;
        }
      @media only screen and (min-width: 992px) and (max-width: 1199px) {
        .single-pro .pro-content h2 {
          margin: 14px 0 16px; 
          
          } }
      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .single-pro .pro-content h2 {
          font-size: 20px;
          line-height: 25px;
          margin: 4px 0 10px; } }
      @media only screen and (max-width: 767px) {
        .single-pro .pro-content h2 {
          margin: 6px 0 8px;
          font-size: 18px;
          line-height: 24px; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .single-pro .pro-content h2 {
          font-size: 28px;
          line-height: 35px;
          margin: 14px 0 16px; } }
    .single-pro .pro-content a {
      text-transform: uppercase;
      font-weight: 600;
      font-size: 12px;
      display: inline-block;
      line-height: 1;
      border-bottom: 1px solid #a5a49d;
      padding-bottom: 1px; }
      .single-pro .pro-content a:hover {
        border-bottom: 1px solid #ff3535; }
  .single-pro .pro-content-2 h4 {
    font-weight: bold;
    font-size: 18px;
    letter-spacing: .3px;
    margin: 0;
    line-height: 1;
    text-transform: uppercase; }
  .single-pro .pro-content-2.banner-position-5 {
    position: absolute;
    left: 40px;
    top: 30px; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .single-pro .pro-content-2.banner-position-5 {
        left: 15px; } }
  .single-pro .pro-content-3 h2 {
    font-size: 28px;
    margin: 0 0 18px;
    line-height: 1; }
    @media only screen and (min-width: 768px) and (max-width: 991px) {
      .single-pro .pro-content-3 h2 {
        font-size: 20px;
        margin: 0 0 12px; } }
    @media only screen and (max-width: 767px) {
      .single-pro .pro-content-3 h2 {
        font-size: 20px;
        margin: 0 0 12px; } }
  .single-pro .pro-content-3 a {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    display: inline-block;
    line-height: 1;
    border-bottom: 1px solid #a5a49d;
    padding-bottom: 1px; }
    .single-pro .pro-content-3 a:hover {
      border-bottom: 1px solid #ff3535; }
  .single-pro .pro-content-3.banner-position-7 {
    position: absolute;
    left: 0px;
    bottom: 45px;
    right: 0;
    text-align: center; }
  .single-pro .pro-content-4 h3 {
    font-size: 26px;
    font-weight: 500;
    margin: 0;
    color: #000000;
    line-height: 36px; }
    @media only screen and (max-width: 767px) {
      .single-pro .pro-content-4 h3 {
        line-height: 30px;
        font-size: 20px; } }
  .single-pro .pro-content-4.banner-position-8 {
    position: absolute;
    left: 50px;
    top: 38px; }
    @media only screen and (max-width: 767px) {
      .single-pro .pro-content-4.banner-position-8 {
        left: 20px;
        top: 15px; } }
  .single-pro .pro-content-4.banner-position-9 {
    position: absolute;
    left: 50px;
    bottom: 44px; }
    @media only screen and (max-width: 767px) {
      .single-pro .pro-content-4.banner-position-9 {
        left: 20px;
        bottom: 19px; } }
  .single-pro:hover a img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-pro.mb-130 {
      margin-bottom: 30px; } }
  @media only screen and (max-width: 767px) {
    .single-pro.mb-130 {
      margin-bottom: 30px; } }        
/*--------  pro style ---------*/
.mb-30 {  margin-bottom: 30px; }
.btn-primaryaniu {
  color: #ffffff;
  background-color: #017cc2;
  border-color: #017cc2;
    line-height: 10px;height: 28px
}
 .btn-primaryaniu:hover{
       color: #ffffff;       
  background-color:#0374b4;
   border-color: #0374b4;  
        }
.pro-index-more
{text-align:center;
	
	}     
	
	@keyframes rightan
                {

                from
                {
                    bottom: 0%;
                    opacity: 0;
                }
                to
                {
                    bottom: 5%;
                    opacity: 1;
                }
                }
				
@-moz-keyframes rightan
                {

                from
                {
                    bottom: 0%;
                    opacity: 0;
                }
                to
                {
                    bottom: 5%;
                    opacity: 1;
                }
                }		
@-o-keyframes rightan
                {

                from
                {
                    bottom: 0%;
                    opacity: 0;
                }
                to
                {
                    bottom: 5%;
                    opacity: 1;
                }
                }								

	
@-webkit-keyframes rightan
                {

                from
                {
                    bottom: 0%;
                    opacity: 0;
                }
                to
                {
                    bottom: 5%;
                    opacity: 1;
                }
                }
                .rightan
                {
					animation: rightan 2.5s infinite;
					animation-fill-mode: both;
                -webkit-animation: rightan 2.5s infinite;
                -webkit-animation-fill-mode: both;
                -moz-animation: rightan 2.5s infinite;
                -moz-animation-fill-mode: both;				
                -o-animation: rightan 2.5s infinite;
                -o-animation-fill-mode: both;	
                -webkit-animation: rightan 2.5s infinite;
                -webkit-animation-fill-mode: both;									
                }
.pro-index-more-anniu
{margin-top:10px;width:140px;height:40px;font-size:18px;color:#696969;}
				
   
        
        
/* 产品 */        
        
        
/*视频通栏*/
        


.mobex-section.aboutus-section {
    z-index: 9;
    padding-top: 60px;
    background-image: url(../image/shipinbg.jpg);
    background-position: center;
    background-size: cover;
    background-blend-mode: difference;
    text-align: center;
    height: 205px;
  transition: all 2s;  /*背景图片2秒放大*/
}
.aboutus-section:hover{
	transform: scale(1.06);  /*背景图片2秒放大*/
}


.mobex-section.aboutus-section::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: inherit;
    opacity: .6;
    z-index: -1;

}




.wrap_about_img {
    text-align: left;
    height: 100%;
}

.wrap_about_img .intro_video {
    text-align: center;
}








.wrap_about_text {
        text-align: center;
 
    
}

.wrap_about_text h2 {
    color: #8e8e8e;
    font-size: 35px;
}

.wrap_about_text .mission-text {
    color: #8e8e8e;
    font-size: 16px;
    line-height: 29px;
    margin-bottom: 18px;
    
}

.wrap_about_text p {
    color: #797979;
    font-size: 18px;

    line-height: 28px;
}
.shipinpwz {
    color: #797979;
    font-size: 20px;

    line-height: 28px;
    padding-top:20px;
}
        

.mobex-btn {
    padding-top: 15px;
}

.mobex-btn a {
    display: inline-block;
    padding: 13px 45px 13px 23px;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.mobex-btn a::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 0;
    height: 5px;
    width: 20px;
    background: #fff;
    transition-property: height background;
    transition-duration: .4s;
    -webkit-transition-duration: .4s;

}

.mobex-btn a:hover {
    background: #06163a;
    color: #ff5e14;
}

.mobex-btn a:hover::before {
    height: 20px;
    background: #ff5e14;
}

    





/*视频按钮圆圈波纹*/        
.dot {
  animation: sploosh 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.dot2 {
  animation: sploosh2 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.dot3 {
  animation: sploosh3 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.dot,.dot2,.dot3{
  height: 70px;
  width: 70px;
  font-size: 20px;
  color: #3f3533;
  line-height: 70px;
  text-align: center;
  border-radius: 100%;
  position: absolute;
  z-index: 10;
  animation-iteration-count:infinite;
  background: transparent;
    
    border:1px solid #d1d3d7;
}
@keyframes sploosh {
  0% {
    box-shadow: 0 0 0 0px rgba(63, 53, 51, 0.7);
    background: rgba(63, 53, 51, 0.7);
  }
  100% {
    box-shadow: 0 0 0 30px rgba(252, 252, 252, 0);
    background: rgba(252,252,252, 0);
  }
}
@keyframes sploosh2 {
  0% {
    box-shadow: 0 0 0 0px rgba(255, 252, 252, 0.7);
    background: rgba(252, 252, 252, 0.7);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(252, 252, 252, 0);
    background: rgba(252, 252, 252, 0.3);
  }
}
@keyframes sploosh3 {
  0% {
    box-shadow: 0 0 0 0px rgba(252, 252, 252, 0.7);
    background: rgba(252, 252, 252, 0.7);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(252, 252, 252, 0);
    background: rgba(252, 252, 252, 1);
  
  }
}
        
/*视频按钮圆圈波纹*/           
        
        
/*视频通栏*/        
        
        
/*公司简介*/
        

.ind_about{ background-repeat:no-repeat; background-position:right top; background-size:100%;margin-top: 60px;}
.ind_about .auto{padding:5% 0;}
.ind_about .photo{ border-radius:0 20px 0 20px; overflow:hidden}

.ind_about .txt{ position:relative; z-index:5;}
.ind_about .txt .h4{ padding:3% 0; font-size:22px;}
.ind_about .txt .h3{ padding:3% 0; font-size:28px;}
.ind_about .txt .h3 a{text-decoration:none;color:#333333;font-size:28px;}  
.ind_about .txt .h3 .en{ padding:3% 0; font-size:40px;}            
.ind_about .txt p{ color:#909090;font-size:13px;}
.ind_about .num{ padding-bottom:3%;}
.ind_about .num ul{margin: 0;padding: 0;list-style: none;}
.ind_about .num ul li{ width:20%; float:left; border-left:solid 1px #f3f3f3; padding:2%;}
.ind_about .num ul li b,
.ind_about .num ul li span{ display:block;}
.ind_about .num ul li b{ font-size:40px; line-height:60px;}
.ind_about .num ul li span{ font-size:16px;}
.ind_about .num ul li i{ display:block; width:30px; height:30px;}
.ind_about .num ul li i.icon{ background-color:#e4e4e4; border-radius:100px; background-image:url(../image/txt_icon.png); background-repeat:no-repeat;}
.ind_about .num ul li.n1 i.icon{ background-position:left}
.ind_about .num ul li.n2 i.icon{ background-position:-30px}
.ind_about .num ul li.n3 i.icon{ background-position:-60px}
.ind_about .num ul li.n4 i.icon{ background-position:-90px}
.ind_about .num ul li.n5{ background-color:#017cc2; border-left:none; color:#fff;}

@media(min-width:768px){
.ind_about .ind_name{ max-width:300px;}
.ind_about .photo{ float:left; width:60%; position:relative;}
.ind_about .photo:after{ content:''; display:block; right:0; bottom:0; position:absolute; width:11%; height:80%; background-color:#fff;}
.ind_about .txt{ padding-top:12%; float:right; width:36%;}

}
@media(max-width:1366px){
.ind_about .num ul li b{ font-size:32px;}
.ind_about .txt .h4{ font-size:18px;}
}
@media(max-width:1000px){
.ind_about .num ul li b{ font-size:22px; line-height:40px;}
.ind_about .txt .h4{ font-size:16px;}
}
@media(max-width:768px){
.ind_about{ background:none!important;}
.ind_about .auto{ padding:0}
.ind_about .num ul li{ width:50%; margin-bottom:2%}
.ind_about .num ul li.n5{ width:100%; text-align:center;}
.ind_about .num ul li.n5 i{ display:none}
.ind_about .num ul li.n5 b, .ind_about .num ul li.n5 span{display:inline-block;  }
.ind_about .num ul li.n5 span{   padding-left: 10px;}
.ind_about .txt{ padding-bottom:2%}
.ind_about .txt .h4{ padding-top:0; padding-bottom:2%}
}

.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both;font-size: 0px; }
.clearfix { zoom:1; }  
.clear{ clear:both; height:0; overflow:hidden;}
        
        
/*公司简介*/   
        
/*3D视频效果图*/
.imgbaifen{width:100%;margin-top: 10px;   }

 .imgbaifen1{width:100%;margin-top: 10px;   transition: all 2s; }
.imgbaifen1:hover{
   transform: scale(1.2);  
 }  


	 
 

/*3D视频效果图*/        
        

 /*3D视频左侧按钮*/
     
	 

	/*实景3D案例下左侧的按钮位置调整CSS*/        
@media only screen and (min-width : 1199px) {

 .btn-circle {

  width: 56px;
  height: 56px;
  text-align: center;
  border: 3px #fff solid;
  border-radius: 70px;
  margin-top: -450px;
  padding-top:8px;    
    color: #fff;

}


    
    }/*1199END*/
	

    /*992-1199*/
    
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
  
  
   .btn-circle {

  width: 56px;
  height: 56px;
  text-align: center;
  border: 3px #fff solid;
  border-radius: 70px;
  margin-top: -400px;
  padding-top:8px;    
    color: #fff;

}
     
}


        /*768-991*/
        
  @media only screen and (min-width: 768px) and (max-width: 991px) {
  
  
    
   .btn-circle {

  width: 56px;
  height: 56px;
  text-align: center;
  border: 3px #fff solid;
  border-radius: 70px;
  margin-top: -500px;
  padding-top:8px;    
    color: #fff;

}
  
  }
		
  		
      /*576-767*/
        
 @media only screen and (min-width: 576px) and (max-width: 767px) {
  
  
     .btn-circle {

  width: 56px;
  height: 56px;
  text-align: center;
  border: 3px #fff solid;
  border-radius: 70px;
  margin-top: -550px;
  padding-top:8px;    
    color: #fff;

}
  
  
  }
  	
   /*478-576*/
        
 @media only screen and (min-width: 478px) and (max-width: 576px) {
  
  
     .btn-circle {

  width: 56px;
  height: 56px;
  text-align: center;
  border: 3px #fff solid;
  border-radius: 70px;
  margin-top: -400px;
  padding-top:8px;    
    color: #fff;

}
  
  
  }
  		
	
	

  

		
   /*378-478*/
        
 @media only screen and (min-width: 378px) and (max-width: 478px) {
		   
		   
.btn-circle {

  width: 56px;
  height: 56px;
  text-align: center;
  border: 3px #fff solid;
  border-radius: 70px;
  margin-top: -310px;
  padding-top:8px;    
    color: #fff;

}
	   
}	
	
	
	  
   /*小于378*/
		
  @media only screen and (max-width: 378px) {
		   
		   
.btn-circle {

  width: 56px;
  height: 56px;
  text-align: center;
  border: 3px #fff solid;
  border-radius: 70px;
  margin-top: -260px;
  padding-top:8px;    
    color: #fff;

}
	   
}	
	

 
button span{
	font-size: 18px;
}
.anniudz
{ 
cursor: pointer; 
transition: all 0.6s; 

} 
.anniudz:hover{ 
transform: scale(1.4); 
    
       
}     
.anniudz span
{ font-size: 30px;
    }
.anniudz:hover
{color: #fff;}
 /*3D视频左侧按钮*/
        


/*视频右侧图片遮罩特效*/

	.boxspr{
		text-align: center;
		overflow: hidden;
		position: relative;
	}
	.boxspr:before{
		content: "";
		width: 0;
		height: 100%;
		background: #000;
		padding: 14px 18px;
		position: absolute;
		top: 0;
		left: 50%;
		opacity: 0;
		margin-top:10px;
		transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
	}
	.boxspr:hover:before{
		width: 100%;
		left: 0;
		opacity: 0.5;
	}
	.boxspr img{
		width: 100%;
		height: auto;
	}
	.boxspr .boxspr-content{
		width: 100%;
		padding: 14px 18px;
		color: #fff;
		position: absolute;
		top: 30%;
		left: 0;
	}
	.boxspr .title{
		font-size: 20px;
		font-weight: 400;
		line-height: 30px;
		text-transform: uppercase;
		margin: 0;
		opacity: 0;
		transition: all 0.5s ease 0s;
	}
	.boxspr .post{
		font-size: 15px;
		text-transform: capitalize;
		opacity: 0;
		transition: all 0.5s ease 0s;
	}
	.boxspr:hover .title,
	.boxspr:hover .post{
		opacity: 1;
		transition-delay: 0.7s;
	}
	.boxspr .icon{
		padding: 0;
		margin: 0;
		list-style: none;
		margin-top: 15px;
	}
	.boxspr .icon li{
		display: inline-block;
	}
	.boxspr .icon li a{
		display: block;
		width: 40px;
		height: 40px;
		line-height: 40px;
		border-radius: 50%;
		background: #017cc2;
		font-size: 20px;
		font-weight: 700;
		color: #fff;
		margin-right: 5px;
		opacity: 0;
		transform: translateY(50px);
		transition: all 0.5s ease 0s;
	}
	.boxspr:hover .icon li a{
		opacity: 1;
		transform: translateY(0px);
		transition-delay: 0.5s;
	}
	.boxspr:hover .icon li:last-child a{
		transition-delay: 0.8s;
	}
	@media only screen and (max-width:990px){
		.boxspr{ margin-bottom: 30px; }
	}
/*视频右侧图片遮罩特效*/	        
        
        
/*==== 新闻 ===*/
        
.popular_cources {
	padding: 10px 0;
	max-height: 1000px;
}
.popular_cources h2 {
	margin:0;padding: 10px;
}
.popular_cources h2 span
{
font-size: 14px;color: #a7a6b6;    
}
.popular_cources #latest_blog_carousel .review_singel {
	box-shadow: 0px 0px 15px 0px rgba(47, 47, 47, 0.05);
	margin: 50px 15px;
}
.popular_cources #latest_blog_carousel .review_singel:hover .blog-img img {
	transform: scale(1);
}
.popular_cources #latest_blog_carousel .review_singel:hover .blog-title .shape {
	margin-bottom: 15px;
}
.popular_cources #latest_blog_carousel .review_singel:hover .blog-title .shape:before {
	visibility: visible;
	opacity: 1;
	width: 28px;
}
.popular_cources #latest_blog_carousel .review_singel:hover .blog-title h3 a {
	color: #007dc0;font-size: 18px;
}
.popular_cources #latest_blog_carousel .review_singel .blog-img {
	min-width: 275px;
	overflow: hidden;
}
.popular_cources #latest_blog_carousel .review_singel .blog-img img {
	width: 100%;
	transform: scale(1.1);
	transition: all 0.3s ease-in-out;
}
.popular_cources #latest_blog_carousel .review_singel .blog-title {
	padding: 20px;
}
.popular_cources #latest_blog_carousel .review_singel .blog-title .shape {
	position: relative;
	margin-bottom: 0px;
	transition: all 0.3s ease-in-out;
}
.popular_cources #latest_blog_carousel .review_singel .blog-title .shape:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 4px;
	background: #007dc0;
	width: 0px;
	margin-bottom: 15px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}
.popular_cources #latest_blog_carousel .review_singel .blog-title h3 {
	font-weight: 700;
	font-size: 22px;
	padding: 0px;
	line-height: 34px;
}
.popular_cources #latest_blog_carousel .review_singel .blog-title h3 a {
	color: #2f2f2f;font-size: 18px;
	transition: all 0.3s ease-in-out;
}
.popular_cources #latest_blog_carousel .review_singel .blog-title span {
	font-size: 16px;
	line-height: 24px;
	color: #2f2f2f;
	font-weight: 400;
	margin-bottom: 15px;
}
.popular_cources #latest_blog_carousel .review_singel .blog-title p {
	font-size: 16px;
	font-weight: 300;
	padding-top: 15px;
	margin: 0;
	color: #8d95a6;
}
.popular_cources #latest_blog_carousel .review_singel .blog-title .cources_btn {
	margin-top: 20px;
}
.popular_cources #latest_blog_carousel .review_singel .blog-title .cources_btn a,
.popular_cources #latest_blog_carousel .review_singel .blog-title .cources_btn span {
	font-weight: 700;
	font-size: 18px;
	color: #2f2f2f;
	line-height: 40px;
	margin: 0;
}
.popular_cources #latest_blog_carousel .review_singel .blog-title .cources_btn .apply_btn {
	position: relative;
}
.popular_cources #latest_blog_carousel .review_singel .blog-title .cources_btn .apply_btn i {
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
}
.popular_cources #latest_blog_carousel .review_singel .blog-title .cources_btn .apply_btn i:before {
	font-size: 12px;
	color: #2f2f2f;
}
.popular_cources #latest_blog_carousel .review_singel .blog-title .cources_btn .apply_btn:hover i {
	right: -30px;
	visibility: visible;
	opacity: 1;
}
.popular_cources #latest_blog_carousel .review_singel .blog-title .cources_btn span {
	color: #ac1413;
}
.popular_cources .owl-item.active {
	transition: all 0.3s ease-in-out;
}
.popular_cources .owl-buttons {
	position: absolute;
	top: -70px;
	right: 0;
}
.popular_cources .owl-buttons .owl-prev,
.popular_cources .owl-buttons .owl-next {
	padding: 0 0 0 10px !important;
}
.popular_cources .owl-buttons .owl-prev i:before,
.popular_cources .owl-buttons .owl-next i:before {
	box-shadow: 0px 0px 54px 0px rgba(47, 47, 47, 0.1);
	margin: 0;
	padding: 13px;
	border-radius: 50%;
	color: #007dc0;
	opacity: 0.5;
	transition: all 0.3s ease-in-out;
	font-size: 20px;
}
.popular_cources .owl-buttons .owl-prev:hover i:before,
.popular_cources .owl-buttons .owl-next:hover i:before {
	opacity: 1;
}
.popular_cources .owl-buttons .owl-next i:before {
	box-shadow: 0px 0px 54px 0px rgba(0, 152, 192, 0.1);
	opacity: 1;
}
        
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}


.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background:none;
	filter: Alpha(Opacity=50);/*IE7 fix*/
}
.jiandian-news-title
{color:#101010;
	
	}
        

.flaticon-angle-pointing-to-left:before {  content: "\e079"; }
.flaticon-angle-arrow-pointing-to-right:before {  content: "\e080";}

/*新闻左上角栏目*/
.blog-img .newwzclass1{

position: absolute;    
top: 0; left:0; width:60px; height: 60px;background-color: #2199e7;z-index:999;
	text-align: center;
	color: #fff;
	line-height: 15px;
	padding: 15px 15px;
    font-size: 14px;
	
	}
.newwzclass1 a
        {
        text-decoration: none;color: #fff;
            
        }
/*新闻左上角栏目*/                           
        
/*===新闻==*/ 
        
/*战略合作开始*/ 
        
.heading {
  font: 30px/30px "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #101010;
  margin: 0;
 text-align: left;
 padding-top: 65px;

}
.store-sec {
  overflow: hidden;
  padding: 15px 0 12px;
  background:#f3f3f3;
 padding-bottom: 65px;
}
.store-sec.style2 {
  padding: 15px 0;
}
.store-sec .heading {
  margin: 0 0 18px;
}
.store-sec .heading .clr {
    color: #aeb5bf;
    font-size: 13px;
    padding-top:20px; 
        
   }
.store-sec .header {
  margin: 0 0 2px;
}
.store-sec .store-logo {
  overflow: hidden;
  margin: 0 0 21px;
  border-top: 0px solid #d4d4d4;
  border-left: 0px solid #d4d4d4;
}
.store-sec .store-logo li {
  width: 20%;
  height: 120px;
  float: left;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 0px solid #d4d4d4;
  border-bottom: 0px solid #d4d4d4;
  background: #f3f3f3;
}
.store-sec .store-logo a {
  padding: 10px;
  display: block;
}
.store-sec .store-logo a img {
  display: inline-block;
  vertical-align: middle;
}
/*战略合作换行*/        

@media (max-width: 1199px) {
  .pad-top-lg {
    padding-top: 50px !important; }
  .pad-bottom-lg {
    padding-bottom: 50px !important; }

        }


@media (max-width: 1023px) {
  .pad-top-lg {
    padding-top: 40px !important; }
  .pad-bottom-lg {
    padding-bottom: 40px !important; }



  .store-sec .store-logo li {
    width: 25%; }
    }


@media (max-width: 767px) {

  .pad-top-lg {
    padding-top: 40px !important; }
  .pad-bottom-lg {
    padding-bottom: 40px !important; }


  .store-sec .header {
    margin: 0 0 30px; }
  .store-sec .store-logo {
    margin: 0 0 40px; }
    .store-sec .store-logo li {
      width: 50%; }

  #content .post-detail.style2 .txt-holder .coupon-logo {
    width: 120px;
    float: none;
    margin: 0 0 15px; }
  #content .post-detail.style2 .txt-holder .align-left {
    padding: 0;
    float: none; }
  #content .store-logo li {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 30px; }
    #content .store-logo li:nth-child(4n+4) {
      margin: 0 0 30px; }
  #content .store-logo a {
    width: 100%;
    height: 111px;
    padding: 10px;
    border: none; }

  

 }        

/*战略合作结束*/        
        
/*底部bg-foot-bg*/ 
    
.bg-beijing01
    {
    background: #222222;
    color: #969593;
        
    }
.footdhimgdx
    { font-size: 14px;
        }

.footdhbjdiv1{
width: 35px; height: 35px; 
 background-color:#777777; 
 border-radius: 50%; 
 -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
    padding: 10px;
    color: #232323;
    float: left;margin-top: 0px;margin-right: 10px;
} 
        
.footdhbjdiv1h2
{
float: left;margin-top: 1px;
}
.footdhwz001
{
padding-top: 25px;
}
.footgswz
        {
        float: left;width: 100%;text-align: left;  margin-top:50px;  
        }
.footwzhz1         
        {
        padding-top:10px;    
        }

.ulfoot1
        {
  list-style:none;margin: 0;padding: 0;
        }
.ulfoot1 li
        {
        padding-top: 8px;           
        }

.widget-title
        {
            font-size: 14px;
        
        }
.widget-title a
        {
        color: #969593;
        }
        
.widget-menu
        {  list-style:none;margin: 0;padding: 0;}
.widget-menu li
        {
        padding-top: 8px;           
        }
.widget-menu li a
        {
          color: #969593; font-size: 14px;
        }
.footer-bottom
        {
        height: 78px;line-height: 78px;color: #9f9f9f;
            
        }
.footer-bottom a
        {
        color: #9f9f9f;  
        }
        
.hrcss1
        {
         height:2px;border:none;border-top: 2px ridge #494949;
        }
.footer-top
        {
            padding-bottom: 10px;
            
        }
.footer-widget
{border-right:1px solid #464646;
margin-top:10px;
	
	}