@font-face {
font-family: 'titlename'; 
src: url('../fonts/FZKTJW.eot'); /* IE9 Compat Modes */ 
src: url('../fonts/FZKTJW.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
     url('../fonts/FZKTJW.woff') format('woff'), /* Modern Browsers */ 
     url('../fonts/FZKTJW.ttf') format('truetype'), /* Safari, Android, iOS */ 
	 url('../fonts/FZKTJW.svg#FZKTJW') format('svg'); /* Legacy iOS */
	 font-weight:normal;
	 font-style:normal;
	 
}

@font-face {
	font-family:'QUIS';
	src: url('../fonts/QUIS.eot'); 
	src: url('../fonts/QUIS.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/QUIS.woff') format('woff'),
		 url('../fonts/QUIS.ttf')  format('truetype'),
		 url('../fonts/QUIS.svg#QUIS') format('svg');
}
@font-face {
	font-family:'FZCH';
	src: url('../fonts/FZCH.eot'); 
	src: url('../fonts/FZCH.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/FZCH.woff') format('woff'),
		 url('../fonts/FZCH.ttf') format('truetype'),
	     url('../fonts/FZCH.svg#FZCH') format('svg');
}
@font-face {
	font-family:'FZLB';
	src: url('../fonts/FZLB.eot'); 
	src: url('../fonts/FZLB.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/FZLB.woff') format('woff'),
		 url('../fonts/FZLB.ttf')  format('truetype'),
		 url('../fonts/FZLB.svg#FZLB') format('svg');
}

@-webkit-keyframes gupIn{
	from{opacity:0; -webkit-transform:translate3d(0,-30px,0);}
}
@-moz-keyframes gupIn{
	from{opacity:0; -moz-transform:translate3d(0,-30px,0);}
}
@keyframes gupIn{
	from{opacity:0; transform:translate3d(0,-30px,0);}
}


@-webkit-keyframes gdownIn{
	from{opacity:0; -webkit-transform:translate3d(0,30px,0);}
}
@-moz-keyframes gdownIn{
	from{opacity:0; -moz-transform:translate3d(0,30px,0);}
}
@keyframes gdownIn{
	from{opacity:0; transform:translate3d(0,30px,0);}
}


@-webkit-keyframes gleftIn{
	0%{opacity:0; -webkit-transform:translate3d(-30px,0,0);}
	100%{opacity:1; -webkit-transform:translate3d(0,0,0);}
}
@-moz-keyframes gleftIn{
	0%{opacity:0; -moz-transform:translate3d(-30px,0,0);}
	100%{opacity:1; -moz-transform:translate3d(0,0,0);}
}
@keyframes gleftIn{
	0%{opacity:0; transform:translate3d(-30px,0,0);}
	100%{opacity:1; transform:translate3d(0,0,0);}
}


@-webkit-keyframes grightIn{
	0%{opacity:0; -webkit-transform:translate3d(80px,0,0);}
	100%{opacity:1; -webkit-transform:translate3d(0,0,0);}
}
@-moz-keyframes grightIn{
	0%{opacity:0; -moz-transform:translate3d(80px,0,0);}
	100%{opacity:1; -moz-transform:translate3d(0,0,0);}
}
@keyframes grightIn{
	0%{opacity:0; transform:translate3d(80px,0,0);}
	100%{opacity:1; transform:translate3d(0,0,0);}
}


@-webkit-keyframes gfadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes gfadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes gfadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}


@-webkit-keyframes gfadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}
@-moz-keyframes gfadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}
@keyframes gfadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}
@-webkit-keyframes gdownIn{
	from{opacity:0; -webkit-transform:translate3d(0,30px,0);}
}
@-moz-keyframes gdownIn{
	from{opacity:0; -moz-transform:translate3d(0,30px,0);}
}
@keyframes gdownIn{
	from{opacity:0; transform:translate3d(0,30px,0);}
}

