.header-wrap-wrap {
	background-color: #000000;
	width: 100%;
}
.header-wrap {
	width: 1200px;
	margin: 0 auto;
	height: 80px;
	overflow: hidden;
	line-height: 80px;
	position: relative;
	top: 0;
	left: 0;
	background-color: #000000;
	color: #fff;
}
.header-wrap h1 {
	font-weight: normal;
	font-size: 22px;
	color: #000;
	float: left;
	line-height: 80px;
	width: 215px;
}
.header-wrap h1 a {
	display: block;
	height: 80px;
	overflow: hidden;
}
.header-wrap h1 img {
	width: 160px;
	height: 48px;
	margin-top: 20px;
	float: left;
	margin-right: 13px;
}
.header-wrap h1 span {
	float: left;
	line-height: 70px;
	font-size: 18px;
}
.header-wrap .nav-wrap {
	width: 588px;
	float: left;
	line-height: 30px;
	margin-top: 25px;
	margin-left: 30px;
}
.header-wrap .nav-wrap a {
	font-size: 16px;
	color: #fff;
	padding: 0 0 8px;
	width: 90px;
	float: left;
	text-align: center;
	overflow: hidden;
	margin: 0 15px;
}
.header-wrap .nav-wrap .first-href {
	width: 60px;
	margin: 0 20px;
}
.header-wrap .nav-wrap .active,.header-wrap .nav-wrap a:hover {
	color: #ef4545;
	text-decoration: none;
}
.header-wrap .nav-wrap a:active {
	text-decoration: none;
}
.header-wrap .nav-wrap .active {
	border-bottom: 4px #ef4545 solid;
}
.header-wrap .login-wrap {
	float: right;
	line-height: 80px;
	color: #4fc1ef;
	font-size: 14px;
	width: 80px;
	margin-right: 60px;
	text-align: center;
}
.header-wrap .login-wrap a {
	color: #fff;
	display: block;
	text-align: center;
	background: url("http://static.caiyisai.com/images/www/pc/user.png") no-repeat 5px 32.5px;
}

.weixin-code-wrap {
	width: 138px;
	height: 160px;
	position: absolute;
	bottom: 36px;
	z-index: 2;
	left: 454.5px;
	color: #1f1f21;
	line-height: 24px;
	font-size: 12px;
	background-color: #fff;
	text-align: center;
}
.weixin-code-wrap img {
	width: 138px;
	height: 138px;
	display: block;
	margin: 0 auto;
}
.weixin-code-wrap span {
	width: 138px;
	display: block;
	position: relative;
	top: -4px;
}

#videoPlayer {
	width: 100%;
	height: auto; }

