/*! reset.css */

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,body {
	margin:0;
	padding:0;
	box-sizing:border-box;
}
a {
	color:#666;
	cursor:pointer;
	-webkit-transition:all .15s ease-out;
	transition:all .15s ease-out;
	text-decoration:none
}
ol,ul {
	list-style:none
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:400
}
html {
	font-family:'Microsoft YaHei UI','Source Han Sans CN Normal',Helvetica Neue,PingFang SC,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif,Helvetica,'PingFang SC','Microsoft Yahei','微软雅黑',Arial,sans-serif;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display:block
}
audio,canvas,progress,video {
	display:inline-block;
	vertical-align:baseline
}
audio:not([controls]) {
	display:none;
	height:0
}
[hidden],template {
	display:none
}
a {
	background-color:transparent
}
a:active,a:hover {
	outline:0
}
abbr[title] {
	border-bottom:1px dotted
}
b,strong {
	font-weight:700
}
dfn {
	font-style:italic
}
mark {
	background:#ff0;
	color:#000
}
small {
	font-size:80%
}
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup {
	top:-.5em
}
sub {
	bottom:-.25em
}
img {
	border:0
}
svg:not(:root) {
	overflow:hidden
}
figure {
	margin:1em 40px
}
hr {
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	height:0
}
pre {
	overflow:auto
}
code,kbd,pre,samp {
	font-family:monospace,monospace;
	font-size:1em
}
button,input,optgroup,select,textarea {
	color:inherit;
	margin:0;
	outline:none;
}
button {
	overflow:visible
}
button,select {
	text-transform:none
}
button,input {
	border:none;
	background:none;
}
button,html input[type=button],input[type=reset],input[type=submit] {
	-webkit-appearance:button;
	cursor:pointer
}
button[disabled],html input[disabled] {
	cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0
}
input {
	line-height:normal
}
input[type=checkbox],input[type=radio] {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
	height:auto
}
input[type=search] {
	-webkit-appearance:textfield;
	-webkit-box-sizing:content-box;
	box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
	-webkit-appearance:none
}
fieldset {
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em
}
legend {
	border:0;
	padding:0
}
textarea {
	overflow:auto
}
optgroup {
	font-weight:700
}
table {
	border-collapse:collapse;
	border-spacing:0
}
td,th {
	padding:0
}
em,i {
	font-style:normal
}
figure {
	margin:0
}
body,html {
	width:100%;
	height:100%;
	background:#fff;
	line-height:1.4;
	font-family:Helvetica Neue,Helvetica,Arial,SCREEN GP Sans SC,PingFang SC,Hiragino Sans GB,sans-serif;
	-webkit-tap-highlight-color:transparent
}
.hover-cover {
	overflow:hidden;
}
.hover-cover .img {
	transition:all 0.4s;
}
.hover-cover:hover .img {
	transform:scale(1.05);
}
.wraper {
	width:100%;
}
.full-bg-cover {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
}
.box-cover {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.img-responsive {
	width:100%;
	max-width:100%;
	height:auto;
}
.ellipsis {
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	overflow:hidden;
}
.ellipsis-2 {
	display:-webkit-box;
	overflow:hidden;
	white-space:normal !important;
	text-overflow:ellipsis;
	word-wrap:break-word;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.ellipsis-3 {
	display:-webkit-box;
	overflow:hidden;
	white-space:normal !important;
	text-overflow:ellipsis;
	word-wrap:break-word;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
}
.txt-center {
	text-align:center;
}
.txt-left {
	text-align:left;
}
.txt-right {
	text-align:right;
}
.fixed {
	position:fixed;
	top:0;
	width:100%;
}
a:link,a:visited,a:hover,a:active {
	text-decoration:none;
	outline:none;
}
a {
	color:inherit;
	font-size:inherit;
}
.txt-middle {
	display:inline-block;
	vertical-align:middle;
}
.play-table {
	display:table;
}
.play-table-cell {
	display:table-cell;
	vertical-align:middle;
}
/* aside-bar 侧边栏工具条 s */

/*服务项目*/

#aside-bar {
	position:fixed;
	z-index:999;
	top:50%;
	right:0;
	transform:translateY(-50%);
}
#aside-bar li {
	margin-top:1px;
	width:50px;
	height:50px;
}
#aside-bar span {
	width:50px;
	text-align:left;
	display:block;
	height:50px;
	position:absolute;
	line-height:50px;
	background-color:#005cdb;
	color:#fff;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
	cursor:pointer;
	overflow:hidden;
}
#aside-bar span:hover {
	background:#005cdb;
	overflow:visible;
}
#aside-bar li:first-child span {
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
#aside-bar li:last-child span {
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
#aside-bar span .box {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	line-height:50px;
	width:130px;
	font-size:17px;
	-webkit-transition:all .5s;
	-o-transition:all .5s;
	transition:all .5s;
}
#aside-bar span:hover .box {
	}#aside-bar span .phone {
	width:200px;
}
#aside-bar span:hover .box {
	left:-80px;
	background:#005cdb;
	color:#fff;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
}
#aside-bar span.hover:hover .phone {
	left:-150px;
}
#aside-bar li:last-child span:hover .box {
	border-bottom-right-radius:5px;
}
#aside-bar span .phone {
	font-size:20px;
}
#aside-bar span .ewm {
	display:none;
	left:-175px;
	position:absolute;
	top:-85px;
	background-color:#fff;
	padding:15px;
	-webkit-box-shadow:0 0 30px 6px rgba(0,0,0,.1);
	box-shadow:0 0 30px 6px rgba(0,0,0,.1);
	line-height:20px;
	color:#999;
	text-align:center;
	font-size:13px;
}
#aside-bar span:hover .ewm {
	display:block;
}
#aside-bar span:hover .ewm img {
	width:144px;
	display:block;
	margin-bottom:5px;
	/*padding:8px;
	*/

  /*border:2px solid #6ac334;
	*/
}
#aside-bar i.iconfont {
	/* background-color:red;
	*/

  width:50px;
	height:50px;
	float:left;
	/* vertical-align:middle;
	*/

  background-repeat:no-repeat;
	background-position:center;
}
#aside-bar i.icon-weixin {
	background-image:url('../images/icon_service_wx.png');
}
#aside-bar i.icon-qq {
	background-image:url('../images/icon_service_qq.png');
}
#aside-bar i.icon-dianhua {
	background-image:url('../images/icon_service_phone.png');
}
#aside-bar i.icon-erweima {
	background-image:url('../images/icon_service_code.png')
}
#aside-bar i.icon-gotop {
	background-image:url('../images/icon_service_top.png');
}
#scrollUp {
	position:fixed;
	border-radius:50%;
	bottom:80px;
	color:#ffffff;
	font-size:22px;
	height:40px;
	line-height:40px;
	right:10px;
	text-align:center;
	width:40px;
	-webkit-box-shadow:0 10px 20px 0 rgba(23,22,49,0.1);
	box-shadow:0 10px 20px 0 rgba(23,22,49,0.1);
	font-weight:400;
	display:block;
	z-index:90;
	font-size:14px;
	background:#101010 url(../images/icon_mobile_top.png) no-repeat center center;
	display:none;
	background-size:75%;
}
.aside-content .box-shade {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	z-index:99;
	display:none;
}
.aside-content #codeBox {
	position:absolute;
	top:0;
	right:0;
	left:0;
	bottom:0;
	margin:auto;
	width:180px;
	height:200px;
}
.aside-content #codeBox img {
	width:100%;
}
.aside-content #codeBox .box-close {
	position:absolute;
	right:-25px;
	top:-13px;
	cursor:pointer;
	color:#ccc;
	font-size:38px;
	transition:.1s;
}
/* aside-bar 侧边栏工具条 e */

