/* CSS Document */

@media only screen and (max-width: 5000px){
  .about__img .p-element .ab-image{left:-90px;}
  .choosing__information.st-2 ul li{margin-bottom:35px;}
  .header-main-2 .header__search{margin-left:20px;}
  .logo-bg-1{left:-130px;}
  .menu-bg-1{left:-65px;}
  .header__btn{margin-left:20px;}
  .about__area.st-2{padding-bottom:90px;}
  .about__img-inner.st-2{margin:30px -35px 0 -100px;}
  .about-3-s1{transform: scale(0.7); transform-origin: top left;}
  .choosing-fl-area{padding:90px 0;}
  .testimonial-area.st-1{padding-top:420px;}
  .testimonial-quote.pos-2{font-size:80px; top:45px; right:-15px;}
  .portfolio-slide-single{width:350px; height:450px;}
  .portfolio-container{max-width: calc(((100% - 1110px) / 2) + 1110px);}
  .team-description-content .section-title h2{font-size:44px;}
	
}
@media only screen and (max-width: 1799px){


}


@media only screen and (max-width: 1699px){

  .header__menu-area{margin-right:100px;}
  .hero-content p{font-size:18px; color:#ffc400; font-family:700; text-transform:uppercase; margin-bottom:45px;}
  .hero-content h1{font-size:62px; font-weight:700; color:#fff; text-transform:uppercase; margin-bottom:20px;}
	
	
}

@media only screen and (max-width: 1399px){

  .header__menu-area{margin-right:0px;}

}


@media only screen and (max-width: 1200px){
  h2{font-size:40px; line-height:48px;}
  h4{font-size:22px;}
  .section-title h2{font-size:24px; line-height:40px;}
  .logo-bg-1{left:-115px;}
  .menu-bg-1{left:-96px;}
  .main-menu ul li.menu-item-has-children:after{right:-10px;}
  .header__btn{display:none;}
  .hero-content h1{font-size:48px;}
  .content-404{padding:0 30px;}
  .content-404 h2{font-size:150px;}
  .about__img .p-element .ab-border{bottom:-50px; left:-50px; top:auto;}
  .about-3-s3{bottom:-95px; right:21px;}
  .about-points li{padding:31px 8px 27px 15px;}
  .choosing-3-s2{left:-25px;}
  .choosing__information{padding:20px 20px;}
  .choosing__information ul li{margin-bottom:35px;}
  .service-box-content{padding:0 25px 25px;}
  .partners-logo{padding-left:60px;}
  .counter-content-left{padding:35px 30px 0px 35px;}
  .single-counter{margin-bottom:35px;}
  .single-counter-icon{width:70px;}
  .testimonial-area.st-1{padding-top:330px;}
  .testimonial-quote.pos-2{font-size:60px; top:26px; right:-25px;}
  .portfolio-details-img-right{padding-left:15px;}
  .portfolio-details-single-img{margin-bottom:20px;}
  .portfolio-slide-single{width:290px; height:376px;}
  .portfolio-container{max-width: calc(((100% - 930px) / 2) + 930px);}
  .team-member.st-2 .member-img:hover:before{top:50%;}
  .team-member.st-2 .member-img:hover:after{top:46%;}
  .member-name{padding:26px 14px 20px; width:200px;}
  .member-name-bg img{width:200px;}
  .member-name.st-3{padding:150px 0 30px 0;}
  .member-social{left:18px;}
  .team-description-content .section-title h2{font-size:38px;}
  .blog-content h4{font-size:17px; line-height:24px;}
  .blog-content.st-2 h4{font-size:17px; line-height:24px;}
  .blog-meta{padding-left:0;}
  .blog-date.bms-date{margin-right:25px;}
  .bm-details .bms-title h4{font-size:34px;}
  .bs-post li{margin-bottom:20px;}
  .blog-post-img{height:135px; width:135px; margin-right:25px;}
  .blog-post-content h4{font-size:18px;}
  .blog-post-heading{margin-top:18px; margin-bottom:17px;}
  .features-icon{margin-right:20px;}
  .features-icon i{font-size:40px;}
  .features-text span{font-size:16px;}
  .coming-area{padding-top:260px; padding-bottom:220px;}
  .srv-m {margin-left:-40px;}
  .cat-m{margin-left:30px;}
  .fw3{margin-left:-15px;}
  .copyright-list li{padding-left:13px; margin-left:12px;}
  .project-like-view li{margin-top:10px;}
  .project-like-view li:first-child{margin-left:0;}
  .header__search{margin-left:20px;}
  .h3-s1{top:100px; right:-312px;}
  .subscribe-form.st-2 input{padding:0 120px 0 15px;}
  .subscribe-form.st-2 button{width:110px;}
  .subscribe-form.st-2 button i{display:none;}
  .subscribe-form.st-3 input{padding:0 120px 0 15px;}
  .subscribe-form.st-3 button{width:110px;}
  .subscribe-form.st-3 button i{display:none;}
  .choosing__img-inner.st-3{margin-right:0;}
  .single-counter-icon i{font-size:52px;}
  .member-social{line-height:36px;}
  .member-social-icons li a{width:30px; height:30px; line-height:30px;}
  .member-social-icons.st-3 li a{width:30px; height:30px; line-height:30px;}
  .bs-widget {padding:25px 20px;}
  .sidebar-search{padding:20px;}
  .search-input-field.bss input{padding:0 105px 0 15px;}
  .search-input-field.bss button i{display:none;}
  .bs-post-img{width:80px; margin-right:12px;}
  .pricing-list li{margin-bottom:20px;}
  .about__area{padding-top:50px;}
  .about-details-box-content{margin-top:250px;}
  .member-social-icons{padding-bottom:30px;}
  .bms-title h4{font-size:22px; line-height:36px;}
  .about__img .p-element .award{left:45px; top:-50px;}
  .about__img .p-element .ab-image {display:none;}
  .about-3-s1{display:none;}
  .choosing-3-s1{display:none;}
  .project-meta{display:inherit;}
  .article-nav-content{padding-left:0; padding-right:0;}
  .ab-experience-icon i{font-size:48px;}
  .ab-experience-text p span{font-size:28px; font-weight:800; line-height:40px;}
  .about__btn .grb-btn{font-size:15px; min-width:150px;}
  .grb-btn{height:50px; line-height:50px; background:#6639ff; display:inline-block; border-radius:3px; min-width:150px; text-align:center; position:relative; overflow:hidden;}
  .logo-text-black img{max-width:150%;}
  .logo-text-white img{max-width:150%;}
  .header__menu-area{margin-right:0px;}
  .slider-height{min-height:600px; padding-top:300px;}
  .swiper-pagination.st-3{left:auto; width:150px; bottom:100px; right:6px;}
  .grb-border-btn{height:48px; line-height:48px;}
  .about__area.st-3{padding-top:80px; padding-bottom:30px;}
  .ab-experience{margin-top:25px; overflow:hidden;}
  .ab-experience.st-3{margin-bottom:20px;}
  .counter-board-border{padding-top:30px; padding-bottom:30px;}
  .process-area{padding-top:80px; padding-bottom:60px;}
  .section-title h3{font-size:30px; line-height:40px; margin-bottom:0px;}
  .mb-30{margin-bottom:10px;}
  .service__icon a{height:100px; width:100px; line-height:76px;}
  .service__icon i{font-size:48px;}
  .single__service h4{margin-top:8px; margin-bottom:0px;}
  .pt-100{padding-top:80px;}
  .mb-60{margin-bottom:30px;}
  .testimonial-area.st-3{padding-top:80px; padding-bottom:60px;}
  .dsj-title h2{font-size:30px!important; line-height:40px; color:#333; margin-bottom:10px;}
  .footer-logo img{max-width:70%;}
	.main-menu ul li{margin:0px 0px 0px 50px;}
	
}




@media only screen and (max-width: 991px){
  .col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none;}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%;}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%;}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%;}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%;}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
  
  .col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-auto{padding-right:10px; padding-left:10px;}
	
  .logo-text-black img{max-width:130%;}
  .logo-text-white img{max-width:130%;}
  h4{font-size:22px;}
  h1{font-size:50px;}
  .section-title h2{font-size:22px; line-height:40px;}
  .header-main-1{border-top:1px solid #8f98a8; top:70px; padding-bottom:0; background:#fff;}
  .menu-sidebar{right:40px;}
  .hero-content h1{font-size:36px;}
  .grb__cta ul li:before{right:20px;}
  .grb__cta.header-cta ul{display: flex; justify-content: space-between;}
  .subscribe-form.st-2 input{padding:0 160px 0 15px;}
  .subscribe-form.st-3 input{padding:0 160px 0 15px;}
  .content-404{padding:0 80px;}
  .content-404 h2{font-size:120px;}
  .about__area.st-3{padding-top:60px; padding-bottom:30px; }
  .about-3-s3{bottom:-12px; right: 60px;}	
  .choosing__area .section-title h2{padding-right:200px;}
  .choosing__information{margin-right:0;}
  .choosing-container-2{max-width:720px;}
  .service__area .section-title{margin-bottom:20px;}
  .partners-logo{padding-left:0; padding-right:100px;}
  .testimonial-area.st-1{padding-top:120px; background-image:none !important;}
  .testimonial-single.st-1{padding:60px 50px 45px;}
  .portfolio-slide-single{width:330px; height:425px;}
  .portfolio-container{max-width: calc(((100% - 690px) / 2) + 690px);}
  .team-member.st-2 .member-img:hover:after{left:-120px; top:63%;}
  .team-member.st-2 .member-img:hover:before{left:-20px; top:69%;}
  .contact-map-area{height:500px;}
  .pricing-plans .nav-tabs{top:-120px;}
  .coming-area{padding-top:220px; padding-bottom:180px;}
  .coming-inner h1{font-size:64px;}
  .search-wrap .search-field-holder{width:70%;}
  .copyright-list li{padding-left:10px; margin-left:6px;}
  .project-like-view li{margin-top:10px;}
  .project-like-view li:first-child{margin-left:0;}
  .logo{line-height:80px;}
  .header-main-1::after{display:none;}
  .header-main-1 .header__menu-area{margin-top:0;}
  .logo-bg-1{display:none;}
  .menu-bg-1{display:none;}
  .header__search{margin-top:20px;}
  .header__search a{font-size:20px; height:40px; width:40px; margin-left:20px; line-height:38px;}
  .sticky .logo{line-height:80px;}
  .side-info{width:300px; padding:15px 25px;}
  .side-gallery{display:none;}
  .contact-infos{margin-top:20px;}
  .contact-list > a i{width:20px;}
  .footer__social.offset-social li a{width:40px; height:40px;}
  .about__area{padding-top:50px;}
  .about-details-box-content{margin-top:250px;}
  .member-social-icons{padding-bottom:30px;}
  .bms-title h4{font-size:22px; line-height:36px;}
  .about__img-inner.st-3{margin-bottom:50px;}
  .about-3-s2{display:none;}
  .choosing__img3-main{margin-bottom:50px;}
  .choosing__information{margin-left:0;}
  .choosing-fl-img{margin-left:0;}
  .counter-left .section-title h2{padding-right:0;}
  .counter-content{position:static;}
  .counter-content-right{display:none;}
  .portfolio-details-meta .project-like-view{float:left; margin-bottom:30px;}
  .portfolio-details-img-left{margin-right:0;}
  .portfolio-details-img-right{padding-left:0;}
  .copyright-area{padding:30px 0;}
  .about__img .p-element .award{left:45px; top:-50px;}
  .about__img .p-element .ab-image {display:none;}
  .about-3-s1{display:none;}
  .choosing-3-s1{display:none;}
  .project-meta{display:inherit;}
  .article-nav-content{padding-left:0; padding-right:0;}
  .portfolio-main-items .portfolio-item{margin-bottom:70px;}
  .member-img-bg{top:2px; left:12px; right:5px;}
  .member-name.st-3{padding:240px 0 30px 0; margin-top:125px;}
  .slider-height{min-height:500px; padding-top:200px;}
  .swiper-pagination.st-3{left:auto; width:150px; bottom:100px; position:absolute; right:6px; transform:rotate(90deg);}
  .about__img-inner.st-3{margin-right:0px; max-width:100%; text-align:center;}
  .about__img-inner img{max-width:60%;}
  .counter-board-border{border-top:1px solid #ddd; padding-top:30px; padding-bottom:20px;}
  .process-area{padding-top:60px; padding-bottom:40px;}
  .team-area{padding-top:60px; padding-bottom:40px;}
  .service-box-single{margin-bottom:20px;}
  .section-title h3{font-size:32px; line-height:40px; margin-bottom:0px;}
  .section-title .border-c-bottom p{font-size:16px;}
  .single__service{padding:30px 15px;}
  .service__icon a{height:100px; width:100px; line-height:76px;}
  .service__icon i{font-size:48px;}
  .process-area .mb-30{margin-bottom:10px;}
  .service__btn {height:40px; line-height:38px; padding:0 15px; }
  .service__btn i{margin-right:10px;}
  .pt-100{padding-top:60px;}
  .grb-border-btn{height:48px; line-height:48px;}
  .service-box-content{padding:0 15px 15px;}
  .mb-60{margin-bottom:0px;}
  .testimonial-area.st-3{padding-top:60px; padding-bottom:40px;}
  .testimonial-area .section-title{margin-bottom:10px;}
  .dsj-title h2{font-size:32px!important; line-height:40px; margin-bottom:0px;}
  .footer-logo img{max-width:30%;}
  .daohang_right a{padding:0 20px;}
  .about-img{text-align:center;}
  .about-img img{max-width:70%;}
  .about-details{margin-top:50px; margin-bottom:40px;}
  .container{padding-right:var(--bs-gutter-x, 5px); padding-left: var(--bs-gutter-x, 5px);}
  .align-items-center .logo{padding-left:0px;}
  .align-items-center .logo img{max-width:110%; }
  .offset-logo{margin-bottom:0px; padding-bottom:0px;}
  .mean-container .mean-nav ul li a{border-top:none;}
  .mean-container .mean-nav ul li a{border-bottom:1px solid rgba(255, 255, 255, 0.5);}
  .mean-container .mean-nav ul li li a {border-top:none;}
  .page-title-area{padding-top:180px;padding-bottom:130px;} 
  .btg-text{font-size:100px;}  
  .page-title-heading{width:50%;}
  .touzi_linian_one .touzi_right .touzi_fudong{position:absolute; background:rgba(255, 255, 255, 0.9); width:150%; height:auto; z-index:3; top:10%; right:0px; padding-left:20px; padding-top:20px; padding-bottom:20px;}
  .touzi h3{font-size:18px; line-height:26px;}
  .touzi p{font-size:14px; line-height:24px;}
  .touzi_linian_tow .touzi_right .touzi_fudong{position:absolute; background:rgba(255, 255, 255, 0.9); width:150%; height:auto; z-index:3; top:10%; left:15px; padding-right:20px; padding-top:20px; padding-bottom:20px;}
  .page-title-field .znzz{margin:250px auto; position:relative; z-index:3; width:90%; height:auto; padding:50px; background:rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.2); overflow:hidden;}
  .page-title-field{height:760px;}
  .align-items-center .logo{padding-left:0px;}
  .btg-text-news{font-size:80px;}
  .team-member{max-width:400px; margin-bottom:30px;}
    /*
	首页弹窗
	*/
	.idxtips{background: rgba(0,0,0,.5);position:fixed; width:100%; height:100%; top:0; left:0; z-index:10; display:none;}
	.idxtipsbox{width:90%; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); background:#fff; padding:30px 20px;}
	.idxtipsbox .title{font-size:22px; color:#333; text-align:center; line-height:40px; margin-bottom:10px; font-weight:bold;}
	.idxtipsbox .content{color:#333; line-height:26px; max-height:50vh; overflow-y:auto;}
	.idxtipsbox .content p{line-height:22px; font-size:15px; color:#333; text-align:left; padding:10px;}
	.idxtipsbox .btnbox .item{width:100px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#333; display:inline-block; vertical-align:middle; cursor: pointer; transition:all .3s ease-in-out; border-radius:5px;}
	.idxtipsbox .btnbox .item:hover{background:#ff0000; color:#fff}
	.btnafter{display:none}
	.idxtipsbox .btnbox{text-align:center; margin-top:20px;}
	
	
}

@media (max-width: 767px) {
  .col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none;}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%;}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%;}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%;}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%;}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
  
  .col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-auto{padding-right:10px; padding-left:10px;}
	
	
	
  .container{padding-right:var(--bs-gutter-x, 5px); padding-left: var(--bs-gutter-x, 5px);}
  p{font-size:15px;}
	
	
	
  h4{font-size:22px; line-height:28px;}
  h2{font-size:25px; line-height:32px;}
  .section-title{margin-bottom:10px;}  
  .section-title h2{font-size:18px; line-height:30px;}
  .section-title h2 br{display:none;}
  .header-main-1{padding-bottom:0; background:#fff; top:0;}
  .header-main-2{top:0;}
  .header-main-2 .header__search{margin-left:0;}
  .header__search{margin-left:0;}
  .hero-content h1{font-size:24px;}
  .hero-content p{font-size:18px; margin-bottom:25px;}
  .hero-bg-shape{display:none;}
  .hero-content-btn{margin-bottom:30px;}
  .slider-height{min-height:400px; padding-top:200px;}
  .swiper-pagination.st-3{display:none;}
  .hero-content-btn .grb-btn{font-size:14px; color:#fff; background:#ffc400; padding:0 15px;}
  .grb-btn{height:40px; line-height:40px; background:#6639ff; display:inline-block; border-radius:3px; min-width:100px; text-align:center; position:relative; overflow:hidden;}
  .about__img-inner.st-3{margin-right:0px; text-align:center;}
  .about__img-inner.st-3{margin-bottom:20px;}
  .about__img-inner img{max-width:60%;}
  .ab-experience-icon i{font-size:46px;}
  .ab-experience-text p span{font-size:22px; line-height:40px;}
  .ab-experience-icon{margin-right:10px;}
  .ab-experience{margin-top:25px; overflow:hidden;}
  .ab-experience.st-3{margin-bottom:0px;}
  .about__btn .grb-btn{font-size:15px; min-width:130px;}
  .section-title .border-left p{font-size:16px; font-weight:500; padding-left:12px;}
  .grb-border-btn{height:40px; background:none; text-align:center; padding:0 15px; border:1px solid #fff; color:#fff; font-size:14px; font-weight:700; text-transform:uppercase;
  line-height:40px; display:inline-block; min-width:100px;}
  .hero-content-btn{margin-right:10px;}
  .slider-height.st-2{padding-top:280px;}
  .slider-nav{display:none;}
  .newsletter-area {padding:56px 0 30px 0;}
  .newsletter-text p{padding-right:0;}
  .subscribe-form input{padding: 0 135px 0 15px;}
  .subscribe-form button{width:125px;}	
  .subscribe-form button i{display:none;}
  .area-404{padding-top:80px;}
  .content-404 {padding:0 0;}
  .content-404 h2{font-size:70px;}
  .content-404 h4{font-size:22px; line-height:28px;}
  .search-input-field{width:100%;}
  .brand-area{padding-top:60px; padding-bottom:60px;}
  .about__area{padding-top:50px; padding-bottom:30px;}
  .about__area.st-2{padding-top:60px; padding-bottom:25px;}
  .about__area.st-3{padding-top:40px; padding-bottom:20px;}
  .counter-board-border{padding-bottom:30px;}
  .justify-content-center .section-title{margin-bottom:0px;}
  .about-3-s3 {bottom: -12px; right: 60px; transform: scale(0.8); transform-origin: bottom right;}
  .about-points li{width: 100%; float: none; padding: 26px 15px 22px 19px;}
  .about-points.st-2 li{padding-right:0; margin-bottom:30px;}
  .choosing__area{padding-top:60px; padding-bottom:30px;}
  .choosing__area.st-3{padding-top:60px; padding-bottom:30px;}
  .choosing-3-s2{display:none;}
  .choosing__information{padding:30px 25px;}
  .choosing__information ul li{display:inherit;}
  .choosing__number{margin-bottom:30px;}
  .subscribe{bottom:15px; left:25px;}
  .ab-experience-content{width:100%; margin-bottom:20px;}
  .ab-experience-p{width: 80%; padding-left:0;}
  .about-details{padding-top:0px; margin-top:20px; margin-bottom:0px; }
  .about-details-box{margin-top:0; margin-bottom:30px;}
  .about-details-box-content{margin-top:0;}
  .skill-area{padding-top:50px; padding-bottom:20px;}
  .grb-skill{margin:0; margin-top:10px;}
  .service__area{padding-top:60px; padding-bottom:30px;}
  .single__service h4{margin-top:15px;}
  .service-box-area{padding-top:60px; padding-bottom:20px;}
  .service-box-area-main {padding-top:90px;}
  .service-box-content{padding:0 10px 10px;}
  .partners-area{padding-bottom:20px;}
  .single-partner{text-align:center!important;}
  .service-details-area{padding-top:90px; padding-bottom:20px;}
  .service-details-content > h4{font-size:23px;}
  .counter__area{padding-top:50px; padding-bottom:60px;}
  .counter-right{text-align:left;}
  .counter-content-left{padding:20px 20px 0px 20px;}
  .single-counter{width:100%; margin-bottom:20px;}
  .counter-board-area{padding-top:60px; padding-bottom:15px;}
  .testimonial-area.st-1{padding-top:60px; background-image:none !important;}
  .testimonial-area.st-2 {padding-top:60px; padding-bottom:40px;}
  .testimonial-area.st-3{padding-top:40px; padding-bottom:30px;}
  .testimonial-single.st-1{padding:40px 15px 45px;}
  .testimonial-quote{display:none;}
  .testimonial-nav-1{position:static; transform:none; padding-top:40px; display:flex; justify-content:center;}
  .testimonial-nav-3{padding-top:0px; float:none;}
  .portfolio-area{padding-top:80px; padding-bottom:40px;}
  .portfolio-st-2{padding-top:60px; padding-bottom:55px;}
  .portfolio-button button{margin-bottom:5px;}
  .portfolio-button button:before{display:none;}
  .p-search-area{padding-top:90px;}
  .process-area{padding-top:40px; padding-bottom:30px;}
  .team-area .section-title{margin-bottom:10px;}
  .counter-board-number{font-size:20px; line-height:40px; margin-bottom:4px;}
  .single__service p{margin-bottom:20px;}
  .single__service{background:#fff; box-shadow: 0 20px 40px rgba(16, 0, 71, 0.1); padding:30px 15px 50px 15px;}
  .service__icon a{height:100px; width:100px; line-height:96px; font-size:48px;}
  .service__icon i{font-size:48px;}
  .section-title h3{font-size:28px; line-height:40px; color:#fff; text-transform:uppercase; margin-bottom:0px;}
  .section-title .border-c-bottom p{font-size:15px; font-weight:700;}
  .portfolio-search-form input{width:100%;}
  .portfolio-search-form button{float:none; margin-top:25px;}
  .portfolio-details-area{padding-top:90px; padding-bottom:30px;}
  .related-shots-inner > h3{font-size:28px;}
  .portfolio-area-slide{padding-top:60px; padding-bottom:55px;}
  .portfolio-slide-single{width:100%; height:100%;}
  .portfolio-container{margin-left: 15px; margin-right: 15px; max-width: calc(100% - 30px);}
  .swipper-nav-arrow{position:static; transform:none;}
  .team-area{padding-top:40px; padding-bottom:0px;}
  .team-member{margin:0 auto; margin-bottom:40px;}
  .team-member.st-2 .member-img:before{display:none;}
  .team-member.st-2 .member-img:after{display:none;}
  .team-member.st-3 {box-shadow:0 10px 20px rgba(16, 0, 71, 0.1); margin:0 auto; margin-bottom:40px;}
  .team-member.st-3 .member-social-icons.st-3{opacity:1; isibility:visible;}
  .member-name.st-3{margin-top:165px;}
  .team-right{margin-top:0; float:left; margin-bottom:40px;}
  .team-description-area{padding-top:80px;}
  .team-description-img{margin-bottom:75px;}
  .blog-area{padding-top:60px; padding-bottom:30px;}
  .blog-area-2{padding-top:60px; padding-bottom:0;}
  .blog-area-3{padding-top:60px; padding-bottom:0;}
  .blog-right{float:none;}
  .blog-single.st-2{box-shadow:0 10px 20px rgba(16, 0, 71, 0.1);}
  .blog-single.st-2 .blog-meta{padding-left:0; margin-top:10px; display:inline-block;}
  .blog-main-area{padding-top:90px;}
  .blog-date.bms-date{display:none;}
  .bms-title h4{font-size:18px; line-height:28px;}
  .bm-details .bms-title h4{font-size:20px; line-height:28px;}
  .project-like-view.bms-lv li{margin-left:0; margin-bottom:10px;}
  .bm-details-quote{padding:30px;}
  .bm-details-quote p{font-size:18px;}
  .bm-details-quote h4{padding-left:80px; font-size:18px;}
  .bm-details-quote-icon{display:none;}
  .bms-share{float:none; margin-top:30px;}
  .latest-comments li.children{margin-left:0;}
  .comments-avatar{width:60px; height:60px; margin-right:20px;}
  .hire-area.pd-hire-area{padding-bottom:60px;}
  .hire-content{padding:10px;}
  .hire-content .section-title h2{font-size:23px;}
  .contact-area{padding-top:90px; padding-bottom:60px;}
  .contact-map-area{height:400px;}
  .page-title-heading h1{font-size:36px;}
  .pricing-area{padding-top:80px;}
  .pricing-plans{margin-top:90px;}
  .pricing-plans .nav-tabs{top:-90px; left:0; right:auto;}
  .coming-inner h1{font-size:36px;}
  .coming-time li{margin:0 20px; margin-bottom:30px;}
  .coming-time li span{width:60px; height:60px; line-height:60px; font-size:26px;}
  .coming-time li span:after{display:none;}
  .search-input-field.cms input{height:60px; padding:0 125px 0 20px;}
  .search-input-field.cms button{height:60px; padding:0 25px; line-height:60px;}
  .search-input-field.cms button i{display:none;}
  .search-wrap .search-field-holder{width:80%;}
  .search-wrap .main-search-input{height:50px; padding:0 0; line-height:50px; font-size:18px;}
  input.main-search-input::placeholder{font-size:18px;}
  .footer-shape-st-3{display:none;}
  .copyright-text{text-align:center; margin-bottom:20px;}
  .copyright-list{text-align:center; float:none;}
  .copyright-list li{margin-bottom:10px;}
  .about__img-inner.st-2{margin:0;}
  .content-404 h2{font-size:90px;}
  .search-input-field{width:470px;}
  .about-points li{width:50%; float:left;}
  .choosing-container-2{max-width:540px;}
  .choosing__information.st-2 {margin-right:100px;}
  .portfolio-container{max-width: 510px; margin-left: auto; margin-right: auto;}
  .blog-date.bms-date{width:95px; margin-right:20px;}
  .bms-title h4{font-size:18px; line-height:30px;}
  .bm-details .bms-title h4{font-size:24px; font-weight:32px;}
  .project-like-view.bms-lv li{argin-left:0; margin-right:25px; margin-bottom:0;}
  .hire-content{padding:0px 60px;}
  .pricing-list li{margin-bottom:28px;}
  .coming-inner h1{font-size:46px;}
  .about__content .st-2{margin-right:0; padding-left:0;}
  .about__content p{font-size:15px;}
  .partners-logo{padding-left:0;}
  .article-nav-content.next-article{margin-top:30px; text-align:left; padding-left:0;}
  .hire-area{padding-top:130px; padding-bottom:130px;}
  .hire-content .section-title{margin-bottom:35px;}
  .coming-area{padding-top:180px; padding-bottom:160px;}
  .portfolio-main-items .portfolio-item{margin-bottom:70px;}
  .mean-container .mean-nav ul li a{border-top:none;}
  .mean-container .mean-nav ul li a{border-bottom:1px solid rgba(255, 255, 255, 0.5);}
  .mean-container .mean-nav ul li li a {border-top:none;}
  .service-box-content-icon i{font-size:28px; width:50px; height:50px; line-height:50px;}
  .team-area .mb-60{margin-bottom:0px;}
  .service-box-content-text p{font-size:15px; line-height:26px;}
  .dsj-title h2{font-size:28px!important; margin-bottom:0px;}
  .bottom_con .mb-40{margin-bottom:0px;}
  .side-info{width:300px; padding:15px 10px 25px 25px;}
  #scrollUp{right:20px;}
  .logo-text-white img{max-width:110%;}
  .logo-text-black img{max-width:110%;}
  .btg-text{font-size:72px;}
  .btg-text-news{font-size:48px;}
  .page-title-heading{width:80%;}
  .page-title-area{padding-top:150px; padding-bottom:100px;}
  .daohang_left{width:100%; line-height:50px; font-size:14px;}
  .daohang_right{display:none;}
  .daohang_left span{margin-right:5px; font-size:18px;}
  .about-img{text-align:center; margin-bottom:10px;}
  .about-img img{width:80%;}
  .about-details-box h5{font-size:18px; margin-bottom:20px;}
  .footer-logo img{max-width:50%;}
  .tuandui{width:100%; margin:0 auto;}
  .tuandui_con{padding-left:5px; padding-right:5px;}
  .tuandui_tp{max-width:80%;}
  .tuandui_bg h3{color:#ffc400; margin-top:20px; margin-bottom:20px; font-size:28px;}
  .tuandui_left .tuandui_yuan{height:200px; width:200px; margin:20px auto 0px auto; border-radius:50%;}
  .tuandui_bg{padding:20px 10px 40px 10px; overflow:hidden; margin-bottom:20px;}
  .tuandui_right .tuandui_yuan{height:200px; width:200px; margin:20px auto 0px auto; border-radius:50%;}
  .tuandui_right{float:left; position:relative;}
  .touzi_linian_one .touzi_right .touzi_fudong{position:relative; width:100%; height:auto; z-index:3; top:40%; right:0px; padding-left:0px; padding-top:0px; padding-bottom:0px;}
  .touzi_bg{padding-left:0px; padding-right:0px;}
  .touzi_linian_tow .touzi_right .touzi_fudong{position:relative; width:100%; height:auto; z-index:3; top:40%; left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px;}
  .touzi_linian_one .touzi_right{position:relative; height:auto; margin-top:30px;}
  .touzi h3{font-size:18px; line-height:30px;}
  .touzi_linian_one {margin-bottom:20px;}
  .touzi_linian_tow .touzi_right{height:auto; margin-top:30px;}
  .touzi_linian_tow {margin-bottom:20px;}
  .page-title-field .znzz{margin:200px auto; position:relative; width:98%; height:auto; padding:20px 10px;}
  .page-title-field .znzz span{font-size:48px;}
  .page-title-field .znzz h3{font-size:28px; margin-bottom:20px;}
  .page-title-field .znzz p{font-size:16px;}
  .page-title-field{height:700px;}
  .news_details h3{line-height:30px; font-size:18px;}
  .news_top{width:90%; margin:0 auto;}
  .news .news_bei{padding:20px 0px;}
  .news_bei h3{font-size:18px; line-height:30px;}
  .tzz_gg{margin:0px auto 20px auto;}
  .tzz_gg h3{font-size:18px;}
  .tzz_gg p{color:#666; margin-bottom:10px;}
  .tzz_gg span{font-size:18px;}
  .tzz_gg li{margin:10px auto;}
  .hire-btn .grb-btn{min-width:150px;}
  .member-img span{font-size:100px; color:#fff; left:50%; right:50%; top:30%; z-index:3; margin-left:-50px; opacity:1; display:none;}
  .member-img{height:350px;}
  .message .message-title{margin-bottom:30px;}
  .message .message-title h3{font-size:28px; line-height:40px;}
  .contact-form input{height:40px; width: 100%; padding:5px 20px; font-size: 16px; line-height: 26px; border: 1px solid #ddd;}
  .contact-form button{padding:0 40px; height:50px; line-height:50px; background:#ffc400; font-size:16px; margin-top:20px;}
  .contact h3{font-size:18px;}
  .news-details{margin-top:0px; margin-bottom:30px;}
  .footer-area{padding-top:40px; padding-bottom:40px;}
  .counter-board-border-about{padding-top:20px; padding-bottom:20px;}
  .news_list{margin-bottom:20px;}
  .investor-details{padding-top:0px; margin-top:40px; margin-bottom:0px; }
  .member-name{padding:20px 18px 0px; width:200px;}
  .message-details{margin-top:40px; margin-bottom:30px;}
  .contact-details{margin-top:40px; margin-bottom:30px;}
  .input-bottom{margin-bottom:10px;}
  .message{width:96%;}
  .align-items-center .logo{padding-left:0px;}
  .offset-logo{margin-bottom:0px; padding-bottom:0px;}
  .testimonial-area .section-title{margin-bottom:10px;}
  .footer-widget h3{font-size:17px;}
  .bottom_right{padding-right:0px;}
  .about-top{margin-bottom:20px;}
  .about-top .about-top-left{display:none;}
  .about-top .about-top-right{width:100%;}
  .about-details-box p{line-height:30px;}
  .about-details-box h5{margin-bottom:20px; font-size:18px;}
  .about__content p{line-height:30px;}
  .section-title h2{margin-bottom:10px; position:relative;}
  .single__service{height:auto;}
	
	
	
  /*
首页弹窗
*/
.idxtips{background: rgba(0,0,0,.5);position:fixed; width:100%; height:100%; top:0; left:0; z-index:10; display:none;}
.idxtipsbox{width:90%; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); background:#fff; padding:20px;}
.idxtipsbox .title{font-size:18px; color:#333; text-align:center; line-height:40px; margin-bottom:10px; font-weight:bold;}
.idxtipsbox .content{font-size:13px; color:#333; line-height:26px; max-height:50vh; overflow-y:auto;}
.idxtipsbox .content p{line-height:22px; font-size:15px!important; color:#333; text-align:left; padding:10px;}
.idxtipsbox .btnbox .item{width:100px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#333; display:inline-block; vertical-align:middle; cursor: pointer; transition:all .3s ease-in-out; border-radius:5px;}
.idxtipsbox .btnbox .item:hover{background:#ff0000; color:#fff}
.btnafter{display:none}
.idxtipsbox .btnbox{text-align:center; margin-top:20px;}
	
}

@media (max-width: 575px) {
  .hero-content-btn{float:none;}
  .blog-post-img{float:none; margin-bottom:30px;}
}

@media only screen and (max-width: 499px){


}

@media only screen and (max-width: 399px){

}