@charset "UTF-8";
body, p, h1, h2, h3, h4, h5, h6, span, dl, dt, dd, form, ul, li, ol { padding: 0; margin: 0; box-sizing: border-box; }

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

ol, ul, li, dl, dd, dt { list-style-type: none; }

a { text-decoration: none; }

.location { position: relative; }

input, textarea, select, button, .swiper-button-prev, .swiper-button-next { outline: 0; border: 0; }

textarea { resize: none; }

table, table tr th, table tr td { border: 1px solid #666; padding: 10px; }

table { text-align: center; border-collapse: collapse; }

body { -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

img { -webkit-outline: 1px solid transparent; outline: 1px solid transparent; }

a, p, h1, h2, h3, h4, h5, h6, span { color: #333; }

p { text-align: justify; }

i { font-style: normal; }

input[type=button], input[type=submit], input[type=file], button { cursor: pointer; outline: 0px; -webkit-appearance: none; }
@font-face {font-family:"hei"; 
  src:url('../fonts/VentiCF-Bold.otf');
 /* src:url('../fonts/Aileron-Bold-4.woff'),
        url('../fonts/Aileron-Bold-4.ttf.ttf'),
        url('../fonts/Aileron-Bold-4.svg') format('svg');  */
       }


.w_1200 { width: 1200px; margin: 0 auto; }
.clear{clear:both}
.clearfloat:after{display:block;content:"";clear:both;visibility:hidden;height:0;}
.clearfloat{zoom:1;}
.row_center{align-items: center;justify-content: center;}
.row_bw{display: flex;align-items: center;justify-content: space-between;}
.row_nobw{display: flex;justify-content: space-between;}
.row_start{display: flex;align-items: center;justify-content: flex-start;}
.row_noitme{display: flex;justify-content: flex-start;}
.row_end{display: flex;align-items: center;justify-content: flex-end;}
.column_center{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.column_bw{display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
.column_start{display: flex;flex-direction: column;justify-content: flex-start;align-items: center;}
/* 清除浮动 */
@media (min-width: 1200px) { 
#ph {
        display: none !important;
    }

    #pc {
        display: block;
    }
	.pc { display: block; }
  /* .sj, .phone { display: none; } */
  .sj, .phone { display: block; }
 }
@media (max-width: 760px) { 
#ph {
        display: block !important;
    }

    #pc {
        display: none;
    }
	.pc { display: none; }
  .sj, .phone { display: block; } }
body { font-family: "PingFang SC", "Lantinghei SC", "Microsoft YaHei", "HanHei SC", "Helvetica Neue", "Open Sans", Arial, "Hiragino Sans GB", 微软雅黑, STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif; overflow-x: hidden; }
/* 加载动画 */
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999;
	width: 100%;
	height: 100%;
	background-color:#fff;
	overflow: hidden;
}

.preloader-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.preloader-icon {
	width: 72px;
	height: 72px;
	display:block;
	padding: 0;margin: 0 auto;
}

.preloader-icon span {
	position: absolute;
	display: inline-block;
	width: 72px;
	height: 72px;
	border-radius: 100%;
	background-color:#ff8b51;
	-webkit-animation: preloader-fx 1.6s linear infinite;
	animation: preloader-fx 1.6s linear infinite
}
.preloader-inner p{font-size:24px; color: #999;text-align: center; width: 100%;}
.preloader-icon span:last-child {
	animation-delay: -.8s;
	-webkit-animation-delay: -.8s
}

@keyframes preloader-fx {
	0% {
		-webkit-transform: scale(0, 0);
		transform: scale(0, 0);
		opacity: .5
	}
	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		opacity: 0
	}
}

@-webkit-keyframes preloader-fx {
	0% {
		-webkit-transform: scale(0, 0);
		opacity: .5
	}
	100% {
		-webkit-transform: scale(1, 1);
		opacity: 0
	}
}