.footer {
	background:#252525;
}
.footer .footer-top {
	padding-top:75px;
	padding-bottom:75px;
}
.footer-top .space1 {
	margin-left:30px;
	margin-right:10px;
	display:block;
	width:1px;
	height:10px;
	background:#585858;
}
.footer-top .space2 {
	margin-left:10px;
	margin-right:10px;
	display:block;
	width:1px;
	height:30px;
	background:#585858;
}
.footer-top .phones {
	font-size:16px;
	color:#787878;
}
.footer-top .phone-mobile {
	font-size:30px;
	font-weight:600;
	color:#e2e2e2;
	padding:15px 0;
}
.footer-nav .item-nav {
	padding:0 20px;
	line-height:1;
	border-right:1px solid #fff;
	font-size:16px;
	display:inline-block;
	color:#fff;
}
.footer-nav .item-nav:last-child {
	border-right-width:0;
}
.footer .social-share {
	margin-top:50px;
}
.footer .social-share .icon {
	width:40px;
	height:40px;
	border-radius:50%;
	display:inline-block;
	margin:0 20px;
	transition:all 0.5s;
	background-repeat:no-repeat;
	background-image:url(../images/icon_share_sprite.png);
	color:transparent;
	background-color:#252525;
	position:relative;
}
.footer .social-share .icon-qq {
	background-position:0px 0px;
}
.footer .social-share .icon-qq:hover {
	background-position:-50px 0px;
}
.footer .social-share .icon-wx {
	background-position:-100px 0px;
}
.footer .social-share .wx-code {
	padding-top:20px;
	position:absolute;
	top:50px;
	left:50%;
	transform:translateX(-50%);
	height:140px;
	width:100px;
	background:url(../images/share_wx_bg.png) no-repeat center center;
	opacity:0;
	visibility:hidden;
	z-index:99;
	color:#000;
}
.footer .social-share .wx-code img{
	width:97%;
}
.footer .social-share .wx-code p{
	margin-top:-13px;
}
.footer .social-share .icon-wx:hover {
	background-position:-100px -50px;
}
.footer .social-share .icon-wx:hover .wx-code {
	opacity:1;
	visibility:visible;
}
.footer .social-share .icon-wb {
	background-position:0px -50px;
}
.footer .social-share .icon-wb:hover {
	background-position:-50px -50px;
}
.footer .contact-address .item {
	padding-left:40px;
	font-size:16px;
	color:#fff;
	background-repeat:no-repeat;
}
.footer .email {
	background-image:url(../images/icon_email.png);
}
.footer .address {
	margin-top:30px;
	background-image:url(../images/icon_airport.png);
}
.footer-copyright {
	color:#636363;
	font-size:14px;
	padding:20px 0;
	background-color:#1d1d1d;
}
.footer .footer-record {
	font-size:14px;
	color:#ffffff;
	padding:20px 0;
	background:#252525;
}
.footer .record-code {
	padding-left:5px;
}
.footer-top .col-lg-4 {
	width:25%;
}
.footer-top .col-lg-5 {
	width:45%;
	padding-left:100px;
}
.footer-top .col-lg-3 {
	width:30%;
	padding-left:9%;
}
.header-wrap {
	position:relative;
	width:100%;
	height:auto;
}
.header-wrap .logo {
	position:relative;
	overflow:hidden;
}
.header-wrap .logo .logo-wrap {
	width:195px;
	display:block;
}
.header-wrap .logo img {
	width:100%;
	max-width:100%;
}
.menu {
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	transform:translateX(100vw) translateZ(0px);
	position:fixed;
	overflow:hidden;
	overflow-x:scroll;
	z-index:1002;
	/* transition:all 0.1s;
	*/
}
.menu .menu-container {
	width:1010px;
	margin:0 auto;
}
.menu .menu-list {
	color:#fff;
	position:relative;
	z-index:1003;
	display:flex;
	align-items:center;
	justify-content:center;
	height:100%;
}
.menu .menu-nav {
	transition:all 2s;
	visibility:hidden;
	opacity:0;
	transform:translateX(-50px);
}
.menu.toggle-open .menu-nav {
	transform:translateX(0);
	visibility:visible;
	opacity:1;
}
.menu .menu-nav .item {
	margin-bottom:55px;
}
.menu .menu-nav .item a {
	color:#fff;
	font-size:32px;
	font-weight:bold;
	transition:all 0.5s;
}
.menu .menu-nav .item.active a,.menu .menu-nav .item:hover a {
	color:#005cdb;
	padding-left:15px;
}
.menu .menu-list .left-box .v-bar {
	font-size:16px;
	transform:rotate(90deg) translate3d(35px,50px,0);
	transform-origin:right bottom;
	line-height:1.2;
}
.menu .contact-list .item {
	margin-bottom:25px;
}
.menu .contact-list .icon {
	margin-right:35px;
}
.menu .contact-list .info-tip {
	font-size:16px;
	line-height:1.8;
}
.menu .contact-list .phone {
	font-size:36px;
	color:#dcdcdc;
	font-weight:bold;
}
.menu .contact-list {
	opacity:0;
	visibility:hidden;
	transition:all 3s 0.3s;
}
.menu.toggle-open .contact-list {
	opacity:1;
	visibility:visible;
}
.menu .contact-list .code-2 {
	padding-top:8px;
}
.menu .menu-close {
	position:absolute;
	top:4%;
	right:7%;
	z-index:1005;
	color:#fff;
	font-size:16px;
	cursor:pointer;
	transition:all 1s;
}
.menu .menu-close:hover {
	color:#005cdb;
}
.menu .menu-close:hover .bar-close .bar {
	background:#005cdb;
}
.menu .bar-close {
	position:absolute;
	height:20px;
	top:-2px;
	right:0;
	transition:all 0.5s;
	width:19px;
	margin-top:10px;
}
.menu .bar-close .bar {
	width:20px;
	height:1px;
	background:#fff;
	position:absolute;
	transition:all 0.5s;
}
.menu .bar-close .bar-1 {
	transform:rotate(-45deg);
}
.menu .bar-close .bar-3 {
	transform:rotate(45deg);
}
.menu .bg {
	border-radius:50%;
	transform-origin:center;
	top:calc(70px - 224vw);
	right:calc(150px - 224vw);
	width:448vw;
	height:448vw;
	z-index:20;
	transform:translateX(0px) translateY(0px) scaleX(0) scaleY(0) translateZ(0px);
	transition:all 2s;
	position:absolute;
}
.menu.toggle-open {
	transform:none;
}
.menu.toggle-open .bg {
	transform:translateX(0px) translateY(0px) scaleX(1) scaleY(1) translateZ(0px);
	transition:all 2s ease 0s;
}
.menu.toggle-open .menu-close {
	right:5%;
	width:150px;
}
.nav-hide .header {
	background:rgba(255,255,255,1);
	box-shadow:0px 2px 5px 0px rgba(182,213,255,0.5);
	transition:all 1.2s;
	padding:24px 0;
}
.nav-hide .header .logo1 {
	display:none;
}
.nav-hide .header .logo2 {
	display:block;
}
.nav-hide .nav .item-nav {
	color:#000000;
	font-size:18px;
}
.nav-hide .nav .item-nav:hover .border-1,.nav-hide .nav .item-nav.active .border-1 {
	background:#005cdb;
}
.nav-hide .nav .item-nav:hover a,.nav-hide .nav .item-nav.active a {
	color:#005cdb;
}
.nav-hide .nav-bar .bar {
	background:#005cdb;
}
.nav-hide .mobile-nav-bar .bar {
	background:#005cdb;
}
.header {
	padding:20px 0;
	position:fixed;
	width:100%;
	top:0;
	left:0;
	background:rgba(255,255,255,0);
	z-index:100;
}
.header .logo1 {
	display:block;
}
.header .logo2 {
	display:none;
}
.header .nav {
	padding-top:10px;
	padding-bottom:10px;
}
.nav .item-nav {
	font-size:18px;
	color:#fff;
	float:left;
	padding:0 65px;
}
.nav .item-nav a {
	padding-bottom:5px;
	display:inline-block;
	transition:all 0.5s;
	box-sizing:border-box;
	position:relative;
}
.nav .item-nav:hover .border-1,.nav .item-nav.active .border-1 {
	transform:scale(1);
	visibility:visible;
}
.nav .item-nav .border-1 {
	position:absolute;
	transform:scale(0);
	visibility:hidden;
	bottom:0;
	left:0;
	width:100%;
	background:#fff;
	height:1px;
	transition:all 0.3s;
}
.nav .item-nav:hover {
	animation:pulse 0.8s;
}
.mobile-nav-bar {
	display:none;
	width:30px;
	position:relative;
	height:30px;
	z-index:10;
	transition:all 0.5s;
}
/* .mobile-nav-bar:hover .bar {
	width:100%;
} */
.mobile-nav-bar .bar {
	height:2px;
	background:#fff;
	position:absolute;
	transition:all 0.5s;
}
.mobile-nav-bar .bar {
	top:5px;
}
.mobile-nav-bar .bar-1,.mobile-nav-bar .bar-3 {
	width:30px;
}
.mobile-nav-bar .bar-2 {
	width:20px;
	top:15px;
}
.mobile-nav-bar .bar-3 {
	top:25px;
}
.mobile-nav-bar.opend .bar-2 {
	width:0;
}
.mobile-nav-bar.opend .bar-1 {
	transform:rotate(-45deg);
	top:10px;
}
.mobile-nav-bar.opend .bar-3 {
	transform:rotate(45deg);
	top:10px;
}
.nav-bar {
	width:35px;
	position:relative;
	height:32px;
	z-index:103;
	cursor:pointer;
}
.nav-bar:hover .bar {
	width:100%;
}
.nav-bar .bar {
	height:2px;
	background-color:#ffffff;
	position:absolute;
	transition:all 0.5s;
}
.nav-bar .bar {
	top:10px;
}
.nav-bar .bar-1,.nav-bar .bar-3 {
	width:35px;
}
.nav-bar .bar-2 {
	width:20px;
	top:22px;
}
.nav-bar .bar-3 {
	top:34px;
}
.mobile-menu {
	position:fixed;
	width:100%;
	/* right:-210px; */
	/* transform: translateX(100%); */
	height:auto;
	/* background:#005cdb; */
	transition:all 0.8s;
	box-sizing:border-box;
	top:0;
	z-index:102;
}

