@charset "utf-8";

@font-face {
	font-family: 'hev';
	src:url('../fonts/hev.eot');
	src:url('../fonts/hev.eot') format('embedded-opentype'),
		url('../fonts/hev.svg') format('svg'),
		url('../fonts/hev.woff') format('woff'),
		url('../fonts/hev.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'font-icons';
	src:url('../fonts/font-icons.eot');
	src:url('../fonts/font-icons.eot') format('embedded-opentype'),
		url('../fonts/font-icons.svg') format('svg'),
		url('../fonts/font-icons.woff') format('woff'),
		url('../fonts/font-icons.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.font-icons {font-family:"font-icons";}
/*****************************
	CSS_FUNCTION
******************************/

::-webkit-scrollbar              { /* 1 */  width:9px; background-color:#333;}
::-webkit-scrollbar-button       { /* 2 */ }
::-webkit-scrollbar-track        { /* 3 */ }
::-webkit-scrollbar-track-piece  { /* 4 */ }
::-webkit-scrollbar-thumb        { /* 5 */ border:solid 2px #333; width:5px;  border-radius:4px; background-color:#fff;}
::-webkit-scrollbar-corner       { /* 6 */ background-color:#333;}
::-webkit-resizer                { /* 7 */ }
::-webkit-scrollbar:horizontal   { height:9px;}

html {-ms-overflow-style:-ms-autohiding-scrollbar;}
html,body {-webkit-overflow-scrolling : touch; background-color:#232323;}
a{ text-decoration:none;}
.txa_l {text-align:left;}
.txa_r {text-align:right;}
.txa_c {text-align:center;}
.fix_3px_spc {font-size:0; letter-spacing:-3px;}
.mid_wrap {text-align:center; font-size:0; letter-spacing:-3px;}
.mid_wrap > * { font-size:medium; letter-spacing: normal;}
.mid_wrap:before { display:inline-block; content:" "; height:100%; vertical-align:middle; width:0;}
.mid_block {display:inline-block; vertical-align:middle; font-size:medium; line-height:normal;}
.mid_fix {display:inline-block; height:100%; font-size:0;}
.pad_b_42 {padding-bottom:42px;}
.pad_tb_42 {padding:42px 0;}

/* GPU 加速CSS */
.hardware-acceleration {
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
/*****************************
	FOOTER
******************************/
.ai-footer {
	border-top: 8px solid #bf0a24;
	background-color: #232323;
}
.friend-links { height: 85px;}
.flks { font-size: 12px; line-height: normal; color: #4f4f4f; margin: 0 17px;
	-webkit-transition-property:text-shadow, color;
	transition-property:text-shadow, color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: cubic-bezier(.95, .01, .22, .65);
	transition-timing-function: cubic-bezier(.95, .01, .22, .65)
}

.flks:hover {
	-webkit-transition-duration: .1s;
	transition-duration: .1s;
	text-shadow:0 0 6px #fff;
	color:#fff;
}
.copyright {height: 142px; border-top:solid 1px #1c1c1c;}
.copyright h2{line-height: 60px; font-size: 24px; color: #a7a7a7;}
.copyright h3{font-size: 12px; color: #4f4f4f; line-height: 24px; text-transform: uppercase; font-weight: normal;}
/*****************************
	HEADER
******************************/
/* NAV */
.ai-nav-wrap {
	height:70px;
	background:#ececec;
}
.ai-logo {
	font-family:'font-icons';
	float:left;
	height:70px;
	line-height:70px;
	font-size:48px;
	color:#fff;
	padding-left:12px;
}
.ai-logo:before {
	letter-spacing:10px;
}
.ai-imlink {float:right;}
.imweibo,
.imweixin {
	float:left;
	width:70px;
	height:70px;
	line-height:70px;
	color:#919191;
	font-size:32px;
	text-align:center;
	font-family:"font-icons";
}

@-webkit-keyframes wxtxanim {
	0% { text-shadow: 0 0 0 #0f0  }
	50% { text-shadow: 0 0 60px #0f0 }
	100% { text-shadow: 0 0 0 #0f0  }
}
@keyframes wxtxanim {
	0% { text-shadow: 0 0 0 #0f0  }
	50% { text-shadow: 0 0 60px #0f0 }
	100% { text-shadow: 0 0 0 #0f0  }
}

.wxpopshowing {
	color: #fff;
	/*-webkit-animation-name: wxtxanim;
	animation-name: wxtxanim;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;*/
}
.imweibo:hover,
.imweixin:hover
 {color:#531e54;}

.imweibo:before {content:"\e60a";}
.imweixin:before {content:"\e60b";}
.ai-nav {
	position: fixed;
	height:inherit;
	width: 100%;
	z-index:99999;
	background:rgba(236, 236, 236, 0.85);
	left: 0;
	top: 0;
}
.ai-nav-list {
	float: right;
	position: relative;
}
.ai-nav-redLine {height:2px; background-color:red; width:20px; position:absolute; left:0; top:0; display:none;}
.ai-nav-listitem {
	position:relative;
	padding:0 38px;
	float:left;
	height:68px;
	padding-top:2px;
	line-height:68px;
	font-size:16px;
	/* background:#000; */
	color:#919191;
	/*-webkit-transition-property: color,text-shadow;
	transition-property: color,text-shadow;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;*/
}
.ai-nav-listitem:active {
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
	color:#fff;
	text-shadow:0 0 12px #fff;
}
.ai-nav-list .cur {
	padding-top:0;
	height:68px;
	line-height:68px;
	border-top: solid 2px red;
	background:rgba(255,255,255,0.05);
	color:#531e54;
	text-shadow:1px 1px 0 #fff;
}

.ai-banner-wrap {
	overflow:hidden;
	width:100%;
	height:670px;
	position:relative;
	background:#000;
}
.ai-banner-frame { width:100%; height:100%; position:relative; overflow:hidden;}
.banner_list {position:relative; width:100%; height:100%; float:left;cursor:pointer;}
/* .settings { width:100%; height:100%; position:relative; overflow:hidden;}
.banner_list .settings { display:none}
.active .settings {display:block} */
.ai-banner-font {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;

}
.ai-banner-0 .ai-banner-font {
    background: center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-image: url(../images/index-image/noti-1920-672.jpg);
}

.ai-banner-1 .ai-banner-font {
	background:url(../images/index-image/biggest-banner-bg.jpg);
	background-position: center top;
	-webkit-background-size:auto 100%;
	background-size:auto 100%;
}

.ai-banner-1 .ai-banner-img  {display:none;}
.ai-banner-1 {background-color: #a8162b;}

.ai-banner-2 .ai-banner-img {display:none;}
.ai-banner-2 {background: #1acc72 url(../images/index-image/biggest-banner-bg-2.png) left bottom repeat-x;}

.ai-banner-3 {background-color: #0a90e2;}
.ai-banner-4 .minsizemb {display:none;}
.ai-banner-prev,
.ai-banner-next { cursor:pointer; position:absolute; top:0; height:100%; width: 150px;font-size:0; letter-spacing:-3px;}

.ai-banner-prev:before,
.ai-banner-next:before {
	content: " ";
	display:inline-block;
	height:100%;
	vertical-align:middle;
	width:0;
	letter-spacing:normal;
}

.ai-banner-prev span,
.ai-banner-next span { font-size:128px; letter-spacing:normal; color:#fff;}

.ai-banner-prev { left:0; text-align:right;}
.ai-banner-next { right:0; text-align:left;}
.ai-banner-wrap .disabled span { color:rgba(255,255,255,0.2)}

.ai-banner-pages {position:absolute; left:0; bottom:12px; width:100%; height:10px; text-align:center;}
.ai-banner-pages li {
	cursor:pointer;
	letter-spacing: normal;
	border:solid 1px #fff;
	display:inline-block;
	width:8px;
	height:8px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin:0 8px;
}
.ai-banner-pages li.active {
	background:#fff;
}

/*banner 1 动画效果*/
@-webkit-keyframes banner_1_kf_1 {
	from { opacity: 0; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,20px,0)}
	to { opacity: 1 ; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}
}
@keyframes banner_1_kf_1 {
	from { opacity: 0; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,20px,0)}
	to { opacity: 1 ; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}
}
@-webkit-keyframes banner_1_kf_2 {
	from { opacity: 0; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,-20px,0)}
	to { opacity: 1 ; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}
}
@keyframes banner_1_kf_2 {
	from { opacity: 0; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,-20px,0)}
	to { opacity: 1 ; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}
}
.banner-font-big {display:block;font-size:72px; line-height:74px; color:#fff;}
.banner-font-small {display:block;font-family:'hev'; font-size:24px; line-height:48px; color:#fff; font-weight:100; text-transform:uppercase;}
.ai-banner-img {
	height:100%;
	width:auto;
}
.banner-bs1 {}
.banner-bs1 .cauliflower {color:#fff;line-height:180px; font-size:180px; padding-top:32px;}
.banner-bs1 .dot {color:rgba(255,255,255,0.5);line-height:18px; font-size:16px;}
.banner-bs1 .mouse {color:rgba(255,255,255,0.5); line-height:32px; font-size:32px;}

.ie8 .banner-bs1 .dot {color:#d38993;}
.ie8 .banner-bs1 .mouse {color:#d38993;}

.ai-banner-1.active {}
.ai-banner-1.active .banner-font-big {
	-webkit-animation-name: banner_1_kf_1;
	animation-name: banner_1_kf_1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);
}
.ai-banner-1.active .banner-font-small {
	-webkit-animation-name: banner_1_kf_1;
	animation-name: banner_1_kf_1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.ai-banner-1.active .cauliflower {
	-webkit-animation-name: banner_1_kf_1;
	animation-name: banner_1_kf_1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;	
}
.ai-banner-1.active .dot {
	-webkit-animation-name: banner_1_kf_1;
	animation-name: banner_1_kf_1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;	
}
.ai-banner-1.active .mouse {
	-webkit-animation-name: banner_1_kf_1;
	animation-name: banner_1_kf_1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;		
}

/*banner 2 动画效果*/
@-webkit-keyframes banner_2_kf_1 {
	from { opacity: 0; -webkit-transform: translate3d(50px,0,0); transform: translate3d(50px,0,0);}
	to {  opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
}
@keyframes banner_2_kf_1 {
	from { opacity: 0; -webkit-transform: translate3d(50px,0,0); transform: translate3d(50px,0,0);}
	to {  opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
}
@-webkit-keyframes banner_2_kf_2 {
	from {-webkit-transform: rotate(-180deg) scale(0.001);transform: rotate(-180deg) scale(0.001);}
	to {  -webkit-transform: rotate(0deg) scale(1);  transform: rotate(0deg) scale(1);}
}
@keyframes banner_2_kf_2 {
	from {-webkit-transform: rotate(-180deg) scale(0.001);transform: rotate(-180deg) scale(0.001);}
	to {  -webkit-transform: rotate(0deg) scale(1);  transform: rotate(0deg) scale(1);}
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg) translate3d(0,0,0);
    transform: perspective(400px) rotateX(90deg) translate3d(0,0,0);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg) translate3d(0,0,0);
    transform: perspective(400px) rotateX(-10deg) translate3d(0,0,0);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg) translate3d(0,0,0);
    transform: perspective(400px) rotateX(10deg) translate3d(0,0,0);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg) translate3d(0,0,0);
    transform: perspective(400px) rotateX(0deg) translate3d(0,0,0);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg) translate3d(0,0,0);
    -ms-transform: perspective(400px) rotateX(90deg) translate3d(0,0,0);
    transform: perspective(400px) rotateX(90deg) translate3d(0,0,0);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg) translate3d(0,0,0);
    -ms-transform: perspective(400px) rotateX(-10deg) translate3d(0,0,0);
    transform: perspective(400px) rotateX(-10deg) translate3d(0,0,0);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg) translate3d(0,0,0);
    -ms-transform: perspective(400px) rotateX(10deg) translate3d(0,0,0);
    transform: perspective(400px) rotateX(10deg) translate3d(0,0,0);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg) translate3d(0,0,0);
    -ms-transform: perspective(400px) rotateX(0deg) translate3d(0,0,0);
    transform: perspective(400px) rotateX(0deg) translate3d(0,0,0);
    opacity: 1;
  }
}

@-webkit-keyframes ab2_wx {
	from { opacity:0;}
	to {opacity:1}
}
@keyframes ab2_wx {
	from { opacity:0;}
	to {opacity:1}
}

.ai-banner-2.active .ad2_wx_img1{
	-webkit-animation-name: banner_2_kf_1;
	animation-name: banner_2_kf_1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;			
}
.ai-banner-2.active .ad2_wx_img2{
	-webkit-animation-name: banner_2_kf_2;
	animation-name: banner_2_kf_2;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;	
}
.ai-banner-2.active .ad2_wx_img3 {
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
	-webkit-animation-duration: .48s;
	animation-duration: .48s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;	
}
.ai-banner-2.active .ad2_wx_img4 {
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
	-webkit-animation-duration: .48s;
	animation-duration: .48s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
	-webkit-transform-origin: center top;
	-ms-transform-origin: center top;
	transform-origin: center top;
}


.ab2_wx_wrap { white-space:nowrap; word-break:keep-all; letter-spacing:-3px; font-size:0;}
.ab2_wx_wrap:before {
	vertical-align:bottom;
}
.ab2_wx_wrap  .mid_block { width:100%;}
.ab2_wx { max-height:100%; max-width:50%; vertical-align:top;
-webkit-animation:ab2_wx 0.2s linear;
animation:ab2_wx 0.2s linear;
-webkit-animation-fill-mode:backwards;
animation-fill-mode:backwards;
}
.ab2_wx2 {height:100%; display:inline-block; max-width:50%; position:relative;}
.ab2_wx2_in {position:absolute; left:0; top:0; width:100%; height:100%;}
.ab2_wx2img {max-height:100%; max-width:100%; vertical-align:top;}
.ad2_wx_img1,
.ad2_wx_img2,
.ad2_wx_img3,
.ad2_wx_img4,
.ad2_wx_img5 { float:left;}

.ad2_wx_img1 ,
.ad2_wx_img2 {width:50%;}
.ad2_wx_img3 ,
.ad2_wx_img4 {width:100%;}

.ad2_wx_img3 { margin:10px 0;}
.ad2_wx_img5 { display: none;}


/*banner 3 动画效果*/
.ai-banner-3 { background-color:#0a90e2;}
.ai-banner-3 .ai-banner-img { width:100%;min-height:100%; display:none;}
.ai-banner-3 .ai-banner-font { /*background:url(../images/index-image/bgmask.png)*/}
.ab3_mb_img_1 { max-height:100%;}
.ai-banner-3 .mid_block {position:relative;}
.ai-banner-3 .ab3_mb_t1 {
	font-size: 74px;
	font-family: "hev";
	color: #ffd442;
	text-transform: uppercase;
	position: absolute;
	left: 0;
	right: 0;
	top: 53px;
	text-align: center;
}
.ai-banner-3 .ab3_mb_t2 {
	position: absolute;
	top: 130px;
	left: 0;
	right: 0;
	text-align:center;
}
.ai-banner-3 .ab3_mb_t2 span {
	font-size: 24px;
	color: #0086d3;
	display: inline-block;
	line-height: 38px;
	padding: 0 14px;
	background: #fff;
}
.ai-banner-3 .ab3_mb_t3 {
	position: absolute;
	top: 172px;
	font-size: 56px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	left: 0px;
	right: 0px;
	white-space:nowrap;
	word-break:keep-all;
}
.ai-banner-3 .ab3_mb_t3 font {
	color:#ffd442;
	font-weight:bolder;
}
.ai-banner-3 .ab3_mb_t4 {
	position:absolute;
	top:244px;
	left:0;
	right:0;
	font-size:12px;
	color:rgba(255,255,255,.5);
	text-align:center;
	text-transform:uppercase;
}
.ie8 .ai-banner-3 .ab3_mb_t4 {
	color:#58b8ea;
}
.ab3_mb_img_2_wrap {
	position:absolute;
	left:0;
	width:100%;
	text-align:center;
	bottom:30px;
}
.ai-banner-3 .ab3_mb_img_2 {
	vertical-align:top;
	max-width:100%;
}
.ai-banner-3 .ab3_mb_t2 i { display:none;}
.ai-banner-3 .ab3_mb_img_3 {
	display: none;
	vertical-align:top;
	margin-top: -57px;
	margin-left: 57px;
}

/*
linktoKeyframe:
	banner_2_kf_1
	banner_1_kf_1
*/
.active .ab3_mb_t1, 
.active .ab3_mb_t2, 
.active .ab3_mb_t3, 
.active .ab3_mb_t4 {
	-webkit-animation-name: banner_2_kf_1;
	animation-name: banner_2_kf_1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;	
}
.active .ab3_mb_t1 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;	
} 
.active .ab3_mb_t2 {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;	
}  
.active .ab3_mb_t3 {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;	
} 
.active .ab3_mb_t4 {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;	
} 
.active .ab3_mb_img_1 {
	-webkit-animation-name: banner_1_kf_1;
	animation-name: banner_1_kf_1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);
}



@-webkit-keyframes banner_3_kf_1 {
	from {-webkit-transform: scale(0.5);transform: scale(0.5); opacity: 0;}
	to {  -webkit-transform: scale(1);  transform: scale(1); opacity: 1;}
}
@keyframes banner_3_kf_1 {
	from {-webkit-transform: scale(0.5);transform: scale(0.5); opacity: 0;}
	to {  -webkit-transform: scale(1);  transform: scale(1); opacity: 1;}
}

.active .ab3_mb_img_2 {
	-webkit-animation-name: banner_3_kf_1;
	animation-name: banner_3_kf_1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;	
}





/*banner 4 动画效果*/
.ai-banner-4 .ab4_3d_img_1 { max-width:90%; position:relative;}
.ai-banner-4 .ab4_3d_img_2 { max-width:80%; margin-bottom:-540px;}

.ai-banner-4 .ai-banner-img {display:none;}
.ai-banner-4 {
	background-color: #ffa800;
	background-image: url(../images/index-image/banner_aa.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.ai-banner-4 .mid_block {position:relative;}
.ai-banner-4 .ab4_3d_img_4,
.ai-banner-4 .ab4_3d_img_5,
.ai-banner-4 .ab4_3d_img_6 { position:absolute; left:50%; top:50%;}
.ai-banner-4 .ab4_3d_img_4 { margin: -63px 0 0 -670px;}
.ai-banner-4 .ab4_3d_img_5 { margin: -163px 0 0 38px;}
.ai-banner-4 .ab4_3d_img_6 { margin: 73px 0 0 114px;}

.ai-banner-4.active #mid_block_t1{
	-webkit-animation-name: banner_1_kf_1;
	animation-name: banner_1_kf_1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;	
}
.ai-banner-4.active #mid_block_t2{
	-webkit-animation-name: banner_1_kf_2;
	animation-name: banner_1_kf_2;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
	margin-top:140px;
}
.ai-banner-4.active #mid_block_t3{
	-webkit-animation-name: banner_1_kf_2;
	animation-name: banner_1_kf_2;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	-webkit-animation-delay: 2.0s;
	animation-delay: 2.0s;
	position:absolute;
	z-index:99;
	left:10%;
	top:150px;
}
.ai-banner-4.active #mid_block_t4{
	-webkit-animation-name: banner_1_kf_1;
	animation-name: banner_1_kf_1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	-webkit-animation-delay: 1.0s;
	animation-delay: 1.0s;
	position:absolute;
	z-index:99;
	left:70%;
	top:250px;
}
/*
linktoKeyframe:
	banner_2_kf_1
	banner_1_kf_1
	banner_3_kf_1
*/

.active .ab4_3d_img_2,
.active .ab4_3d_img_1 {
	-webkit-animation-name: banner_3_kf_1;
	animation-name: banner_3_kf_1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	-webkit-animation-timing-function:cubic-bezier(0, 1.7, .35, .81);
	animation-timing-function:cubic-bezier(0, 1.7, .35, .81);
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;	
}

.active .ab4_3d_img_4,
.active .ab4_3d_img_5,
.active .ab4_3d_img_6 {
	-webkit-animation-name: banner_1_kf_1;
	animation-name: banner_1_kf_1;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	-webkit-animation-timing-function:cubic-bezier(0, 1.7, .35, .81);
	animation-timing-function:cubic-bezier(0, 1.7, .35, .81);
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;	
}

.active .ab4_3d_img_4 {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;		
}
.active .ab4_3d_img_5 {
	-webkit-animation-delay: 0.7s;
	animation-delay: 0.7s;		
}
.active .ab4_3d_img_6 {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;		
}

/*banner 5 动画效果*/
.ai-banner-5 {background:url(../images/index-image/czym_ddd.png);
	background-position: center top;
	-webkit-background-size:auto 100%;
	background-size:auto 100%;}

.ai-banner-5 .ab5_chart_wrap { padding:50px 0 10px 0;}
.ai-banner-5.active .ab5_chart_wrap img {
	-webkit-animation-name: banner_1_kf_2;
	animation-name: banner_1_kf_2;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: backwards;
	animation-fill-mode: backwards;
	-webkit-animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	animation-timing-function:cubic-bezier(.01, 1, .21, .99);
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;	
}
.ai-banner-5 .ab5_t1 {font-size:56px; color:#ffd632}
.ai-banner-5 .ab5_t2 {font-size:88px; color:#fff;}
.ai-banner-5 .ab5_t3 {
	padding-left:100px;
	font-size:26px;
	color:#3CF;
}
.ai-banner-5 .ab5_t3 em {font-size:14px; vertical-align:middle;}
.ai-banner-5 .ab5_t3 em span { margin-left:20px;}
.ai-banner-5 .ab5_t3 em span a:link,.ai-banner-5 .ab5_t3 em span a:visited
{color:#3CF;}
.ai-banner-5 .ab5_t3 em span a:hover
{ color:#fff;}

.ab5_chart_1 { height:160px;overflow:hidden; width:160px; display:inline-block; background:rgba(0,0,0,0.23); position:relative; background:#f9cb11; border-radius:50%; }
.ab5_chart_1  .patch_1, 
.ab5_chart_1  .patch_2 {overflow:hidden;   width:50%; height:100%; position:absolute; }


.ab5_chart_1  .patch_1 {right:0; top:0; }
.ab5_chart_1  .patch_2 {left:0; top:0; }


.ab5_chart_1  .patch_1 .snap,
.ab5_chart_1  .patch_2 .snap { width:200%; height:100%; background:#fff; border-radius:50%;} 
.ab5_chart_1  .patch_1 .snap {
	position:absolute;
	left:-100%;
	top:0;
	/*-webkit-transform:rotate(30deg);*/
	clip:rect(0px,80px,160px,0px);
	-webkit-animation:chart_1_1 0.2s linear forwards;
	animation:chart_1_1 0.2s linear forwards;
}

.ab5_chart_1  .patch_2 .snap {
	position:absolute;
	right:-100%;
	top:0;
	/*-webkit-transform:rotate(30deg);*/
	clip:rect(0px,160px,160px,80px);
	-webkit-animation:chart_1_2 0.2s 0.2s linear forwards;
	animation:chart_1_2 0.2s 0.2s linear forwards;
	-webkit-animation-timing-function: cubic-bezier(0, .94, .17, 1);/* OLD webkit */
	-webkit-animation-timing-function: cubic-bezier(.05, 2, .59, .72);
	animation-timing-function: cubic-bezier(.05, 2, .59, .72);
}
/*圆形chart的动画*/
@-webkit-keyframes chart_1_1 {
	from { -webkit-transform:rotate(0deg); transform:rotate(0deg)}
	to { -webkit-transform:rotate(180deg); transform:rotate(180deg)}
}
@keyframes chart_1_1 {
	from { -webkit-transform:rotate(0deg); transform:rotate(0deg)}
	to { -webkit-transform:rotate(180deg); transform:rotate(180deg)}
}
@-webkit-keyframes chart_1_2 {
	from {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
	to {-webkit-transform:rotate(108deg);transform:rotate(108deg)}
}
@keyframes chart_1_2 {
	from {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
	to {-webkit-transform:rotate(108deg);transform:rotate(108deg)}
}

/*圆形chart的文字动画*/
@-webkit-keyframes chart_1_font {
	from {-webkit-transform: scale(0.001);transform: scale(0.001); opacity: 0;}
	to {-webkit-transform: scale(1);transform: scale(1); opacity: 1;}
}
@keyframes chart_1_font {
	from {-webkit-transform: scale(0.001);transform: scale(0.001); opacity: 0;}
	to {-webkit-transform: scale(1);transform: scale(1); opacity: 1;}
}
.patch_font {
	position:absolute;
	top:10px;
	left:10px;
	right:10px;
	bottom:10px;
	border-radius:50%;
	font-size:32px; line-height:140px;
	color:#fff;
	text-align:center;
	background:#35cbd9;
}
.patch_font span {
	display: inline-block;
	-webkit-animation: chart_1_font 0.3s 0.4s;
	animation: chart_1_font 0.3s 0.4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(.24, 1, .52, .46);/* OLD webkit */
	-webkit-animation-timing-function: cubic-bezier(.24, 2.47, .52, .46);
	animation-timing-function: cubic-bezier(.24, 2.47, .52, .46);	
}

.ab5_chart_2 {display: inline-block;}
.ab5_chart_2 .chart_2_eachcol { position:relative; float: left; border-radius:3px; width:26px; margin:0 10px; height:180px; border:solid 2px #fff;}
.ab5_chart_2 .col_1 {background-color: #f9cb11;}
.ab5_chart_2 .col_2 {background-color: #35cbd9;}
.ab5_chart_2 .col_3 {background-color: #cccccc;}
.chart_2_eachcol span { display:block; height:100%; background:#fff;}


@-webkit-keyframes achart2_1 {
	from { height: 100%;}
	to { height: 55%}
}
@keyframes achart2_1 {
	from { height: 100%;}
	to { height: 55%}
}
@-webkit-keyframes achart2_2 {
	from { height: 100%;}
	to { height: 35%}
}
@keyframes achart2_2 {
	from { height: 100%;}
	to { height: 35%}
}
@-webkit-keyframes achart2_3 {
	from { height: 100%;}
	to { height: 75%}
}
@keyframes achart2_3 {
	from { height: 100%;}
	to { height: 75%}
}
@-webkit-keyframes achart2_4 {
	from { height: 100%;}
	to { height: 40%}
}
@keyframes achart2_4 {
	from { height: 100%;}
	to { height: 40%}
}
@-webkit-keyframes achart2_5 {
	from { height: 100%;}
	to { height: 60%}
}
@keyframes achart2_5 {
	from { height: 100%;}
	to { height: 60%}
}

.active .col_step_1 span {
	-webkit-animation:achart2_1 1s 0.0s;
	animation:achart2_1 1s 0.0s;
}
.active .col_step_2 span {
	-webkit-animation:achart2_2 1s 0.1s;
	animation:achart2_2 1s 0.1s;
}
.active .col_step_3 span {
	-webkit-animation:achart2_3 1s 0.2s;
	animation:achart2_3 1s 0.2s;
}
.active .col_step_4 span {
	-webkit-animation:achart2_4 1s 0.3s;
	animation:achart2_4 1s 0.3s;
}
.active .col_step_5 span {
	-webkit-animation:achart2_5 1s 0.4s;
	animation:achart2_5 1s 0.4s;
}



.active .col_step_1 span,
.active .col_step_2 span,
.active .col_step_3 span, 
.active .col_step_4 span,
.active .col_step_5 span {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(0, 2.24, .29, .97);
	animation-timing-function: cubic-bezier(0, 2.24, .29, .97);
} 


@-webkit-keyframes achart2_pec {
	from { -webkit-transform: scale(0.0001) rotate(45deg); transform: scale(0.0001) rotate(45deg);}
	to { -webkit-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg);}
}
@keyframes achart2_pec {
	from { -webkit-transform: scale(0.0001) rotate(45deg); transform: scale(0.0001) rotate(45deg);}
	to { -webkit-transform: scale(1) rotate(45deg); transform: scale(1) rotate(45deg) ;}
}


.chart_2_eachcol em {
	display: block;
	position: absolute;
	top: -42px;
	left:-2px;
	width: 100%;
	border:solid 2px #f9cb11; 
	height: 28px;
	background: #f9cb11;
	border-radius: 22px 22px 0 22px;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

.active .col_step_1 em,
.active .col_step_2 em,
.active .col_step_3 em,
.active .col_step_4 em,
.active .col_step_5 em {
	-webkit-animation: achart2_pec 0.5s cubic-bezier(.23, 1.8, .61, .73) both;
	animation: achart2_pec 0.5s cubic-bezier(.23, 1.8, .61, .73) both;
}

.active .col_step_1 em {
	-webkit-animation-delay: 0.0s;
	animation-delay: 0.0s;
}
.active .col_step_2 em {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.active .col_step_3 em {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.active .col_step_4 em {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.active .col_step_5 em {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}


.chart_2_eachcol em i {
	vertical-align:top;
	display:inline-block;
	width:100%;
	height:100%;
	line-height:28px;
	text-align:center;
	font-size:12px;
	background:#fff;
	border-radius:50%;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	color:#f9cb11;
}


.ab5_chart_3 {display: inline-block;}
.ab5_chart_3 .inwrap_1 { width:252px; height:224px; overflow:hidden; border-radius: 0 114px 114px 0; border-right:2px solid #fff;}
.ab5_chart_3 .inwrap_2 { float:right; width:220px; height:224px; background:#fff; border-radius:50%; overflow:visible;}
.ab5_chart_3 .inchart_1 { float:right;height:130px; width:250px; border-radius:10px 0 0 10px; margin-top:47px; border:solid 2px #fff; border-right:0;
	background:#30d0e3 url(../images/index-image/biggest-banner-bg-5-item-1.png)  center center no-repeat;
}
.ab5_chart_3 .inchart_2 {
	position:relative;
	background:13px center no-repeat;
	background-image:url(../images/index-image/biggest-banner-bg-5-item-2.png);
	width:100%;
	height:100%;
	-webkit-background-size:224px 110px;
	background-size:224px 110px;
}

.ab5_chart_3 .inchart_2 .point_1,
.ab5_chart_3 .inchart_2 .point_2,
.ab5_chart_3 .inchart_2 .point_3,
.ab5_chart_3 .inchart_2 .point_4,
.ab5_chart_3 .inchart_2 .point_5 {
	position:absolute;
	display:block;
	width:8px; 
	height:8px;
	border-radius:60%;
	background:#fff;
	border:solid 2px #fcd327;
}

.ab5_chart_3 .inchart_2 .point_1 {left:49px; top:91px;}
.ab5_chart_3 .inchart_2 .point_2 {left:103px; top:60px;}
.ab5_chart_3 .inchart_2 .point_3 {left:143px; top:68px;}
.ab5_chart_3 .inchart_2 .point_4 {left:190px; top:24px;}
.ab5_chart_3 .inchart_2 .point_5 {left:218px; top:11px;}


@-webkit-keyframes chart3_board {
	from { right: -250px;}
	to {right:0}
}
@keyframes chart3_board {
	from { right: -250px;}
	to {right:0}
}


.ab5_chart_3 .inchart_1  {
	-webkit-animation-name: chart3_board;
	animation-name: chart3_board;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: cubic-bezier(0, .81, .22, 1.01);
	animation-timing-function: cubic-bezier(0, .81, .22, 1.01);
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
	position: relative;
}
@-webkit-keyframes inchart_2_ani {
	from { width: 0%; }
	to { width: 100%;}
}
@keyframes inchart_2_ani {
	from { width: 0%; }
	to { width: 100%;}
}
.ab5_chart_3 .inchart_2{
	overflow: hidden;
	-webkit-transform-origin:left center;
	-ms-transform-origin:left center;
	transform-origin:left center;
	-webkit-animation-name: inchart_2_ani;
	animation-name: inchart_2_ani;
	-webkit-animation-delay: 1.3s;
	animation-delay: 1.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

.not-active .na-hide {display:none;}
/*****************************
	Eachcont
******************************/
.con-wite {
	background-color:#fff;
}
.con-gry {
	background-color:#f2f2f2;
}
.con-black {
	background-color:#232323;
}
.ecpadding_1 {
	padding: 24px 0;
}
.title-big {font-size:42px; line-height:80px; color:#d30830;}
.title-medium {font-size:24px; color:#333333;}
.title-small {font-size:12px;line-height:24px; color:#666666;}
.con-third-1 {width:1008px; margin:0 auto;}
.third-big-wrap { width:100%; overflow:hidden;}
.third-w {width:33.33333333333333333%; float:left;}
.third-w .wrap-group {}

.circle-icon {display:inline-block; font-size:48px; text-align:center; font-family:"font-icons";width:92px; height:92px; line-height:92px; border-radius:46px; border:solid 1px #cecece; background:#fff;}
.ci-1:after {
	content:"\e602";
}
.ci-2:after {
	content:"\e601";
}
.ci-3:after {
	content:"\e60d";
}
.ci-4:after {
	content:"\e604";
}
.ci-5:after {
	content:"\e606";
}
.ci-6:after {
	content:"\e607";
}
.ci-7:after {
	content:"\e605";
}
.ci-8:after {
	content:"\e603";
}

.minsizeToggle {display:none; height:94px;}
.minsizeToggle .circle-icon { width:60px; height:60px; line-height:60px; font-size:32px;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.minsizeToggle .ci-2 { margin: 0 24px;}
.minsizeToggle .cur {
	border-color:#d30830; box-shadow:inset 0 0 0 50px #d30830;-webkit-box-shadow:inset 0 0 0 50px #d30830;
	color:#fff;
	font-size:48px;
	line-height:92px;
	height:92px;
	width:92px;
}

.third-w .iconwrap {}

.br-1 { display:none;}
.br-2 { display:block;}
.br-3 { display:none;}
.br-4 { display:none;}
.circle-icon-2,
.circle-icon-1 {
	cursor:default;
	color:#969696;
	-webkit-transition-property: -webkit-box-shadow,color;
	transition-property: box-shadow,color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: cubic-bezier(.95, .01, .22, .65);
	transition-timing-function: cubic-bezier(.95, .01, .22, .65)
}

.circle-icon-2 {color:#951F6c;}
.sprows:hover .circle-icon-2,
.sprows:hover .circle-icon-1,
.third-w:hover .circle-icon-2,
.third-w:hover .circle-icon-1,
.circle-icon-2:hover,
.circle-icon-1:hover {border-color:#951F6c; box-shadow:inset 0 0 0 50px #d30830;-webkit-box-shadow:inset 0 0 0 50px #951F6c}
.sprows:hover .circle-icon-2,
.sprows:hover .circle-icon-1,
.third-w:hover .circle-icon-2,
.third-w:hover .circle-icon-1,
.circle-icon-2:hover,
.circle-icon-1:hover {color:#fff;}

.trd-title { line-height:48px; display:inline-block;}
.trdcon { display: inline-block;}
.trd-detal {font-size:12px; line-height:24px; color:#666;}

.con_rank_title {
	padding:42px 0 0 0;
}
.con_rank_title h2 {
	text-align:center;
	font-size:72px;
	font-family:'Arial';
	color:#fff;
}
.con_rank_title h2:before,
.con_rank_title h2:after {
	display:inline-block;
	content:" ";
	height:35px;
	vertical-align:top;
	border-bottom:solid 1px #CCCCCC;
	width:50px;
}
.con_rank_title h2:before { margin-right:10px;}
.con_rank_title h2:after { margin-left:10px;}
.con_rank_title h3 {font-size:36px; line-height:54px; color:#d30830; text-align:center; display:block;}
.con_rank_title h4 {font-family:"hev"; font-size:12px; line-height:18px; color:#fff; text-align:center;}
.con_rank_title h5 {color:#666666; font-size:12px; line-height:28px; text-align:center;}

.con-wite .con_rank_title h2 { color:#d7d7d7}
.con-wite .con_rank_title h4 { color:#707070}
.con-wite .con_rank_title h2:before,
.con-wite .con_rank_title h2:after { border-color:#d7d7d7;}

.con-gry .con_rank_title h2 { color:#d7d7d7}
.con-gry .con_rank_title h4 { color:#939393}
.con-gry .con_rank_title h2:before,
.con-gry .con_rank_title h2:after { border-color:#d7d7d7;}

.con_rank_title h3.white {color:#fff;}

.case-nav-wrap { padding:10px 0;}
.case-nav-items {display:inline-block; padding-bottom:5px; font-size:12px; line-height:18px; letter-spacing:normal; margin: 0 18px; color:#c8c8c8; cursor:pointer;
	-webkit-transition-property:text-shadow, color;
	transition-property:text-shadow, color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-timing-function: cubic-bezier(.95, .01, .22, .65);
	transition-timing-function: cubic-bezier(.95, .01, .22, .65)
}
.case-nav-items:hover {
	-webkit-transition-duration: .1s;
	transition-duration: .1s;
	text-shadow:0 0 6px #fff;
	color:#fff;
}
.case-nav-wrap .cur {padding-bottom:3px; border-bottom:solid 2px #d30830;}
.case-gallery-wrap {
	 height:760px;width: 100%;
	 background:#fff;
}
.case-btn-wrap
{
    background: #fff;
    padding:2% 0 3%;
}
.case-more-btn
{
    display:block;
    text-align: center;
    width: 150px;
    margin: 0 auto;
    background: #eee;
    line-height: 50px;
    cursor: pointer;
    color: #9d9d9d;
    font-size: 16px;
    margin-bottom: 60px;    
}
.case-gallery-wrap .magicwall-grid>li {
	position:absolute;
	background:#fff;
}
.case-gallery-wrap .magicwall-grid-item:hover {
	overflow: hidden !important;
}
.case-gallery-wrap .hover-content {
	opacity: 1;
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	cursor:pointer;
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear;
	overflow:hidden;
}
.case-gallery-wrap .hover-content:before {
	content: " ";
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: bottom;
}
.case-gallery-wrap .hover-content-inner {
	width:100%;
	display: inline-block;
	letter-spacing: normal;
	font-size: 16px;
	vertical-align: middle;
	padding-bottom: 50px;
	margin-bottom: -50px;
	-webkit-transform: translateY(220px);
	-ms-transform: translateY(220px);
	transform: translateY(220px);
	-webkit-transition: -webkit-transform .8s linear;
	transition: transform .8s linear;
	-webkit-transition-timing-function: cubic-bezier(0, 1, 0, 1);
	transition-timing-function: cubic-bezier(0, 1, 0, 1);
}
.case-gallery-wrap .hover-content h2{
	font-size:24px; color:#fff;padding:6px 10px;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0;
}
.case-gallery-wrap .hover-content p{
	font-size:12px; color:#fff; padding: 0 10px 6px 10px; line-height: 18px;
	-webkit-transform: translateY(25px);
	-ms-transform: translateY(25px);
	transform: translateY(25px);
	opacity: 0
}
.case-gallery-wrap .hover-content h2,
.case-gallery-wrap .hover-content p {
	-webkit-transition-property: -webkit-transform, opacity;
	transition-property: transform, opacity;
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-webkit-transition-timing-function: cubic-bezier(0, .97, .36, 1);
	transition-timing-function: cubic-bezier(0, .97, .36, 1);
}

.case-gallery-wrap .hover-content h2 {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.case-gallery-wrap .hover-content p {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}


.case-gallery-wrap .hover-content:hover { opacity: 1;}
.magicwall-wrap div.magicwall-thumb{position:relative;vertical-align: middle;text-align: center;}
.magicwall-wrap div.magicwall-thumb img
{
    position:absolute;
    top:50%;
    left:50%;
    -moz-transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    max-width:75%;
    max-height:75%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);   
    filter: grayscale(100%);
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
}
.case-gallery-wrap .hover-content:hover ~ div.magicwall-thumb img
{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);   
    filter: grayscale(0%);
}
.case-gallery-wrap .hover-content:hover .hover-content-inner {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.case-gallery-wrap .hover-content:hover h2,
.case-gallery-wrap .hover-content:hover p {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
.case-grid {
  background: #03899c;
  position: relative;
  min-height: 580px;
  padding: 15px;
  overflow: hidden;
}
.case-grid .mix {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
  text-align: right;
  background: rgba(255, 255, 255, 0.4);

  display: none;
  font-size: 25px;

  line-height: 1.8em;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.9);
  vertical-align: top;
  -webkit-backface-visibility: hidden;
}
/*.case-grid .mix:before {
  content: '';
  display: inline-block;
  padding-top: 60%;
  vertical-align: middle;
}*/
.case-grid .gap,
.case-grid .mix {
  width:  14.28571429%;
 
}
.case-grid .mix .caseimg { width:100%;vertical-align:top;}
.case-grid.list .mix {
  width: 100%;
  background: rgba(255, 255, 255, 0.3);
}

.case-grid.pagination {
  min-height: 0;
  background: #6bd2e8;
  padding: 15px;
}
.case-grid.pagination .mix {
  margin-bottom: 4%;
  width: 48%;
}






.flow-case-con {
	width:1008px;
	margin:0 auto;
}

.flow-case-con .trd-detal { margin:0 10px;}
.six_row_sprit:before,
.six_row_sprit:after { content: ""; display: table; font-size:0 !important; line-height:0!important; height:0!important;}  
.six_row_sprit:after { clear: both; }  
.six_row_sprit .sprows { width:16.66666667%; float:left;}

.flow-setps-wrap {position:relative; overflow:hidden;
	-webkit-touch-callout: none;  
	-webkit-user-select: none;  
	-khtml-user-select: none;  
	-moz-user-select: none;  
	-ms-user-select: none;  
	user-select: none;	
}
.flow-setps-wrap img {vertical-align:top;}
.flow-setps-frame { position:absolute;  top:0;overflow:visible; width:100%;}
.flow-setps-frame .steps {visibility:hidden;  width:100%; height:100%; left:0; top:0; position:absolute;}
.flow-setps-frame .cur {display:block; width:100%; visibility:visible; position:static;}
.flow-setps-frame .step-1 {}
.flow-setps-frame .step-2 { visibility:visible; position:absolute; top:0; left:auto; right:100%;}
.flow-setps-frame .step-3 { position:absolute; top:auto; left:auto; right:100%; bottom:100%; }
.flow-setps-frame .step-4 { position:absolute; top:auto; left:0; right:auto; bottom:100%;}
.flow-setps-frame .step-5 { position:absolute; left:0; top:0;}
.flow-setps-frame .step-6 { position:absolute; left:auto; top:0; right:100%;}
.flow-setps-frame .step-7 { position:absolute; left:auto; top:0; right:200%;}


.case-sprit-line {display:none;}

.count-wrap {height:546px; position:relative; width:100%; overflow:hidden;
	background:url(../images/count-background.jpg) 50% 50%;
	background-size:cover;
}
.ie8 .count-wrap { background:none;}

img.count-background { height:100%; width:auto; display:none;}
.ie8 img.count-background {display:block;}
.count-content { position: absolute; left:0; top:0; width:100%; height:100%; background: rgba(0,0,0,.84);}
.count-content .mid_block { width:99%;}
.count-item { display:inline-block; margin-left:5%; position:relative;}
.count-item:first-child { margin-left:0;}
.count-mc {font-family:"font-icons";  display:block; width:32px; height:32px; line-height:32px; text-align:center; font-size:32px; color:#fff; position:absolute; top:0; right:0;}
.count-mc:before { content:"\e610"; }
.count-number { height:220px; font-family:"font-icons";font-size:220px; min-width:146px; color:#fff; padding:0 20px; text-align:center; line-height:220px; -moz-line-height: normal;border-radius:6px; background:#d00027;}
.firefox .count-number { line-height: normal;}
.count-number:after {
	position: absolute;
	display:block;
	left:0;
	top:102px;
	height:0;
	width:100%;
	content:" ";
	border-bottom:4px solid #c70020;	
}
.count-fonts {font-size:18px; color:#fff; line-height:20px; padding-top:24px;}
.carousel-partners {
	width:1005px;
	margin:0 auto;
}
.carousel-partners .eachrow {
	/* width:180px;
	float:left; */
}
.partner-item {
	background-color:#fff;
	height:100px;
	width:100%;
	background-repeat:no-repeat;
	background-position: center center;
	-webkit-background-size:70% auto;
	background-size:70% auto;
}
.cp-frame { width:100%; overflow:hidden;}
.cp-frame .sides {list-style: none; white-space:nowrap; word-break:keep-all;}
.cp-frame .eachrow { margin:0; padding:0; height:100px; display:inline-block;}

.cp-pages { text-align:center; display:block; padding-top:20px;}
.cp-pages li {display:inline-block; width:8px; height:8px; background-color:#999999; margin: 0 4px; -webkit-border-radius:50%; border-radius:50%;}
.cp-pages li.active {background-color:#d70a30;}

.cont-blog-wrap {
	width:1008px;
	height:auto;
	margin:0 auto;
	padding:60px 0;
}
.blog-frame {white-space:nowrap; word-break:keep-all;}
.blog-viewport {
	width:100%;
	overflow:hidden;
}
.each-blog-view {width:262px;vertical-align:top; margin-right:111px; display:inline-block; font-size:medium; white-space:normal; word-break:normal; letter-spacing:normal;}
.picterborder {padding:4px; border:solid 1px #dddddd; overflow:hidden; background:#fff;}
.picterborder .bpie8 { width:100%; height:100%; vertical-align:top;}
.blog-title { padding:8px 0; font-weight:normal; font-size:16px; line-height:24px; color:#000;}
.blog-explain { font-size:12px; line-height:18px; color:#666666;}
.blog-page-btnwrap {text-align:center; padding-top:40px;}
.blog-page-toggle {display:inline-block;  cursor:pointer;width:40px; height:40px; background:url(../images/pagebtn-1.gif) left top no-repeat #d70a30;  }
.blog-page-btnwrap .pageprv { background-position:left bottom;}
.blog-page-btnwrap .pagenex { background-position:right bottom}
.blog-page-btnwrap .disabled {background-color:#e0e0e0;}
.blog-page-btnwrap .pageprv.disabled {background-position:left top;}
.blog-page-btnwrap .pagenex.disabled {background-position:right top;}

.call-us {padding: 42px 0; text-align:center;}
.call-us  a {display:inline-block;font-size:30px; color:#fff; font-family:"hev",\5FAE\8F6F\96C5\9ED1; line-height:80px; border:double 1px #434343; padding:0 42px; background-color:#434343; position:relative;}
.call-us  a:before {
	display:block;
	content:" ";
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	top:0;
	border:solid 2px #232323;
}

.feedback-and-contact { text-align:center; padding:65px 0; background:#2e2e2e;}
.feedback-index,
.contact-index { display:inline-block; text-align:left; font-size:12px; letter-spacing:normal; vertical-align:top; margin: 0 45px;}
.feedback-index {}
.feedback-index {
	margin:0;
	padding:0;
	width:456px;
}
.feedback-index .fb-rows {
	border-top:1px solid #2e2e2e;
	/*background:#434343;*/
	line-height:normal;
}

.feedback-index .fb-rows input{vertical-align:middle;}
.feedback-index .fb-rows img{vertical-align:middle; float:left; clear:right; padding-top:10px; padding-left:10px;}
.feedback-index .fb-rows a{vertical-align:middle; float:left; clear:right;}
.feedback-index .fb-rows #txtCode{ float:left;}
.feedback-index .fb-rows:first-child {
	border-top:none;
}
.feedback-index .fb-txa,
.feedback-index .fb-ipt {
	overflow: auto;
	margin:0;
	width:94%;
	border:none;
	padding:0 3%;
	background-color:#434343;
	color:#fff;
	height:42px;
	font-size:12px;
	vertical-align:middle;
	display:block;
	border-radius: 0px;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	/*-webkit-transition-duration: 1s;
	transition-duration: 1s;
	-webkit-transition-timing-function: cubic-bezier(0, .97, .05, .99);
	transition-timing-function: cubic-bezier(0, .97, .05, .99);
	-webkit-transition-property: -webkit-transform, background-color, border-radius,box-shadow;
	transition-property: transform, background-color, border-radius,box-shadow;*/
}
.feedback-index .fb-txa:focus,
.feedback-index .fb-ipt:focus {
	/*position: relative;
	-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.75);
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.75);
	background-color:#000; 
	-webkit-transform: scale(1.1); 
	transform: scale(1.1);
	border-radius: 5px;*/
	-webkit-animation:ipt-focus 0.4s both;
	animation:ipt-focus 0.4s both;
}
.feedback-index input:-webkit-autofill,
.feedback-index textarea:-webkit-autofill, 
.feedback-index select:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px #d3d3d3 inset;
}

@keyframes ipt-focus {
  0 {
    transform: scale(1,1);
    animation-timing-function: ease-out;
  }

  25% {
    transform: scale(0.95,0.95);
    animation-timing-function: ease-out;
  }

  50% {
    transform: scale(0.95,0);
    animation-timing-function: ease-out;
  }

  75% {
    transform: scale(0.95,0.95);
    animation-timing-function: ease-out;
	background: #d3d3d3;
	color: #000;
  }

  100% {
    transform: scale(1,1);
    animation-timing-function: ease-out;
	background: #d3d3d3;
	color: #000;
  }
}

@-webkit-keyframes ipt-focus {
  0 {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  25% {
    -webkit-transform: scale(0.95,0.95);
    transform: scale(0.95,0.95);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: scale(0.95,0);
    transform: scale(0.95,0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  75% {
    -webkit-transform: scale(0.95,0.95);
    transform: scale(0.95,0.95);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
	background: #d3d3d3;
	color: #000;
  }

  100% {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
	background: #d3d3d3;
	color: #000;
  }
}
@keyframes ipt-focus {
  0 {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  25% {
    -webkit-transform: scale(0.95,0.95);
    transform: scale(0.95,0.95);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: scale(0.95,0);
    transform: scale(0.95,0);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  75% {
    -webkit-transform: scale(0.95,0.95);
    transform: scale(0.95,0.95);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
	background: #d3d3d3;
	color: #000;
  }

  100% {
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
	background: #d3d3d3;
	color: #000;
  }
}

.feedback-index .fb-btn {
	-webkit-appearance: none;
	margin:0;
	padding:0;
	width:100%;
	height:42px;
	color:#fff;
	font-size:14px;
	border:none;
	background-color:#bf0a24;
	cursor:pointer;
	-webkit-border-radius:0px;
	border-radius:0px;
}

.feedback-index .fb-txa {
	height:65px;
	margin:0;
	padding:12px 3%;
	resize:none;
	line-height:18px;
	-webkit-overflow-scrolling : touch;
}
.contact-index {}
.contact-index .ctc-rows {height: 42px;line-height: 42px; border-top: 1px solid #2e2e2e; color: #ababab;}
.contact-index .ctc-rows a{ height: 42px;line-height: 42px; color: #ababab;}
.contact-index .ctc-rows a:hover{text-decoration: underline;}
.contact-index .ctc-rows:first-child {border-top:none;}
.contact-index .ct-icons	{}
.contact-index .ct-icons:before	{font-family: "font-icons"; width: 42px; height: 42px; margin-right: 10px; display: inline-block; font-size:32px; line-height: 42px; text-align: center; vertical-align: top; content: " "; background: #434343}
.contact-index .ct-addr:before	{content: "\e615"}
.contact-index .ct-phone:before	{content: "\e614"}
/*.contact-index .ct-fax:before	{content: "\e613"}*/
.contact-index .ct-fax:before	{content: "";background-image:url("../images/icon_pay.png");background-repeat:no-repeat;background-position:center;}
.contact-index .ct-mail:before	{content: "\e612"}
.contact-index .ct-job:before	{content: "\e611"}
.contact-index .ct-subway:before{content: "\e61b"}
.contact-index .ct-taxi:before	{content: "\e61a"}
.contact-index .ctc-rows span	{ line-height:1px;}

#mapContent { height:400px; width:100%; }
.mapContent_wrap { position:relative;}
.mapmask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.30);
	z-index: 1;
}
#mapContent .pop:before,
#mapContent .pop:after { content: ""; display: table; font-size:0 !important; line-height:0!important; height:0!important;}  
#mapContent .pop:after { clear: both; }  
#mapContent .pop {
	background:red;
}
#mapContent .pop img:nth-last-child(2) {
	border-radius:55%;
	left:234px !important;
	top:4px !important;
	width:auto !important;
	height:auto !important;
	content:url(../images/wx-pop-cls-btn.gif);
	background:red;
	padding:4px;
}
label.BMapLabel {
	display: inline-block;
	font-size: 12px !important;
	line-height: 22px !important;
	padding: 0 10px !important;
	border-radius: 20px;
	top: -24px !important;
}
#mapContent .BMap_bubble_content {
	line-height:24px;
}
#mapContent .iw_poi_title {
	font-size:18px;
	font-family: "Helvetica Neue",\5FAE\8F6F\96C5\9ED1,Tohoma; /* mac字体，微软雅黑，xp字体，宋体有点问题，所以不用，除非自写*/
}
#mapContent .iw_poi_content {
	font-size:12px;
	font-family: "Helvetica Neue",\5FAE\8F6F\96C5\9ED1,Tohoma; /* mac字体，微软雅黑，xp字体，宋体有点问题，所以不用，除非自写*/	
}
/* APP scrolling Carousel */
.ai-carousel-wrap {position:relative;}
.ai-carousel-prev,
.ai-carousel-next { font-family:"font-icons"; position:absolute; width:64px; text-align:center; font-size:64px; height:64px; line-height:64px; top:50%; margin-top:-32px; cursor:pointer; color:#d70a30; display:none;}
.ai-carousel-prev{}
.ai-carousel-next{right:0;}
.ai-carousel-prev:before {content:"\e60e"; display:block;}
.ai-carousel-next:before {content:"\e60f"; display:block;}

.ai-carousel-1			 { width:1008px; margin: 0 auto; background:#f3f3f3; padding:80px 0 35px 0;}
.frame					 {height: 100px; padding: 0; padding-bottom:40px; }
.frame .slidee			 { margin: 0; padding: 0; height: 100%; list-style: none;}
.frame .slidee .cur-item { float: left; margin: 0 81px 0 0; padding: 0; width: 100px; /* background:#333333; */ height: 100px;}
.cur-item a				 {display:inline-block; width:100%; height:100%; overflow:hidden; border-radius:17px;}
.cur-item a img			 {width:100%; height:100%;}
.scrollbar				 { width: 50%; margin:0 auto; height: 5px; background:#cecece;
	-webkit-box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.2);
	box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.2);
	border-bottom:1px solid #fff;
}
.scrollbar .handle {
    width: 100px; /* overriden if dynamicHandle: 1 */
    height: 100%;
    background: #d30830;
}



/* 浮动层 */
.right-side-flyelem {
	position:fixed;
	top:120px;
	right:0;
	z-index: 90;
	-webkit-transform: translateX(50px);
	-ms-transform: translateX(50px);
	transform: translateX(50px);
	
	-webkit-transition: -webkit-transform 1s linear;
	transition: transform 1s linear;
	-webkit-transition-timing-function: cubic-bezier(0, .93, .06, 1);
	transition-timing-function: cubic-bezier(0, .93, .06, 1);
}

.right-side-flyelem.show {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0xpx);
	opacity:1;
}
.rsf-items {
	display:block;
	width:50px;
	height:50px;
	background: rgba(51, 51, 51, 0.75);
	cursor:pointer;
}

.side-icon		{text-align:center; line-height:50px; font-size:32px; color:#fff;font-family: 'font-icons'; position:relative;}

.si-top:before	{content:"\e620";}
.si-qq:before	{content:"\e61c";}
.si-ppt:before	{content:"\e61e";}
.si-pry:before	{content:"\e61f";}
.si-phone:before{content:"\e61d";}



.side-icon:before{position:relative; z-index:1;}
.side-icon:after{
	position:absolute;
	display:block;
	content:" ";
	height:50px; width:150px;
	background:#c1082b;
	top:0;
	right:0;
	-webkit-transform: translateX(150px);
	-ms-transform: translateX(150px);
	transform: translateX(150px);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transition-property:-webkit-transform,color,text-indent;
	transition-property:transform,color,text-indent;
	-webkit-transition-duration: 0.6s,0.6s,1s;
	transition-duration: 0.6s,0.6s,1s;
	-webkit-transition-delay: 0s,0.2s,0.2s;
	transition-delay: 0s,0.2s,0.2s;
	-webkit-transition-timing-function: cubic-bezier(0, 1, .09, 1);
	transition-timing-function: cubic-bezier(0, 1, .09, 1);
}


.side-icon:hover:after {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	color: #fff;
	text-indent: 10px;
}

.side-icon:after{line-height: 50px; font-size: 14px; color: #c1082b; text-align: left; text-indent: 30px; font-family: "Helvetica Neue",\5FAE\8F6F\96C5\9ED1,Tohoma;}
.si-top:after	{content:"返回顶部";}
.si-qq:after	{content:"在线交流";}
.si-ppt:after	{content:"PPT下载";}
.si-pry:after	{content:"人才招聘";}
.si-phone:after {content:"0574-87575403";}

/*左侧浮动层*/
.left-side-flyelem {
	display: none;
	position: fixed;
	z-index: 90;
	left: 0;
	/*top: 70px;*/
	top: 120px;
}
.left-side-flyelem.showed {
	display: block;
}
.qq_chart_wrap {
	width: 150px;
	height: 150px;
	background: #d11e37;
	position: relative;
	overflow: hidden;
}
.qq_chart_el {
	cursor: pointer;
	width: 74px;
	height: 74px;
	background:url(../images/qq_logo_big.png) center center no-repeat #fff;
	border-radius: 51%;
	margin: 0 auto;
	margin-top: 38px;
	box-shadow: rgb(194, 28, 51) 1px 1px,
    rgb(194, 28, 51) 2px 2px,
    rgb(194, 28, 51) 3px 3px,
    rgb(194, 28, 51) 4px 4px,
    rgb(194, 28, 51) 5px 5px,
    rgb(194, 28, 51) 6px 6px,
    rgb(194, 28, 51) 7px 7px,
    rgb(194, 28, 51) 8px 8px,
    rgb(194, 28, 51) 9px 9px,
    rgb(194, 28, 51) 10px 10px,
    rgb(194, 28, 51) 11px 11px,
    rgb(194, 28, 51) 12px 12px,
    rgb(194, 28, 51) 13px 13px,
    rgb(194, 28, 51) 14px 14px,
    rgb(194, 28, 51) 15px 15px,
    rgb(194, 28, 51) 16px 16px,
    rgb(194, 28, 51) 17px 17px,
    rgb(195, 28, 51) 18px 18px,
    rgb(195, 28, 51) 19px 19px,
    rgb(196, 28, 51) 20px 20px,
    rgb(197, 28, 51) 21px 21px,
    rgb(197, 28, 52) 22px 22px,
    rgb(198, 28, 52) 23px 23px,
    rgb(199, 28, 52) 24px 24px,
    rgb(199, 28, 52) 25px 25px,
    rgb(200, 28, 52) 26px 26px,
    rgb(200, 28, 52) 27px 27px,
    rgb(201, 29, 53) 28px 28px,
    rgb(202, 29, 53) 29px 29px,
    rgb(202, 29, 53) 30px 30px,
    rgb(203, 29, 53) 31px 31px,
    rgb(204, 29, 53) 32px 32px,
    rgb(204, 29, 53) 33px 33px,
    rgb(205, 29, 54) 34px 34px,
    rgb(205, 29, 54) 35px 35px,
    rgb(206, 29, 54) 36px 36px,
    rgb(207, 29, 54) 37px 37px,
    rgb(207, 29, 54) 38px 38px,
    rgb(208, 29, 54) 39px 39px,
    rgb(209, 30, 55) 40px 40px;
}
.qq_chart_text {
	color: #fff;
	display: block;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
}
.call_list_wrap {
	background: #dddddd;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
}
.cl_txt:nth-child(1) {
	padding-top: 8px;
}
.cl_tel {
	color: #d11e37;
	font-size: 14px;
	font-weight: bold;
}
.cl_tel:nth-last-child(1) {
	padding-bottom: 8px;
}
.minsbar {height: 34px; line-height: 34px; background: #484848; font-size: 12px; color: #fff; padding-left: 10px;}
.minsbar .msbtn {float: right; width: 34px;height: 34px; font-size: 18px; line-height: 34px; text-align: center; color: #fff; cursor: pointer;}
.left-side-flyelem-min {
	cursor: pointer;
	display: none;
	top: 120px;
	left: 0;
	width: 40px;
	height: 127px;
	background: url(../images/left-float-el-min.gif);
	z-index: 90;
	position: fixed;
}
.left-side-flyelem-min.showed {
	display: block;
}
.left-side-flyelem.minsize {}
.left-side-flyelem.minsize .qq_chart_text {display: none;}
.left-side-flyelem.minsize .qq_chart_el {box-shadow: none; margin-top: 4px;}
.left-side-flyelem.minsize .qq_chart_wrap {width: 82px; height: 82px; border-radius: 55%;}
.left-side-flyelem.minsize .call_list_wrap {display: none;}
.left-side-flyelem.minsize {top: 106px; left: 36px;}
.left-side-flyelem.minsize {}

/*微信弹窗*/
@keyframes wx-popout {
	from { transform: scale(0.5) translateZ(0); opacity: 0;}
	to { transform: scale(1) translateZ(0); opacity: 1;}
}

@-webkit-keyframes wx-popout {
	from { -webkit-transform: scale(0.5) translateZ(0); transform: scale(0.5) translateZ(0); opacity: 0;}
	to { -webkit-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); opacity: 1;}
}
@keyframes wx-popout {
	from { -webkit-transform: scale(0.5) translateZ(0); transform: scale(0.5) translateZ(0); opacity: 0;}
	to { -webkit-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); opacity: 1;}
}


@keyframes wxTipShow {
	from { opacity: 0.5 }
	to { opacity: 1 }
}

@-webkit-keyframes wxTipShow {
	from { opacity: 0.5 }
	to { opacity: 1 }
}
@keyframes wxTipShow {
	from { opacity: 0.5 }
	to { opacity: 1 }
}



@keyframes wxTipShow_em {
	from { transform: translateY(200px)}
	to {  transform: translateY(0px)}
}


@-webkit-keyframes wxTipShow_em {
	from { -webkit-transform: translateY(200px); transform: translateY(200px)}
	to {  -webkit-transform: translateY(0px);  transform: translateY(0px)}
}
@keyframes wxTipShow_em {
	from { -webkit-transform: translateY(200px); transform: translateY(200px)}
	to {  -webkit-transform: translateY(0px);  transform: translateY(0px)}
}


@keyframes wxTipHide {
	from { transform: scale(1) translateZ(0);}
	to {  transform: scale(0.01) translateZ(0);}
}


@-webkit-keyframes wxTipHide {
	from { -webkit-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0);}
	to {  -webkit-transform: scale(0.01) translateZ(0);  transform: scale(0.01) translateZ(0);}
}
@keyframes wxTipHide {
	from { -webkit-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0);}
	to {  -webkit-transform: scale(0.01) translateZ(0);  transform: scale(0.01) translateZ(0);}
}

.wx-2-dimensional-bar-code {
	display: none;
	width: 296px;
	height: 376px;
	position: fixed;
	/*top: 50%;
	left: 50%;
	margin: -148px 0 0 -124px;*/
	top: 81px;
	right: 10px;
	z-index: 99999;
	overflow: hidden;
	border-radius: 4px;
	border-top: solid 1px #333;
	box-shadow:0 0 0 1px #000,0 0 12px 3px rgba(0, 0, 0, 0.4);
}

.show-wx2dc {
	width: 296px;
	height: 296px;
	background:url(../images/index-image/wx-code.gif) no-repeat center center #fff;
}

.wx2dc_tip {
	color: #B9B9B9;
	font-size: 12px;
	text-align: center;
	width: 100%;
	line-height: 48px;
	background: rgba(0, 0, 0, 0.85);
	/*box-shadow:0 0 40px 8px rgba(0, 0, 0, 0.5);
*/
}
.wx2dc_tip span {
	color: #fff;
	font-weight: bolder;
}
.wx2dc_tip em {
	display: inline-block;
}

.wx-pop-title {
	height: 32px;
	line-height: 32px;
	background: #000;
}
.wx-pop-title span {
	margin-left: 10px;
	color: #fff;
}

.wx-cls-btn {
	position: absolute;
	width: 16px;
	height: 16px;
	margin: auto;
	/* left: 0; */
	right: 4px;
	top: 6px;
	background:url(../images/wx-pop-cls-btn.gif) #d30830 center center no-repeat;
	border-radius: 55%;
	border: solid 1px #000;
	 opacity: 0.5; 
	cursor: pointer;
}
.wx-cls-btn:hover {
	opacity: 1;
}
.wx-2-dimensional-bar-code.show {
	display: block;
	-webkit-animation-name: wx-popout;
	animation-name: wx-popout;
	-webkit-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(.35, 1, .54, .93);
	animation-timing-function: cubic-bezier(.35, 1.5, .54, .91);	
}

.wx-2-dimensional-bar-code.show .show-wx2dc{}

.wx-2-dimensional-bar-code.show .wx2dc_tip{
	-webkit-animation: wxTipShow .4s ;
	animation: wxTipShow .4s ;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}
.wx-2-dimensional-bar-code.show .wx2dc_tip em {
	-webkit-animation-name: wxTipShow_em;
	animation-name: wxTipShow_em;
	-webkit-animation-duration: 0.4s;
	animation-duration: 0.4s;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function:cubic-bezier(0, 1.35, .58, 1);
	animation-timing-function:cubic-bezier(0, 1.35, .58, 1);
}
.wx-2-dimensional-bar-code.hide {
	-webkit-animation-name: wxTipHide;
	animation-name: wxTipHide;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(0, .97, .16, 1);
	animation-timing-function: cubic-bezier(0, .97, .16, 1);
}


.page_shift {
	width:1000px;
	height:87px;
	margin:0 auto;
}
.page_shift li {
	width:196px;
	height:50px;
	margin:0 2px;
	float:left;
}
.page_shift li a {
	width:132px;
	height:48px;
	padding-left:62px;
	font:14px/48px Microsoft yahei;
	color:#343434;
	border:1px solid #ebebeb;
	background:url(../images/icon1.png) 40px -9px no-repeat;
	display:block;
}
.page_shift li a:hover, .page_shift li.cur a {
	color:#fff;
	border:1px solid #d4212d;
	background:#e33f4a url(../images/icon1.png) 40px 19px no-repeat;
	display:block;
}

/*服务项目菜单*/
.main_ab{
    padding:20px 0 20px 0; 
    overflow: hidden;
}
.main_ab_ul{
    width: 164px;
    float: left;
    margin-left: 114px;
    * margin-left: expression(this.previousSibling==null?'0':'114px');
}
.main_ab_ul:first-child{
    margin-left: 0
}
.main_ab_li{
    width: 164px;
    height: 188px;
    background: url(../images/main_b.jpg) no-repeat;
    text-align: center;
}
.main_ab_li:hover{
	background:url(../images/czxj_a.jpg) no-repeat}
.main_ab_li.a img{
    margin-top:45px 
}
.main_ab_li.b img{
    margin-top:55px 
}
.main_ab_ul .text{
    color: #8c8c8c;
    font-size: 10px;
    text-align: center;
}
.main_ab_ul .text p{
    font-size: 17px;
    color: #1f2228;
    text-align: center;
    padding: 18px 0 5px 0;
}

/*林委委新增*/
.title-style
{
    color:#545454;
    font-size:18px;
}
.new-hot .main_ab_ul .text 
{
    margin-top:20px;
    color: #000;
    font-size: 18px;
    text-align: center;
    line-height:30px;
    padding:0 10px;
}
.new-hot .main_ab_ul .text p
{
    margin-top:0px;
    color: #969696;
    font-size: 16px;
    text-align: center;
    line-height:20px;
    padding:0 10px;
}
.new-hot .main_ab {
    padding: 50px 0 20px 0;
}
/*关于我们*/
.about-wrap
{
    width:100%;
    background:#fff;    
}
.about-content
{
    max-width:1920px;
    margin:-1px auto 0;
    overflow:hidden;
}
.about-content .section1
{
    height:453px;
}
.about-content .section1 .left
{
    float:left;
    width:30%;
    padding-left:5%;
    height:453px;
    background:#5a5a5a;
    text-align:center;
}
.about-content .section1 .left div
{
    color:#fff;
    font-size:48px;
    line-height:160%;
    position:relative;
    padding-top:150px;
}
.about-content .section1 .left div:after
{
    content:'';
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-20px;
    width:40px;
    background:#fff;
    height:2px;
}
.about-content .section1 .left p
{
    color:#fff;
    text-align:center;
    font-size:18px;
    padding-top:30px;
}
.about-content .section1 .right
{
    float:left;
    width:65%;
    height:453px;
    background:#eee;   
}
.about-content .section1 .right p
{
    padding:10% 20% 0 10%;
    line-height:180%; 
    color:#666;
    font-size:16px;
    text-indent:2em;
}
.about-content .section2
{
    height:786px;    
}
.about-content .section2 .left
{
    height:100%;
    text-align:right;
    background:#e0e0e0;
    padding-left:0;
    width:35%;
}
.about-content .section2 .left img
{
    width:100%;
}
.about-content .section2 .right
{
    height:786px; 
}
.about-content .section2 .right .top
{
    height:35%;
    background:#d30830;
}
.about-content .section2 .right .count-box
{
    padding:7% 15% 0 6%;
}
.about-content .section2 .right .count-box .count-item
{
    width:24%;
    float:left;
    border-left:1px solid #fff;
    margin-left: 0;
}
.about-content .section2 .right .count-box .count-item:nth-child(1)
{
    width:22%;
    border-left:none;
}
.about-content .section2 .right .count-box .count-item:nth-child(2)
{
    width:24%;
}
.about-content .section2 .right .count-box .count-item:nth-child(3)
{
    width:24%;
}
.about-content .section2 .right .count-box .count-item:nth-child(4)
{
    width:28%;
}
.about-content .section2 .right .count-box .number
{
    text-align:center;
    color:#fff;    
    font-size:60px;
    font-family:Times New Roman;
    line-height:100%;
    padding-bottom:8%;
}
.about-content .section2 .right .count-box .fonts
{
    text-align:center;
    color:#fff;    
    font-size:12px;
}
.about-content .section2 .right .bottom
{
    height:65%;
}
.about-content .section2 .right .bottom h1
{
    color:#434343;
    font-size:32px;
    text-align:center;
    padding:10% 25% 0 10%;
}
.about-content .section2 .right .bottom p
{
    padding:3% 25% 0 10%;
    line-height:180%; 
    color:#666;
    font-size:16px;
    text-indent:2em;
}
.about-content .section2 .count-mc
{
    left:70%;    
}
.about-content .section3 .right
{
    background:url(../images/about_pic1.jpg) left;
}
.about-content .section3 .left {
    padding-left: 0;
    padding-right: 5%;
}
.about-content .section4
{
    padding:7% 0; 
    background:#eee;   
}
.about-content .section4 h1
{
    color:#434343;
    font-size:32px;
    text-align:center;
}
.about-content .section4 p
{
    color:#666;
    font-size:16px;
    line-height:180%;
    padding:2% 20% 0 20%;
}
/*服务单页面*/
.serve-page
{
    overflow:hidden;    
}
.serve-page .section1
{
    background:#36b248; 
}