@charset "utf-8";
/* CSS Document */
body, html {
	width:100%;
}
html{font-size:10px;}
@media screen and (max-width: 1900px) {
  html {
    font-size: 0.5208333333vw;
  }
}


@font-face {
	font-family: "gilroy-r";
	src: url('../font/gilroy-r.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "gilroy-m";
	src: url('../font/gilroy-m.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "gilroy-l";
	src: url('../font/gilroy-l.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "gilroy-b";
	src: url('../font/gilroy-b.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "gilroy-bk";
	src: url('../font/gilroy-bk.otf');
	font-weight: normal;
	font-style: normal;
}


body {
	margin:0;
	padding:0;
	color: #333;
	font-family:"microsoft yahei","PingFang SC",Arial, Helvetica, sans-serif; 
	font-size:14px;
	line-height:1.5;
	width:100%;
	margin:0px auto;
	overflow-x:auto;
}
a {
	color:#333;
	text-decoration:none;
}
a:hover {
	
}
img {
	border:0;
	display:inline;
	vertical-align: bottom;
	width:auto;
	height:auto;
	max-width:100%;
}
div, ul, li, dl, dd, span, h1, h2, p, h4, h3 {
	margin:0;
	padding:0;
	list-style:none;
}
.clear {
	clear:both;
}
/*
.container {
	margin:0px auto;padding-left: 50px; padding-right: 50px;
	width:100%; 
}
*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* {
	box-sizing: border-box;
}
.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-center-y {
	display: flex;
	align-items: center;
}
* {
	box-sizing: border-box;
}
html.active{ height:100%; overflow:hidden;}
/* 首页 */
/*导航蓝色部分*/
header{
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 999999;
	background: #fff;
	transition: all .5s;
    -webkit-transition: all .5s;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.12);
}
header .menu_top{
	width: 100%;
	color: #fff;
}

header .menu_top_box{
	width: 100%;
	margin: 0 auto;
	height: 35px;
	font-size:12px;
}
header .menu_top_box a{ color:#fff;}

header .menu_top_left{
	
}

header .menu_top_left div{
	margin-right: 20px;
	font-family: "gilroy-l";
	display: flex;
    align-items: center;
}

header .menu_top_left div span{
	margin-right: 5px;
	font-size: 14px;
}

header .menu_top_right div{
	display: inline-block;
}
header .menu_top_right a{  cursor:pointer;}

header .menu_top_right div:nth-child(1) a{
	margin-right: 15px;
}

header .menu_top_right div:nth-child(1) a span{
	margin-right: 5px;
	font-size: 14px;
}

header .menu_top_right div:nth-child(2) a{
	margin-left: 5px;
	font-size: 14px;
}

/*导航白色部分*/
header .menu_bottom{
	width: 100%;

}

header .menu_bottom_box{
	width: 100%;
	margin: 0 auto;
	height:100px;transition: all .5s;
    -webkit-transition: all .5s;
}

header .menu_bottom_box img{
	height:36px;
}

header .menu_bottom_box .menu a{
	margin-left: 30px;
	font-size: 16px;
	color: #000;
	transition:all .8s;
	-webkit-transition:all .8s;
}

header .menu_bottom_box .menu a:hover{
	color: #47bcc6;
}


header.no2{ background:none; transform:translateY(-35px);-webkit-transform:translateY(-35px);}
header .menu_bottom_box .pic2{ display:none;}
header.no1{ background:none;transform:translateY(-35px);-webkit-transform:translateY(-35px);}
header.no1 .menu_bottom_box .pic2{ display:block;}
header.no1 .menu_bottom_box .pic1{ display:none;}
header.no1 .menu_bottom_box .menu a{ color:#fff;}

/*banner*/
.pageSwiper{height:100%; overflow:hidden;}
.page{ width:100%; height:100vh;display: flex;    flex-direction: column; overflow:hidden;}
.page .banner{ flex:1; position:relative; overflow:hidden;}
.page .banner.swiper{width:100%; overflow:hidden;}
.page .banner ul{ height:100%;}
.page .banner ul li img{ width:100%; height:100%;object-fit: cover;
 object-position: center center;}
.page .banner ul li {  position:relative; height:100%;}
.page .banner ul li .banner_text{ position:absolute; left:50%; top:50%;transform: translate(-50%,-50%); z-index:40; color:#fff; text-align:center;}
.page .banner ul li .banner_text .title{ font-size:36px;}
.page .banner ul li .banner_text .eng{font-size: 30px;line-height: 30px; padding: 10px 0;}
.page .banner .arrow{ position:absolute; cursor:pointer; top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%); color:#979797; font-size:54px; z-index:20; margin-top:25px;}
.page .banner .arrow.pre{ left:3%;}
.page .banner .arrow.next{ right:3%;}
.page .banner .arrow.next:before{ display:block;transform: rotate(
180deg);transform: rotateY(180deg);
}
.page .banner .arrow:hover{ color:#fff;}
.bgblue{
	background-color: #47bcc6;
}
.page .banner ul li .banner_text.spea{ color:#000; margin-top:-15rem;}
.page .part_2{ flex:1; position:relative; color:#fff; background-image:url(../images/bg-about-1.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;display: flex;
    align-items: center;
    justify-content: center;}
.page .p_box{padding-top:100px; padding-bottom:20px;}
.index_bt{ text-align:center;}
.index_bt .title{ font-size:48px;}
.index_bt .desc{ font-size:14px; line-height:2;}
.index_bt .line{ display:inline-block; width:50px; height:3px; background:#47bcc6; margin:13px auto 33px;}
.page .part_2 .index_bt{ margin-bottom:60px;}
.page .part_2 .z_title{ font-size:28px; color:#47bcc6; text-align:center; margin-bottom:47px;}
.page .part_2 .pillar{ margin-bottom:60px;}
.page .part_2 .pillar ul{display: flex;align-items: stretch; justify-content: space-between;}
.page .part_2 .pillar ul li{ width:31.5%; border:1px #fff solid; border-top:0px; position:relative; text-align:center; padding:0px 20px 26px;}
.page .part_2 .pillar ul li:before {
	width: 35%;
	height: 1px;
	position: absolute;
	left: 0px;
	top: 0px;
	background: #fff;
	content: '';
}
.page .part_2 .pillar ul li:after {
	width: 35%;
	height: 1px;
	position: absolute;
	right: 0px;
	top: 0px;
	background: #fff;
	content: '';
}
.page .part_2 a{ color:#fff;}
.page .part_2 .pillar ul li .iconfont{ font-size:46px; height:46px; position:relative; margin-top:-20px; line-height:1; color:#fff; margin-bottom:20px;}
.page .part_2 .pillar ul li .title{ font-size:30px; margin-bottom:15px;}
.page .part_2 .pillar ul li .desc{ font-size:14px;}
.page .part_2 .pillar ul li .icon-zhouzhuancailiao{ font-size:43px;}
.page .date_1 ul{display: flex;
   align-items:flex-start; 
    justify-content: space-between;}
.page .date_1 ul li{ width:30%; text-align:center;}
.page .date_1 ul li .title{color:#47bcc6; font-size:18px; margin-bottom:5px;}
.page .date_1 ul li .desc{ line-height:2;}
.page .date_1 ul li .count{ font-size:18px; margin-bottom:20px;line-height:1;}
.page .date_1 ul li .count .big{ font-size:60px; font-family: "gilroy-b";}
.page .date_1 ul li.no2 .count .big{  display:inline-block; position:relative; }
.page .date_1 ul li.no2 .count .big:before {
	position: absolute; font-size:40px;
	right:-29px;
	top: -14px; line-height:1;
	content: '+';
}
/*系统方案*/
.page .part_3{ position:relative; flex:1;display: flex;
    align-items: center;
    justify-content: center; position:relative;background-image:url(../images/page3.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.page .part_3 .index_bt .title{ color:#000;}
.index_bt.no1{ margin-bottom:56px;}
.index_bt.no1 .title{ color:#000;}
.index_bt.no1 .line{ margin-bottom:0px;}
.page .part_3 .index_pro{ margin-bottom:0px;}
.page .part_3 .index_pro ul li a{ display:block; overflow:hidden; text-align:center; position:relative;}
.page .part_3 .index_pro ul li a{ padding-top:0px;}
.page .part_3 .index_pro ul li a img{object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s; margin-top: 100px;}
.page .part_3 .index_pro ul li a:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.page .part_3 .index_pro ul li a .content{ position:absolute; top:0px; left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); z-index:50; color:#4d4d4d;}
.page .part_3 .index_pro ul li a .content .title{ font-size:36px;}
.page .part_3 .index_pro ul li a .content .eng{ font-size:14px; font-family: "gilroy-r"; margin-bottom:25px;}
.page .part_3 .index_pro ul li a .content .more{ width:100px; height:30px; display:inline-block; text-align:center; display: flex;
    align-items: center;
    justify-content: center;font-size:12px; border:1px #a8a8a8 solid; border-radius:15px; margin:0px auto;transition: all .3s ease;-webkit-transition: all .3s ease;}
.page .part_3 .index_pro ul li a .content .more:hover{ background:#47bcc6; border:1px #47bcc6 solid; color:#fff;}
.pro_class { overflow:auto; width:100%;}
.pro_class ul{display: flex; align-items: stretch;}
.pro_class ul li{ width:11.111%;  font-size:12px; color:#b0b0b0; line-height:2; cursor:pointer; padding: 0 5px; box-sizing: border-box;}/*width:auto !important;*/
.pro_class ul li:last-child{ padding-right:0;}
.pro_class ul li .num{ border-bottom:1px #ddd solid; font-family: "gilroy-l";}
.pro_class::-webkit-scrollbar{ display:none;}
.pro_class::-webkit-scrollbar-thumb{ display:none;}
.pro_class ul li.swiper-slide-thumb-active{ color:#47bcc6;}
.pro_class ul li.swiper-slide-thumb-active .num{border-bottom:1px #47bcc6 solid; font-family: "gilroy-b";}

/*沃尔特产品*/
.page .part_4{ position:relative; flex:1;background-image:url(../images/part_4.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;display: flex;
    align-items: center;
    justify-content: center;}
.page .part_4 .product_1{ margin-bottom:38px;}
.page .part_4 .product_1:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}
.page .part_4 .product_1 ul li{ background:#fff;align-items: stretch; float:left;margin: 0; padding: 0; width:24%; margin-right:1.25%; overflow:hidden;}


.page .part_4 .product_1 ul li:last-child{ margin-right:0px;}
.page .part_4 .product_1 ul li a{ display:block; position:relative; padding:0px; height:auto;}
.page .part_4 .product_1 ul li a .photo{ position:relative;display: block;width: 100%; transition: all .3s ease;-webkit-transition: all .3s ease;}
.page .part_4 .product_1 ul li a .photo img{ width:100%; height:auto; position:relative; 
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}

.page .part_4 .product_1 ul li a .content{ width:90%; margin:0px auto; color:#333; margin: 0; padding:20px ;}
.page .part_4 .product_1 ul li a .content .title{ display:block;font-size: 16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.page .part_4 .product_1 ul li a .content .eng{ font-size:12px;color: #b3b3b3; font-family: "gilroy-r";display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.page .part_4 .product_1 ul li a .lab{ position:absolute; top:20px; right:25px; z-index:10; color:#808080; font-size:12px; line-height:1;}
.page .part_4 .product_1 ul li a .lab .area{ color:#47bcc6; font-size:17px;font-family: "gilroy-r"; }
.page .part_4 .product_1 ul li a .lab .unit{color:#47bcc6;font-family: "gilroy-r";}
.page .part_4 .product_1 ul li a .lab .tit{ margin-bottom:5px;}
.page .part_4 .product_1 ul li a .xfk{background-color:rgba(71,188,198,0.9); position:absolute; left:100%; top:0px; width:100%; height:100%; z-index:20; padding:34px 24px 27px; color:#fff; display:flex; flex-direction: column;justify-content: space-between;transition: all .3s ease;-webkit-transition: all .3s ease;opacity:0;}
.page .part_4 .product_1 ul li a .xfk .num{font-family: "gilroy-r";  font-size:24px;}
.page .part_4 .product_1 ul li a .xfk .title{ font-size:26px;}
.page .part_4 .product_1 ul li a .xfk .eng{ font-size:16px;font-family: "gilroy-r";  }
.page .part_4 .product_1 ul li a .xfk .desc{ margin-bottom:20px; overflow:hidden;}
.page .part_4 .product_1 ul li a .xfk .desc ul{ width: 100%; height: auto; margin: 0; padding: 0;}
.page .part_4 .product_1 ul li a .xfk .desc ul li{ width: 100%; height: auto; margin: 0; padding: 0;background: none;}
.page .part_4 .product_1 ul li a .xfk .line{ width:30px; height:1px; background:#fff; margin:26px 0px;}
.page .part_4 .product_1 ul li a .xfk .iconfont{ font-size:30px;transition: all .3s ease;-webkit-transition: all .3s ease;}
.page .part_4 .product_1 ul li a .xfk .iconfont:hover{ padding-left:10px;}
.page .part_4 .product_1 ul li a:hover .content{ display:block;}
.page .part_4 .product_1 ul li a:hover{ padding:0px;}
.page .part_4 .product_1 ul li a:hover .lab{ display:none;}
.page .part_4 .product_1 ul li a:hover .xfk{opacity:1; left:0px;}

.page .part_4 .pr_switch{display: flex;
    align-items: center;
    justify-content: center; margin-bottom:50px; bottom:0; position:static;}
.page .part_4 .pr_switch span{ width:40px; height:3px; display:inline-block; background:#cacaca; margin:0px 3px;}
.page .part_4 .pr_switch span.active{ background:#47bcc6;}
.p_more { text-align:center;}
.p_more a{ width:150px; height:45px; display:inline-block; text-align:center; display: flex;
    align-items: center; color:#4d4d4d;
    justify-content: center;font-size:14px; border:1px #a3a3a3 solid; border-radius:25px; margin:0px auto;transition: all .3s ease;-webkit-transition: all .3s ease;}
.p_more a:hover{ background:#47bcc6; border:1px #47bcc6 solid; color:#fff;}
/*应用无处不在*/
.page .part_5{flex:1; position:relative; background:#000;display: flex;flex-direction: column;}
.application { flex:1;}
.application ul{display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 0px 0px;
align-items: stretch; height:100%;}
.application ul li{ height:100%; display:flex;flex-direction: column;}
.application ul li a{display:block; overflow:hidden; flex:1;}
.application ul li a img{ width:100%; height:100%; object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;opacity:.4;}
.application ul li a:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.application ul li a:hover img{opacity:1;}
.page .part_5 .word{ position:absolute; width:100rem; left:12.4rem; bottom:0px; z-index:30; bottom: 0;}
.page .part_5 .word img{width: 100%;}
.page .part_5 .p_box{ z-index:50; color:#fff;}
.page .part_5 .index_bt .desc{ max-width:723px; margin:0px auto; width:90%; line-height:2;}
.page .part_5 .index_bt .more{ margin-top:46px;}
.page .part_5 .index_bt .more a{ width:150px; height:45px; display:inline-block; text-align:center; display: flex;
    align-items: center; color:#fff;
    justify-content: center;font-size:14px; border:1px #a8a8a8 solid; border-radius:25px; margin:0px auto;transition: all .3s ease;-webkit-transition: all .3s ease;}
.page .part_5 .index_bt .more a:hover{ background:#47bcc6; border:1px #47bcc6 solid; color:#fff;}
.page .part_5 .p_box{ padding-top:0px;}
.page .part_5 .p_box{position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
   }

/*新闻资讯*/
.page .part_6{flex:1; position:relative;background-image:url(../images/page6.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; color:#000;}
.page .part_6 .index_new ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px 30px;
align-items: stretch;}
.page .part_6 .index_new ul li{  background:#fff;}
.page .part_6 .index_new ul li .photo a{position:relative; display:block; padding-top:74.5%; width:100%; overflow:hidden;}
.page .part_6 .index_new ul li .photo a img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.page .part_6 .index_new ul li .photo a:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.page .part_6 .index_new ul li .photo{ margin-bottom:27px;}
.page .part_6 .index_new ul li .date{ margin-bottom:8px; font-size:10px; color:#808080; font-family: "gilroy-r"; }
.page .part_6 .index_new ul li .title{ font-size:20px;  color:#000;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-bottom:12px; line-height:1.4;}
.page .part_6 .index_new ul li .desc{ font-size:12px; color:#333333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-bottom:33px;}
.page .part_6 .index_new ul li .icon-a-xiangyoujiantou{ font-size:30px;transition: all .3s ease;-webkit-transition: all .3s ease; color:#47bcc6;}
.page .part_6 .index_new ul li .icon-a-xiangyoujiantou:hover{ padding-left:10px;}
.page .part_6 .index_new ul li .title:hover{ color:#47bcc6;}
.page .part_6 .index_bt{ margin-bottom:40px;}

.n_more { text-align:center; margin-top: 20px;}
.n_more a{ width:150px; height:45px; display:inline-block; text-align:center; display: flex;
    align-items: center; color:#4d4d4d;
    justify-content: center;font-size:14px; border:1px #a3a3a3 solid; border-radius:25px; margin:0px auto;transition: all .3s ease;-webkit-transition: all .3s ease;}
.n_more a:hover{ background:#47bcc6; border:1px #47bcc6 solid; color:#fff;}

/*新闻资讯*/
.page .part_7{flex:1; position:relative; /*background-image:url(../images/page7.jpg); background-repeat:no-repeat; */background: #b0b0b0;background-position:center center; background-size:cover; color:#fff;display: flex; flex-direction: column;  justify-content: space-between;}


.page .part_7.nei{flex:1; position:relative; background-image:none; background: #b0b0b0; color:#fff;display: flex; flex-direction: column;  justify-content: space-between;}


.page .part_7 a{ color:#fff;}
.page .part_7 .db_menu{ flex:1;display: flex;
    align-items: center; padding-top:80px; padding-bottom:20px;
}
.page .part_7.nei .db_menu{ padding: 0;}



.page .part_7 .copyright{ border-top:1px #888 solid; padding:10px 0px; font-size:12px; font-family: "gilroy-r";}
.page .part_7 .db_menu ul{display: flex;
    align-items:flex-start; 
    justify-content: space-between; width:100%;}
.page .part_7 .db_menu ul li .title{ font-size:18px; display:block; margin-bottom:14px;}
.page .part_7 .db_menu ul li dl dd a{ font-size:12px; line-height:2;}
.page .part_7 .db_menu ul li dl dd a:hover{ color:#47bcc6;}
.page .part_7 .db_menu ul li.last{ margin-left:10%;}
.page .part_7 .db_menu ul li.last .desc{ line-height:1.7; margin-bottom:45px; font-family: "gilroy-r";}
.page .part_7 .db_menu ul li.last .desc p{ margin-bottom:5px;}
.page .part_7 .db_menu ul li.last .desc .tel{ font-size:26px; font-weight:bold; margin-bottom:5px; line-height:1.4; font-family: "gilroy-b";}
.page .part_7 .db_menu ul li.last .online{ flex-wrap: wrap;}
.page .part_7 .db_menu ul li.last .online a{ font-size:21px; margin-right:15px; cursor:pointer;}

.page .part_7 .db_menu ul li.last .online img{ max-width: 120px; height: auto;}

/*footmenu*/

.footmenu{margin: 0 auto; padding: 60px 0 40px 0; width: 100%; height: auto;position:relative;background: #b0b0b0; }

.footmenu .db_menu_foot ul{display: flex;
    align-items:flex-start; 
    justify-content: space-between; width:100%;}
.footmenu .db_menu_foot ul li{width: 100%;height: auto;}
.footmenu .db_menu_foot ul li .title{ font-size:18px; display:block; margin-bottom:14px;color: #fff; }
.footmenu .db_menu_foot ul li dl dd a{ font-size:14px; line-height:2;color: #fff;transition: all .3s;}
.footmenu .db_menu_foot ul li dl dd a:hover{ color:#47bcc6; padding-left: 10px;transition: all .3s;}


.footmenu .last .title{ font-size:20px; display:block; margin-bottom:14px; color: #fff; font-weight: 300;}
.footmenu .last{ margin-left:10%;}
.footmenu .last .desc{ line-height:1.7; margin-bottom:45px;}
.footmenu .last .desc p{ margin-bottom:5px; color: #fff;}
.footmenu .last .desc .tel{ font-size:26px; color: #fff;font-weight:bold; margin-bottom:5px; line-height:1.4; }
.footmenu .last .online{ flex-wrap: wrap;}
.footmenu .last .online a{ font-size:24px; margin-right:15px; cursor:pointer; color: #fff;}
.footmenu .last .online a:hover{  color: #e3e3e3;}
.footmenu .last .online img{ max-width: 120px; height: auto;}

.footmenu-new{width: 100%; height: auto; margin: 0; padding: 0;position:relative;background: #b0b0b0;border-top:1px rgba(255,255,255,.3) solid; }
.footmenu-new .copyright{margin:0; padding:10px 0; font-size:12px; color: #fff;line-height: 30px;}

/*移动菜单*/
.menubtn {
	display: flex;
	justify-content: center;
	align-items: center;
	width:26px;
	height:40px;
	right:0px;
	z-index:100;
	display:none;
	position:relative;
	margin-left:7rem;
}
.menubtn .name {
	font-size:16px;
	left:-60px;
	font-weight:500;
	top:50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	position:absolute;
	font-weight:600;
}
.menubtn .navbar-icons {
	height: 20px;
	width:100%;
	position: relative;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
 transition: .5s ease-in-out;
	display: flex;
	flex-direction:column;
	justify-content:space-between;
	cursor: pointer;
}
.menubtn .navbar-icons span {
	display: block;
	height: 2px;
	width: 100%;
	opacity: 1;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
 transition: .25s ease-in-out;
	top: 0;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	background-color: #000;
	position:relative;
	border-radius:5px;
}
.menubtn .navbar-icons span:first-child {
	-webkit-transform-origin: left center;
	transform-origin: left center;
}
 .menubtn .navbar-icons span:nth-child(2) {
 -webkit-transform-origin: left center;
 transform-origin: left center;
 width:70%;
}
 .menubtn .navbar-icons span:nth-child(3) {
 -webkit-transform-origin: left center;
 transform-origin: left center;
}
.menubtn.open .navbar-icons span:first-child {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 1px;
}
 .menubtn.open .navbar-icons span:nth-child(2) {
 opacity:0;
}
 .menubtn.open .navbar-icons span:nth-child(3) {
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
 top:1px;
}
.menu-mc {
	position:fixed;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#fff;
	z-index:500;
 	transition:all .5s;
 	-webkit-transition:all .5s;
	transform:translateY(-100%);
	-webkit-transform:translateY(-100%);
	padding-top:100px;
	display:flex;
	flex-direction:column;
	display:none;
    background-color:#47bcc6;
}
.menu-mc.active {
	transform:translateY(0);
	-webkit-transform:translateY(0);
}
.menu-mc .list {
	flex:1;
	overflow:auto;
}
.menu-mc .list ul {
	padding:0px 5%;
}
.menu-mc .list ul li {
	line-height:60px;
}
.menu-mc .list ul li .submenu {
	display:none;
}
.menu-mc .list ul li .title {
	border-bottom: 1px solid rgba(255, 255, 255, .19);
	display: flex;
	align-items: center;
	justify-content:space-between;
	font-weight:600;
	color:#fff;
}
.menu-mc .list ul li .title .iconfont {
	
	 margin-right:10px;
}
.menu-mc .list ul li .title .icon-xiazai6:before{ display:block;transform: rotate(
270deg
);
-webkit-transform: rotate(
270deg
);}
.menu-mc .list ul li a {
	display:block;
	font-size:15px;
	color:#fff;
}
.menu-mc .list ul li .submenu a {
	padding-left:20px;
	line-height:45px;
}
.menu-mc .list ul li .submenu a:hover {

	font-weight:600;
}
.bannerSwiper .swiper-pagination{ display:none; bottom:20px;}
.bannerSwiper .swiper-pagination span{ height:3px; width:40px; border-radius:0; opacity:1;background: #cacaca;}
.bannerSwiper .swiper-pagination span.swiper-pagination-bullet-active {
    background: #47bcc6;
}
.page .part_4 .pr_switch .swiper-pagination-bullet{
	opacity:1; border-radius:0;
}
.swiper-slide video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*
@media screen and (min-width: 1600px) {
.container {
	margin:0px auto;padding: 0;
	width:100%; max-width:1500px;
}

}
*/
@media screen and (max-width: 1840px) {
	.index_bt .title{ font-size:45px;}
	.index_bt .line{ margin-bottom:23px;}
	.page .part_2 .index_bt{ margin-bottom:50px;}
	.page .part_2 .pillar{ margin-bottom:50px;}
	.page .part_2 .z_title{ font-size:24px; margin-bottom:35px;}
	.page .part_2 .pillar ul li .title{ font-size:24px; margin-bottom:10px;}
	.page .date_1 ul li .count .big{ font-size:50px;}
	.page .part_2 .pillar ul li{ padding-bottom:16px;}
	.page .part_2 .pillar ul li .iconfont{ margin-bottom:15px;}
	.page .date_1 ul li .count{ margin-bottom:12px;}
	.page .date_1 ul li .desc{ line-height:1.5;}
	.page .p_box{ padding-top:80px;}
	.page .part_3 .index_pro ul li a .content .title{ font-size:32px;}
	.page .part_3 .index_pro ul li a .content .eng{ margin-bottom:20px;}
	.page .part_3 .index_pro ul li a{ padding-top:0px;}
	.page .part_3 .index_pro{ margin-bottom:10px;}
}

@media screen and (max-width: 1550px) {
	.page .banner ul li .banner_text .title{ font-size:45px;}
	.page .banner ul li .banner_text .eng{ font-size:18px;}
	header .menu_bottom_box{ height:85px;}
	header .menu_bottom_box img{ height:30px;}
	.page .part_2 .pillar ul li .title{ margin-bottom:5px; font-size:20px;}
	.page .part_2 .pillar ul li .iconfont{ margin-bottom:10px;}
	.page .part_2 .pillar ul li .iconfont{ font-size:40px;}
	.index_bt .desc{ line-height:1.5;}
	.page .part_2 .index_bt{ margin-bottom:30px;}
	.page .part_2 .pillar{ margin-bottom:30px;}
	.page .date_1 ul li .count .big{ font-size:45px;}
	.page .date_1 ul li.no2 .count .big:before{ font-size:30px; right:-23px; top:-10px;}
	 .index_bt .title { font-size:40px;}
	 .index_bt .line{ margin-top:10px;}
	 .page .date_1 ul li .title{ font-size:16px;}
	 .page .part_3 .index_pro ul li a .content .title{ font-size:28px;}
	 .page .part_4 .product_1{ margin-bottom:20px;}
	 .page .part_4 .pr_switch{ margin-bottom:40px;}
	  .page .part_4 .index_bt{ margin-bottom:36px;}
	  .p_more a{ height:40px;}
	  .page .part_3 .index_pro{ margin-bottom:0px;}
	  .page .part_6 .index_bt{ margin-bottom:0px;}
	  .page .part_6 .index_new ul li .desc{ margin-bottom:20px;}
	  .page .part_6 .index_new ul li .title a{ font-size:18px;}
	  .page .part_6 .index_new ul li .photo{ margin-bottom:20px;}
	}
@media screen and (max-width: 1200px) {
	.pageSwiper,
	html,body{ height:auto;overflow: auto;}
	.page-wrapper{ display:block; height:auto;}
	header .menu_bottom_box img{ height:25px;}
	.page{ height:auto;}
	.page .p_box{ padding:60px 0px;}
	.page .part_3 .index_pro ul li a{ padding-top:40px;}
	.page .part_3 .index_pro{ margin-bottom:30px;}
	.page .part_5 .word{ bottom:-30px;}
	.page .part_7 .db_menu{ padding:60px 0px;}
	.page .banner{ flex:none; height:100vh;}
	.page .part_4 .product_1 ul li a{height: 300px;}
	}
@media screen and (max-width: 1000px) {
	header .menu_top{ display:none;}
}
@media screen and (max-width: 900px) {
	header .menu_bottom_box .menu{  display:none;}
	header{ background:#fff !important; box-shadow:0px 0px 8px #ccc;}
	.menubtn,
	.menu-mc {display: flex;}
	header .menu_bottom_box{ height:65px;}
	.page .banner ul li .banner_text{ width:90%;}
	header .menu_bottom_box img{ height:20px;}
	.page .part_3 .index_pro ul li a .content{ width:100%;}
	.page .part_3 .index_pro ul li a .content .title{ font-size:20px;}
	.page .part_3 .index_pro ul li a .content .eng{ margin-bottom:15px;}
	.page .part_5 .p_box{ }
	.page .part_5{ flex:none; height:100vh;}
	.application ul{grid-template-columns: repeat(2, 1fr);}
	.application ul li:last-child{ display:none;}
	.page .part_6 .index_bt{ margin-bottom:20px;}
	.page .part_7 .db_menu ul li{ display:none;}
	.page .part_7 .db_menu ul li.last{ margin-left:0px; display:block; width:100%;}
	header.no1 .menu_bottom_box .pic2{ display:none;}
	header.no1 .menu_bottom_box .pic1{ display:block;}
	}


@media screen and (max-width: 769px) {
.footmenu .db_menu_foot {display:none;}
}
@media screen and (max-width: 750px) 
{
	.page .banner ul li .banner_text .title{ font-size:30px;}
	.page .banner ul li .banner_text .eng{ font-size:16px;}
	.page .banner .arrow{ font-size:34px;}
	.page .banner .arrow.pre{ left:1%;}
	.page .banner .arrow.next{ right:1%;}
	.page .part_2 .pillar ul{flex-wrap: wrap;}
	.page .part_2 .pillar ul li{ width:100%; margin-bottom:50px;}
	.page .part_2 .pillar ul li:last-child{ margin-bottom:0px;}
	.page .date_1 ul{flex-wrap: wrap;}
	.page .date_1 ul li{ width:100%; margin-bottom:30px;}
	.index_bt .title{ font-size:30px;}
	.page .part_2 .index_bt{ margin-bottom:40px;}
	.page .part_2 .pillar ul li{ padding-bottom:26px;}
	.page .date_1 ul li:last-child{ margin-bottom:0px;}
	.page .date_1 ul li .count .big{ font-size:40px;}
	.page .part_3 .index_pro ul li a{ padding-top:60px;}
	.page .part_6 .index_new ul{grid-template-columns: repeat(1, 1fr);}
	.page .part_6{}
	.page .part_6 .index_new ul li .content{ padding:0px 20px 20px;}
	.page .part_4 .product_1 ul li a{ height:auto;}
	.page .banner .arrow{ display:none;}
	.bannerSwiper .swiper-pagination{ display:block;}
	.page .part_4 .pr_switch span{width:7px;}
}