.mobile-menu .mobile-nav-bar {
	position:absolute;
	right:10px;
	top:15px;
	z-index:98;
}
.mobile-menu .mobile-nav {
	padding-top:55px;
	display: none;
}
.mobile-menu .item-nav {
	text-align:center;
	font-size:18px;
	padding:10px 0;
	color:#fff;
	position: relative;
	transform: translateX(50px);
	opacity: 0;
}
/* .m-open .mobile-menu{
	z-index:102;
} */
.m-open .mobile-menu{
	height: 100vh;
	padding-top:45px;
	padding-bottom:50px;
}
.m-open .mobile-menu .item-nav{
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    opacity: 1;
}
.mobile-menu .item-nav a{
	position: relative;
	display: inline-block;
}

.mobile-menu .logo-wrap {
	/* width:60%; */
}
.mobile-menu .contact{
	position: absolute;
	bottom:50px;
	width:100%;
	text-align: center;
	color: #ffffff;
	opacity: 0;
	visibility: hidden;
	transition: all 0.7s;
}
.m-open .mobile-menu .contact{
	opacity: 1;
	visibility: visible;
}
.mobile-menu .contact .name{
	font-size: 16px;
}
	.mobile-menu .contact .tel{
		font-size: 20px;
		padding-top:10px;
	}