html, body, figure, dl, dd, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, button, input, textarea, a, span, em { margin: 0; padding: 0; border: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-tap-highlight-color: transparent; list-style: none; }
body { font-family: 'Microsoft Yahei'; font-size:12px; overflow-x: hidden; overflow-y: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; }
input, textarea, button { padding: 0; font-family: Verdana, Arial; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
.ft11 { font-size:11px}
.ft12 { font-size:12px}
.ft14 { font-size:14px}
.ft16 { font-size:16px}
.ft18 { font-size:18px}
.ft20 { font-size:20px;}
.ft22 { font-size:22px;}
.ft24 { font-size:24px;}
.ft26 { font-size:26px;}
.ft30 { font-size:30px;}

.w1200 { width:1200px; margin:0px auto}
.marr20 { margin-right:28px}
.marl10 { margin-left:10px}
.marr70 { margin-right:70px}

.bg_hui { background: #f6f6f6; }
.hui_6 { color:#666}

img { border: 0; }
input[type=submit], input[type=text], button { appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; cursor: pointer; }
input:focus, textarea:focus, button:focus, input:active { outline-color: transparent; border: 0; }
input, select, textarea { vertical-align: middle; outline: none; -webkit-tap-highlight-color: transparent; }
a { color: #333; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; cursor: pointer; }
a:active { text-decoration: none; }
.red { color:#c70000;}
.white { color:#fff;}
.hidden { display: none; visibility: hidden; }
.wrap { border: 0; padding: 0; margin: 0 auto; *zoom:1;}
.wrap:after { clear: both; content: ""; display: table; }
.clear { clear: both; font-size: 0; line-height: 0; height: 0; visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.wrap { padding: 0 100px; margin: 0 auto; position: relative; }
@media (max-width:991px) {
.wrap { padding: 0 4.5%; }
.mc-hidden { display: none }
}
@media (min-width:990px) {
.lg-hidden1 { display: none }
}
@media (max-width:767px) {
.sm-hidden { display: none; }
}
@media (min-width:768px) {
.lg-hidden { display: none; }
}
.wrap:after, .wrap:before, .container:after, .container:before { content: ""; display: table; }
.wrap:after, .container:after { clear: both; }
.container { width: 80%; margin: 0 auto; }
@media (min-width:1200px) {
.container { width: 1200px; }
}
@media (min-width:1450px) {
.container { width: 1330px; }
}
@media (min-width:1530px) {
.container { width: 1530px; }
}
@media (min-width:1450px) {
.ourwork-page .container { width: 88%; }
}
@media (max-width:991px) {
.container { width: 91%; }
}


.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.absolute { position: absolute; }
.pors { position: relative; }
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.hide { opacity: 0; }
.en { font-family: 'gotham-medium'; }
nav li, .index-banner li, .item-list li, .inner-tab li { list-style-type: none; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #6f6f6f;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #6f6f6f;
}
/*header*/
header { z-index: 99; position: absolute; top: 30px; left: 0; width: 100%; transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s; -webkit-transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s; -moz-transition: all .55s cubic-bezier(0.55, 0.75, 0.6, 1) 0s; }
header.active { transform: translateY(-130%); -webkit-transform: translateY(-130%); -moz-transform: translateY(-130%); }
@media (max-width:991px) {
header { display: none; }
}

.logo{ float: left; padding-left: 3%; height: 50px; }
.topMenu{ float: right; margin-right:3%; font-size: 0;}
.topMenu nav { float: left; }
.topMenu a{ display: inline-block; width: auto; padding-left: 40px; line-height: 50px; vertical-align: top; font-size: 16px; color: #fff; }
.topMenu a i{ display: inline-block; vertical-align: middle; margin:-1px 5px 0 0; width: 0px; height: 1px; background-color: #fff;
    transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;
	-webkit-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;
	-moz-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s;
}
.topMenu a.on i,.topMenu a:hover i{ width: 15px; }
.topMenu a:hover,.topMenu a.on { font-weight:bold}
.header-phone-number { font: normal 20px/50px Arial, Helvetica, sans-serif; font-weight:bold; color: #fff; float: left; margin-left: 50px; background:url(../images/tel.png) no-repeat left center; padding-left:30px; }
@media (max-width:1175px) {
.header-phone-number { display: none; }
}

/*total-nav*/
.navBar { z-index: 999; position: fixed; left: 0; top: 50%; width: 95px; height: 200px; margin-top: -100px; background-color: #222; cursor: pointer; overflow: hidden; transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; border-bottom:#eee 1px solid}
.navBar.visble { transform: translateX(-95px); -webkit-transform: translateX(-95px); -moz-transform: translateX(-95px); }
.navBar.show { background-color: #c70000; }
.navBar.show.black { transform: translateX(-95px); -webkit-transform: translateX(-95px); -moz-transform: translateX(-95px); }
.navBar.Bom { top: 70%; background-color: #fff; }
.navBar .bar-logo { position: absolute; right: 25px; top: 28px; width: 44px; height: 44px }
.navBar .bar-logo img:last-child { display: none }
.navBar .bar-menu { position: absolute; bottom: 0; right: 0; width: 95px; height: 95px; cursor: pointer; }
.navBar .bar-menu i, .fixed-menu .close-bar i { position: absolute; left: 37px; display: block; width: 22px; height: 2px; overflow: hidden; }
.fixed-menu .close-bar i { width: 35px; }
.navBar .bar-menu i.bar-left, .navBar .bar-menu i.bar-right { background: transparent; }
.navBar .bar-menu i.bar-top { bottom: 56px; }
.navBar .bar-menu i.bar-cen { bottom: 49px; }
.navBar .bar-menu i.bar-bom { bottom: 42px; width: 12px; }
.navBar .bar-menu i.bar-left, .fixed-menu .close-bar i.bar-left { bottom: 49px; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.navBar .bar-menu i.bar-right, .fixed-menu .close-bar i.bar-right { bottom: 49px; -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg); }
.navBar .bar-menu i span, .fixed-menu .close-bar i span { display: block; width: 100%; height: 100%; background: #FFF; transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; transform-origin: center right; transform: scaleX(0); }
.navBar .bar-menu i.bar-left span, .navBar .bar-menu i.bar-right span, .fixed-menu.active .close-bar span { transform: scaleX(1); }
.navBar.show .bar-menu i.bar-top span, .navBar.show .bar-menu i.bar-cen span, .navBar.show .bar-menu i.bar-bom span { transform: scaleX(1); }
.navBar.show .bar-menu i.bar-left span, .navBar.show .bar-menu i.bar-right span { transform: scaleX(0); }
.body-bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: -2; visibility: hidden; opacity: 0; background-color: rgba(0,0,0,0.4);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000, endColorstr=#4c000000);
transition: all 0.4s cubic-bezier(0.63, 0.1, 0.08, 1.01) 0s; -webkit-transition: all 0.4s cubic-bezier(0.63, 0.1, 0.08, 1.01) 0s; -moz-transition: all 0.4s cubic-bezier(0.63, 0.1, 0.08, 1.01) 0s; }
.body-bg.active { visibility: visible; opacity: 1; z-index: 997; }
.fixed-menu { position: fixed; left: 0; top: 0; height: 100%; z-index: 998; transform: translateX(-560px); -webkit-transform: translateX(-560px); -moz-transform: translateX(-560px); transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s; -webkit-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s; -moz-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s; }
.fixed-menu.active { transform: matrix(1, 0, 0, 1, 0, 0); transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s; -webkit-transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s; -moz-transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s; }
.fixed-menu.on { transform: translateX(-550px); -webkit-transform: translateX(-550px); -moz-transform: translateX(-550px); }
.fixed-menu .close-bar { display: none; }
.fixed-menu .sub-menu-phone { position: absolute; left: 0; top: 0; width: 560px; height: 100%; background-color: #222; padding: 120px 30px 0 30px; box-sizing: border-box; -moz-box-sizing: border-box; transition: all .5s cubic-bezier(0.66, 0.53, 0.65, 1) .1s; -webkit-transition: all .5s cubic-bezier(0.66, 0.53, 0.65, 1) .1s; -moz-transition: all .5s cubic-bezier(0.66, 0.53, 0.65, 1) .1s; }
.fixed-menu .sub-menu-phone ul { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); }
.fixed-menu .sub-menu-phone ul li { display: table; width: 100%; position: relative; }
.fixed-menu .sub-menu-phone ul li a { float: right; overflow: hidden; display: block; width: 330px; height: 56px; line-height: 55px; position: relative; opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); transition: all 0s ease-in-out 0.3s; -webkit-transition: all 0s ease-in-out 0.3s; -moz-transition: all 0s ease-in-out 0.3s }
.fixed-menu .sub-menu-phone ul li:nth-of-type(1) a { transition: all 0.3s ease-in-out 0.8s; -webkit-transition: all 0.3s ease-in-out 0.8s; -moz-transition: all 0.3s ease-in-out 0.8s; }
.fixed-menu .sub-menu-phone ul li:nth-of-type(2) a { transition: all 0.3s ease-in-out 0.9s; -webkit-transition: all 0.3s ease-in-out 0.9s; -moz-transition: all 0.3s ease-in-out 0.9s; }
.fixed-menu .sub-menu-phone ul li:nth-of-type(3) a { transition: all 0.3s ease-in-out 1s; -webkit-transition: all 0.3s ease-in-out 1s; -moz-transition: all 0.3s ease-in-out 1s; }
.fixed-menu .sub-menu-phone ul li:nth-of-type(4) a { transition: all 0.3s ease-in-out 1.1s; -webkit-transition: all 0.3s ease-in-out 1.1s; -moz-transition: all 0.3s ease-in-out 1.1s; }
.fixed-menu .sub-menu-phone ul li:nth-of-type(5) a { transition: all 0.3s ease-in-out 1.2s; -webkit-transition: all 0.3s ease-in-out 1.2s; -moz-transition: all 0.3s ease-in-out 1.2s; }
.fixed-menu .sub-menu-phone ul li:nth-of-type(6) a { transition: all 0.3s ease-in-out 1.3s; -webkit-transition: all 0.3s ease-in-out 1.3s; -moz-transition: all 0.3s ease-in-out 1.3s; }
.fixed-menu .sub-menu-phone ul li:nth-of-type(7) a { transition: all 0.3s ease-in-out 1.4s; -webkit-transition: all 0.3s ease-in-out 1.4s; -moz-transition: all 0.3s ease-in-out 1.4s; }
.fixed-menu .sub-menu-phone.active ul li a { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); opacity: 1; }
.fixed-menu .sub-menu-phone ul li a:after { display: none; width: 0px; height: 1px; background-color: #575857; position: absolute; content: ''; left: 0px; top: 28px; }
.fixed-menu .sub-menu-phone ul li a font { display: block; font-size: 28px; color: #fff; position: absolute; left: 0; overflow: hidden; text-transform: capitalize; line-height: 58px; }
.fixed-menu .sub-menu-phone ul li a small { font-family: 'gotham-medium'; font-size: 32px; color: #999; text-transform: capitalize; position: absolute; left: 0; line-height: 64px; }
.fixed-menu .sub-menu-phone ul li a:after, .fixed-menu .sub-menu-phone ul li a font, .fixed-menu .sub-menu-phone ul li a small {transition:all .5s ease 0s;-webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; }
.fixed-menu .sub-menu-phone .phone-wrap { position: absolute; left: 200px; bottom: 60px; padding-left: 30px; }
.fixed-menu .sub-menu-phone .phone-wrap .label { display: block; font-size: 14px; color: #fff; text-transform: uppercase; opacity: .5; }
.fixed-menu .sub-menu-phone .phone-wrap .phone a { font-size: 18px; font: 18px/1.5 'Gotham-Book'; color: #fff; }
.js-container { position: relative; overflow-x: hidden; overflow-y: hidden; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s; -webkit-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s; -moz-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s; }
.js-container.active { transform: translateX(560px); -webkit-transform: translateX(560px); -moz-transform: translateX(560px); transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s; -webkit-transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s; -moz-transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s; }
/*.js-container.on {*/
    /*transform: translateX(10px);*/
    /*-webkit-transform: translateX(10px);*/
    /*-moz-transform: translateX(10px);*/
/*}*/
@media (max-width:1400px) {
.navBar { width: 60px; height: 170px; }
.navBar .bar-logo { right: 14px; width: 35px; height: 35px; }
.navBar .bar-logo img:first-child { max-width: 100%; }
.navBar .bar-menu { width: 60px; height: 70px; }
.navBar .bar-menu i { left: 18px; }
.navBar .bar-menu i.bar-top { bottom: 44px; }
.navBar .bar-menu i.bar-cen { bottom: 37px; }
.navBar .bar-menu i.bar-bom { bottom: 30px; }
.navBar .bar-menu i.bar-left,  .fixed-menu .close-bar i.bar-left,  .navBar .bar-menu i.bar-right,  .fixed-menu .close-bar i.bar-right { bottom: 37px; }
.fixed-menu .sub-menu-phone { padding: 0 30px; }
.fixed-menu .sub-menu-phone ul li a font { font-size: 26px; }
.fixed-menu .sub-menu-phone ul li a small { font-size: 28px; }
}
@media (max-width:991px) {
.navBar { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); top: 0; margin-top: auto; width: 100%; height: 60px; background-color: #fff; }
.navBar.show { background: #fff; }
.navBar.visble { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); }
.serviceNavBarWrap .navBar.show, .serviceNavBarWrap .navBar { background: #0e0e0e; }
.serviceNavBarWrap .navBar .bar-menu i span { background: #fff; }
}
@media (max-width:991px) {
.navBar .bar-logo { top: 13px; left: 4.5%; width: auto; height: 34px; }
.navBar .bar-logo img:first-child { display: none }
.navBar .bar-logo img:last-child { display: block; width: auto; height: 100%; }
.navBar .bar-menu { z-index: 1001; position: fixed; right: 4.5%; width: 60px; height: 60px; }
.navBar .bar-menu i span { background: #333; }
.navBar .bar-menu.active i span { background: #fff; }
.navBar .bar-menu i.bar-top { bottom: 35px; }
.navBar .bar-menu i.bar-cen,  .navBar .bar-menu i.bar-left,  .navBar .bar-menu i.bar-right { bottom: 30px; }
.navBar .bar-menu i.bar-bom { bottom: 25px; width: 22px; }
.fixed-menu { z-index: 999; left: auto; right: 0; width: 80%; transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); }
.fixed-menu .close-bar { z-index: 1001; position: fixed; top: 10px; right: 10px; display: block; width: 60px; height: 60px; cursor: pointer; }
.fixed-menu .close-bar i.bar-right,  .fixed-menu .close-bar i.bar-left { left: 15px; bottom: 30px; }
.fixed-menu .sub-menu-phone { left: auto; right: 0; width: 100%; }
.fixed-menu .sub-menu-phone ul { top: 45%; width: 100%; padding: 0 30px; }
.fixed-menu .sub-menu-phone .phone-wrap { left: auto; }
.fixed-menu .sub-menu-phone .phone-wrap .phone a { font-size: 18px; }
.js-container.active { transform: translateX(-80%); -webkit-transform: translateX(-80%); -moz-transform: translateX(-80%); }
}

.fixed-contact-wrap { z-index: 999; position: fixed; right:0px; top:50%;margin-top: -90px; overflow: hidden; border-radius: 30px; opacity: 0; transition: all .4s; transform: translateX(95px); -webkit-transform: translateX(95px); -moz-transform: translateX(95px); }
.fixed-contact-wrap.show { transform: none; opacity: 1; }
/*悬浮链接*/
.suspension { position: fixed; z-index: 55; right: 0; bottom:30%;width: 70px; height: 240px; }
.suspension-box { position: relative; float: right; }
.suspension .a { display: block; width: 55px; height: 55px; background: #353535; margin-bottom: 1px; cursor: pointer; outline: none; }
.suspension .a.active, .suspension .a:hover { background: #c70000; }
.suspension .a .i { float: left; width: 55px; height: 55px; background: url(../images/side_icon.png) no-repeat; }
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i { background-position:0px 0px;}
.suspension .a-service-phone .i { background-position:-55px 0px}
.suspension .a-qrcode .i { background-position: 0px -55px; }
.suspension .a-top .i { background-position: -55px -55px; }
.suspension .a-top { background: #8b0000}
.suspension .a-top:hover { background: #c70000; }
.suspension .d { display: none; width: 200px; background: #353535; position: absolute; right: 56px; min-height: 90px; box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11); }
.suspension .d .arrow { position: absolute; width: 8px; height: 12px; /*background: url(../images/side_bg_arrow.png) no-repeat;*/ right: -8px; top: 31px; }
.suspension .d-service { top: 56px; padding-top: 8px; }
.suspension .d-service-phone { top: 0px; }
.suspension .d-qrcode { top: 0px; }
.suspension .d .inner-box { padding: 15px 15px 12px 20px; }
.suspension .d-service-item { border-bottom: 1px dotted #757575; padding: 7px 0px 18px 0px; }
.suspension .d-service .d-service-item { border-bottom: none; }
.suspension .d-service-item .circle { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: #f1f1f1; display: block; float: left; }
.suspension .d-service-item .i-qq { width: 44px; height: 44px; background: url(../images/qq.png) no-repeat center 15px; display: block; transition: all .2s; border-radius: 50%; overflow: hidden; }
.suspension .d-service-item:hover .i-qq { background-position: center 3px; }
.suspension .d-service-item .i-tel { width: 44px; height: 44px; background: url(../images/phone.png) no-repeat center center; display: block; }
.suspension .d-service-item h3 { float: left; width: auto; line-height: 24px; font-size: 14px; margin-left: 15px; color: #ccc; padding-top: 10px; }
.suspension .d-service-item:hover h3 { color: #fff; border-bottom: #fff 1px dotted; }
.suspension .d-service-item .text { float: left; width: auto; line-height: 22px; font-size: 14px; margin-left: 12px; color: #fff; }
.suspension .d-service-item .text .number { font-family: Arial, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif; font-size: 16px; color: #ed5050; }
.suspension .d-service-intro { color: #ccc; line-height: 20px; padding: 15px 0px; }
.suspension .d-service-intro p { float: left; line-height: 27px; font-size: 12px; width: 50%; white-space: nowrap; color: #888; }
.suspension .d-service-intro i { background: url(../images/side_con_icon01.png) no-repeat center center; height: 27px; width: 14px; margin-right: 5px; vertical-align: top; display: inline-block; }
.suspension .d-qrcode { text-align: center; }
.suspension .d-qrcode .inner-box { padding: 18px 0 16px 0px; }
.suspension .d-qrcode p { font-size: 14px; color: #fff; padding-top: 10px; }
.suspension .d-service-more { padding:8px 0px 13px 0px}
.suspension .d-service-more a {display: block; width:165px; color:#fff; height:35px; font: normal 12px/35px 'FZCH'; text-align: center; border: 1px solid #fff; border-radius: 30px; transition: all .4s ease-in-out; overflow: hidden; }
.suspension .d-service-more a:hover { color: #333; background: #fff;}
.suspension .d-service-more a:hover:after { transform-origin: center bottom; transform: scaleY(1) }


@media(max-width:1400px) {
.fixed-contact-wrap { right: 15px; width: 50px; border-radius: 25px; }
}

@media (max-width:991px) {
	
}

@media (max-width:768px) {
.fixed-menu .sub-menu-phone ul li a font,  .fixed-menu .sub-menu-phone ul li a small { font-size: 24px; }
}
.index-banner { position: static; width: 100%; height: 100vh; overflow: hidden; }
.index-banner .en { font-family: 'gotham-medium'; }
.index-banner .swiper-container { position: relative; width: 100%; height: 100%; }
.index-banner .carousel-inner { position: absolute; top: -60px; right: 0; bottom: 0; left: 0;padding-top:60px;overflow: hidden;}
.page-header-fullscreen-trame { position: absolute; left: -10%; top: -10%; width: 120%; height: 120%; }

@media (min-width: 768px) {
.index-banner .carousel-inner { position: absolute; top: 0; padding-top: 0; }
}

.index-banner .carousel-item { position: absolute; top: 0; right: 0; left: 0; bottom: 0; overflow: hidden; z-index: 10; opacity: 0; transition: .6s opacity cubic-bezier(.19, 1, .22, 1); cursor: move; touch-action: pan-y; user-select: none; }
.index-banner .carousel-item .video-inner {height: 100%;overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 50%; z-index: 8; width: 2560px; margin-left: -1280px; background-color: #fff; text-align: center; }
.index-banner .carousel-item .video video { position: relative; display: inline-block; vertical-align: baseline; }
.index-banner .carousel-item.carousel-item-prev { transform-origin: center right; transform: translateX(-100%); }
.index-banner .carousel-item.carousel-item-next { transform-origin: center right; transform: translateX(100%); }
.index-banner .carousel-item:active { cursor: -webkit-grab!important; cursor: grab!important; }
.index-banner .carousel-item.active { z-index: 15; opacity: 1; transform-origin: center right; }
.static .carousel-item { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); cursor: default !important }
.static.is-mobile .carousel-item { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 0 }
.index-banner .carousel-item-inner { position: absolute; width: 100%; height: 100%; }
.carousel-item-image-wrapper { position: relative; width: 100%; height: 100%; overflow: hidden }
.carousel-item-image-wrapper:before { z-index: 20 }
.carousel-item-image-wrapper:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .2; background-color: #000; z-index: 8 }
 @media (min-width: 768px) {
.carousel-item-image-wrapper:after { content: none }
}
.carousel-item-image { position: relative; height: 100%; width: 100%; overflow: hidden }
.carousel-item-image:before { opacity: .2; z-index: 20 }
.banner-background { position: absolute; left: 0; top: 0; width: 100%; }
.carousel-item-image img { position: relative; width: 100%; height: 100%; max-width: none; z-index: 10 }
.index-banner .swiper-inner-text-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; }
.carousel-item1 .page-header-fullscreen-text { background: rgba(0,0,0,.1); }
.carousel-item .page-header-fullscreen-text { background: -moz-linear-gradient(left, rgba(23,9,49,.6) 0%, rgba(30,95,116,.6) 100%); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(23,9,49,.6)), to(rgba(30,95,116,.6)))); background: -webkit-linear-gradient(left, rgba(23,9,49,.6) 0%, rgba(30,95,116,.6) 100%); background: -o-linear-gradient(left, rgba(23,9,49,.6) 0%, rgba(30,95,116,.6) 100%); background: -ms-linear-gradient(left, rgba(23,9,49,.6) 0%, rgba(30,95,116,.6) 100%); background: linear-gradient(to right, rgba(23,9,49,.6) 0%, rgba(30,95,116,.6) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(23,9,49,.6)', endColorstr='rgba(30,95,116,.6)', GradientType=1 );
}
.index-banner .swiper-inner-text { position: absolute; top: 50%; left: 12%; right: 12%; width: auto; color: #fff; line-height: 1.3; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.index-banner .carousel-item2 .swiper-inner-text { text-align: left; }
.index-banner .carousel-item2 .cansual-title { font-size: 48px; color: #fff; }
.index-banner .cansual-line { width: 0; height: 3px; margin: 25px 0 20px; background: #fff; }
.index-banner .cansual-des { font-size: 18px; color: #fff; line-height: 1.8; }
.index-banner .carousel-item3 .cansual-des { width: 50%; margin-bottom: 25px; }
.index-banner .carousel-item2 .cansual-des { text-align: left; font-size: 38px; }
.index-banner .carousel-item .cansual-title { margin-bottom: 10px; font-size: 48px; color: #fff; text-align: left; }
.index-banner .carousel-item3 .cansual-item-title .en-word { display: block; padding-bottom: 15px; font-family: 'AkzidenzGrotesk-BoldCondAlt'; font-size: 84px; color: #fff; line-height: .9; }
.index-banner .carousel-item4 .swiper-inner-text { padding-left: 50%; text-align: left; }
.index-banner .carousel-item4 .cansual-item-title { font-size: 48px; color: #fff; }
.index-banner .carousel-item3 .cansual-des { margin-bottom: 35px; }
.index-banner .cansual-item-title { position: relative; margin-bottom: 15px; }
.index-banner .cansual-item-title .small-title { display: block; margin-bottom: -10px; font-size: 20px; }
.index-banner .cansual-item-title .number { font: normal 180px/1 'AkzidenzGrotesk-BoldCondAlt'; color: #fff; }
.index-banner .carousel-item3 .cansual-item-title .number { padding-bottom: 15px; font: normal 84px/1 'AkzidenzGrotesk-BoldCondAlt'; }
.index-banner .cansual-item-title .number .add-icon { font-size: 60px; line-height: 180px; vertical-align: 40px; }
.carousel-item-subtitle-line { position: absolute; bottom: 0; left: 50%; width: 32px; height: 1px; margin-left: -16px; background-color: rgba(255, 255, 255, .55); content: '' }
.index-banner .cansual-item-title .small-title, .index-banner .cansual-item-title .number, .index-banner .cansual-sub-title, .index-banner .carousel-item .cansual-des, .index-banner .carousel-item .cansual-line, .index-banner .carousel-item3 .cansual-title, .index-banner .carousel-item3 .radiu-button { display: block; opacity: 0; transform: translate3d(0, 150%, 0); transition: all 1s; transition-delay: .2s; overflow: hidden; }
.index-banner .carousel-item2 .cansual-des { transform: translate3d(150%, 0, 0); }
.index-banner .carousel-item3 .cansual-des, .index-banner .carousel-item3 .cansual-line, .index-banner .carousel-item3 .cansual-title, .index-banner .carousel-item3 .radiu-button { text-align: left; transform: translate3d(0, -150%, 0); }
.index-banner .carousel-item .cansual-line { transition-delay: .2s; }
.index-banner .carousel-item3 .cansual-des { transition-delay: .4s; }
.index-banner .active .cansual-item-title .small-title, .index-banner .active .cansual-item-title .number, .index-banner .active .cansual-sub-title, .index-banner .carousel-item.active .cansual-des, .index-banner .carousel-item3.active .cansual-title, .index-banner .carousel-item.active .cansual-line, .index-banner .carousel-item3.active .radiu-button { opacity: 1; transform: none; }
.index-banner .carousel-item2 .cansual-title { opacity: 0; transform: matrix(1, 0, 0, 1, 0, -80); -webkit-transform: matrix(1, 0, 0, 1, 0, -80); -moz-transform: matrix(1, 0, 0, 1, 0, -80); transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s; -webkit-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s; -moz-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s; }
.index-banner .carousel-item2.active .cansual-title { opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); -moz-transform: matrix(1, 0, 0, 1, 0, 0); }
.index-banner .carousel-item .cansual-line { width: 45px; }
.index-banner .carousel-item3 .radiu-button { color: #fff; text-align: center; border: 1px solid #fff; background: transparent; }
.index-banner .carousel-item3 .radiu-button:hover { color: #333; background: #fff; }
.radiu-button { z-index: 2; position: relative; display: block; width: 215px; height: 60px; font: normal 16px/60px 'gotham-medium'; text-align: center; background: #fff; border: 1px solid #fff; border-radius: 30px; transition: all .4s ease-in-out; overflow: hidden; }
.radiu-button:hover { color: #fff; background: #000; border-color: #000; }
.radiu-button:hover:after { transform-origin: center bottom; transform: scaleY(1) }

 @media (min-width: 768px) {
.carousel-item-subtitle-line { width: 599px; margin-left: -300px }
}
 @media (min-width: 1200px) {
.carousel-item-subtitle-line { width: 799px; margin-left: -400px }
}
.carousel-item-subtitle-line-timer { position: absolute; top: 0; left: 0; background-color: #fff; display: block; height: 100%; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; }
.active .carousel-item-subtitle-line-timer { animation: linewidth 19s; -moz-animation: linewidth 19s; -webkit-animation: linewidth 19s; -o-animation: linewidth 19s; animation-delay: 1s; -webkit-animation-delay: 1s; }
@keyframes linewidth {  
from {width:0;}
to { width: 100%; }
}
 @-moz-keyframes linewidth {  
from {width:0;}
to { width: 100%; }
}
 @-webkit-keyframes linewidth {  
 from {width:0;}
 to { width: 100%; }
}
 @-o-keyframes linewidth {  
 from {width:0;}
 to { width: 100%; }
}
.page-header-fullscreen-text { position: absolute; top: 50%; right: 0; left: 0; text-align: center; z-index: 25 }
.collapsing .page-header-fullscreen-text { transition: .8s -webkit-transform cubic-bezier(.19, 1, .22, 1); transition: .8s transform cubic-bezier(.19, 1, .22, 1) }
 @media (min-width: 768px) {
.page-header-fullscreen-text { padding-top: 100px; -webkit-transform: none; -ms-transform: none; transform: none }
.page-header-fullscreen-text:before { position: absolute; display: block; content: ""; width: 0; height: 0; background-color: transparent; border-radius: 100px; box-shadow: 0 0 157px 142px rgba(0, 0, 0, .17); left: 50%; top: 50% }
}
.index-banner .cansual-sub-title span { display: block; font-size: 20px; line-height: 32px; }
.page-header-bar { position: absolute; right: 0; left: 0; bottom: 0; height: 80px; line-height: 80px; z-index: 55; transform-origin: bottom; -webkit-transform-origin: bottom; -moz-transform-origin: bottom; transform: rotateX(0deg) translate3d(0, 0, 0); -webkit-transform: rotateX(0deg) translate3d(0, 0, 0); -moz-transform: rotateX(0deg) translate3d(0, 0, 0); transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s; -webkit-transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s; -moz-transition: all .65s cubic-bezier(0.55, 0.65, 0.55, 1) 0s; }
.page-header-bar.active { transform: rotateX(90deg) translate3d(0, 0, 0); -webkit-transform: rotateX(90deg) translate3d(0, 0, 0); -moz-transform: rotateX(90deg) translate3d(0, 0, 0); }
@media (min-width: 768px) {
.page-header-collapsed .page-header-bar { visibility: hidden; transition: none }
.page-header-bar:after { content: ""; position: absolute; left: 0; bottom: -70px; height: 70px; width: 100%; background-color: #fff }
.page-header-bar-hidden .page-header-bar:after, .static.home .page-header-bar:after { transition: visibility .4s steps(1, end); visibility: hidden }
.no-transition .page-header-bar:after { transition: none }
.page-header-collapsed .page-header-bar:after { visibility: hidden; transition: none }
}
 @media (min-width: 1200px) {
.page-header-bar { height: 80px; line-height: 100px; margin-top: -80px; }
}
.page-header-bar-inner { transition: -webkit-transform .4s; transition: transform .4s; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom }
.page-header-bar-hidden .page-header-bar-inner, .static.home .page-header-bar-inner { transition: visibility .4s steps(1, end), -webkit-transform .4s; transition: visibility .4s steps(1, end), transform .4s; visibility: hidden; -webkit-transform: rotateX(94deg) rotateZ(0); transform: rotateX(94deg) rotateZ(0) }
.no-transition .page-header-bar-inner { transition: none }
.page-header-collapsed .page-header-bar-inner { visibility: hidden; transition: none }
 @media (min-width: 768px) {
.page-header-bar-inner { position: absolute; width: auto; height: 100%; right: 4.5%; left: 4.5%; }
}
.carousel-bar-inner { width: 100%; height: 100% }
 @media (min-width: 768px) {
.carousel-bar-inner { width: auto }
}
.carousel-bar-title-word { padding-left: 75px; font-size: 12px; color: #666; }
@media (max-width:991px) {
.carousel-bar-title { position: relative; height: 100%; }
.carousel-bar-title-word { position: absolute; top: 50%; width: 40%; padding-left: 4.5%; line-height: 1.5; transform: translateY(-50%); }
}
.carousel-scroll-btn { z-index: 56; position: absolute; left: 50%; width: 44px; height: 44px; margin-left: -22px; border: 1px solid #fff; border-radius: 100%; overflow: hidden; cursor: pointer; }
.carousel-scroll-btn .carousel-scroll-btn-icon { position: absolute; display: block; width: 44px; height: 44px; margin: 0 auto; background: url(../images/down-icon2.png) no-repeat center center; cursor: pointer; animation: downico 1.5s ease-out infinite; }
@keyframes downico {  
 0% { top: 0; opacity: 1;}
 35% { top: 50%;opacity: 0;}
 65% { top: -50%; opacity: 0;}
 100% { top: 0; opacity: 1;}
}
.carousel-controls { position: absolute; right: 0; top: 0; width: 330px; height: 80px; background: #fff; }
.carousel-controls .count { position: absolute; left: 0; width: 135px; padding-left: 35px; font: bold 16px/80px 'Gotham-Book'; color: #999; }
.carousel-controls .count span { display: inline-block; padding: 0 3px; }
.carousel-controls .count .current { color: #333; }
.carousel-controls .controls { position: absolute; right: 0; }
.carousel-controls .carousel-line { z-index: 1; position: absolute; left: 50%; top: 20px; display: block; width: 1px; height: 30px; background: #e5e5e5; }
.carousel-controls .carousel-control { float: left; width: 60px; height: 60px; cursor: pointer; }
@media (min-width:1200px) {
.carousel-controls .carousel-line { height: 40px; }
/*.carousel-item2 .carousel-scroll-btn {left:0;margin-left:0;}*/
.carousel-scroll-btn { bottom: 36px; }
.carousel-controls .carousel-control { width: 80px; height: 80px; }
}
.carousel-controls .swiper-button-next, .carousel-controls .swiper-button-prev { position: relative; width: 100%; height: 100%; overflow: hidden; }
.carousel-controls .swiper-button-line { z-index: 1; position: absolute; top: 31px; left: 35px; display: block; width: 10px; height: 18px; transition: all .45s ease-out 0s; -webkit-transition: all .45s ease-out 0s; -moz-transition: all .45s ease-out 0s; }
.carousel-controls .swiper-button-prev .swiper-button-line { background: url(../images/left-icon3.png) no-repeat center center; }
.carousel-controls .swiper-button-next .swiper-button-line { margin-left: 1px; background: url(../images/right-icon3.png) no-repeat center center; }
.carousel-controls .swiper-button-prev:hover .swiper-button-line { left: 25px; }
.carousel-controls .swiper-button-next:hover .swiper-button-line { left: 44px; }
.carousel-controls .swiper-button:after { content: ''; position: absolute; top: 39px; display: block; width: 14px; height: 2px; background-color: #333; -webkit-transition: -webkit-transform .45s cubic-bezier(.25, .46, .45, .94) 0s; transition: transform .45s cubic-bezier(.25, .46, .45, .94) 0s; -webkit-transform: scale(0, 1); transform: scale(0, 1); }
.carousel-controls .swiper-button-prev:after { left: 28px; }
.carousel-controls .swiper-button-next:after { right: 28px; }
@media(min-width:1200px) {
.carousel-controls .swiper-button:hover:after { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); }
}
@media (max-width:768px) {
.index-banner .cansual-item-title .small-title,  .index-banner .cansual-sub-title span { font-size: 14px; }
.index-banner .cansual-item-title .number { font-size: 100px; line-height: 1; }
.index-title { padding-bottom: 25px; }
.index-title .big-title .big { font-size: 18px; }
.index-banner .cansual-item-title .number .add-icon { vertical-align: 15px; }
.index-banner .carousel-item3 .cansual-des { width: auto; }
.index-banner .cansual-des { font-size: 1.1rem; }
.index-banner .cansual-line { height: 1px; margin: 1rem 0 1.25rem; }
.index-banner .carousel-item2 .cansual-des { font-size: 1.45rem; }
.index-banner .carousel-item .cansual-title { font-size: 2rem; }
.index-banner .carousel-item-image .lg-hidden { width: 100%; height: 100%; }
.page-header-bar { height: 60px; line-height: 60px; }
.carousel-controls { width: 250px; height: 60px; }
.carousel-controls .count { font: bold 14px/60px 'Gotham-Book'; }
.carousel-controls .swiper-button-line { top: 20px; left: 25px; }
.carousel-controls .swiper-button-next:hover .swiper-button-line { left: 25px; }
.carousel-controls .swiper-button:after { display: none; }
.carousel-controls .carousel-control { width: 59px; height: 59px; }
.carousel-controls .carousel-line { top: 17.5px; height: 25px; }
.carousel-scroll-btn, .carousel-scroll-btn .carousel-scroll-btn-icon { top: 12.5px; width: 35px; height: 35px; }
.radiu-button { width: 125px; height: 35px; font: normal 12px/32.5px 'gotham-medium'; line-height: 32.5px; }

}
@media (max-width:991px) {
.index-banner { height: calc(100vh - 60px); margin-top: 60px; }
.load-more { display: block; padding-top: 30px; }
.load-more .radiu-button { margin: 0 auto; }

}
@media (max-width:767px) {
.index-banner .carousel-item .video video { display: none; }
.index-banner .carousel-item .fullscreen-image { padding-top: 60px; }
}

/*foot*/
footer { position: relative; background: #111; overflow: hidden; }
.foot_txt { width:100%; padding:3% 0; background:#000; color:#fbfafa; font-size:14px; line-height:24px;}
.foot_txt ul { width:1200px; margin:0px auto}
.foot_txt ul li.txt,.foot_txt ul li.adress { float: left; margin-right: 60px; }
.foot_txt ul li p img { vertical-align:bottom; margin-right:5px}
.foot_copy { width:100%; padding:1% 0px; background:#141414; color:#575757; font-size:12px; line-height:22px;}
.foot_copy ul { width:1200px; margin:0px auto}

@media (max-width:1200px) {
.foot_txt ul{ width:90%}
.foot_txt li.txt { font-size:1em; line-height:1.8em; float:left; padding-bottom:3%; margin-bottom:3%; border-bottom:#3d3d3d 1px solid; width:100%;}
.foot_txt li.adress { font-size:1em; line-height:1.8em; float:left}
.foot_txt li.weixin { display:none;}
.foot_copy ul { width:90%}
.foot_copy ul li.txt { display:none;}
}

/*客户logo*/
.index_page_logo { width: 100%; padding: 5% 0; margin: 0; }
.index_logo_list { transform: translateY(50px); -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; overflow: hidden; width: 1200px; margin: 0px auto; padding: 0; border: #e7e7e7 1px solid; border-bottom: 0; border-right: 0; }
.index_page_logo.active .index_logo_list { transform: none; }
.index_logo_list li { position: relative; float: left; width: 20%; height: 158px; padding: 0px 0; text-align: center; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; transition-delay: .5s; border-right: 1px solid #e7e7e7; border-bottom: #e7e7e7 1px solid; }
.index_page_logo.active .index_logo_list li.item { top: 0; }
.index_logo_list .item-inner { display: block; width: 100%; height: 158px; }
.index_logo_list li a { position: absolute; top: 0; left: 0%; display: block; width: 100%; height: 158px; margin-left: 0%; }
.index_logo_list li img { position: absolute; top: 50%; left: 52%; display: block; margin-left: -115px; transition: all .5s linear 10ms; }
.index_logo_list li img:first-child { opacity:1}
.index_logo_list li img:last-child { opacity:1; }
.index_logo_list li:hover img:last-child, .index_logo_list li img:first-child { opacity:0; transform: translateY(-50%) rotateY(180deg); }
.index_logo_list li img, .index_logo_list li:hover img:first-child { opacity: 1; transform: translateY(-50%) rotateY(0deg); }

@media screen and (min-width: 959px) and (max-width: 1200px) {
.index_logo_list { width:90%}
.index_logo_list li img { width:90%; left:66%}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.index_logo_list { width:90%}
.index_logo_list li  { width:33.3%}
.index_logo_list li img { left:52%}
}
@media screen and (min-width: 460px) and (max-width: 767px) {
.index_logo_list { width:90%}
.index_logo_list li  { width:33.3%}
.index_logo_list li img { width:90%; left:67%}
}
@media screen and (max-width: 479px) {
.index_logo_list { width:90%}
.index_logo_list li  { width:50%}
.index_logo_list li img { width:90%; left:72%}
.index_logo_list li:last-child { display: none; }
}

/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;*height: auto;}
.rect-5625{ padding-bottom: 62%; }