/*animate补充动画*/
@keyframes fadeInLeftSmall {
  from {
    opacity: 0;
    transform: translate3d(-10px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeftSmall {
  animation-name: fadeInLeftSmall;
}
@keyframes fadeInRightSmall {
  from {
    opacity: 0;
    transform: translate3d(10px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightSmall {
  animation-name: fadeInRightSmall;
}
@keyframes fadeInDownSmall {
  from {
    opacity: 0;
    transform: translate3d(0%, -10px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDownSmall {
  animation-name: fadeInDownSmall;
}
@keyframes fadeOutDownSmall {
  from {
    opacity: 1;
    transform: none;
  }
  to {
    opacity: 0;
    transform: translate3d(0%, 10px, 0);
  }
}
.fadeOutDownSmall {
  animation-name: fadeOutDownSmall;
}
@keyframes fadeInUpSmall {
  from {
    opacity: 0;
    transform: translate3d(0%, 10px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpSmall {
  animation-name: fadeInUpSmall;
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
  }
}
.scaleIn {
  animation-name: scaleIn;
}
.fadeIn {
  animation-delay: 0.3s;
  animation-timing-function: linear;
}

/*滚动动画的样式*/
/*.disable-hover {*/
  /*pointer-events: none;*/
/*}*/
.scroll-animate.animated {
  visibility: hidden;
}
.font-fadeIn font {
  display: inline-block;
  min-width: 12px;
}
.scrolly {
  transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
}


img.classGo,
.pic.classGo {
  transition: all 1.2s ease-out;
  -webkit-transition: all 1.2s ease-out;
  -moz-transition: all 1.2s ease-out;
  -o-transition: all 1.2s ease-out;
  -ms-transition: all 1.2s ease-out;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  filter: blur(30px);
  visibility: visible!important;
}
img.classGo.go,
.pic.classGo.go {
  opacity: 1;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  filter: blur(0);
}


/*header*/
.index-header{
	
border-bottom: 1px solid rgba(255,255,255,.2);
padding:16px 6vw;



transition: all 1s ease;

position: absolute;

z-index: 99;

width: 100%; box-sizing: border-box; display: flex; display: -webkit-flex; align-items: center; justify-content: space-between;}

.index-logo{width: 10%;}



.index-nav-right{width: 90%;display: flex;flex: 1;align-items: center;justify-content: flex-end;}
.index-nav{display: flex;justify-content: flex-end;width: 64%;margin-right: 2%;}
.index-nav li{padding: 0;text-align: center;box-sizing: border-box;font-size: 16px;width: calc(100% / 7);text-align: right;}

.index-nav li a{color: #ffffff; opacity: .5;  display: inline-block; position: relative;}
.index-nav li.on a{opacity: 1;}
/*.index-nav li a:after{position: absolute; content: ""; bottom: -10px; width: 100%; height: 3px; left: 0; background: #3279e6;  transform: scaleX(0); -webkit-transform: scaleX(0); transition: .42s; 
 * -webkit-transition: .42s; }

.index-nav li a:hover:after { transform: scaleX(1); -webkit-transform: scaleX(1); }

.index-nav li.on a{ color: #3279e6; }

.index-nav li.on a:before { transform: scaleX(1); -webkit-transform: scaleX(1); }*/

.index-nav li a:hover{color: #ffffff; opacity: 1;}
.index-header-right{margin-left: 0;width: 22%;justify-content: end;line-height: 34px;}
.index-header-right a{display: block;  margin-left: 20px; color: #141418;}
.index-header-right .tel{/* width: 8em; */background: url(../images/tel.png) no-repeat left center;padding-left: 40px;color: #ffffff;height: 31px; font-size: 22px;font-family: arial;}
.index-header-right .tel img{margin-right: 10px;}
.index-header-right .sousuo img{ display: inline-block; vertical-align: bottom; margin-right: 10px;}
.index-header-right .erweima{background: url(../images/erweima-ico.png) no-repeat left center; width: 22px; height: 30px; position: relative;}
.erweima-pic{position: absolute; top: 30px; left: -53px; z-index: 99; display: none;}
.index-header-right .erweima:hover .erweima-pic{display: block;}
.search-btn{ background: url(../images/sousuo.png) no-repeat left center; text-indent: 30px; width: 20px; height: 30px; margin-right: 20px;}
.la-close{font-family: sans-serif; font-size: 35px;}
.search_sec {position: fixed;top: 0;width: 100%;height: 100%;background-color: rgba(26,32,49,0.95);z-index: 999999999999;opacity: 0;visibility: hidden;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
}
.search_sec.active {	opacity: 1;	visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.search_sec.active .search_field {	margin: 0;}
.search_field {	position: absolute;	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	margin-top: -50px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
.search_field .container {	max-width: 800px;	margin: 0 auto;}
.search_field form {position: relative;}
.search_field form input {width: 100%;	height: 66px;	background-color: #e5e5e5;	color: #262626;	font-size: 17px;	padding: 0 30px;	border:0;	box-sizing: border-box;	border-radius:5px;}
.search_field form button {position: absolute;	top: 19px;	right: 24px;	background-color: inherit;	border:0;}
.close-search {	position: absolute;	top: 60px;	right: 70px;	color: #c6c7ca;	font-size: 40px;}
.close-search:hover {color: #c6c7ca;}

.erweima-pic img{height: 120px; width: 120px;}

.index-nav li{position: relative;}
.index-nav li .show {
	position: absolute;
	top: 20%;
	text-align: center;
	opacity: 0;
	height: 0;
	width: 100%;
	overflow: hidden;

}
.index-nav li:hover .show {
	opacity: 1;
	height: auto;
	overflow: visible;

 padding-top: 60px;

}
.index-nav li .show p {
	transform: translateY(70%);
	opacity: 0;

}
.index-nav li .show a {
	padding-bottom: 10px;
	position: relative;
	font-size: 14px;
	transition: .5s;
	color: rgba(255, 255, 255, 1);
}
.index-nav li:hover .show p {
	transform: translateY(0);
	opacity: 1;
}
.index-nav li .show a:hover {
	color: rgba(255, 255, 255, 1);
}
.index-nav li .show p:nth-of-type(1) {
	transition: .8s cubic-bezier(.14, 1, .34, 1) .05s;
}
.index-nav li .show p:nth-of-type(2) {
	transition: .8s cubic-bezier(.14, 1, .34, 1) .1s;
}
.index-nav li .show p:nth-of-type(3) {
	transition: .8s cubic-bezier(.14, 1, .34, 1) .15s;
}
.index-nav li .show p:nth-of-type(4) {
	transition: .8s cubic-bezier(.14, 1, .34, 1) .2s;
}


.scroll{ animation: 850ms 350ms; -webkit-animation: animation: 850ms 350ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown; animation-name: fadedown;}

.scroll{ background-color: #fff;  }




@-webkit-keyframes fadedown {

    from { -webkit-transform: translateY(-100%); opacity: 0; }

    to { -webkit-transform: translateY(0); opacity: 1; }

}

@keyframes fadedown {

    from { transform: translateY(-100%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }

}


.index-logo img{height: 40px; margin-top: 5px;}

.logo .img2{display: none;}

.scroll .logo .img1{ display: none;}

.scroll .logo .img2{ display: block;}

.scroll .index-nav a:link,.scroll .index-nav a:visited { color: #333333;}

.scroll .index-nav a:active,.scroll .index-nav a:hover { color: #333333;   opacity: 1;} 


.scroll .index-header-right .tel{color: #333333;}
.scroll .index-header-right .tel{background: url(../images/tel-on.png) no-repeat center left;}



.menu-handler{  height: 54px; display:none; cursor: pointer;}

.menu-handler span { position: relative; display: block; margin: 25.5px auto 0; width: 28px; height: 3px; background-color: #333333;  -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}

.menu-handler span:after,

.menu-handler span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 3px; left: 0;

 background-color: #333333; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}

.menu-handler span:before {top: -9px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}

.menu-handler span:after {bottom: -9px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;

transition-property: bottom,transform;}

.menu-handler.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}

.menu-handler.active span:after,.menu-handler.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}

.menu-handler.active span:before {top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}

.menu-handler.active span:after {bottom: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}

.menuBox a:link, .menuBox a:visited { color: #333333;}

.menuBox a:active,.menuBox a:hover { color: #333333;}   

.menuBox { background-color: #f7f7f7; color: #333333; position: fixed; display: none; right: 0px; top: 0px;  height: 100%; height:100vh; overflow-x:hidden;  overflow-y:auto;-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%); -webkit-overflow-scrolling:touch; width: 400px; z-index: 980;  -webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94); -moz-transition:all .5s cubic-bezier(.25,.46,.45,.94);-ms-transition:all .5s cubic-bezier(.25,.46,.45,.94); -o-transition:all .5s cubic-bezier(.25,.46,.45,.94);transition:all .5s cubic-bezier(.25,.46,.45,.94); }

.menuMoblie{ padding:60px 0px 80px;}

.menuMoblie .nav-link { display: block; font-size: 18px; padding: 10px 22px 10px 80px; position: relative;}

.menuMoblie .cur{ border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; background-color: #e8e8e8;}

.menuMoblie .cur .nav-link{ color: #154a9e;}

.menuMoblie .subnav { padding-bottom: 12px; display: none;}

.menuMoblie .subnav a { position: relative; display: block; padding: 6px 22px 6px 80px; line-height: 1.4; color: #333333; font-size: 15px;}

.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.4); z-index: 900; visibility:hidden; filter:alpha(Opacity=0);opacity:0;-webkit-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -moz-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -ms-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -o-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;}

.menuOpen .pusher-black { visibility:visible;filter:alpha(enabled=false); opacity:1;}

.menuOpen .menuBox { -moz-transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0);  transform:translateX(0) }


/* Slider */

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-loading .slick-list { background: #fff url(../images/loader.gif) center center no-repeat; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }

.slick-dots { position: absolute; bottom: 4%; list-style: none; display: block;  padding: 0px; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }

@-webkit-keyframes scaleUpDown {

    from { -webkit-transform: scale(1.08); transform: scale(1.08); }

    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

}

@keyframes scaleUpDown {

    from { -webkit-transform: scale(1.08); transform: scale(1.08); }

    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }

}



/*main style end*/

/*index style*/

.align-vertical { height: 100%; width: 100%; position: relative; display: table; }

.vertical-inner { display: table-cell; vertical-align: middle; }

.transXT50 { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 0.6s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0.6s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }

.transYT20 { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; visibility: hidden; transition: transform 0.6s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0.6s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }

.transYT50 { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 0.6s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0.6s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }

.transXT100 { transform: translateX(-100%); -webkit-transform: translateX(-100%); opacity: 0; visibility: hidden; transition: transform 0.6s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0.6s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }

.action.transYT50,.action.transYT20{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }

.action.transXT50 ,.action.transXT100 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }

.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }

.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }

.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }

.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }

.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }

.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }

.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }

.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }

.dly_9 { transition-delay: 900ms; -webkit-transition-delay: 900ms; }

.dly_10 { transition-delay: 1000ms; -webkit-transition-delay: 1000ms; }

.dly_11 { transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }

.banner a:link, .banner a:visited { color: #fff; }

.banner a:active, .banner a:hover { color: #fff; }

.banner { position: relative; overflow: hidden; width: 100%; height: 100vh; background-color: #efefef; }
/*.banner::after{position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%;
 background: -moz-linear-gradient(top, rgba(0,0,0,0.9), rgba(0,0,0,0)); 

background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.9)); 

background: -webkit-gradient(linear, 0% 40%, 0% 100%, rgba(0,0,0,0), rgba(0,0,0,0.8)); z-index: 0;}*/
.banner .img{ position: absolute; left: 0px; top: 0px; bottom: 0; right: 0; height: 100%; overflow: hidden;}

.banner .pimg { width: 100%; display: block; position: absolute; overflow: hidden;}

.banner .bimg{ display: none; width: 100%; position: relative;}

.banner .item { position: relative; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat;}

.banner .yy{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/yy.png) repeat-x scroll left bottom;

background: -moz-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0)); 

background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.6)); 

background: -webkit-gradient(linear, 0% 40%, 0% 100%, rgba(0,0,0,0), rgba(0,0,0,0.6));  }

.banner .binbox { position: absolute; width: 1400px; overflow: hidden; left: 50%; margin-left: -700px; top: 0; height: 100%; display: table; color: #fff;}

.banner .binbox .by{ font-size: 60px ; line-height: 1.2;margin-top: 23px ;letter-spacing: 3px;}

.banner .binbox .zh{ font-size: 46px; font-weight: lighter; line-height: 1.5; ;}

.banner .binbox .en{ font-size: 16px; font-family: "PF Din Light"; line-height: 1.2; text-transform: uppercase; margin-top: 30px;}

/*.banner .binbox .line{ width: 2px; height: 42px; display: block; margin: 20px 0; background-color: #fff;}*/

.banner .binbox a{width: 180px; height: 50px; line-height: 50px; margin-top:100px; background: #ffffff; text-align: center; display: block; color: #141418;}

.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }

.banner .slick-active .bimg { visibility: visible !important; -webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }

.banner .slick-dots{ bottom: 20px; z-index: 104;}

.banner .slick-dots li{ position: relative; display: inline-block; margin: 0px 10px; width: 28px; padding: 0px; cursor: pointer;}

.banner .slick-dots li a{position: relative; height: 8px; width: 100%; width: 8px; border-radius: 50%; text-indent: -10em; display: block; font-size: 0; padding: 0px; cursor: pointer;  background-color: #fff;  opacity: .5;}



.banner .slick-dots li.slick-active a { opacity: 1;}
.banner .slick-dots li.slick-active a::after{position: absolute; content: "";  width: 20px; height: 20px; border: 1px solid #ffffff; border-radius: 50%; left: 50%; top: 50%; margin-top: -11px; margin-left: -11px;}

@-webkit-keyframes decreaseHeight {

	from { width:0%;} 

	to {width:100%;}

}

@keyframes decreaseHeight {

	from { width:0%;} 

	to {width:100%;}

}

@-ms-keyframes decreaseHeight {

	from { width:0%;} 

	to {width:100%;}

}

@-o-keyframes decreaseHeight {

	from { width:0%;} 

	to {width:100%;}

}



.ibox-inner{ width: 90%; margin: 0px auto; max-width: 1600px;}

.home-concept-inner {
 width:100%;
 height:100%
}

.l-inner {
 padding:0 8vw; box-sizing: border-box;
}
.l-inner,
.l-inner-narrow {
 position:relative;
 height:100%;
 margin:0 auto
}

.l-inner2{padding: 0 12vw; box-sizing: border-box; width: 100%;}

.home-concept-body {
 display:flex;
 flex-wrap:nowrap;
 justify-content:space-between;
 align-items:center;
 align-content:center
}
.home-concept-txts {
 width:50%;
 padding:0 15vw 0 0
}

.home-concept{position: relative; background: url(../images/ab-bg1.jpg) no-repeat center bottom; background-size: cover;  padding: 8vw 0;}
.home-concept-txts{padding-bottom: 3vw;}
.home-concept-txts .bigtitle{ line-height: 1; }
.home-concept-txts .bigtitle h2{font-size: 165px; color: #e8e8ea; position: absolute;font-family:"2EIN" ; left: 4vw; top: 0; z-index: -5;}
.home-concept-txts h3{color: #000000; font-size: 42px; margin: 5vw 0; font-family: "bPIN";  position: relative; z-index: 9;}
.home-concept-txts p{color: #333333; font-size: 15px; line-height: 38px;}
.home-concept-txts .read-more{color: #000000; font-size: 16px; padding: 7vw 0 2vw;}
.home-concept-txts .read-more a{position: relative; color: #000000; font-family: arial; display: block; height: 3vw; line-height: 3vw;  transition: all 0.6s;}

.home-concept-imgs {position:relative; width:calc(50% - 200px); height:auto }
.home-concept-imgs .img-s{position: absolute; top:25%; left:-25%; z-index: 1; width: 50%;}
.home-concept-imgs .img-s img{display: block; width: 100%;}
.home-concept-imgs .img-l img{display: block; width: 100%; }

.home-case{background: #1a1a1a;  position:relative;
 width:100%;
 padding:0 0 6vw; overflow: hidden;}
.home-title{padding: 4vw 0; position: relative; z-index: 1;}
.home-title h3{color: #ffffff; font-size: 90px; font-family:"EIN" ;}
.home-title h3 span{font-size: 18px; margin-left: 1vw;}
.home-case .case-background {
 position:absolute;
	z-index: 0;
 left:0;
 width:calc(36.66667vw - 93.5px);
 height:calc(65% + 224px);
 top: 12vw;
}
.home-case .case-background .gl-item {
 position:relative;
 width:100%;
 height:100%
}
.home-case .case-background .image {
 display:block;
 width:100%;
 height:100%;

}

.home-case-wrap{position: relative; z-index: 1;  display:flex;
 flex-wrap:nowrap;
 justify-content:flex-start;
 align-items:center;
 align-content:center;
 width:auto; padding-left: 6vw; box-sizing: border-box;}

.home-case-wrap .swiper-container{padding-bottom: 2vw;}
.home-case-wrap ul li{ width: 30%;}
.home-case-wrap ul li .img{display: block; position: relative;}
.home-case-wrap ul li .img em{display: block; width: 100%; position: relative; overflow: hidden;}
.home-case-wrap ul li .img em img{display: block; width: 100%; height: 100%; object-fit: cover; width: 100%;
display: block;
-webkit-transition: .6s cubic-bezier(0.25,1,0.5,1);
transition: .6s cubic-bezier(0.25,1,0.5,1);}
.home-case-wrap ul li .img em.hover{display: none;}
.home-case-wrap ul li .text{padding: 1.8vw 0;}
.home-case-wrap ul li .text .date{padding: 0 0 .5vw; color: #666666; font-size: 16px;}
.home-case-wrap ul li .text .t1{color: #ffffff; font-size: 20px;}
/*.home-case-wrap ul li:hover .img em.hover{display: block;}
.home-case-wrap ul li:hover .img em.show{display: none;}*/

.home-case-wrap .swiper-scrollbar{background: rgba(255,255,255,.2); }
.home-case-wrap .swiper-scrollbar-drag{background: rgba(255,255,255,1); height: 2px;}
.home-case-wrap .swiper-container-horizontal > .swiper-scrollbar{height: 1px; opacity: 1 !important; left: 0;}
.home-case-wrap ul li .img em:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.home-case-wrap ul li .item_content {
 left:2vw;
 bottom:3vw;
 z-index:2;
 opacity:0;
 -webkit-filter:blur(50px);
 filter:blur(50px);
 position:absolute;
 display:inline-block;
 background-color:#fff;
 padding:25px 35px 22px 35px;
 -webkit-transition:.6s cubic-bezier(0.25,1,0.5,1);
 transition:.6s cubic-bezier(0.25,1,0.5,1);
 width: 60%; box-sizing: border-box;
 display: none;
}
.home-case-wrap ul li:hover .item_content {
 opacity:1;
 -webkit-filter:blur(0);
 filter:blur(0)
}
.home-case-wrap ul li .item_title {
 color:#000;
 display:block;
 line-height:1;
 font-size:18px;
 font-weight:400;
 margin-bottom:7px
}
.home-case-wrap ul li .item_categories {
 display:block;
 line-height:1;
 color:#626161;
 font-size:14px;
 text-transform: uppercase; margin-top: 20px;
}

.home-fuwu{position: relative; margin-top: 5vw; margin-bottom: -2px;}
.home-fuwu .img{width: calc(100% - 20%);}
.home-fuwu .img img{display: block; width: 100%;}
.home-fuwu .box{background: #f0f0f0; width: 50%; position: absolute; right: 0; bottom: 0; padding: 4vw 6vw 4vw 4vw; box-sizing: border-box;}
.home-fuwu .box .title{padding-bottom: 3vw;}
.home-fuwu .box .title .t1{color: #666666; font-size: 30px; margin-bottom: 10px;}
.home-fuwu .box .title .t2{color: #666666; font-size: 20px;font-family: "EIN2"; text-transform: uppercase}
.home-fuwu .box .title .t3{color: #000000; font-size: 48px; margin-top: 3vw;}
.home-fuwu-list {padding-bottom: 1vw; padding-top: 1vw;}
.home-fuwu-list .item{width: 33%; height: 10vw; text-align: center; position: relative; z-index: 1;}
.home-fuwu-list .item h2{color: #01040f;
-webkit-text-stroke: 1.5px #000000;
-webkit-text-fill-color: transparent; font-size: 70px; font-family: "EIN2"; line-height: 1; margin-left: -7px; padding-top: 1vw;}
.home-fuwu-list .item h3{color: #1b1b1b; font-size: 22px; }
.home-fuwu-list .item p{color: #1b1b1b; font-size: 14px;display: none; transition: all 0.6s; margin-top: 10px;}
.home-fuwu-list .item:hover p{display: block;}
.home-fuwu-list .item::after{position: absolute ; content: ""; left: -2vw; top: -1vw; z-index: -1; padding: 2vw; width: 100%; transform: scale(0); height: 100%; background: #ffffff;
box-shadow:0 0 10px 0 rgba(0,0,0,.1);}
.home-fuwu-list .item:hover::after{transform: scale(1);transition: all 0.6s;}

.home-news{background: #1a1a1a;  position:relative;
 width:100%;
 padding:2vw 0 6vw; overflow: hidden; margin-bottom: -2px;}

.home-news-box .tab{width: 15%; padding-left: 3vw; margin-top: 2vw;}
.home-news-box .tab li{color: #ffffff; font-size: 16px; margin-bottom: 4vw; cursor: pointer;}
.home-news-box .tab li a{color: #ffffff;}
.home-news-box .tab li.on span{border-bottom: 2px solid #ffffff;}
.home-news-box .list{width: 85%; display: none;}
.home-news-box .list li{padding: 3vw 0 3VW; border-bottom:  1PX solid #3a3a3a;}
.home-news-box .list li .date{color: #666666; font-size: 16px; font-family: "EIN"; margin-bottom:.7VW;}
.home-news-box .list li h2{color: #FFFFFF; font-size: 28px;  margin-bottom: 2VW; font-family: "LPIN";}
.home-news-box .list li P{color: #FFFFFF; font-size: 14px;   font-family: "LPIN"}
.home-news-box .list li:first-of-type{ border-top:  1PX solid #3a3a3a;}
.home-news-box .list.show{display: block;}

.home-footer{background: #1e1e1e;}
.home-footer .fttop{padding: 3.5vw 0 4vw;}
.home-footer .fttop .logo img{height: 40px;}
.form-box{width: 70%;}
.form-box input[type=text]{  width: 85%; padding-bottom: 15px;  background: none;  font-size: 14px;  color: rgba(255,255,255,0.6); border: none; border-bottom: 1px solid #474747; box-sizing: border-box; transition: all .3s;  }
.form-box input[type=submit]{cursor: pointer;  width: 10%; padding-bottom: 15px;   background: none;  font-size: 14px;  color:  rgba(255,255,255,0.6); border: none; border-bottom: 1px solid #474747; box-sizing: border-box; transition: all .3s;  }
.form-box input::-webkit-input-placeholder,
.form-box input[type=submit]::-webkit-input-placeholder {
	color: rgba(255,255,255,0.6)!important;
	letter-spacing: 1px;
}

.ftbottom{background: #ffffff; margin-left: 15vw; box-sizing: border-box;}
.ftbottom .l-inner{padding: 0 8vw 0 0;}
.ftbottom .text{padding:3vw 0 1vw 4vw; box-sizing: border-box; align-items: inherit; }
.ftbottom .text h2{color: #000000; font-size: 15px; font-weight: bold;margin-bottom: 1vw; }
.ftbottom .item{width: 30%;}
.ftbottom .item .list{flex-wrap: wrap;}
.ftbottom .item .list li{width: 32%; margin-bottom: 10px;}
.ftbottom .item2{ margin-left: 5vw;}
.ftbottom .item2 em{display:inline-block; margin-right: 10px;}
.ftbottom .item2 P{margin-bottom: 10PX;}

.ftbottom .Copyright{padding:1vw 8vw 1vw 4vw; box-sizing: border-box; border-top: 1px solid #d8d8d8;}
.ftbottom .Copyright a{color: #000000;}


/*内页*/
.nybanner{
	background: #000;
	height: 650px;
	color: #fff;
	position: relative;
	overflow: hidden;
	z-index: 9;
}
.bannerbg{
	background-color: #000;
	background: url(../images/news-ban.jpg.jpg) no-repeat center/cover; 
	position: absolute;
	left: 0; right: 0; top: 0; bottom: 0;
	animation: pic_m 3s ease;
	-webkit-animation: pic_m 3s ease;
}
@keyframes pic_m {
  0% {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
  }
}




.nybanner .yy{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/yy.png) repeat-x scroll left bottom;

background: -moz-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0)); 

background: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.6)); 

background: -webkit-gradient(linear, 0% 40%, 0% 100%, rgba(0,0,0,0), rgba(0,0,0,0.6));  }


.nybanner .text-box{text-align: left;  position: absolute;  left: 0;  top: 40.79%;  width: 100%;  }
.nybanner .text-box .cn{     color: #fff ;font-size: 46px;line-height: 1; font-family: "LPIN"; }
.nybanner .text-box .en{  font-size: 68px; line-height: 1;   color: #fff;  font-family: "EIN2";  margin-top: 3vw; text-transform: uppercase;}


.main-wrapper .home-case-wrap{padding: 0;}
.main-wrapper ul{width: 100%; flex-wrap: wrap; margin-top: 2vw; padding-bottom: 3vw;}
.main-wrapper ul li{width: 32%; margin-left: 2%; margin-top: 1vw;}
.main-wrapper ul li:nth-child(3n+1){margin-left: 0;}
.main-wrapper .home-case-wrap ul li .text .t1{color: #333333;}
.main-wrapper ul li .text{ text-align: center; padding: 1.2vw 0;}

.nybanner-text{position: absolute; bottom: 0; width: 100%;}
.nybanner-text .list{background:#ffffff; height: 90px; line-height: 90px; width: 100%; padding: 0 2vw; box-sizing: border-box;}
.nybanner-text .list li{font-size: 18px; padding: 0 3vw; box-sizing: border-box;}
.nybanner-text .list li a{color: #333333; position: relative;}
.nybanner-text .list li a::after{position: absolute; content: ""; left: 0; top: 50%; margin-top: -1px; height: 2px; width: 0; background: #333333;}
.nybanner-text .list li.on a::after{position: absolute; content: ""; left: 0; top: 50%; margin-top: -1px; height: 2px; width: 100%; background: #333333;}
.nybanner-text .list li a:hover::after{width: 100%; transition: all 0.6s;}


.pageabout .ab-sec1{background: url(../images/pa2.jpg) no-repeat; padding-bottom: 4vw; background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
position: relative;}
.pageabout .bigtitle{padding: 5vw 0 4vw; text-align: center;}
.pageabout .bigtitle h2{font-size: 136px; color: #ebebeb; font-family:"EIN2" ;}
.pageabout .bigtitle h3{font-size: 40px; color: #3333333;}
.pageabout .box{padding: 0 4vw; box-sizing: border-box;}
.pageabout .info p{line-height: 45px; margin-top: 1vw;}
.pageabout .num-box{text-align: center; margin: 5vw 0 5vw;}
.pageabout .num-box .item{width: 25%;}
.pageabout .num-box .num{  font-size: 64px;    font-family: 'EIN2'; font-weight: normal; color: #333333;  }
.pageabout .num-box .num i{color: #666666; font-size: 16PX; display: inline-block; margin-left: 10px;}
.pageabout .num-box .year{  font-size: 16PX;   color: #666666;  display: block;  }


.pageabout-img{background: url(../images/aboutbg.jpg) no-repeat center center; padding: 10vw 0; box-sizing: border-box; background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
position: relative;}
.pageabout .ab-sec2 .img{position: relative;}
.pageabout .ab-sec2 .img img{display: block; margin: 0 auto;}
.pageabout .ab-sec2{background: url(../images/nyab-bg1.jpg) no-repeat center center; background-size: cover; padding: 6vw 0 18rem; background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
position: relative;}
.pageabout .ab-sec2 .wz { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.table { display: table; table-layout: fixed; text-align: center; width: 100%; height: 100%;}
.table_cell { display: table-cell; vertical-align: middle;}
.pageabout .ab-sec2 .wz img{display: block; margin: 0 auto 2vw; height: 45px; }
.pageabout .ab-sec2 .wz h3{font-size: 36px; color: #ffffff; margin-bottom: 10px;}
.pageabout .ab-sec2 .wz p{font-size: 18px; color: #ffffff; font-family:"EIN" ; text-transform: uppercase; margin-top: 25px;}

.pageabout .ab-sec2 .con { position: absolute; white-space: nowrap; font-size: 1.125rem; color: #656565;  }
.pageabout .ab-sec2 .con01 { right: 83.5%; top: 8rem; padding-right: 12rem;}
.pageabout .ab-sec2 .con02 { left: 83.5%; top: 8rem; padding-left: 12rem;}
.pageabout .ab-sec2 .con03 { right: 83.5%; bottom: 11rem; padding-right: 12rem;}
.pageabout .ab-sec2 .con04 { left: 83.5%; bottom: 11rem; padding-left: 12rem; }
.pageabout .ab-sec2 .con05 { left: 50%; bottom: -12.2rem; padding-top: 12rem; transform: translateX(-50%);}

.pageabout .ab-sec2 .con05.target.action { opacity: 1; transform: translateX(-50%) translateY(0); }
.n_about .fl02 .box .con::after { width: 25px; height: 25px; }

.pageabout .ab-sec2 .con01::before { content: ""; position: absolute; height:100%; top: -50%; margin-top: 20px; right: 0;   border-bottom: #d3d3d3 1px dashed; } 
.pageabout .ab-sec2 .con02::before { content: ""; position: absolute; height:100%; top: -50%; margin-top: 20px ;left: 0; border-bottom: #d3d3d3 1px dashed; }
.pageabout .ab-sec2 .con03::before { content: ""; position: absolute; height:100%; top: -50%; margin-top: 20px ;right: 0; border-bottom: #d3d3d3 1px dashed; }
.pageabout .ab-sec2 .con04::before { content: ""; position: absolute; height:100%; top: -50%; margin-top: 20px ;left: 0; border-bottom: #d3d3d3 1px dashed; }
.pageabout .ab-sec2 .con05::before { content: ""; position: absolute; width: 100% !important; height: 10rem; top: 0; left: -50%;  border-right: #d3d3d3 1px dashed;}


.ab-sec2-box{position: relative; display: inline-block;}

.pageabout .ab-sec2 .con::before{width: 10rem;}
.pageabout .ab-sec2 .con h3{color: #ffffff; font-size: 18px; margin-bottom: 10px;}
.pageabout .ab-sec2 .con p{color: #ffffff; font-size: 14px; }
.pageabout .ab-sec2 .con01 h3{text-align: right;}
.pageabout .ab-sec2 .con03 h3{text-align: right;}
.pageabout .ab-sec2 .con05{text-align: center;}
.pageabout .ab-sec2 .con::after{ width: 20px; height: 20px; content: ""; position: absolute; border: #c2c2c2 1px solid; border-radius: 50%; background: #fff;}
.pageabout .ab-sec2 .con01::after {top: 50%; margin-top: 10px; right: 0; }
.pageabout .ab-sec2 .con02::after {top: 50%; margin-top: 10px; left: 0; }
.pageabout .ab-sec2 .con03::after {top: 50%; margin-top: 10px; right: 0; }
.pageabout .ab-sec2 .con04::after {top: 50%; margin-top: 10px; left: 0; }
.pageabout .ab-sec2 .con05::after {top: 0; margin-left: -10px; }
.pageabout .ab-sec2 .l-inner{display: flex; justify-content: center;}
.ar_wap{display: none;}


.pulse {
 z-index:1;
 width:100%;
 height:100%;
 color:#fff;
 font-size:10px;
 position:relative;
 border-radius:100%;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 display:-webkit-inline-box;
 display:-ms-inline-flexbox;
 display:inline-flex;
 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;

}
.pulse:before,
.pulse:after {
 top:0;
 left:0;
 right:0;
 bottom:0;
 z-index:-1;
 content:"";
 position:absolute;
 border-radius:100%;
 background-color:#0D1313
}
.pulse:before {
 -webkit-animation:pulse 3s cubic-bezier(0.16,1,0.3,1) infinite both;
 animation:pulse 3s cubic-bezier(0.16,1,0.3,1) infinite both
}
.pulse:after {
 -webkit-animation:pulse 3s .6s cubic-bezier(0.16,1,0.3,1) infinite both;
 animation:pulse 3s .6s cubic-bezier(0.16,1,0.3,1) infinite both
}
.pulse svg {
 margin-left:3px
}
@-webkit-keyframes pulse {
 0% {
  opacity:.15;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
 100% {
  opacity:0;
  -webkit-transform:scale(1.2);
  transform:scale(1.2)
 }
}
@keyframes pulse {
 0% {
  opacity:.15;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
 100% {
  opacity:0;
  -webkit-transform:scale(1.2);
  transform:scale(1.2)
 }
}


.pageContact .map{margin: 4vw auto 2vw;}
.pageContact .map img{display: block; margin: 0 auto ; max-width: 100%;}
.addrebox{  border-bottom: 1px solid #e5e5e5; padding: 40px 0; }
.addrebox .left .t1{font-size: 18px; color: #333333;}
.addrebox .left .t2{font-size: 22px; color: #333333; margin-top: 20px; font-family: "bPIN";}
.a-map{ width:30px;}
.a-message{ width: 280px; height: 280px; border-radius: 50%; background: #333333; color: #ffffff; font-size: 24px;}
.contanttype {padding: 40px 0;}
.contanttype .left {width: 60%; flex: 1;}
.contanttype figure{margin-right: 1vw;}
.contanttype .t1{font-size: 18px; color: #666666;}
.contanttype .t2{font-size: 22px; color: #333333; margin-top: 20px; font-family: "EIN2";}

.contactgbook{ background: url(../images/contactgbookbg.png) no-repeat center left 7% #f8f8f8; padding: 3VW 0; background-size: 43% auto;  }
 .mt50{ margin-top: 1rem;}
.contactgbook .left{ width: 55%;}
.contactgbook .left .tit{ position: absolute; top: 50%; left: 50%;  z-index: 5; transform: translate(-50%,-50%);}
.contactgbook .right { width: 45%; }
.contactgbook .right .input{ height: 55px; line-height: 55px;border: none; width: 100%; padding: 0 10px;  margin :10px 0;  background: #fff;}
.contactgbook .right .textarea{   line-height: 55px; width: 100%; padding: 0 10px;  margin :10px 0; background: #fff; }
.contactgbook .right .submit{ height:60px; font-size: 18px;  width: 100%;  margin :10px 0; border-radius: 35px; background: #333333; color: #ffffff; border: none;}
.contactgbook .right .t1{font-size: 16px; color: #666666;}
.contactgbook .right .item {margin-top: 10px;}


.page-team{padding: 3vw 0 6vw;}
.page-team-wrap ul{flex-wrap: wrap;}
.page-team-wrap ul li{width: 49%; overflow: hidden; transition: all 0.6s; margin-bottom: 2vw; background: #f5f5f5; padding: 2vw; box-sizing: border-box;}
.page-team-wrap ul li .text{width: 55%; padding-right: 2vw; position: relative; padding-bottom: 4vw;}
.page-team-wrap ul li .img{width: 45%;}
.page-team-wrap ul li .img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.page-team-wrap ul li .text .t1{color: #333333; font-size: 28px; margin: 1.5vw 0;}
.page-team-wrap ul li .text .t1 span{display: inline-block; margin-left: 20px; font-size: 14px;}
.page-team-wrap ul li .text .t2{color: #666666; line-height: 38px; padding-top: 1vw; font-size: 14px;}
.page-team-wrap ul li .text .t3{position: absolute; bottom: 0; height: 4vw;}
.page-team-wrap ul li .text .t3 b{color: #333333; font-size: 20px; font-family: "EIN2";}
.page-team-wrap ul li .text .t3 img{margin-right: 10px; height: 22px;}
.page-team-wrap ul li:hover{background: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,.1); 	transform:scale(1.02);}



.DesTitle{position: absolute; bottom: 5vw; width: 100%; color: #ffffff; }
.DesTitle .en{font-size: 26px; font-family: "EIN"; color: #ffffff; margin-bottom: 1.5vw;}
.DesTitle .cn{font-size: 38px; font-family: "EIN"; color: #ffffff;}

.pageDes{padding: 2vw 0;}
.pageDes .text p{line-height: 38px; margin-bottom: 1vw;}
.pageDes .text img{display: block; margin: 1.5vw 0; width: 100%; max-width: 100%;}

.Deatilpage{padding: 3vw 0 ; margin-top: 3vw; border-top: 2px solid #d8d8d8;}
.Deatilpage .item .date{color: #888888;  margin: .8vw 0; font-size: 16px;}
.Deatilpage .item{width: 48%;}
.Deatilpage .item h3{color: #333333; font-size: 18px; }
.Deatilpage .item p{color: #888888; font-size: 16px;}
.Deatilpage .item:nth-child(2){text-align: right;}


.pageNews{background: #f5f5f5; padding: 3vw 0 6vw;}
.pageNews .home-news-box .list{width: 100%; display: block;}
.pageNews .home-news-box .list li:first-of-type{border-top: 1px solid #d8d8d8;}
.pageNews .home-news-box .list li{width: 100%; padding:3vw;box-sizing: border-box; margin-left: 0; border-bottom: 1px solid #d8d8d8;transition: all 0.6s; }
.pageNews .home-news-box .list li h2{color: #333333; font-family: "PIN"; margin-bottom: 2.5vw;}
.pageNews .home-news-box .list li P{color: #666666;font-family: "PIN"}
.pageNews .home-news-box .list li .date{width: 11%; color: #333333; padding-right: 2vw; font-size: 22px;}
.pageNews .home-news-box .list li .text{width: 65%; flex: 1; padding: 0 2vw; box-sizing: border-box;}
.pageNews .home-news-box .list li .img{width: 27%; }
.pageNews .home-news-box .list li .img img{display: block; width: 100%; height: 100%; object-fit: cover;}
.pageNews .home-news-box .list li:hover{background: #ffffff; box-sizing: border-box;}


/*分页样式*/
.pglist {padding: 4vw 0 4vw;width: 100%;text-align: center;clear: both;}
.pglist a {color: #333;width: 40px; height: 40px line-height: 40px;  border-radius:50% ;margin: 0 6px; border: 1px solid #e0e0e0;}
.pglist a.close {background: #f2f2f2 !important;}
.pglist * {display: inline-block;vertical-align: middle;line-height: 40px;padding-bottom: 1px;}
.pglist a:hover,.pglist .hover {display: inline-block;color: #fff;background: #2d2d2d; border: 1px solid #2d2d2d}
.position-relative{ position: relative;}
.pglist input{border: 1px solid #e0e0e0;margin: 0 6px; width: 40px;  text-align: center; color: #c5261d;}
.pglist  button{ color: #0066cc; border: 1px solid #2d2d2d; padding: 0 22px;margin: 0 6px;background: none;}
.pglist  button:hover{ color: #fff; background: #2d2d2d; border: 1px solid #2d2d2d;}
.pglist .page{width: auto; padding: 0 20px;  border-radius: 35px;}


 .cnosbots {
			  position: absolute;
			  left: 0;
			  transform: translate(-50%, 0);
			  background: #fff;
			  border-radius: 5px;
			  top: 75px;
			  background: #f2f6f9;
			  padding:10px;
			    transform: scale(0,0); transition: all .3s;
			 
			  /* transition: .5s ease-in-out; */
			}
			.language img{height: 20px; margin-right: 5px; vertical-align: middle;}
				.language{line-height: 80px; width: 4%;
			margin-left: 1%; margin-right: 1%;
			position: relative;}
			.language:hover .cnosbots{   transform: scale(1,1); left: 0;}
			  .cnosbots:before {
			  width: 10px;
			  content: "";
			  position: absolute;
			  height: 6px;
			  top: -6px;
			  left: 0;
			  right: 0;
			  margin: auto;
			  background: url(../images/i15.png) no-repeat center;
			  background-size: 100%;
			}
			
			 .langs-bots .li {
			  font-size: 16px;
			  line-height: 30px;
			  height: 30px;
			  color: #333333;
			  padding:0 10px;
			  display: block;
			  transition: .5s ease-in-out;
			}
			 .langs-bots .li:nth-child(n+2) {
			  border-top: 1px solid #eeeeee;
			}
			 .langs-bots .li:hover,  .langs-bots .li.active {
			  color:#75ba2b;
			 
			  transition: .5s ease-in-out;
			}