.mobile-menu .menu-head{
	position: fixed;
	width:100%;
	top:0;
	left:0;
	padding-top:15px;
	padding-left:10px;
	display: none;
}
.mobile-menu .logo-wrap .logo-img {
	height: 30px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
}
/* .header-wrap.m-open .mobile-menu {
transform: translateX(0);
} */
.mobile-menu .mobile-nav{
	opacity: 0;
	visibility: hidden;
	display: none;
}
.header-wrap .mobile-menu .mobile-nav-bar {
	z-index:99;
}
.m-open .mobile-menu .mobile-nav,
.m-open .mobile-menu .logo-wrap .logo-img{
	opacity: 1;
	visibility: visible;
}
.m-open .mobile-menu .mobile-nav{
	display: block;
}
.header-wrap.m-open .mobile-menu .mobile-nav-bar .bar-1 {
	transform:rotate(-45deg);
	top:10px;
}
.header-wrap.m-open .mobile-menu .mobile-nav-bar .bar-2 {
	width:0;
}
.header-wrap.m-open .mobile-menu .mobile-nav-bar .bar-3 {
	transform:rotate(45deg);
	top:10px;
}
.header-wrap.m-open .mobile-menu .mobile-nav-bar{
	left:auto;
	right:10px;
}

.mobile-menu .phone {
	padding-top:20px;
	font-size:16px;
	color:#005cdb;
	text-align:center;
}
/* .header-wrap.m-open .mobile-nav-bar {
	right:200px;
}
*/

.shad-box {
	position:fixed;
	width:200vw;
	height:200vh;
	background:#005cdb;
	opacity: 0;
	z-index:102;
	left:100vw;
	top:-200vh;
	transform: scale(0);
	transition: all 0.5s;
	border-radius: 50%;
}
.shad-box.shad {
transform: scale(1);
top:-50vh;
left:-50vw;
opacity: 1;
}
.header-wrap.m-open .mobile-nav-bar .bar {
	background:#fff;
}
.header-wrap.m-open .header {
	display:none;
}
/* work --作品 */

.works-section {
	padding-top:3.125%;
	padding-bottom:3.125%;
}
.page {
	overflow:hidden;
}
.page .works-section .more-wrap {
	padding-top:2.2%;
}
.works-section .row-fluid {
	margin-left:-0.68125%;
	margin-right:-0.68125%;
	/* margin-left:-15px;
	margin-right:-15px;
	*/
}
.works-section .section-container {
	width:92.75%;
	margin-left:auto;
	margin-right:auto;
}
.works-section .item-work {
	/* padding-left:15px;
	padding-right:15px;
	*/

  position:relative;
	float:left;
	box-sizing:border-box;
	padding-left:0.68125%;
	padding-right:0.68125%;
	margin-bottom:1.5625%;
	/* padding-left:15px;
	padding-right:15px;
	*/
}
.works-section .item-work .works-logo {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:10;
	display:inherit;
}
.works-section .item-work .works-logo .icon-logo {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	margin:auto;
}
.works-section .item-work .icon-logo {
	text-align:center;
}
.works-section .item-work .works-logo img {
	transition:all 0.5s;
	max-width: 100%;
}
.works-section .item-work:hover .works-logo img {
	transform:translateY(-100%);
	opacity:0;
}
.works-section .item-work .item-inner {
	position:relative;
	padding-top:76.8115%;
}
.works-section .item-work .work-cover {

	overflow:hidden;
}
.works-section .item-work .cover-img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.works-section .item-work .cover-img img {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
}
.works-section .item-work .img {
	width:100%;
	height:100%;
}
.works-section .item-work .work-shad {
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(40,40,40,0.5);
	top:0;
	left:0;
	z-index:1;
}
.works-section .item-work .work-info {
	position:absolute;
	width:100%;
	height:100%;
	z-index:2;
	background-color:#005cdb;
	top:0;
	left:0;
	color:#fff;
	text-align:center;
	opacity:0;
	transition:all 0.4s;
}
.works-section .item-work .icon-add {
	margin:0 auto;
	padding-top:30px;
	transition:all 1s;
	opacity:0;
}
.works-section .item-work:hover .icon-add {
	animation:fadeInUp 0.4s;
	opacity:1;
}
.works-section .item-work:hover .work-info {
	opacity:1;
}
.works-section .item-work .work-name {
	font-size:30px;
}
.works-section .item-work .work-type {
	font-size:18px;
	padding-top:28px;
}
.works-section .item-work .bdr {
	position:absolute;
	width:40px;
	height:40px;
	border:5px solid #fff;
	transition:all 2s;
	visibility:hidden;
	opacity:0;
}
.works-section .item-work .work-name {
	position:relative;
}
.works-section .item-work .work-name::after {
	content:"";
	width:20px;
	background:#fff;
	height:1px;
	background:#fff;
	bottom:-12px;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
}
.works-section .item-work .left-bdr {
	border-right-width:0;
	border-bottom-width:0;
	left:20px;
	top:10px;
}
.works-section .item-work .btm-bdr {
	border-top-width:0;
	border-left-width:0;
	right:20px;
	bottom:10px;
}
.works-section .item-work:hover .left-bdr {
	left:10px;
	visibility:visible;
	opacity:1;
}
.works-section .item-work:hover .btm-bdr {
	right:10px;
	visibility:visible;
	opacity:1;
}
.works-section .item-work .infos {
	width:100%;
	height:100%;
}
/* work --作品 */