.title { text-align: center; padding-top:90px; }
.title h1 { font-size: 80px; color: #e9e9e9; font-weight: bold; font-family: 'Arial-Black'; }
.title h2 { font-size: 40px; margin-top: -60px; }
.title span { color: #ff8b51; }

header { position: fixed; top: 0; width: 100%; z-index: 101; height: 70px; }
header .header { display: flex; justify-content: space-between; align-items: center; width: 88%; 
  margin: 0 auto;}
header .header__logo { width: 240px; height: 70px;position:absolute;top:0px;}
header .header__Navigation ul { display:none; }
header .header__Navigation ul li { margin-left: 35px; color: #181818; font-size: 16px;
   display: block; }
header .header__Navigation ul li.ph_nav{display: none;}
/* header .header__Navigation ul li:hover::after { content: ""; width: 100%; height: 4px; background: #ff8b51; display: block; margin-top: -5px; } */
header .header__Navigation ul .header__Active::after { content: ""; width: 100%; height: 4px; background: #ff8b51; display: block; margin-top: -5px; }
header .header__Navigation ul .header__Active a { font-weight: bold; }

.header--shadow { transition: all 0.5s; box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.05); }

.banner { position: relative; width: 100%; height: 100vh; background: url("../img/banner-bg.jpg") no-repeat; background-size: 100% 100%; background-attachment: fixed; }
.banner .swiper-container { width: 100%; height: 100vh; }
.banner .swiper-container .swiper-slide { position: relative; }
.banner .swiper-container .container {
 width: 750px;
  margin: 0 auto;
   /*position: absolute;
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); */
}
.banner .swiper-container .banner--case { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.banner .swiper-container .banner__left { width: 28%; }
.banner .swiper-container .banner__left h4 { font-size: 20px; color: #181818; letter-spacing: 0; }
.banner .swiper-container .banner__left h2 { font-size: 50px; color: #181818; letter-spacing: 0; margin: 30px 0; }
.banner .swiper-container .banner__left .banner__see { display: flex; align-items: center; }
.banner .swiper-container .banner__left .banner__see span { font-size: 14px; color: #181818; letter-spacing: 0; margin-right: 15px;}
.banner .swiper-container .banner__right { width: 40%; margin-left: 60px; position: relative;}
.banner .swiper-button-prev, .banner .swiper-button-next { width: 60px; height: 60px; border-radius: 100%; top: unset; bottom: 40px; }
.banner .swiper-button-prev, .banner .swiper-container-rtl .swiper-button-next { background: url("../img/w4_03_03.png") no-repeat center; left: unset; right: 10%; background-size: cover; }
.banner .swiper-button-next, .banner .swiper-container-rtl .swiper-button-prev { background: url("../img/w5_03_03.png") no-repeat center; background-size: cover; }
.banner .swiper-pagination { left: unset; right: 5%; bottom: 60px; width: auto; }
.banner .swiper-pagination .swiper-pagination-current, .banner .swiper-pagination .fontWeight { font-weight: bold; color: #333; opacity: 1; font-size: 14px; }
.banner .swiper-pagination i { color: #181818; opacity: 0.5; font-size: 14px; }
.banner .swiper-pagination-total { color: #181818; opacity: 0.5; font-size: 14px; }
.banner .banner__tips { position: absolute; bottom: 40px; left: 0; right: 0; z-index: 100; width: 32px; height: 48px; margin: 0 auto; cursor: pointer; animation: myfirst 3s infinite; }
.banner .banner__tips.ph{display: none;}
/* 新增 */
.banner .swiper-container .banner__right img{position: relative; z-index:33;}
.kuang1_white{position: absolute;
  width: 100%;  left: 15px;top: -15px; background: #fff; z-index: 10;} 
.kuang1_block{position: absolute; width: 100%; left: 30px;top: -30px; background: #fc8950;}

@keyframes myfirst { 0% { transform: translate(0px, 0px); }
  50% { transform: translate(0px, -20px); }
  100% { transform: translate(0px, 0px); } }
.who { background: url("../img/who.png") no-repeat center; height: 100vh; background-size: cover; background-attachment: fixed; }
.who .who__content { width: 88%; margin: 0 auto; }
.who .who__content > p { color: #181818; font-size: 16px; line-height: 30px; margin-top: 60px; }
.who .who__content ul { display: flex; justify-content: space-between; margin-top: 100px; }
.who .who__content ul li { background: #fff; border-radius: 10px; box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.05); width: 15.5%; position: relative; transition: all 0.5s; }
.who .who__content ul li .who__center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.5s; }
.who .who__content ul li h4 { text-align: center; font-size: 18px; font-weight: bold; margin-top: 15px; }
.who .who__content ul li img { margin: 0 auto; width: 100px; height: 100px; }
.who .who__content ul li p { display: none; width: 180px; text-align: center; color: #fff; opacity: 0.7; font-size: 15px; margin-top: 15px; line-height: 24px; }
.who .who__content ul li:hover { background: #FF8B51; }
.who .who__content ul li:hover .who__center { top: 48%; }
.who .who__content ul li:hover h4 { color: #fff; }
.who .who__content ul li:hover p, .who .who__content ul li:hover .who__cf { display: block; }
.who .who__content ul li:hover .who__mr { display: none; }
.who .who__content ul li .who__cf { display: none; }
.who .who__content ul li:nth-child(even) { margin-top: 50px; }
.who .who--ph { display: none; }

.honor { background: rgba(248, 248, 248, 0.4); }
/* .honor .title h1 { color: #e5e6e6; } */
.honor .title h2 { color: #181818; }
.honor .honor__content { margin: 30px 0 0; position: relative; }
.honor .honor__content .wel3-bot { width:100%; margin: 0 auto; padding: 0 0 100px 0; }
.honor .honor__content .wel3-container { padding: 10% 0; overflow: hidden; position: relative; }
.honor .honor__content .wel3-container .swiper-slide { width: 9.28%; margin: 0 1.3%;border-radius: 100%; overflow: hidden; }
.swiperwe3-zwy,.swiperwe3-nyq{height: 100%;overflow: hidden;border-radius: 100%;}
.honor .honor__content .wel3-container .swiper-slide img { 
  /* height:100%; */
   padding: 0; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.honor .honor__content .wel3-container .swiper-slide:hover .swiperwe3-nyq img { filter: grayscale(0%); }
.honor .honor__content .wel3-container .swiper-slide-active { transition: transform .5s linear; margin: 0 10%; transform: scale(2.4) !important; }
.honor .honor__content .wel3-container .swiper-slide-active .swiperwe3-nyq { overflow: hidden; border-radius: 100%; }
.honor .honor__content .wel3-container .swiper-slide-active .swiperwe3-nyq img { filter: grayscale(0%); }
.honor .honor__content .wel3-container .swiper-slide-active img { padding: 20px 0; width: auto; height: auto; transform: scale(1.6); }
.honor .honor__content .pre { position: relative; }
.honor .honor__content .pre .wel3-container2 { width: 450px; margin: 0 auto; overflow: hidden; }
.honor .honor__content .pre .swiper-button-next, .honor .honor__content .pre .swiper-button-prev { width: 44px; }
.honor .honor__content .pre .swiper-button-prev, .honor .honor__content .pre .swiper-container-rtl .swiper-button-next { background: url("../img/ryleft.png") no-repeat center; background-size: cover; left: 28%; }
.honor .honor__content .pre .swiper-button-next, .honor .honor__content .pre .swiper-container-rtl .swiper-button-prev { background: url("../img/ryright.png") no-repeat center; background-size: cover; right: 28%; }
.honor .honor__content .pre .swiper-slide { text-align: center; }
.honor .honor__content .pre .wel32-name { font-size: 20px; font-weight: bold; }
.honor .honor__content .pre .wel32-school { margin-top: 30px; display: inline-block; }
.honor .honor__content .pre .wel32-school img { text-align: center; display: inline-block; cursor: pointer; width: 30px; height: 30px; }
.honor .circle { position: absolute; top: 49%; left: 50%; transform: translate(-50%, -50%); border: 1px solid #ff8b51; border-radius: 100%; width: 24%; height: 78%; }
.honor .circle::before, .honor .circle::after { content: ""; border: 1px solid rgba(255, 139, 81, 0.5); border-radius: 65%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 110%; height: 110%; }
.honor .circle::before { border: 1px solid rgba(255, 139, 81, 0.3); width: 120%; height: 120%; }

.honor__popup { background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; width: 100%; height: 100vh; z-index: 102; display: none; }
.honor__popup .honor__box { background: #fff; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 750px; padding: 35px; }
.honor__popup .honor__box .swiper-button-prev, .honor__popup .honor__box .swiper-button-next { width: 60px; height: 60px; border: 0; outline: 0; }
.honor__popup .honor__box .swiper-button-prev, .honor__popup .honor__box .swiper-container-rtl .swiper-button-next { background: url("../img/honor-right.png"); background-size: 100% 100%; left: -40px; }
.honor__popup .honor__box .swiper-button-next, .honor__popup .honor__box .swiper-container-rtl .swiper-button-prev { background: url("../img/honor-left.png"); background-size: 100% 100%; right: -40px; }
.honor__popup .honor__box .honor__see { display: none; }
.honor__popup .honor__box .swiper-slide h4 { text-align: center; font-size: 20px; margin: 15px 0 10px; }
.honor__popup .honor__box .swiper-slide p { text-align: center; font-size: 15px; }
.honor__popup .honor--close { position: absolute;top: 5px;right: 5px; margin: 0 auto; width: 30px; height: 30px; cursor: pointer;z-index: 99;}
.honor__popup .honor--gb { display: none; }

.yincang { display: none; }

.case--xd { display: flex; justify-content: center; margin-top: 50px; display: none; }
.case--xd a { color: #fff; opacity: 0.5; font-size: 18px; margin: 0 20px; border-bottom: 4px solid white; }
.case--xd a:hover { color: #FF8B51; border-bottom: 4px solid #FF8B51; opacity: 1; }
.case--xd .case--active a { color: #FF8B51; border-bottom: 4px solid #FF8B51; opacity: 1; font-weight: bold; }

.case { background: #181818; position: relative; overflow: hidden; background-attachment: fixed; }
.case .title { padding-top: 90px; }
.case .title h1 { color: #2f2f2f; }
.case .title h2 { color: #fff; }
.case .case__content { width: 88%; margin: 0 auto; }
.case .case__content ul { display: flex; justify-content: center; margin-top: 50px; }
.case .case__content ul a { color: #fff; opacity: 0.5; font-size: 18px; margin: 0 20px; border-bottom: 4px solid #181818; }
.case .case__content ul a:hover { color: #FF8B51; border-bottom: 4px solid #FF8B51; opacity: 1; }
.case .case__content ul .case--active a { color: #FF8B51; border-bottom: 4px solid #FF8B51; opacity: 1; }
.case .case__content .case__row { margin-top: 50px;position: relative; }
.case .case__content .case__row  a {  position: relative; overflow: hidden; display:block;
display: block;
}
.case1 .case__content .case__row  a{width: 31.5%;margin-left: 2.5%}
.case .case__content .case__row  a:nth-of-type(1){margin-left: 0;}
.case .case__content .case__row a .case__Img { overflow: hidden; width: 100%;}
.case .case__content .case__row a .case__Img img { transition: all 0.5s; 
  /* -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); */
   width: 100%;}
.case .case__content .case__row a:hover .case__Img img { transform: scale(1.1); filter: grayscale(0%); }
.case .case__content .case__row a h4 { font-size: 20px; color: #fff; margin-top: 30px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case .case__content .case__row a .case__more { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; }
.case .case__content .case__row a .case__more p { color: #fff; font-size: 14px; display: flex; align-items: center; }
.case .case__content .case__row a .case__more p img { width: 12px; margin-left: 15px; }
.case1 .case__content .case__row__list a .case__Img img {transition: all 0.5s; 
  /* -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); */
   width: 100%; }
.case1 .case__content .case__row__list a:hover + .case__Img_hover img { 
    /* filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%); */
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    }
    .case .case__content .case__row__list { /* display: none; */ position: absolute;top: 0;
      transition: opacity .5s;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      filter: alpha(opacity=0);
      opacity: 0;
    }
.case .case__content .case--active {z-index: 99;
   position: relative;;display: flex; justify-content: flex-start; 
  -webkit-transition: all .3s; 
	-moz-transition: all .3s;
	-o-transition: all .3s ;
	-ms-transition: all .3s;
	transition: all .3s;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	-ms-transition-delay: .3s;
  transition-delay: .3s;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
	filter: alpha(opacity=1);
	opacity: 1;}
/* @media  screen and (min-width: 769px) and (max-width: 1920px) {
  .case{height:900px;}
	.case .case__content .case__row__list { transition: opacity .8s;opacity: 0; position: absolute;
    width:100%;height: 450px;}
  .case .case__content .case--active { display: flex; justify-content: space-between;opacity: 1; }
  .case .case__content .case__row a {float: left; margin-left: 2%;}
} */
/* anqi */



.case .case__content .case__see a { border: 2px solid #fff; border-radius: 40px; font-size: 20px; color: #fff; transition: all 0.5s; display: block; width: 200px; margin: 60px auto 90px; text-align: center; padding: 14px 0; font-weight: bold; }
.case .case__content .case__see a:hover { background: #FF8B51; border: 2px solid #FF8B51; }
.case .case--left { position: absolute; bottom: -27%; left: -20%; width: 950px; height: 500px; border-radius: 100%; opacity: 0.1; background-image: linear-gradient(-35deg, rgba(246, 248, 252, 0.21) 30%, #F9EDE6 100%); transform: rotate(20deg); }
.case .case--rigth { position: absolute; top: -6%; right: -34%; width: 1037px; height: 919px; border-radius: 100%; opacity: 0.1; background-image: linear-gradient(-35deg, #FFF9F6 30%, rgba(246, 248, 252, 0.21) 100%); }

.service { background: url("../img/service_bg.jpg") no-repeat center; /* height: 100vh; */ background-size: cover; background-attachment: fixed; padding-bottom: 50px; }
.service .service__content { width: 88%; margin: 0 auto; }


.service .service__title { display: flex; justify-content: center; align-items: center; margin-top: 40px; }
.service .service__title li { background: #fff; color: #181818; font-size: 20px; font-weight: bold; padding: 25px 0; border-radius: 50px; margin: 0 15px; cursor: pointer; width: 240px; text-align: center; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); }
.service .service__title li:hover { background: #FF8B51; color: #fff; }
.service .service__title .service__active { background: #FF8B51; color: #fff; }
.service .service__row { margin: 80px auto 0; position: relative; width: 100%; }
.service .service__row li { width: 100%; position: absolute; left: -100%; text-align: center; top: 0; left: 0; right: 0; color: #fff; display: none; }
.service .service__row li img { width: 40%; margin: 0 auto; }
.service .service__row .service__active { display: block; }
.service .service__title a { background: #fff; color: #181818; font-size: 20px; font-weight: bold; padding: 25px 0; border-radius: 50px; margin: 0 15px; cursor: pointer; width: 240px; text-align: center; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1); display: block;}
.service .service__title a:hover { background: #FF8B51; color: #fff; }
.service .service__title .service__active { background: #FF8B51; color: #fff; }
.tab-con-item img{width: 40%; margin: 0 auto;}
.service .service__row { margin: 80px auto 0; position: relative; width: 100%; }
.service .service__row li { width: 100%; position: absolute; left: -100%; text-align: center; top: 0; left: 0; right: 0; color: #fff; display: none; } 

 /* 
.tab { position: relative;overflow: hidden;width: 88%;margin: 0 auto;}
.tab-nav {display: flex;justify-content: center;align-items: center;margin-top: 40px;}
.tab-nav a {display: block;text-decoration: none;
background: #fff; color: #181818; font-size: 20px; font-weight: bold; padding: 25px 0; border-radius: 50px; margin: 0 15px; cursor: pointer; width: 240px; text-align: center; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);}
.tab-nav a.current {background: #FF8B51; color: #fff;}
.j-tab-con{width:100%;}
.tab-con { position: relative; width:800px; height: 200px; overflow: hidden;}
.tab-con-item {display: none; width: 800px; height: 180px;line-height: 180px;text-align: center;color: #fff;} */
.service_pc{width: 1100px; margin: 0 auto;}
.tabbox{width:1100px;margin:0 auto;}
.tabbox .tab{display: flex; flex-wrap: wrap; margin-top: 50px;}
.tabbox .tab a{display: block;text-decoration: none;
  background: #fff; color: #181818; font-size: 20px;padding: 25px 0; border-radius: 50px; margin: 0 15px; cursor: pointer; width: 240px; text-align: center; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);}
.tabbox .tab a.on{background: #FF8B51;color: #fff;font-weight: bold;}
.tabbox .content{overflow:hidden;width:1000px;position:relative; margin: 50px auto 0 auto;}
.tabbox .content ul{position:relative;left:0;top:0; clear:both;}
.tabbox .content li{width:1000px;float:left;overflow: hidden;}
.tabbox .content li img{display: block;width:70%; margin: auto;}
@media screen and (max-width:1100px){
  .service_pc{display: none;}
  .service .service__content .swiper-container{display: block;}
  .service .service__content .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0; width: 30px; height: 4px; border-radius: 0; }
  .service .service__content .swiper-pagination-bullet-active { background: #333; }

}


.service .swiper-container_s{ display: none; }
.in_tbas{position: relative;overflow: hidden;width:100%;margin: 0 auto;}
.top_menu{display: flex;justify-content: center;align-items: center;margin-top: 40px;}
.common{display: block;text-decoration: none;
  background: #fff; color: #181818; font-size: 20px;padding: 25px 0; border-radius: 50px; margin: 0 15px; cursor: pointer; width: 240px; text-align: center; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);}
.ul{width:100%;position:relative;margin-top: 80px;}/* height:480px;  */
.bottom_content{width:400%;display:flex;transition:all 1.5s ease;position:relative; /* position: absolute; */
  top:0;left:0%; height: 100%;}
.body_1{width:100%;}
.body_1 img{width: 46%; margin: 0 auto;}
.liactive{background: #FF8B51; color: #fff; font-weight: bold; }




.customer { margin: 0 auto; position: relative; }
/* .customer .swiper-container { margin: 40px 0 100px; background: url("../img/xian.png") no-repeat center; background-size: 100% 100%; }
.customer .swiper-pagination { left: 0; right: 0; bottom: -4%; }
.customer .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 auto; width: 40px; height: 5px; border-radius: 0; border: 0; outline: 0; }
.customer .swiper-pagination-bullet-active { background: #333; }
.customer .swiper-slide { cursor: pointer; }
.customer .swiper-slide img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); transition: all 0.5s; }
.customer .swiper-slide img:hover { filter: grayscale(0); } */
.logo_wrap {
  position: relative;
  /* width: 100%; */
  overflow: hidden;
  margin: 0 auto;
  padding: 40px 0 0px;
  font-size: 0;
  background-color: #fff;
}
.logo_wrap .mask { position: absolute;z-index: 10;}
.logo_wrap .left_mask { left: 0;}
.logo_wrap .right_mask {
right: 0; transform: rotate(180deg);}
.logo_wrap .line_odd {
width: 3976px;
  -webkit-animation: scrollToRight 60s linear infinite;animation: scrollToRight 60s linear infinite;}
.logo_wrap .line_even {width: 3976px;
  -webkit-animation: scrollToRight 50s linear infinite;
  animation: scrollToRight 50s linear infinite;}
.logo_wrap .logo_img { width: 50%;display: inline-block;}
@keyframes scrollToRight {
  from {
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0);
  }
  to {
      -webkit-transform: translate3d(0%, 0, 0);
      transform: translate3d(0%, 0, 0);
  }
}
.contact { background: url("../img/contact-bg.png") no-repeat center;  padding-bottom: 100px;
  /* height: 100vh;  */
  background-size: cover; background-attachment: fixed; }
.contact .contact__content { display: flex; justify-content: space-between; width: 88%; margin: 70px auto 0; }
.contact .contact__left li { display: flex; align-items: center; margin-bottom: 30px; }
.contact .contact__left li img { width: 24px; height: 24px; margin-right: 20px; }
.contact .contact__left li p { font-size: 20px; }
.contact .contact__left li .contact--dh, .contact .contact__left li .contact--yx { display: flex; }
.contact .contact__left li .contact--dh img, .contact .contact__left li .contact--yx img { margin: 0 20px 0 0; }
.contact .contact__left li .contact--yx { margin-left: 60px; }
.contact .contact__right { width: 55%; }
.contact .contact__right .contact__row { display: flex; justify-content: space-between; align-items: flex-end; }
.contact .contact__right .contact__row .contact__list { width: 47%; margin-bottom: 35px;
 border-bottom: 2px solid rgba(153, 153, 153, 0.3); }
.contact .contact__right .contact__row .contact__list label { display: block; color: #000E48; font-weight: bold; font-size: 16px; }
.contact .contact__right .contact__row .contact__list input { width: 100%; font-size: 17px;  color: #67687c; opacity: 0.3; padding: 35px 0 15px; background: #fcfcfc; }
.contact__textarea{ border-bottom: 2px solid rgba(153, 153, 153, 0.3);}
.contact .contact__right .contact__textarea label { display: block; color: #000E48; font-weight: bold; font-size: 16px; margin-bottom: 35px; }
.contact .contact__right .contact__textarea textarea { width: 100%; height: 130px; opacity: 0.3; font-size: 17px; background: #fcfcfc; }
.contact .contact__right .contact__submit { background: #181818; display: flex; justify-content: center; align-items: center; width: 200px; border-radius: 50px; margin-top: 40px; }
.contact .contact__right .contact__submit:hover img { display: none; }
.contact .contact__right .contact__submit img { width: 23px; margin: 0 -60px 0 65px; }
.contact .contact__right .contact__submit #submit { width: 200px; padding: 17px 0; background: transparent; color: #fff; font-size: 18px;  }

footer { background: #181818;}
footer .footer { width: 88%; margin: 0 auto; padding: 30px 0;}
footer .footer__left {display: flex;
  flex-direction: column;
  justify-content: flex-start;}
footer .footer__left .footer__logo img { width: 180px; height: 52px; }
footer .footer__left dl { display: flex; justify-content: flex-end; width: 33%; }
footer .footer__left dl dd { display: flex; align-items: center; margin-left: 40px; }
footer .footer__left dl dd img { width: 22px; height: 22px; margin-right: 15px; }
footer .footer__left dl dd p { color: #fff; font-size: 20px; }
footer ul.nav li a{color: #fff; font-size: 16px; margin: 0 20px;}
footer { display: flex; justify-content: space-between; }
footer .footer__copyright { display: flex; }
footer  .footer__copyright p, footer  .footer__copyright a { color: #fff; opacity: 0.5; margin-left: 10px; }
footer .footer__right .footer__share { display: flex; margin-top: 20px; }
footer .footer__right .footer__share img { width: 32px; height: 32px; margin: 0 13px; cursor: pointer; }
footer .footer__right .footer__share .footer__wx { position: relative; }
footer .footer__right .footer__share .footer__wx:hover .footer__wx--wx { display: block; }
footer .footer__right .footer__share .footer__wx--wx { position: absolute; top: -180px; left: -40px; width: 120px; height: 120px; background: #fff; padding: 15px 15px 30px; border-radius: 10px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05); display: none; transition: all 0.5s;z-index: 999; }
footer .footer__right .footer__share .footer__wx--wx img { width: 120px; height: 120px; margin: 0 auto; }
footer .footer__right .footer__share .footer__wx--wx p { font-size: 12px; text-align: center; margin: 5px 0; }
footer .footer__right ul { display: flex; }
footer .footer__right ul li { display: flex; align-items: center; margin-left: 15px; }
footer .footer__right ul li img { width: 25px; height: 25px; margin: 0 5px; }
footer .footer__right ul li p { color: #fff; opacity: 0.5; }

.suspension { position: fixed; bottom: 10%; right: 20px; z-index: 3; display: none; }
.suspension .suspension__list { margin: 15px 0; position: relative; background: #fff; border-radius: 100%; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
.suspension .suspension__list img { width: 40px; height: 40px; cursor: pointer; }
.suspension .suspension__list .suspension__Img { background: url("../img/二维码弹框背景.png") no-repeat center; background-size: 100% 100%; position: absolute; padding: 17px 34px 20px 22px; top: -85px; left: -170px; width: 120px; height: 120px; display: none; }
.suspension .suspension__list .suspension__Img img { width: 120px; height: 120px; display: block; }
.suspension .suspension--ewm:hover .suspension__Img { display: block; }
.case--page { background: transparent; height: 100%; }
.case--page .title { padding-top: 130px; }
.case--page .title h1 { opacity: 0.1; color: #1F2329; letter-spacing: -2.67px; }
.case--page .title h2 { color: #333; font-weight: bold; margin-top: -57px; }
.case--page .case__content .portfolio-filter { display: flex; justify-content: center; margin-top: 40px; }
.case--page .case__content .portfolio-filter a { color: #181818; opacity: 0.5; font-size: 18px; margin: 0 20px; border-bottom: 3px solid #fff; font-weight: bold; }
.case--page .case__content .portfolio-filter a:hover { color: #181818; border-bottom: 3px solid #FF8B51; opacity: 1; }
.case--page .case__content .portfolio-filter .current { color: #181818; border-bottom: 3px solid #FF8B51; opacity: 1; font-weight: bold; }
.case--page .case__content .case__row { flex-wrap: wrap; margin-top: 75px; min-height: 400px;}
.case--page .case__content .case__row .col-lg-4 { padding: 0 20px; margin-bottom: 80px; }
.case--page .case__content .case__row .col-lg-4 .portfolio-box-img { overflow: hidden; }
.case--page .case__content .case__row .col-lg-4 .portfolio-box-img img { transition: all 0.5s; 
/*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);  */
}
.case--page .case__content .case__row .col-lg-4:hover .portfolio-box-img img { 
  transform: scale(1.1); filter: grayscale(0%); }
.case--page .case__content .case__row .col-lg-4 h4 { color: #181818; margin-top: 30px; }
.case--page .case__content .case__row .col-lg-4 .case__more p { color: #181818; }
.case--page .case__content .case__see a { color: #181818; border-color: #181818; padding: 13px 35px; margin: 0 auto 80px; }
.case--page .case__content .case__see a:hover { color: #fff; border-color: #181818; background: #181818; }

.details { width: 88%; margin: 0 auto; background: #fff; padding: 150px 0 100px; }
.details .details__title { display: flex; justify-content: space-between; align-items: center; }
.details .details__title .details__left h1 { font-size: 40px; color: #181818; width: 850px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.details .details__title .details__left p { font-size: 14px; color: #181818; margin-top: 10px; }
.details .details__title .details__right { display: flex; }
.details .details__title .details__right .share-component a { margin: 0 15px;}
.details .details__title .details__right .social-share .icon-qq::before { content: ""; background: url("../img/share-qq.png") no-repeat center; background-size: cover; padding: 20px; display: block; }
.details .details__title .details__right .social-share .icon-qq:hover::before { background: url("../img/share-qq-on.png") no-repeat center; background-size: cover; padding: 20px; display: block; transition: all .8s; }
.details .details__title .details__right .social-share .icon-wechat:before { content: ""; background: url("../img/share-wechat.png") no-repeat center; background-size: cover; padding: 20px; display: block; }
.details .details__title .details__right .social-share .icon-wechat:hover::before { content: ""; background: url("../img/share-wechat-on.png") no-repeat center; background-size: cover; padding: 20px; display: block; transition: all .8s;}
.details .details__title .details__right .social-share .icon-weibo:before { content: ""; background: url("../img/share-weibo.png") no-repeat center; background-size: cover; padding: 20px; display: block;transition: all .8s; }
.details .details__title .details__right .social-share .icon-weibo:hover::before { content: ""; background: url("../img/share-weibo-on.png") no-repeat center; background-size: cover; padding: 20px; display: block; }
.details .details__title .details__right .social-share .icon-wechat .wechat-qrcode { top: 50px; }
.details .details__title .details__right .social-share .icon-wechat .wechat-qrcode .help p { text-align: center; font-size: 12px; }
.details .details__title .details__right .social-share .icon-wechat .wechat-qrcode:after { display: none; }
.details .details__row { padding: 50px 0 0;line-height: 1.8; }
.details .details__row p { font-size: 18px; color: #181818; line-height: 32px; }
.details .details__row img { margin: 30px auto; }

.case--detail { background: #f8f8f8; }
.case--detail .title { padding-top: 75px; }
.case--detail .title h1 { color: #1F2329; opacity: 0.1; }
.case--detail .case__content { padding-top: 0; }
.case--detail .case__content .case__row { display: flex; justify-content: space-between; }
.case--detail .case__content .case__row a { margin-bottom: 0; }
.case--detail .case__content .case__row a h4, .case--detail .case__content .case__row a p { color: #181818 !important; font-weight: bold; }
.case--detail .case__content .swiper-container { display: none; }
.case--detail .case__content .case__see { margin: 50px 0 0; }
.case--detail .case__content .case__see a { padding: 14px 0; }


.inner-header-icon{
  color:greenyellow;
  height: 50px;
  font-size:25px;
  text-align: center;
  float:right;
  width: 50px;
  position: relative;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  -o-transition: background 0.5s;
  transition: background 0.5s;
}
.inner-header-icon:hover{
  background-color: rgba(255,255,255,0.2);
  cursor: pointer;
}
.inner-header-icon span{
  position: absolute;
  left: calc((100% - 25px) / 2);
  top: calc((100% - 1px) / 2);
  width: 25px;
  height: 2px;
  background-color:#333;
}
.inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.inner-header-icon span:nth-child(2){opacity: 0;}
.inner-header-icon span:nth-child(3){transform: translateY(-4px) rotate(0deg);}
.inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;
animation-name: clickfirst;}
.inner-header-icon-click span:nth-child(2){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clicksecond;
}
.inner-header-icon-click span:nth-child(3){
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: clickthird;
  }
/*第一条线旋转动画*/
@keyframes clickfirst {
  0% {
    transform: translateY(4px) rotate(0deg);  
  }
  100% {
    transform: translateY(0) rotate(45deg);
  }
}
/*第二条线淡入淡出动画动画*/
@keyframes clicksecond {
  0% {opacity: 1;}
  100% {opacity: 0;}
}
/*第三条线旋转动画*/
@keyframes clickthird {
  0% { transform: translateY(-4px) rotate(0deg);}
  100% { transform: translateY(0) rotate(-45deg);}
}	
.inner-header-icon-out span:nth-child(1){ top:42%;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outfirst;
  }
 
.inner-header-icon-out span:nth-child(2){width:14px;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outsecond;
}
.inner-header-icon-out span:nth-child(3){top:59%;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: outthird;
  }
@keyframes outfirst {
  0% {transform: translateY(0) rotate(-45deg);}
  100% {transform: translateY(-4px) rotate(0deg);}
}
@keyframes outsecond {
  0% {opacity: 0;}
  100% { opacity: 1;}
}
@keyframes outthird {
  0% {transform: translateY(0) rotate(45deg);}
  100% {transform: translateY(4px) rotate(0deg);}
}
header .header__Navigation .phone_cd,
header .header__Navigation .phone_gb { position: absolute; top:8%; right: 5%; width:22px; height: 40px; z-index: 200; }
header .header__Navigation .phone_cd,
header .header__Navigation .phone_gb { position: absolute; top:8%; right: 40px; width:22px; height: 40px; z-index: 200; }
@media screen and (min-width:769px){
  header .header__Navigation ul { display: none; width:500px; height: 100vh; 
    background:url(../img/nav_bg.png) no-repeat center;    background-size: 100% 100%;
     position: fixed; top: 0; right: 0; z-index: 102; margin-top:0px; padding-top: 70px;}
  header .header__Navigation ul li a{    display: block;line-height: 48px;
    font-size: 60px;color: #A3A3A3; opacity: 0.3; padding: 30px 40px;
    font-weight: bold;font-family:"hei";}
    header .header__Navigation ul li{margin-left: 20px;}
header .header__Navigation ul li.header__Active a {opacity: 1;color: #181818;}
header .header__Navigation ul .header__Active::after { width:182px; margin: -30px 41px 0; }
header .header__Navigation ul > li:nth-of-type(1){margin-top:6vh;}
header .header__Navigation ul li:first-child.header__Active::after { width: 180px; margin: -30px 41px 0; }
header .header__Navigation ul li:first-child.header__Active{padding-bottom: 20px;}
header .header__Navigation ul li.header__Activecc::after { width: 160px; margin: -30px 41px 0; }
header .header__Navigation ul li.header__Active{padding-bottom: 20px;  }
header .header__Navigation ul li.header__Activett::after { width: 120px; margin: -30px 41px 0; }
header .header__Navigation ul li.sjdh{display: flex; padding: 10px 40px;}
.sjtp {padding: 10px 40px;}
.sjtp img {width: 120px;height: 120px;}
.nav_div{position: absolute;bottom: 60px; 
  flex-wrap: wrap;}
header .header__Navigation ul li.sjdh1{float: left; padding-right: 30px;}
header .header__Navigation ul li.sjdh2{float: left; margin-left: 0;}
header .header__Navigation ul li.sjdh3{clear: both;}
.header__shadow{background: rgba(0, 0, 0, 0.5);display: none; 
  position: fixed;top: 0;left: 0;right: 0;bottom: 0;}
.inner-nav .header__logo{margin-left: 30px;}

}
@media screen and (max-width:1920px){
  header .header__Navigation ul > li:nth-of-type(1){margin-top: 18vh;}
}
@media screen and (max-width:1480px){
  header .header__Navigation ul{width: 400px;}
  header .header__Navigation ul > li:nth-of-type(1){margin-top: 8vh;}
  header .header__Navigation ul li a{font-size:50px; padding: 20px 30px;}
  header .header__Navigation ul .header__Active::after { width: 150px; margin: -15px 35px 0; }
  header .header__Navigation ul li.header__Activecc::after { width: 132px; margin: -15px 35px 0; }
  header .header__Navigation ul li.header__Activett::after { width: 120px; margin: -15px 35px 0; }
  header .header__Navigation ul li.sjdh2{padding-left: 0px;}
}
@media screen and (max-width:1200px){
  header .header__Navigation ul > li:nth-of-type(1){margin-top: 8vh;}
  header .header__Navigation ul li a{padding: 20px 30px;}

}
@media (max-width: 1750px) { footer .footer__left ul a { font-size: 15px; }
  footer .footer__left dl dd p { font-size: 16px; } }
@media (max-width: 1700px) { 
  /* .honor .honor__content .wel3-container .swiper-slide img { height: 128px; } */
}
@media (max-width: 1670px) { .service { padding: 0 0 50px; }
  footer .footer__left ul a { font-size: 14px; } }
@media (max-width: 1650px) { 
  .honor .honor__content .wel3-container .swiper-slide-active img { height: auto; } }
@media (max-width: 1620px) { footer .footer__left ul a { font-size: 13px; }
  footer .footer__left dl dd p { font-size: 15px; }
  footer .footer__left ul { width: 40%; justify-content: center; }
  footer .footer__left dl dd { margin-left: 25px; } }
@media (max-width: 1600px) { .title, .case--page .title { padding-top: 90px; }
  .title h1, .case--page .title h1 { font-size: 70px; }
  .title h2, .case--page .title h2 { font-size: 35px; margin-top: -55px; }
  .honor .honor__content .wel3-container .swiper-slide-active img { height: auto; }
  .honor .honor__content .wel3-container .swiper-slide-active { transform: scale(2.1) !important; }
  .case--page .case__content { padding-top: 0; }
  .case--page .case__content .case__row { padding-top: 0; }
  .case--page .case__content .case__row a { margin-bottom: 30px; }
  .case--page .case__content .case__row a h4 { margin-top: 15px; }
  .case--page .case__content .case__row a .case__more { margin-top: 10px; }
  .details { padding: 140px 0 60px; }
  .details .details__title .details__left h1 { font-size: 35px; }
  .details .details__row { padding-top: 35px; }
  .case--detail .title { padding-top: 60px; }
  .case--detail .case__content .case__see { padding: 40px 0 70px; }
  .contact { padding-bottom:80px; }
  .banner .swiper-container .banner__left h2 { font-size: 45px; } }
  .banner .swiper-container .container{width:550px ;}

  .honor .honor__content .wel3-container .swiper-slide-active img { height: auto; } }
@media (max-width: 1520px) { footer .footer__right .footer__copyright { display: block; }
  footer .footer__right .footer__copyright p, footer .footer__right .footer__copyright a { margin-left: 0; }
  footer .footer__left dl { width: 27%; } 
}
@media (max-width: 1500px) { .who .who__content ul li { width: 17%; }
  /* .honor .honor__content .wel3-container .swiper-slide img { height: 113px; } */
  .honor .honor__content .wel3-container .swiper-slide-active img { height: auto; }
  .case--page .title { padding-top: 110px; }
  .case--page .case__content { padding-top: 0; }
  .case--page .case__content .case__row { padding-top: 0; margin-top: 50px; }
  .case--page .case__content .case__row a { margin-bottom: 45px; }
  .case--page .case__content .case__see { margin: 20px 0 70px; }
  .details, .who .who__content, .case .case__content, header .header, footer .footer { width: 92%; }
  .details { padding-bottom: 60px; }
  .details .details__row p { font-size: 16px; line-height: 26px; }
  .case--detail .title { padding-top: 60px; }
  .case--detail .case__content .case__row { margin-top: 30px; }
  .case--detail .case__content .case__see { margin: 0; padding: 20px 0 70px; }
  .case-title{  padding-top:220px;}

}
@media (max-width: 1470px) {
   /* .honor .honor__content .wel3-container .swiper-slide img { height: 107px; } */
   .title, .case--page .title {
       padding-top:70px;
   }
   .case-title{  padding-top:165px;}
  .honor .honor__content .wel3-container .swiper-slide-active img { height: auto; }
  .case .case__content .case__row a h4 { font-size: 16px; }
  .case .case__content .case__see a { font-size: 17px; }
  /* .banner .swiper-container .swiper-slide img { left: 34%; top: 19%; } */
  .banner .swiper-button-prev, .banner .swiper-button-next { width: 50px; height: 50px; }
  .banner .swiper-pagination { bottom: 55px; right: 5.5%; }
  .banner .banner__tips { width: 24px; height: 36px; }
  .title h1, .case--page .title h1 { font-size: 60px; }
  .title h2, .case--page .title h2 { font-size: 30px; margin-top: -45px; }
  .who .who__content > p { font-size: 15px; }
  .who .who__content ul { margin-top: 70px; }
  .who .who__content ul li h4 { font-size: 16px; margin-top: 20px; }
  .service .service__title li,.common { font-size: 17px; padding: 20px 0; }
  .customer .swiper-pagination-bullets .swiper-pagination-bullet { height: 4px; }
  .contact .contact__left li p { font-size: 17px; }
  .contact .contact__right .contact__submit #submit { font-size: 16px; padding: 15px 0; }
  footer .footer__right .footer__copyright { display: flex; }
  footer .footer__right .footer__copyright a { margin-left: 5px; }
  footer .footer__right .footer__copyright p, footer .footer__right .footer__copyright a, footer .footer__right ul li p { font-size: 14px; font-weight: 100; }
  .case--page .case__content .portfolio-filter a { font-size: 16px; }
  .case--page .case__content .case__row { margin-top: 40px; }
  .case .case__content .case__see { margin-top: 30px;}
  .case .case__content .case__see a{ margin-bottom:70px; }
  .details .details__title .details__left h1 { font-size: 30px; }
  .details .details__row p { font-size: 15px; }
  .case--detail .case__content .case__see { margin: 0; padding-bottom: 90px; }
  .contact { padding-bottom:60px; }
  .banner .swiper-container .container { width: 700px; height: 550px; }
  .banner .swiper-container .banner__left h2 { font-size: 35px; } 
  }

@media only screen and (min-width: 1441px) and (max-width:1920px) {
    .banner .swiper-container .container { width: 987px; height:810px; }
  }
@media (max-width: 1440px) { 
  /* .honor .honor__content .wel3-container .swiper-slide img { height: 103px; } */
  .honor .honor__content .wel3-container .swiper-slide-active img { height: auto; } 
  .banner .swiper-container .container { width: 650px; height:534px; }
}
  
@media (max-width: 1400px) { .case--page .case__content .case__row { margin-top: 40px; }
  .service { padding-bottom: 80px; }
  .service .service__row,.ul{ margin-top: 50px; }
  .ul{height: 450px;}
  .service .service__row li img,.body_1 img{ width: 50%; } }
@media (max-width: 1350px) { footer .footer__left dl dd { margin-left: 15px; }
  /* .honor .honor__content .wel3-container .swiper-slide img { height: 98px; } */
  .honor .honor__content .wel3-container .swiper-slide-active img { height: auto; } }
@media (max-width: 1300px) { .who .who__content ul li { width: 18%; }
	.title,.case .title{padding-top: 70px;}
  .who .who__content ul { margin-top: 50px; }
  .details .details__title .details__left h1 { font-size: 30px; }
  .details .details__row { padding-top: 30px; }
  .title h1, .case--page .title h1 { font-size: 60px; }
  .title h2, .case--page .title h2 { font-size: 28px; margin-top: -49px; }
  .banner .swiper-container .container { width: 650px; height:534px; }
  .banner .swiper-container .banner__left h2 { font-size: 30px; } 
 }
@media (max-width: 1260px) { .title h1, .case--page .title h1 { font-size: 50px; }
  .title h2, .case--page .title h2 { font-size: 24px; margin-top: -40px; }
  .details, .case .case__content, header .header, .who .who__content { width: 95%; }
  footer { padding-bottom: 30px; }
  footer .footer__right ul { display: block; }
  footer .footer__right ul li { margin-bottom: 10px; margin-left: 0; }
  .case--page .case__content .case__row { margin-top: 30px; }
  .case--page .case__content .case__see a { padding: 10px 50px; font-size: 18px; }
  footer .footer__left ul a { margin: 0 15px; }
  footer .footer__left dl { width: 30%; } 
  
  }
  @media (max-width: 900px){
    .banner .swiper-container .swiper-slide img { left: 0%; top: 0%; }
    .kuang1_white{left: 15px; top:-15px; display: none;}
    .kuang1_block{left: 30px; top:-30px;display: none;}
  
  }
  .banner__see img{ width:12px;}











  




@media (max-width: 768px) { 
  .inner-nav .header__logo{display: none;}
	header .header__Navigation .phone_cd, header .header__Navigation .phone_gb{right: 5%;}
.preloader-inner p{font-size:14px; color: #999;text-align: center; width: 100%;}
	footer .footer__left dl, footer .footer__left ul, footer .footer__right ul, footer .footer__right .footer__share { display: none; }
  .who .who__content, .case .case__content, header .header, footer .footer { width: auto; }
  footer .footer__copyright{display: block; text-align: center;}
  footer .footer__copyright p,footer .footer__copyright a{display: block; color: rgba(255,255,255,0.5); opacity: 1; line-height: 20px;font-size: 12px;}
  .header .header__Navigation ul li.ph_nav{display: block;}
  .case .case__content .case__row__list { display: none;}
.case .case__content .case--active { display: flex; justify-content: space-between; }
  .portfolio-filter { width: 100%; position: sticky; background: #fff; z-index: 100; padding: 10px 0; top: 49px; margin-top: 0px; }
  .portfolio-filter { display: -webkit-box; overflow-x: scroll; overflow-y: scroll; }
  .portfolio-filter::-webkit-scrollbar { display: none; }
  .portfolio-filter a { color: #181818; opacity: 0.5; font-size: 14px; margin: 0 10px; display: block;    line-height: 30px; }
  .portfolio-filter .current { color: #181818; display: block; color: #FF8B51; border-bottom: 4px solid #FF8B51; opacity: 1; }
  .title { padding-top:40px !important; }
 
   .case-title{  padding-top:90px;}
  .title h1 { font-size: 38px !important; opacity: 0.1; color: #1F2329; letter-spacing: -0.93px; text-align: center; line-height: 32px; }
  .title h2 { font-size: 22px !important; margin-top: -23px !important;font-weight: bold; }
  header { padding: 0;height: auto; }
  header .header { justify-content: center; height: 50px;}
  header .header__logo { z-index: 200;display: block; margin: 0 auto; width:150px;height: auto; }
  /* header .header__Navigation .phone_cd { margin-top: 5px; } */
  /* header .header__Navigation .phone_cd span { width: 20px; height: 2px; background: #181818; display: block; } */
  /* header .header__Navigation .phone_cd .b { margin: 6px 0; }
  header .header__Navigation .phone_cd .a { width: 100%; } */
  header .header__Navigation .phone_gb { display: none; }
  header .header__Navigation ul { display: none; width: 100%; height: 100vh; background: #fff; position: fixed; top: 0; left: 0; z-index: 102; padding-top: 90px; }
  header .header__Navigation ul li { margin-left: 0; }
  header .header__Navigation ul li.sjdh2{padding-left:40px;}
  header .header__Navigation ul li.pc_nav{display: none;}
  header .header__Navigation ul li a { display: block; font-size: 40px; color: #A3A3A3; opacity: 0.3; padding: 10px 40px; font-weight: bold;font-family:"hei";}
  header .header__Navigation ul li:hover::after { display: none; }
  header .header__Navigation ul .header__Active a { opacity: 1; color: #181818;font-weight: bold; }
  header .header__Navigation ul .header__Active::after { width: 65px; margin: -10px 41px 0; }
  header .header__Navigation ul li:first-child.header__Active::after { width: 127px; margin: -20px 41px 0; }
  header .header__Navigation ul li:first-child.header__Active{padding-bottom: 20px;}
  header .header__Navigation ul li.header__Activecc::after { width: 105px; margin: -10px 41px 0; }
  header .header__Navigation ul li.header__Active{padding-bottom: 20px; margin-top: 0;}
  header .header__Navigation ul li.header__Activett::after { width: 120px; margin: -10px 41px 0; }
  header .header__Navigation ul li:nth-of-type(6)::after { width: 100px; }
  header .header__Navigation ul li:nth-of-type(7)::after { width: 90px; }
.logo_wrap .logo_img{width:40%;}


  .banner { background: url("../img/banner背景.png") no-repeat center; background-size: cover; }
  .banner .banner__tips { width: 20px; height: 30px; }
  .banner .banner__tips.ph{display: block;}
  .banner .swiper-button-prev, .banner .swiper-button-next { width: 40px; height: 40px; }
  .banner .swiper-button-prev, .banner .swiper-container-rtl .swiper-button-next { right: 31%; background: url("../img/ba-left.png") no-repeat center; background-size: 100%; }
  .banner .swiper-button-next, .banner .swiper-container-rtl .swiper-button-prev { right: 10px; background: url("../img/ba-right.png") no-repeat center;  background-size: 100%;}
  .banner .swiper-pagination { bottom: 50px; right: 15.5%; }
  .banner .swiper-pagination i, .banner .swiper-pagination .swiper-pagination-total, .banner .swiper-pagination .swiper-pagination-current, .banner .swiper-pagination .fontWeight { font-size: 12px; }
  .banner .swiper-container .container { width:100%; height: auto; }
  .banner .swiper-container .banner--case { flex-direction: column-reverse; flex-wrap: wrap; width: 90%; margin: 0 auto; }
  .banner .swiper-container .banner--case .banner__left { width: 100%; margin-top:30px; }
  .banner .swiper-container .banner--case .banner__left h4 { font-size: 14px;font-weight: normal; }
  .banner .swiper-container .banner--case .banner__left h2 { font-size: 20px; margin: 15px 0; }
  .banner .swiper-container .banner--case .banner__right { width: 100%; margin-left: unset; }
  .who { background-position: right; height: auto; padding-bottom: 30px; }
  .who .who__content { width: 90%; }
  .who .who__content > p { margin-top: 20px; font-size: 14px; color: #181818; letter-spacing: 0; line-height: 25px; }
  .who .who__content ul { display: none; }
  .who .who--ph { width: 100%; display: block; }
  .who .who--ph .who__cf { display: none; }
  .who .who--ph .swiper-container { padding: 35px 0; }
  .who .who--ph .swiper-slide { border-radius: 10px; padding: 30px 10px; box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.05); background: #fff; }
  .who .who--ph .swiper-slide img { width: 65px; height: 65px; margin: 0 auto; }
  .who .who--ph .swiper-slide h4 { color: #181818; text-align: center; font-size: 16px; padding: 10px 0; }
  .who .who--ph .swiper-slide p { color: #181818; font-size: 13px; text-align: center; }
  .honor { padding-bottom: 40px; }
  .honor .honor__content .wel3-bot { padding-bottom: 0; width: 90%; }
  .honor .honor__content .wel3-bot .wel3-container { padding: 20% 0; }
  .honor .honor__content .wel3-bot .wel3-container .swiper-slide { width: 18%; margin: 0 10%; }
  .honor .honor__content .wel3-bot .wel3-container .swiper-slide img { height: 65px; }
  .honor .honor__content .wel3-bot .wel3-container .swiper-slide-active img { padding: 0; }
  .honor .honor__content .wel3-bot .wel3-container .swiper-slide-active { transform: scale(2.2) !important; }
  .honor .honor__content .wel3-bot .pre .wel3-container2 { width: 80%; margin-top: 20px; }
  .honor .honor__content .wel3-bot .pre .swiper-button-next, .honor .honor__content .wel3-bot .pre .swiper-button-prev { width: 30px; height: 30px; }
  .honor .honor__content .wel3-bot .pre .swiper-button-prev, .honor .honor__content .wel3-bot .pre .swiper-container-rtl .swiper-button-next { left: 5%; }
  .honor .honor__content .wel3-bot .pre .swiper-button-next, .honor .honor__content .wel3-bot .pre .swiper-container-rtl .swiper-button-prev { right: 5%; }
  .honor .honor__content .wel3-bot .pre .wel32-name { font-size: 15px; }
  .honor .honor__content .wel3-bot .pre .wel32-school { margin-top: 15px; }
  .honor .circle { width: 46%; top: 50%; }
  .honor__popup { background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; width: 100%; height: 100vh; z-index: 102; }
  .honor__popup .honor__box { width: 100%; padding: 0; top: unset; left: 0; bottom: 0%; height: 75vh; transform: none; background: #fff; }
  .honor__popup .honor__box .swiper-slide h4 { font-size: 16px; font-weight: bold; margin: 20px 0; }
  .honor__popup .honor__box .swiper-slide p { font-size: 14px; padding: 0 20px;}
  .honor__popup .honor__box .swiper-button-prev, .honor__popup .honor__box .swiper-button-next { width: 40px; height: 40px; top: 28%; }
  .honor__popup .honor__box .swiper-button-next, .honor__popup .honor__box .swiper-container-rtl .swiper-button-prev { background: url("../img/按钮-左2.png") no-repeat center; right: 0; }
  .honor__popup .honor__box .swiper-button-prev, .honor__popup .honor__box .swiper-container-rtl .swiper-button-next { background: url("../img/a_l.png") no-repeat center;
    /* transform: rotate(180deg);  */
    left: 0; }
    .honor__popup .honor__box .swiper-button-prev{}
  .honor__popup .honor--close { display: none; }
  .honor__popup .honor--gb { width: 40px; height: 40px; margin: 0 auto; position: absolute; bottom: 7%; left: 0; right: 0; display: block; }
  .sjxianshi { display: block; }
  .case { background: transparent; height: auto; padding-bottom: 60px; }
  .case .case__content .title.ph{display: none;}
  .case .title { padding-top: 45px; }
  .case .title h1 { color: #1F2329; opacity: 0.1; }
  .case .title h2 { color: #181818; }
  .case .case__content { width: 90%; }
  .case .case__content .pc { display: none; }
  .case .case__content .portfolio-filter { display: none; }
  .case .case__content ul { display: -webkit-box; overflow-x: scroll; overflow-y: scroll; margin-top: 30px; }
  .case .case__content ul::-webkit-scrollbar { display: none; }
  .case .case__content ul a { color: #181818; opacity: 0.5; font-weight: bold; font-size: 16px; margin: 0 10px; border-bottom-color: #fff; }
  .case .case__content ul .case--active a { color: #181818; display: block; }
  .case .case__content .case__row { display: block; margin-top: 30px; }
  .case .case__content .case__row a { display: block; width: auto; margin-bottom: 30px; }
  .case .case__content .case__row a .case__Img img { filter: grayscale(0%); }
  .case .case__content .case__row a h4 { color: #181818; margin-top: 15px; font-size: 16px; }
  .case .case__content .case__row a .case__more { margin-top: 10px; }
  .case .case__content .case__row a .case__more p { color: #181818; }
  .case .case__content .case__row a .case__more p img { margin-left: 10px; }
  .case .case__content .case__see { margin-top: 0; padding-top: 5px; margin-bottom: 0; }
  .case .case__content .case__see a { width: 30%; margin: 0 auto; display: block; color: #181818; font-size: 13px; border-color: #181818; padding:6px 0;border: 1px solid #181818;}
  .case .case__content .case__see a:hover { background: #181818; color: #fff; border-color: #181818; }
  .case .case__content .case__row__list { display: none; }
  .case .case__content .case--active { display: block; }
  .case .case--left, .case .case--rigth { display: none; }
  .service { background: url("../img/bg.png") no-repeat center; background-attachment: fixed; background-size: cover; padding-bottom:40px; height: auto; }
  .service .service__row,.in_tbas { display: none; }
  .service .service__content { width: auto; }
  .service .service__content .service__title, .service .service__content .service__row { display: none; }
  
  .service .service__content .swiper-container { margin-top:30px;display: block; }
  .service .service__content .swiper-slide img { margin: 0 auto; width: 345px;}
  .customer { width: 90%; }
  .customer .swiper-container { margin: 20px 0 50px; background: url("../img/sjwap.png") no-repeat center; background-size: 100% 100%; background-position: 0 7px; }
  .customer .swiper-slide img { filter: grayscale(0%); }
  .customer .swiper-pagination-bullets .swiper-pagination-bullet { width: 30px; height: 4px; }
  .contact { background: #F8F8F8; height: auto; padding-bottom: 40px; }
  .contact .contact__content { display: block; width: 90%; margin-top: 20px; }
  .contact .contact__content .contact__left li { margin-bottom: 20px; }
  .contact .contact__content .contact__left li img { margin-right: 10px; width: 23px; height: 23px; }
  .contact .contact__content .contact__left li p { font-size: 15px; }
  .contact__left{margin: 40px 0 20px 0;}
  .contact .contact__content .contact__left li .contact--dh, .contact .contact__content .contact__left li .contact--yx { align-items: center; }
  .contact .contact__content .contact__left li .contact--yx { margin-left: 30px; }
  .contact .contact__content .contact__right { width: auto; }
  .contact .contact__content .contact__right .contact__row { display: block; }
  .contact .contact__content .contact__right .contact__row .contact__list { width: auto; margin-bottom:20px; }
  .contact .contact__content .contact__right .contact__row .contact__list label { display: none; }
  .contact .contact__content .contact__right .contact__row .contact__list input { font-size: 12px; padding: 0; background: #F8F8F8; color: #67687C;  line-height:40px;}
  .contact .contact__right .contact__textarea textarea { font-size: 12px;  }
  .contact .contact__content .contact__right .contact__textarea { margin-top: 20px; }
  .contact .contact__content .contact__right .contact__textarea textarea { height: 120px; background: #F8F8F8; font: size 12px;;}
  .contact .contact__content .contact__right .contact__submit { margin: 30px auto 0; width: auto; border-radius: 100px; }
  .contact .contact__content .contact__right .contact__submit img { margin: 0; position: relative; left: 40%; width: 18px; }
  .contact .contact__content .contact__right .contact__submit:hover img { display: block; }
  .contact .contact__content .contact__right .contact__submit #submit { width: 100%; padding: 13px 0; font-size: 15px; }
  .contact .contact__content .contact__right label { display: none; }
  footer { padding:0px; }
  footer .footer__left { display: block; }
  footer .footer__left .footer__logo { width: 180px; height: auto; margin: 0 auto; }
  footer .footer__left .footer__logo img { width: auto; height: auto; }
  footer .footer__right { display: block; margin-top: 0; }
  footer .footer__right .footer__copyright { text-align: center; display: block; }
  footer .footer__right .footer__copyright p { text-align: center; font-size: 14px; }
  footer .footer__right .footer__copyright a { font-size: 14px; }
  .case--page { padding-bottom: 0; }
  .case--page .title { padding-top: 85px !important; }
  .case--page .case__content .case__row { margin-top: 20px; }
  .case--page .case__content .case__row .col-lg-4 { margin-bottom: 30px; padding: 0; }
  .case--page .case__content .case__row .col-lg-4 a { margin-bottom: 0; }
  .case--page .case__content .case__row .col-lg-4 a .portfolio-box-img img { filter: grayscale(0%); }
  .case--page .case__content .case__see { margin: 20px 0 40px; }
  .details { width: 90%; padding: 90px 0 40px; }
  .details .details__title { display: block; }
  .details .details__title .details__left { margin-bottom: 10px; }
  .details .details__title .details__left h1 { font-size: 20px; width: auto; white-space: initial; }
  .details .details__title .details__left p { margin: 15px 0; }
  .details .details__title .details__right { margin-top: 10px; }
  .details .details__title .details__right .share-component { display: none; }
  .details .details__title .details__right .share-component a { margin-left: 0; margin-right: 25px; }
  .details .details__row { padding-top: 25px; font-size: 4vw;}
  .details .details__row p { font-size: 14px; line-height: 24px; }
  .details .details__row img { margin: 15px 0; }
  .case--detail { padding-top: 0; padding-bottom: 40px; background: #F8F8F8; }
  .case--detail .title { padding-top: 50px !important; }
  .case--detail .case__content .case__row { display: none; }
  .case--detail .case__content a h4 { margin: 10px 0; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .case--detail .case__content .swiper-container { padding-top: 25px; display: block; }
  .case--detail .case__content .case__more { display: flex; justify-content: space-between; align-items: center; }
  .case--detail .case__content .case__more p { display: flex; align-items: center; font-size: 13px; }
  .case--detail .case__content .case__more p img { margin: 0 10px; width: 12px;}
  .case--detail .case__content .case__see { margin: 35px 0 0 0; padding: 0; }
  .suspension .suspension--ewm { display: none !important; }
  .sjdh { display: flex !important; align-items: center; font-size: 16px !important;
     /* font-weight: bold;  */
     color: #181818; padding: 10px 40px; }
	 .sjdh-mt{ margin-top:40px;}
  .sjdh img { margin-right: 10px; }
  .sjtp { padding: 10px 40px; }
  .sjtp img { width: 120px; height: 120px; }
  .sjtp p { font-size: 14px; color: #888888; line-height: 20px; margin-left: 15px; margin-top: 5px; } }
@media (max-width: 768px) and (min-height: 740px) and (max-height: 1000px) { .banner .swiper-container .container { width: 100%; height: auto; } }
@media (max-width: 375px) { header .header__Navigation ul li a { padding: 10px 40px; }
  .who { padding-bottom: 75px; }
  .who .who--ph .swiper-slide img { width: 50px; height: 50px; }
  .who .who--ph .swiper-slide h4 { font-size: 14px; }
  .who .who--ph .swiper-slide p { font-size: 13px; }
  .contact { padding-bottom: 80px; }
  .sjdh { padding: 10px 40px; }
  .banner .swiper-container .container { height:auto; }
  .honor .honor__content .wel3-bot .wel3-container .swiper-slide { width: 19%; }
  .honor .honor__content .wel3-bot .wel3-container .swiper-slide-active { transform: scale(2.2) !important; } }
@media (max-width: 320px) { header .header__Navigation ul li a { padding: 5px 40px; }
  .banner .swiper-container .container { height: 265px; } }