.slideBox{width:100%;height:600px;overflow:hidden;position:relative;background:#eee url(http://static.caiyisai.com/images/www/pc/loading.gif) no-repeat center center}
.slideBox .slider-page-num{width:100%;height:20px;overflow:hidden;position:absolute;right:20px;bottom:10%;z-index:1;text-align:center}
.slider-page-num li{display:inline-block;float:none;width:15px;height:15px;line-height:0;font-size:0;background:#767476;border-radius:50%}
.slider-page-num li{*display:inline}
.slideBox .bd li a{display:block;width:100%;height:100%}
.slideBox .bd li img{visibility:hidden}
.guoqing{position:absolute;width:100%;height:600px;top:0px}
.slideBox .bd li .guoqing img{width:100%;height:600px;visibility:visible}
.slideBox .next,.slideBox .prev{display:block;position:absolute;top:270px;z-index:10;width:52px;height:80px;background:url(http://static.caiyisai.com/images/www/pc/slide-arrow.png) no-repeat}
.slideBox .prev{left:50%;margin-left:-600px}
.slideBox .next{left:50%;margin-left:548px;background-position:100% 0}
.prevStop,.nextStop{opacity:.3;filter:alpha(opacity=30)}
.slider-page-num li.on{background:#fff}
.slideBox .bd{position:relative;height:100%;z-index:0}
.slideBox .bd li{zoom:1;height:600px;vertical-align:middle;position:relative}
.slideBox .bd img{width: 100%; height: auto;max-width: 100%; max-height:100%;display: block; }
.slideBox .text{position:absolute;left:0;bottom:0;height:61px;line-height:61px;width:100%;color:#fefefe;font-size:36px;text-align:center}

.main {
	width: 1200px;
	margin: 0 auto;
}
.action-wrap-wrap {
	background-color: #f8fbff;
	
}
.action-wrap {
	padding: 30px 0;
	margin: 0 auto;
	width: 1200px;
	overflow: hidden;
	background-color: #f8fbff;
}
.action-wrap li {
	width: 260px;
	height: 320px;
	margin-right: 30px;
	display: inline-block;
	text-align: center;
	background-color: #fff;
	overflow: hidden;
	-webkit-box-shadow: 0 0 20px rgba(51, 136, 251, 0.4);-moz-box-shadow: 0 0 20px rgba(51, 136, 251, 0.4);box-shadow: 0 0 20px rgba(51, 136, 251, 0.4);
	/*opacity: 0;
	-webkit-animation: fadeInUp 0.5s linear 2.5s 1;
		animation: fadeInUp 0.5s linear 2.5s 1;
		-webkit-animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;*/
}

.action-wrap li:hover{border:1px solid #008CBE;}

.action-wrap .last-child {
	margin-right: 0;
}
.action-wrap li img {
	margin: 0 auto;
	display: block;
}
.action-wrap li .first-img {
	width: 66px;
	height: 65px;
	padding-top: 48px;
	margin-bottom: 15px;
}

.action-wrap li .first-img {
	width: 66px;
	height: 65px;
	padding-top: 48px;
	margin-bottom: 15px;
}

.action-wrap li .sec-img {
	width: 80px;
	height: 78px;
	padding-top: 42px;
	margin-bottom: 15px;
}
.action-wrap li .third-img {
	width: 75px;
	height: 69px;
	padding-top: 44px;
	margin-bottom: 15px;
}
.action-wrap li .fourth-img {
	width: 69px;
	height: 69px;
	padding-top: 44px;
	margin-bottom: 15px;
}
.action-wrap li h2 {
	text-align: center;
	line-height: 64px;
	font-size: 30px;
	font-weight: normal;
	color: #3388FB;
	padding-top: 5px;
}
.action-wrap li p {
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	color: #787D91;
	padding: 5px 0 20px;
}
.action-wrap li a {
	display: block;
	margin: 0 auto;
	width: 126px;
	height: 30px;
	line-height: 30px;
	border: 1px #000 solid;
	border-radius: 15px;
	text-align: center;
	background-color: #fff;
}
.action-wrap li a:hover {
	color: #fff;
	background-color: #ef4545;
	border: 1px #ef4545 solid;
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
}
.slider-wrap .slider-bottom{height: 36px;background-color: #f8fbff;position: absolute;bottom: 0;width: 100%;z-index: 2;}
.slider-con{width: 1200px;margin: 0 auto;height: 502px;position: relative;top: 0;left: 0;}

.slider-wrap{width: 100%;height: 500px;margin: 0 auto;background-color: #1f1f21;position: relative;top: 0;left: 0;overflow: hidden;}
.slider-wrap .slider-con{width: 1047px;height: 500px;margin：0 auto;position:relative;}
.slider-wrap .index-bg{width: 1047px;display: block;margin: 0 auto;}

.slider-quhz-wrap{background-color: #ff5b5a;height: 470px;width: 100%;overflow: hidden;}
.slider-quhz-img{background-color: #ff5b5a;height: 200px;width: 100%;}
.slider-quhz-wrap img{display: block;width: 100%;height: 470px;margin: 0 auto;}

.qdhz-3{width: 1060px;height: 481px;display: block;margin: 0 auto;opacity: 0;-webkit-animation: fadeshow 2.5s ease-in 0.5s 1;animation: fadeshow 2.5s ease-in 0.5s 1;-webkit-animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.qdhz-4-wrap{background-color: #0c9df0;width: 100%;height: 502px;opacity: 0;-webkit-animation: fadeshow 2.5s ease-in 1.5s 1;animation: fadeshow 2.5s ease-in 1.5s 1;-webkit-animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.qdhz-4{width: 1116px;height: 502px;display: block;margin: 0 auto;}


a{ text-decoration:none; color:#333; outline:none;}
a:hover{ background-repeat:no-repeat; color:#03a5e3;}
.clear{ clear:both; line-height:0; height:0; font-size:0;}


.solution-wrap-wrap{background-color: #FFFFFF;}
.solution-wrap{padding: 30px 0;margin: 0 auto;width: 1200px;overflow: hidden;background-color: #FFFFFF;}
.solution-wrap h2 {
	margin: 20px 0 30px;
	text-align: center;
	font-size: 30px;
	font-weight: normal;
	color: #3388fb;
	line-height: 36px;
}
.solution{background:#f8f8f8;width:1180px;margin:20px auto;	-webkit-box-shadow: 0 0 20px rgba(51, 136, 251, 0.4);-moz-box-shadow: 0 0 20px rgba(51, 136, 251, 0.4);box-shadow: 0 0 20px rgba(51, 136, 251, 0.4);}
.solution .ul_menu{float:left;width:300px;position:relative;background:#8AB3EB;}
.solution .ul_menu li{width:100%;cursor:pointer;position:relative;z-index:2}
.solution .ul_menu span{width:62px;height:68px;float:left;display:block;border-bottom:1px solid #CCD6E2;background:url(http://static.caiyisai.com/images/www/pc/n-qyjz-1.png) no-repeat;background-position:-272px 20px;}
.solution .ul_menu .li-t span{background-position:-272px -50px;}
.solution .ul_menu .li-s span{background-position:-272px -120px;}
.solution .ul_menu .li-f span{background-position:-272px -190px;}
.solution .ul_menu .li-w span{background-position:-272px -257px;}
.solution .ul_menu .li-l span{background-position:-272px -323px;}
.solution .ul_menu li p{float:left;line-height:68px;color:#F9FBFE;font-size:18px;width:238px;border-bottom:1px solid #CCD6E2;}
.solution .ul_menu li b{position:absolute;display:block;width:15px;height:32px;background:url(http://static.caiyisai.com/images/www/pc/n-qyjz-38.png) no-repeat;top:50%;margin-top:-16px;right:-15px;display:none}
.solution .ul_menu .li-mask{background:#ff6800;position:absolute;left:0;top:0;width:335px;height:68px;background:url(http://static.caiyisai.com/images/www/pc/n-qyjz-52.png) no-repeat;}
.solution .ul_menu li.on b{display:block;}
.solution .ul_tab{background:#f8f8f8;width:780px;float:left;height:500px;}
.solution .ul_tab li{list-style-type:none;position:relative;height:100%;display:none;}
.solution .ul_tab .li-top{padding:25px 0 0 50px;}

.solution .ul_tab h5{color:#666;font-size:24px;line-height:38px;}
.solution .ul_tab p{color:#999;font-size:14px;line-height:32px;margin-bottom:5px}
.solution .ul_tab .li-a a{color:#2b91b8;font-size:14px;margin-right:30px;cursor:default;line-height:22px;}
.solution .ul_tab .li-a span{color:#999;font-size:14px}
.solution .ul_tab .li-img{width:100%;height: 350;;text-align:center;position:absolute;left:0;bottom:0;}

.about-con-wrap {
	width: 100%;
	padding: 60px 0;
    min-height: 300px;
}
.about-con-wrap p {
	line-height: 40px;
    width: 60%;
    margin: 0 auto;
    font-size: 15px;
}

.case-wrap {
	width: 100%;
	overflow: hidden;
}
.case-wrap h2 {
	margin: 100px 0 35px;
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	line-height: 36px;
	/*opacity: 0;
	-webkit-animation: fadeInUp 0.5s linear 0.5s 1;
		animation: fadeInUp 0.5s linear 0.5s 1;
		-webkit-animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;*/
}
.case-wrap h2 img {
	width: 30px;
	height: 30px;
	display: inline-block;
	margin-right: 15px;
	position: relative;
	top: 7px;
}
.case-nav {
	width: 0%;
	border-bottom: 1px #ef4545 solid;
	line-height: 38px;
	-webkit-animation: mymove 1s ease-in 0.3s 1;
		animation: mymove 1s ease-in 0.3s 1;
		-webkit-animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;

}
.case-nav a {
	float: left;
	width: 150px;
	text-align: center;
	font-size: 16px;
	color: #000;
	line-height: 38px;
	opacity: 0;
	-webkit-animation: fadeshow 0.5s ease-in 1.3s 1;
		animation: fadeshow 0.5s ease-in 1.3s 1;
		-webkit-animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;
}
.case-nav .sec {
	-webkit-animation: fadeshow 0.5s ease-in 1.5s 1;
		animation: fadeshow 0.5s ease-in 1.5s 1;
		-webkit-animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;
}
.case-nav .thr {
	-webkit-animation: fadeshow 0.5s ease-in 1.7s 1;
		animation: fadeshow 0.5s ease-in 1.7s 1;
		-webkit-animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;
}
.case-nav .four {
	-webkit-animation: fadeshow 0.5s ease-in 1.9s 1;
		animation: fadeshow 0.5s ease-in 1.9s 1;
		-webkit-animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;
}
.case-nav .first-child {
	margin-left: 40px;
	display: inline-block;
}
.case-nav .on,.case-nav a:hover {
	/*background-color: #ef4545;*/
	color: #ef4545;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.case-nav .on:hover,.case-nav .on{
	background-color: #ef4545;
	color: #fff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}



@keyframes fadeIntop2
{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0px,0);
		transform: translate3d(0,0px,0);
	}
}

@-webkit-keyframes fadeIntop2
{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0px,0);
		transform: translate3d(0,0px,0);
	}
}
@keyframes fadeInLeft2
{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0px,0);
		transform: translate3d(-100%,0px,0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0,0px,0);
		transform: translate3d(0,0px,0);
	}
}

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

@keyframes updown
{
	0% {
		-webkit-transform: translate3d(0,0px,0);
		transform: translate3d(0,0px,0);
	}
	50% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0);
	}
	100% {
		-webkit-transform: translate3d(0,0px,0);
		transform: translate3d(0,0px,0);
	}
}

@-webkit-keyframes updown
{
	0% {
		-webkit-transform: translate3d(0,0px,0);
		transform: translate3d(0,0px,0);
	}
	50% {
		-webkit-transform: translate3d(0,10px,0);
		transform: translate3d(0,10px,0);
	}
	100% {
		-webkit-transform: translate3d(0,0px,0);
		transform: translate3d(0,0px,0);
	}
}





@keyframes mymove
{
	from {width:0%;}
	to {width:100%;}
}

@-webkit-keyframes mymove 
{
	from {width:0%;}
	to {width:100%;}
}

@keyframes fadeshow
{
	from {opacity:0;}
	to {opacity:1;}
}

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


@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,20%,0);
		transform: translate3d(0,20%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,20%,0);
		transform: translate3d(0,20%,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes fadeInUp2 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp2 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,-20px,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeInRight2 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100px,0px,0);
		transform: translate3d(100px,0px,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRight2 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100px,0px,0);
		transform: translate3d(100px,0px,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
@-webkit-keyframes fadeInRight3 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100px,0px,0);
		transform: translate3d(-100px,0px,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRight3 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100px,0px,0);
		transform: translate3d(-100px,0px,0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
.show-defail-wrap {
	position: relative;
}
.show-defail-wrap li {
	margin: 45px 20px;
	float: left;
	display: inline-block;
	width: 260px;
	height: 460px;
	position: relative;
	cursor: pointer;
	/*opacity: 0;
	-webkit-animation: fadeInUp 0.5s ease-in 1.3s 1;
		animation: fadeInUp 0.5s ease-in 1.3s 1;
		-webkit-animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;*/
}

.show-defail-wrap li img {
	display: block;
	width: 260px;
	height: 460px;
}

.show-defail-wrap li .font,
.show-defail-wrap li .back {
	cursor: pointer;
	position: absolute;
	transition: transform 0.4s;
	-moz-transition: transform 0.4s;
	-ms-transition: transform 0.4s;
	-o-transition: transform 0.4s;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-moz-transition: all 0.8s linear; 
	-webkit-transition: all 0.8s linear; 
	-o-transition: all 0.8s linear; 
	transition: all 0.8s linear;
}

.show-defail-wrap li .font {
	-webkit-transform: rotateY( 0deg);
	-moz-transform: rotateY( 0deg);
	-ms-transform: rotateY( 0deg);
	-o-transform: rotateY( 0deg);
	transform: rotateY( 0deg);
}
.show-defail-wrap li .back .code-wrap {
	width: 100%;
	height: 270px;
	background: rgba(0,0,0,0.8);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 12;
	color: #fff;
	font-size: 14px;
	line-height: 32px;
	text-align: center;
}
.show-defail-wrap li .back .code-wrap img {
	width: 185px;
	height: 185px;
	margin: 30px auto 10px;
	display: block;
}

.show-defail-wrap li .back {
	-webkit-transform: rotateY( -180deg);
	-moz-transform: rotateY( -180deg);
	-ms-transform: rotateY( -180deg);
	-o-transform: rotateY( -180deg);
	transform: rotateY( -180deg);
}

.show-defail-wrap li:hover .font {
	-webkit-transform: rotateY( 180deg) scale(1.1);
	-moz-transform: rotateY( 180deg) scale(1.1);
	-o-transform: rotateY( 180deg) scale(1.1);
	-ms-transform: rotateY( 180deg) scale(1.1);
	transform: rotateY( 180deg) scale(1.1);
}

.show-defail-wrap li:hover .back {
	-webkit-transform: rotateY( 0deg) scale(1.1);
	-moz-transform: rotateY( 0deg) scale(1.1);
	-ms-transform: rotateY( 0deg) scale(1.1);
	-o-transform: rotateY( 0deg) scale(1.1);
	transform: rotateY( 0deg) scale(1.1);

}

.case-wrap .show-more {
	width: 126px;
	height: 30px;
	line-height: 30px;
	border: 1px #000 solid;
	text-align: center;
	display: block;
	color: #000;
	font-size: 16px;
	border-radius: 15px;
	margin: 0 auto 60px;
	opacity: 0;
	transition: all 0.5s linear;
	-webkit-transition: all 0.5s linear;
	-webkit-animation: fadeshow 0.5s ease-in 1.9s 1;
	animation: fadeshow 0.5s ease-in 1.9s 1;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
}
.all-logo-wrap {
	width: 100%;
	margin: 20px auto;
}
.all-logo-wrap li {
	float: left;
	width: 200px;
	padding: 20px 0;
	position: relative;
	top: 0;
	left: 0;
	height: 200px;
	opacity: 0;
	animation-name: fadeshow;
	-webkit-animation-name: fadeshow;
	-ms-anmation-name: fadeshow;
	-o-animation-name: fadeshow;
	-moz-animation-name: fadeshow;
	animation-duration: 0.5s;
	-webkit-animation-duration: 0.5s;
	-ms-animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
	-o-animation-duration: 0.5s;

	animation-timing-function: ease-in;
	-webkit-animation-timing-function: ease-in;
	-ms-animation-timing-function: ease-in;
	-moz-animation-timing-function: ease-in;
	-o-animation-timing-function: ease-in;

	-webkit-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
}
.all-logo-wrap li img {
	width: 200px;
	height: 200px;
}

.all-logo-wrap li .font,
.all-logo-wrap li .back {
	cursor: pointer;
	position: absolute;
	width: 200px;
	height: 200px;
	transition: transform 0.4s;
	-moz-transition: transform 0.4s;
	-ms-transition: transform 0.4s;
	-o-transition: transform 0.4s;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-moz-transition: all 0.8s linear; 
	-webkit-transition: all 0.8s linear; 
	-o-transition: all 0.8s linear; 
	transition: all 0.8s linear;
}

.all-logo-wrap li .font {
	-webkit-transform: rotateY( 0deg);
	-moz-transform: rotateY( 0deg);
	-ms-transform: rotateY( 0deg);
	-o-transform: rotateY( 0deg);
	transform: rotateY( 0deg);
}
.all-logo-wrap li .back .code-wrap {
	width: 100%;
	height: 200px;
	background: rgba(0,0,0,0.8);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 12;
	color: #fff;
	font-size: 14px;
	line-height: 32px;
	text-align: center;
	z-index: 5;
}
.all-logo-wrap li .back .code-wrap img {
	width: 160px;
	height: 160px;
	margin: 20px auto 20px;
	display: block;
}

.all-logo-wrap li .back {
	-webkit-transform: rotateY( -180deg);
	-moz-transform: rotateY( -180deg);
	-ms-transform: rotateY( -180deg);
	-o-transform: rotateY( -180deg);
	transform: rotateY( -180deg);
	z-index: 6;
}

.all-logo-wrap li:hover .font {
	-webkit-transform: rotateY( 180deg) scale(1.0);
	-moz-transform: rotateY( 180deg) scale(1.0);
	-o-transform: rotateY( 180deg) scale(1.0);
	-ms-transform: rotateY( 180deg) scale(1.0);
	transform: rotateY( 180deg) scale(1.0);
}

.all-logo-wrap li:hover .back {
	-webkit-transform: rotateY( 0deg) scale(1.0);
	-moz-transform: rotateY( 0deg) scale(1.0);
	-ms-transform: rotateY( 0deg) scale(1.0);
	-o-transform: rotateY( 0deg) scale(1.0);
	transform: rotateY( 0deg) scale(1.0);
}

.case-wrap .show-more:hover {
	background-color: #ef4545;
	border: 1px #ef4545 solid;
	color: #fff;
}
.guide-wrap {
	width: 100%;
	height: 446px;
	background-color: #2d8efe;
	overflow: hidden;
}
.guide-wrap .guide-con {
	width: 1200px;
	margin: 0 auto;
}
.guide-con h2 {
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	text-align: left;
	line-height: 30px;
	padding: 57px 0 92px;
	height: 30px;
	overflow: hidden;
	/*opacity: 0;
	-webkit-animation: fadeIntop2 0.5s linear 0.5s 1;
		animation: fadeIntop2 0.5s linear 0.5s 1;
		-webkit-animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;*/
}
.guide-con h2 img {
	position: relative;
	line-height: 30px;
	width: 30px;
	height: 30px;
	top: 8px;
	margin-right: 10px;
}
.guide-step-wrap {

}
.guide-step-wrap li {
	width: 202px;
	float: left;
	/*opacity: 0;*/
	/*-webkit-transform: translate3d(0,-20px,0);
		transform: translate3d(0,0px,-20);*/
	
}

.guide-step-wrap li .guide-step {
	width: 116px;
	float: left;
	text-align: center;
	font-size: 18px;
	line-height: 42px;
	color: #fff;
}
.guide-step-wrap li .guide-step img {
	width: 116px;
	height: 116px;
}
.guide-step-wrap li p {
	width: 73px;
	height: 11px;
	background: url("http://static.caiyisai.com/images/www/pc/guide-arrow.png") no-repeat center 0;
	float: left;
	position: relative;
    top: 57px;
    left: 6px;
}
.guide-step-wrap .last-child {
	width: 116px;
}
.footer-wrap-wrap {
	background-color: #607d8b;
	width: 100%;
	height: 224px;
	overflow: hidden;
}
.footer-wrap {
	background-color: #607d8b;
	width: 960px;
	padding: 44px 0;
	margin: 0 auto;
}
.footer-wrap .footer-part-one {
	float: left;
	width: 100px;
}
.footer-part-one img {
	width: 101px;
	height: 133px;
	
}
.footer-part-one abbr {
	line-height: 50px;
	font-size: 18px;
	display: block;
	color: #000;
}

.footer-wrap .footer-part-two {
	float: left;
	width: 100%;
	text-align: left;
}
.footer-part-two p,.footer-part-four p {
	line-height: 34px;
	color: #949494;
	font-size: 14px;
}
.footer-part-four p {
	color: #fff;
}
.footer-part-two a,.footer-part-two span {
	line-height: 30px;
	color: white;
	font-size: 14px;
	display: inline;
	margin: 0 15px;
}
.footer-part-two .footer-link {
	color: white;
	text-align: center;
	font-size: 14px;
	margin-top: 20px;
}
.footer-wrap .footer-part-three {
	width: 188px;
	float: left;
}
.footer-part-two a:hover {
	color: #ef4545;
}
.footer-wrap .footer-part-four {
	width: 130px;
	float: right;
	text-align: center;
	color: #fff;
}
.footer-part-four img{
	display: block;
	width: 122px;
	height: 122px;
	text-align: center;
	margin: 0px auto 0;

}
.part-last {
	display: block;
	line-height: 34px;
	width: 100%;
	text-align: center;
	color: #949494;
	font-size: 12px;
}
.section {
	background-color: #fff;
}


.sec-nav-wrap {
	background-color: #f8f8f8;
	line-height: 54px;
	height: 54px;
}
.sec-nav-wrap .sec-nav {
	width: 580px;
	margin: 0 auto;
}
.sec-nav-wrap .sec-nav a {
	width: 110px;
	text-align: center;
	float: left;
	font-size: 14px;
	color: #000;
}
.sec-nav-wrap .sec-nav .active,.sec-nav-wrap .sec-nav a:hover {
	color: #ef4545;
}
.com-sec-banner-wrap {
	width: 100%;
	height: 220px;
	background-color: #2d8efe;
}
.com-sec-banner {
	width: 1200px;
	height: 220px;
	margin: 0 auto;
	position: relative;
	top: 0;
	left: 0;
}
.com-sec-banner h2 {
	width: 660px;
	margin: 0 auto;
	position: relative;
	top: 0;
	left: 0;
	padding-top: 68px;
	font-size: 32px;
	color: #fff;
	text-align: center;
	font-weight: normal;
	line-height: 38px;
	padding-bottom: 23px;
	border-bottom: 1px #fff solid;
	opacity: 0;
	-webkit-animation: fadeInUp2 0.5s linear 0.5s 1;
		animation: fadeInUp2 0.5s linear 0.5s 1;
		-webkit-animation-fill-mode: forwards;
		-webkit-animation-fill-mode: forwards;
		-ms-animation-fill-mode: forwards;
		-o-animation-fill-mode: forwards;
}
.com-sec-banner h2 img{
	width: 23px;
	height: 37px;
	position: relative;
	margin-right: 18px;
	top: 3px;
}
.com-sec-banner h2 abbr {
	position: relative;
	top: -6px;
}
.com-sec-banner h2 p {
	line-height: 50px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	width: 330px;
	position: absolute;
	bottom: -25px;
	background-color: #2d8efe;
	text-align: center;
	z-index: 2;
	left: 150px;
}



@media screen and (max-width: 1025px){
	.header-wrap {
		width: 1000px;
	}
	.slider-con {
		width: 1000px;
	}
	.slider-con .slider-img-1 {
		left: 125px;
	}
	.slider-con .slider-img-2 {
		right: 157px;
	}
	.slider-con .slider-info {
		width: 722px;
	}
	.action-wrap {
		width: 1000px;
	}
	.action-wrap li {
		width: 235px;
		margin-right: 15px;
	}
	.case-wrap {
		width: 1000px;
	}
	.show-defail-wrap {
		overflow-y: hidden;
    	height: 530px;
	}
	.guide-wrap .guide-con {
		width: 1000px;
	}
	.guide-step-wrap li {
		width: 176px;
	}
	.guide-step-wrap li .guide-step img,.guide-step-wrap li .guide-step {
		width: 96px;
		height: 96px;
		font-size: 15px;
	}
	.guide-step-wrap li p {
		width: 65px;
		height: 10px;
		top: 37px;
		background-size: 65px 10px;
	}
	.case-wrap h2 {
		margin-top: 100px;
	}
	.show-defail-wrap li,.show-defail-wrap li img {
		width: 226px;
		height: 400px;
	}
	.show-defail-wrap li {
		margin: 55px 10px;
	}
	.main,.com-sec-banner {
		width: 1000px;
	}
	.slider-con .slider-img-6 {
		right: 180px;
	}
	.qdhz-3 {
		width: 900px;
		height: 408px;
	}
	.qdhz-4,.qdhz-4-wrap {
		width: 1000px;
		height: 450px;
	}

}