/* footer-form --底部表单  */

.footer-form {
	color:#fff;
}
.footer-form .form-bg {
	padding-top:60px;
	padding-bottom:60px;
	background:#005cdb url(../images/foot_form_bg.png) no-repeat center center/cover;
}
.footer-form .form-tit {
	font-size:36px;
}
.footer-form .form-sub-tit {
	padding-top:85px;
	font-size:30px;
}
.footer-form form {
	display:block;
	padding-top:30px;
	font-size:0;
	margin-left:-5px;
	margin-right:-5px;
}
.footer-form .input-box {
	width:21%;
	height:50px;
	display:inline-block;
	box-sizing:border-box;
	padding-left:5px;
	padding-right:5px;
}
.footer-form .submit-btn {
	display:inline-block;
	width:100%;
	height:50px;
	background-color:#040404;
	color:#fff;
}
.footer-form .submit-input {
	width:17%;
}
.footer-form .remark-input {
	width:41%;
}
.footer-form .input-box input {
	width:100%;
	height:100%;
	line-height:50px;
	color:#333;
	border-width:0;
	box-sizing:border-box;
	padding-left:10px;
	outline:none;
	background-color:#ffffff;
	transition:all 1s;
}
.footer-form .input-box input.border {
	border:1px solid #000;
}
.footer-form .input-box input::-webkit-input-placeholder {
	color:#999;
	font-size:14px;
}
.footer-form .warn-tip {
	font-size:14px;
	font-style:italic;
	padding-top:30px;
}
/* footer-form --底部表单  */

/* 页面 more-btn  */

.page .more-wrap {
	padding-top:60px;
	text-align:center;
}
.page .more-btn {
	width:190px;
	height:50px;
	line-height:50px;
	border:solid 1px #fff;
	display:inline-block;
	color:#fff;
	font-size:16px;
	position:relative;
}
.page .more-btn:hover {
	border-width:0px;
	color:#005cdb;
}
.page .more-btn::before,.page .more-btn::after {
	position:absolute;
	z-index:5;
	content:"";
	display:block;
	border:1px solid transparent;
	width:0;
	height:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.page .more-btn::before {
	bottom:-1px;
	right:-1px;
	-webkit-transition:border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
	transition:border-color 0s ease-in 0.4s,width 0.2s ease-in 0.2s,height 0.2s ease-in;
}
.page .more-btn::after {
	top:-1px;
	left:-1px;
	-webkit-transition:border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
	transition:border-color 0s ease-in 0.8s,width 0.2s ease-in 0.6s,height 0.2s ease-in 0.4s;
}
.page .more-btn:hover::before {
	width:100%;
	height:100%;
	border-bottom-color:#005cdb;
	border-left-color:#005cdb;
	-webkit-transition:border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
	transition:border-color 0s ease-out 0.4s,width 0.2s ease-out 0.4s,height 0.2s ease-out 0.6s;
}
.page .more-btn:hover::after {
	width:100%;
	height:100%;
	border-top-color:#005cdb;
	border-right-color:#005cdb;
	-webkit-transition:width 0.2s ease-out,height 0.2s ease-out 0.2s;
	transition:width 0.2s ease-out,height 0.2s ease-out 0.2s;
}
.page .more-btn .more-arrow {
	transition:all 0.5s;
}
.page .more-btn:hover .more-arrow {
	transform:translateX(5px);
}
.page .more-btn .arrow {
	width:20px;
	height:14px;
	display:inline-block;
	background:url(../images/icons/more_white_arrow.png) no-repeat center center;
}
.page .more-btn:hover .arrow {
	background:url(../images/icons/more_arrow.png) no-repeat center center;
}
.page .more-btn .txt {
	margin-right:20px;
}
/* .page .more-btn:hover {
	border-color:#005cdb;
	color:#005cdb;
}
*/

/* 页面 more-btn */

/* 新闻 S */

.news-section {
	padding-top:55px;
	padding-bottom:60px;
}
.news-section .section-tit {
	text-align:center;
}
.news-section .h-line {
	margin:0 auto;
}
.news-section .container-fluid {
	width:92.75%;
}
.news-section .news-list {
	margin-left:-0.68125%;
	margin-right:-0.68125%;
	padding-top:55px;
}
.news-section .item {
	padding-left:0.68125%;
	padding-right:0.68125%;
	float:left;
}
.news-section .item:nth-child(3)~.item .item-inner {
	margin-top:-2px;
	border-top-width:0;
}
.news-section .item-inner {
	border:1px solid #666666;
	padding:40px 30px;
	position:relative;
	transition:all 0.4s;
}
.news-section .news-left {
	position:absolute;
	height:100%;
	color:#fff;
	line-height:1;
}
.news-section .news-left .left-inner {
	padding-right:25px;
	border-right:1px solid #ebebeb;
}
.news-section .day {
	font-size:60px;
}
.news-section .year-month {
	display:block;
	font-size:18px;
	text-align:center;
}
.news-section .news-tit {
	font-size:18px;
	color:#fff;
	transition:all 0.3s;
	padding-top:5px;
}
.news-section .news-meta {
	padding-left:115px;
}
.news-section .news-dec {
	color:#999;
	font-size:14px;
	padding-top:10px;
	text-align:justify;
	min-height:45px;
}
.news-section .item:hover .news-tit {
	color:#005cdb;
}
/* 新闻 E */

.bg10 {
	background:#101010;
}
.bgff {
	background:#fff;
}
.bgf4 {
	background:#f4f4f4;
}
/* 页面分页 */

.page .pagination-bar {
	text-align:center;
	font-size:0;
}
.page .pagination-bar li {
	min-width:30px;
	height:30px;
	border-radius:50%;
	line-height:30px;
	text-align:center;
	color:#666666;
	font-size:14px;
	border:solid 1px #999999;
	display:inline-block;
	vertical-align:middle;
	margin:0 5px;
}
.page .pagination-bar li.disabled {
	cursor:not-allowed;
}
.page .pagination-bar li.active,.page .pagination-bar li:hover {
	background:#005cdb;
	color:#fff;
	border:1px solid #005cdb;
}
.page .pagination-bar li.first,.page .pagination-bar li.last,.page .pagination-bar li.prev,.page .pagination-bar li.next {
	font-family:simsun;
}
/* 页面分页 */

/* 合作伙伴 S */

.partner-section {
	background:#252525;
	padding-top:120px;
	padding-bottom:45px;
}
.page {
	overflow:hidden;
}
.page .section-tit {
	color:#fff;
}
.page .section-tit .tit {
	font-size:36px;
}
.page .section-tit .h-line {
	width:40px;
	height:1px;
	background:#ffffff;
	margin-top:20px;
}
.page .section-tit .eng {
	margin-top:25px;
}
.partner-section .left-box {
	color:#fff;
	padding-left:5%;
}
.partner-section .right-box {
	padding-left:8%;
}
.partner-section .counter-num {
	padding-top:115px;
}
.partner-section .counter-num .item {
	float:left;
	width:50%;
}
.partner-section .counter-num .num {
	font-weight:bold;
	font-size:72px;
}
.partner-section .counter-num .name {
	font-size:18px;
	padding-top:25px;
	/* display:block;
	*/
}
.partner-section .partner-logo .item {
	float:left;
	height:40px;
	line-height:40px;
	text-align:center;
	width:16.666%;
	margin-bottom:65px;
}
.partner-section .partner-logo .item img {
	vertical-align:middle;
	max-width:85%;
	height:auto;
	max-height:45px;
}
.partner-section .partner-logo .active-logo {
	display:none;
}
.partner-section .partner-logo .item:hover .white-logo {
	display:none;
}
.partner-section .partner-logo .item:hover .active-logo {
	display:inline;
}
.partner-logos .item:hover img,
.partner-logo .item:hover img{
	animation: bounce 1.2s;
}
/* 合作伙伴 E */

.hover-transTop img {
	transition:all 1s;
}
.hover-transTop:hover img {
	transform:translateY(-8px);
}
/* layer 表单提示 */

.warn-form-msg {
	padding:30px 0;
	text-align:center;
	background:#fff;
	color:#000;
	font-size:14px;
}
.layui-layer-bg {
	width:300px !important;
}
.layui-layer-title {
	font-size:16px !important;
	font-weight:bold !important;
}
/* layer 表单提示 */

/* 自定义 animate */

.anim-1,.anim-2,.anim-3,.anim-4,.anim-5,.anim-6,.anim-7,.anim-8,.anim-9,.anim-10,.anim-11,.anim-12 {
	-webkit-transform:translateY(100px) translateX(0);
	-moz-transform:translateY(100px) translateX(0);
	transform:translateY(100px) translateX(0);
	opacity:0;
	-webkit-transition-timing-function:ease-in-out;
	transition-timing-function:ease-in-out;
}
.anim-1 {
	-webkit-transition:transform .8s,opacity .8s;
	-moz-transition:transform .8s,opacity .8s;
	-o-transition:transform .8s,opacity .8s;
	transition:transform .8s,opacity .8s;
}
.anim-2 {
	-webkit-transition:transform 1s,opacity 1s;
	-moz-transition:transform 1s,opacity 1s;
	-o-transition:transform 1s,opacity 1s;
	transition:transform 1s,opacity 1s;
}
.anim-3 {
	-webkit-transition:transform 1.2s,opacity 1.2s;
	-moz-transition:transform 1.2s,opacity 1.2s;
	-o-transition:transform 1.2s,opacity 1.2s;
	transition:transform 1.2s,opacity 1.2s;
}
.anim-4 {
	-webkit-transition:transform 1.4s,opacity 1.4s;
	-moz-transition:transform 1.4s,opacity 1.4s;
	-o-transition:transform 1.4s,opacity 1.4s;
	transition:transform 1.4s,opacity 1.4s;
}
.anim-5 {
	-webkit-transition:transform 1.6s,opacity 1.6s;
	-moz-transition:transform 1.6s,opacity 1.6s;
	-o-transition:transform 1.6s,opacity 1.6s;
	transition:transform 1.6s,opacity 1.6s;
}
.anim-6 {
	-webkit-transition:transform 1.8s,opacity 1.8s;
	-moz-transition:transform 1.8s,opacity 1.8s;
	-o-transition:transform 1.8s,opacity 1.8s;
	transition:transform 1.8s,opacity 1.8s;
}
.anim-7 {
	-webkit-transition:transform 2s,opacity 2s;
	-moz-transition:transform 2s,opacity 2s;
	-o-transition:transform 2s,opacity 2s;
	transition:transform 2s,opacity 2s;
}
.anim-8 {
	-webkit-transition:transform 2.2s,opacity 2.2s;
	-moz-transition:transform 2.2s,opacity 2.2s;
	-o-transition:transform 2.2s,opacity 2.2s;
	transition:transform 2.2s,opacity 2.2s;
}
.anim-9 {
	-webkit-transition:transform 2.4s,opacity 2.4s;
	-moz-transition:transform 2.4s,opacity 2.4s;
	-o-transition:transform 2.4s,opacity 2.4s;
	transition:transform 2.4s,opacity 2.4s;
}
.anim-10 {
	-webkit-transition:transform 2.6s,opacity 2.6s;
	-moz-transition:transform 2.6s,opacity 2.6s;
	-o-transition:transform 2.6s,opacity 2.6s;
	transition:transform 2.6s,opacity 2.6s;
}
.anim-11 {
	-webkit-transition:transform 2.8s,opacity 2.8s;
	-moz-transition:transform 2.8s,opacity 2.8s;
	-o-transition:transform 2.8s,opacity 2.8s;
	transition:transform 2.8s,opacity 2.8s;
}
.anim-12 {
	-webkit-transition:transform 3.0s,opacity 3.0s;
	-moz-transition:transform 3.0s,opacity 3.0s;
	-o-transition:transform 3.0s,opacity 3.0s;
	transition:transform 3.0s,opacity 3.0s;
}
.anim-show {
	-webkit-transform:translateY(0px) translateX(0);
	-moz-transform:translateY(0px) translateX(0);
	transform:translateY(0px) translateX(0);
	opacity:1;
}
.anim-list .anim-1 {
	-webkit-transition:transform .5s,opacity .5s;
	-moz-transition:transform .5s,opacity .5s;
	-o-transition:transform .5s,opacity .5s;
	transition:transform .5s,opacity .5s;
}
.anim-list .anim-2 {
	-webkit-transition:transform .6s,opacity .6s;
	-moz-transition:transform .6s,opacity .6s;
	-o-transition:transform .6s,opacity .6s;
	transition:transform .7s,opacity .7s;
}
@-webkit-keyframes rotateInDownLeft {
	0% {
	transform-origin:left bottom;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	opacity:0
}
0%,to {
	-webkit-transform-origin:left bottom
}
to {
	transform-origin:left bottom;
	-webkit-transform:none;
	transform:none;
	opacity:1
}
}@keyframes rotateInDownLeft {
	0% {
	transform-origin:left bottom;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	opacity:0
}
0%,to {
	-webkit-transform-origin:left bottom
}
to {
	transform-origin:left bottom;
	-webkit-transform:none;
	transform:none;
	opacity:1
}
}@-webkit-keyframes rotateInDownRight {
	0% {
	transform-origin:right bottom;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	opacity:0
}
0%,to {
	-webkit-transform-origin:right bottom
}
to {
	transform-origin:right bottom;
	-webkit-transform:none;
	transform:none;
	opacity:1
}
}@keyframes rotateInDownRight {
	0% {
	transform-origin:right bottom;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	opacity:0
}
0%,to {
	-webkit-transform-origin:right bottom
}
to {
	transform-origin:right bottom;
	-webkit-transform:none;
	transform:none;
	opacity:1
}
}@keyframes mymove7 {
	from {
	filter:alpha(opacity=0);
	opacity:0;
	-webkit-transform:translateY(0) translateX(40%);
	-moz-transform:translateY(0) translateX(40%);
	transform:translateY(0) translateX(40%);
	-webkit-transition-timing-function:ease-in-out;
	transition-timing-function:ease-in-out;
}
to {
	filter:alpha(opacity=100);
	opacity:1;
	-webkit-transform:translateY(0px) translateX(0);
	-moz-transform:translateY(0px) translateX(0);
	transform:translateY(0px) translateX(0);
}
}@-webkit-keyframes mymove7 {
	from {
	filter:alpha(opacity=0);
	opacity:0;
	-webkit-transform:translateY(0) translateX(40%);
	-moz-transform:translateY(0) translateX(40%);
	transform:translateY(0) translateX(40%);
	-webkit-transition-timing-function:ease-in-out;
	transition-timing-function:ease-in-out;
}
to {
	filter:alpha(opacity=100);
	opacity:1;
	-webkit-transform:translateY(0px) translateX(0);
	-moz-transform:translateY(0px) translateX(0);
	transform:translateY(0px) translateX(0);
}
}@keyframes mymove8 {
	from {
	filter:alpha(opacity=0);
	opacity:0;
	-webkit-transform:translateY(0) translateX(-40%);
	-moz-transform:translateY(0) translateX(-40%);
	transform:translateY(0) translateX(-40%);
	-webkit-transition-timing-function:ease-in-out;
	transition-timing-function:ease-in-out;
}
to {
	filter:alpha(opacity=100);
	opacity:1;
	-webkit-transform:translateY(0px) translateX(0);
	-moz-transform:translateY(0px) translateX(0);
	transform:translateY(0px) translateX(0);
}
}@-webkit-keyframes mymove8 {
	from {
	filter:alpha(opacity=0);
	opacity:0;
	-webkit-transform:translateY(0) translateX(-40%);
	-moz-transform:translateY(0) translateX(-40%);
	transform:translateY(0) translateX(-40%);
	-webkit-transition-timing-function:ease-in-out;
	transition-timing-function:ease-in-out;
}
to {
	filter:alpha(opacity=100);
	opacity:1;
	-webkit-transform:translateY(0px) translateX(0);
	-moz-transform:translateY(0px) translateX(0);
	transform:translateY(0px) translateX(0);
}
}@keyframes mymove6 {
	from {
	filter:alpha(opacity=0);
	opacity:0;
	-webkit-transform:translateY(100px) translateX(0);
	-moz-transform:translateY(100px) translateX(0);
	transform:translateY(100px) translateX(0);
	-webkit-transition-timing-function:ease-in-out;
	transition-timing-function:ease-in-out;
}
to {
	filter:alpha(opacity=100);
	opacity:1;
	-webkit-transform:translateY(0px) translateX(0);
	-moz-transform:translateY(0px) translateX(0);
	transform:translateY(0px) translateX(0);
}
}@-webkit-keyframes mymove6 {
	/*from {
	filter:alpha(opacity=0);
	opacity:0;
	margin-bottom:-20%;
}
to {
	margin-bottom:3%;
	filter:alpha(opacity=1);
	opacity:1;
}
*/

  from {
	filter:alpha(opacity=0);
	opacity:0;
	-webkit-transform:translateY(100px) translateX(0);
	-moz-transform:translateY(100px) translateX(0);
	transform:translateY(100px) translateX(0);
	-webkit-transition-timing-function:ease-in-out;
	transition-timing-function:ease-in-out;
}
to {
	filter:alpha(opacity=100);
	opacity:1;
	-webkit-transform:translateY(0px) translateX(0);
	-moz-transform:translateY(0px) translateX(0);
	transform:translateY(0px) translateX(0);
}
}@keyframes mymove9 {
	from {
	filter:alpha(opacity=0);
	opacity:0;
	/*transform:scale3d(0,0,0);
	*/

    -webkit-clip-path:inset(0 99% 0 0);
	clip-path:inset(0 99% 0 0);
	opacity:0;
	margin-left:-.5em;
	padding-left:.5em;
	margin-right:-.5em;
	padding-right:.5em;
}
to {
	filter:alpha(opacity=100);
	opacity:1;
	transition:width .84s cubic-bezier(.4,0,.5,.9) 2s,opacity .12s linear 2s,-webkit-clip-path .84s cubic-bezier(.4,0,.5,.9) 2s;
	transition:clip-path .84s cubic-bezier(.4,0,.5,.9) 2s,width .84s cubic-bezier(.4,0,.5,.9) 2s,opacity .12s linear 2s;
	transition:clip-path .84s cubic-bezier(.4,0,.5,.9) 2s,width .84s cubic-bezier(.4,0,.5,.9) 2s,opacity .12s linear 2s,-webkit-clip-path .84s cubic-bezier(.4,0,.5,.9) 2s;
	-webkit-clip-path:inset(0 -1px 0 0);
	clip-path:inset(0 -1px 0 0);
}
}@-webkit-keyframes mymove9 {
	from {
	filter:alpha(opacity=0);
	opacity:0;
	-webkit-clip-path:inset(0 99% 0 0);
	clip-path:inset(0 99% 0 0);
	opacity:0;
	margin-left:-.5em;
	padding-left:.5em;
	margin-right:-.5em;
	padding-right:.5em;
}
to {
	filter:alpha(opacity=100);
	opacity:1;
	transition:width .84s cubic-bezier(.4,0,.5,.9) 2s,opacity .12s linear 2s,-webkit-clip-path .84s cubic-bezier(.4,0,.5,.9) 2s;
	transition:clip-path .84s cubic-bezier(.4,0,.5,.9) 2s,width .84s cubic-bezier(.4,0,.5,.9) 2s,opacity .12s linear 2s;
	transition:clip-path .84s cubic-bezier(.4,0,.5,.9) 2s,width .84s cubic-bezier(.4,0,.5,.9) 2s,opacity .12s linear 2s,-webkit-clip-path .84s cubic-bezier(.4,0,.5,.9) 2s;
	-webkit-clip-path:inset(0 -1px 0 0);
	clip-path:inset(0 -1px 0 0);
}
}@-webkit-keyframes flipInY {
	0% {
	-webkit-transform:perspective(400px) rotateY(90deg);
	transform:perspective(400px) rotateY(90deg);
	opacity:0;
}
40% {
	-webkit-transform:perspective(400px) rotateY(-10deg);
	transform:perspective(400px) rotateY(-10deg);
}
70% {
	-webkit-transform:perspective(400px) rotateY(10deg);
	transform:perspective(400px) rotateY(10deg);
}
100% {
	-webkit-transform:perspective(400px) rotateY(0deg);
	transform:perspective(400px) rotateY(0deg);
	opacity:1;
}
}@keyframes flipInY {
	0% {
	-webkit-transform:perspective(400px) rotateY(90deg);
	-ms-transform:perspective(400px) rotateY(90deg);
	transform:perspective(400px) rotateY(90deg);
	opacity:0;
}
40% {
	-webkit-transform:perspective(400px) rotateY(-10deg);
	-ms-transform:perspective(400px) rotateY(-10deg);
	transform:perspective(400px) rotateY(-10deg);
}
70% {
	-webkit-transform:perspective(400px) rotateY(10deg);
	-ms-transform:perspective(400px) rotateY(10deg);
	transform:perspective(400px) rotateY(10deg);
}
100% {
	-webkit-transform:perspective(400px) rotateY(0deg);
	-ms-transform:perspective(400px) rotateY(0deg);
	transform:perspective(400px) rotateY(0deg);
	opacity:1;
}
}@-webkit-keyframes fadeInUp {
	0% {
	opacity:0;
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0)
}
to {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}@keyframes fadeInUp {
	0% {
	opacity:0;
	-webkit-transform:translate3d(0,100%,0);
	transform:translate3d(0,100%,0)
}
to {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}
.animate__fadeInUp {
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}
/* 自定义 animate */
html::-webkit-scrollbar {
	position:absolute;
	width:4px;
	height:4px;
	background:rgba(0,0,0,0.1);
}
html::-webkit-scrollbar-thumb {
	width:4px;
	height:4px;
	border-radius:3px;
	background-color:rgba(0,0,0,0.25);
}
html::-webkit-scrollbar-track {
	background:#ababa7;
}
html::-webkit-scrollbar-corner {
	background:transparent;
	height:0;
	width:0;
}
.footer .site-copyright {
	text-align:center;
	position:relative;
}
.footer .site-copyright .friend-links {
	color:#fff;
	font-size:14px;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	height:100%;
	width:55%;
}
.footer .site-copyright .friend-links i {
	margin:0 3px;
	font-size:15px;
}
.works-section .item-work .awrap{
	display: block;
}
.works-section .item-work .item-about{
	display: none;
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	line-height: 30px;
}
.works-section .item-work .about-name{
font-size: 16px;
color:#fff;
}
.works-section .item-work .about-type{
	font-size: 14px;
	padding-left:15px;
	color: #999999;
}
.mobile-footer{
	display: none;
	background:#101010;
	color:#fff;
	padding-top:25px;
}
.mobile-footer .contact{
	padding-bottom:23px;
	border-bottom:1px solid #333333;
}
.bg-lc{
	background-repeat: no-repeat;
	background-position: left center;
}
.bg-cc{
	background-repeat: no-repeat;
	background-position: center center;
}
.mobile-footer .contact .item .name{
	color: #b7b7b7;
	font-size: 14px;
	padding-left:22px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 18px;
	line-height: 20px;
}
.mobile-footer .contact .item{
	padding-left:15px;
}
.mobile-footer .contact .item .info{
	font-size: 12px;
	padding-top: 10px;
}
.mobile-footer .contact .tel .name{
	background-image: url(../images/icons/icon_foot_mobiletel.png);
}
.mobile-footer .contact .tel .info{
	font-size: 15px;
}
.mobile-footer .contact .address .name{
background-image: url(../images/icons/icon_foot_address.png);
}
.mobile-footer .copyright{
	text-align: center;
	color: #999999;
	font-size: 12px;
	line-height: 1.6;
	padding-top:20px;
	padding-bottom:22px;
}