﻿@charset "utf-8";
.quit-box{width: 100%;min-width: 1180px;overflow: hidden;padding: 40px 0;}
.inter-titl{width: 100%;text-align: center;}
.inter-titl>p{font-size: 24px;color: #333;}

/*============banner start===================*/
.w1000{width: 1000px;min-width: 1000px;margin: 0px auto;}
.ss-banner {width: 100%;height:450px;min-width: 1180px; position: relative;overflow: hidden;}
.ss-banner .bd{width: 1920px; margin-left: -960px; left: 50%; position: relative; overflow: hidden;}
.ss-banner img{width: 100%;}
.ss-banner .bd ul{width: 100%;}
.ss-banner .bd li{width: 100%; position: relative;}
.ss-banner .bd li img{width: 100%;}
.ss-banner .hd{position: absolute;left: 0;bottom: 20px;text-align: center;width: 100%;z-index: 1;}
.ss-banner .hd li{display: inline-block;*zoom:1;*display: inline;width: 48px;height: 5px;margin: 0 5px;font-size: 0;background: #014b92;cursor: pointer;}
.ss-banner .hd .on{background: #d8d8d8;}
/*============banner end===================*/
/*公司初创*/
.prop-type-1 {
	padding-left: 0;
	overflow: hidden;
	margin: 0 auto;
	width: 1180px;
}
.prop-type-1>div {
	float: left;
	width: 25%;
	text-align: left;
	margin: 30px 0;
	position: relative;
	top: 0;
	-webkit-transition: top 0.3s;
	-moz-transition: top 0.3s;
	transition: top 0.3s;
}
.prop-type-1>div:hover {
	top: -10px;
}
.prop-icon {
	margin-left: 44px;
	width: 50px;
	height: 50px;
	background-image: url(../images/prop_icon.png);
	float: left;
}
.prop-icon.icon1 {
	background-position: 0 0;
}
.prop-icon.icon2 {
	background-position: -50px 0;
}
.prop-icon.icon3 {
	background-position: -100px 0;
}
.prop-icon.icon4 {
	background-position: -150px 0;
}
.prop-icon.icon5 {
	background-position: -200px 0;
}
.prop-icon.icon6 {
	background-position: -250px 0;
}
.prop-icon.icon7 {
	background-position: -300px 0;
}
.prop-type-h3 {
	font-size: 20px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.prop-type-p {
	font-size: 14px;
	color: #888;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.prop-icon+div {
	margin-left: 10px;
	width: 190px;
}


/*快速发展*/
.quit-box.box-02{
	background: #f2f2f2;
}
.prop-type-2 {
	overflow: hidden;
	padding: 65px 0 30px 0;
	margin: 0 auto;
	width: 1065px;
}
.prop-type-2>li {
	display: block;
	width: 20%;
	float: left;
	text-align: center;
	position: relative;
	top: 0;
	-webkit-transition: top 0.3s;
	-moz-transition: top 0.3s;
	transition: top 0.3s;
}

.prop-type-2>li:hover {
	background: #fff;
	box-shadow: 0 0 10px #dedddd; -moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;
}
.prop-type-2>li>a {
	display: block;
}
.prop-icon1 {
	width: 60px;
	height: 60px;
	margin-bottom: 10px;
	background-image: url(../images/prop_icon1.png);
	margin: 10px auto;
}
.prop-icon1.icon1 {
	background-position: 0 0;
}
.prop-icon1.icon2 {
	background-position: -60px 0;
}
.prop-icon1.icon3 {
	background-position: -120px 0;
}
.prop-icon1.icon4 {
	background-position: -180px 0;
}
.prop-icon1.icon5 {
	background-position: -240px 0;
}
.prop-icon1+h3 {
	font-size: 18px;
}
.prop-type-2>li p {
	padding: 0 27px;
	display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 22px;
    height: 44px;
}
/*持续经营*/
.prop-type-3{
	overflow: hidden;
	padding: 50px 0 30px 0;
	margin: 0 auto;
    width: 1055px;
}
.prop-type-3>li {
	display: block;
	float: left;
	width: 20%;
	padding: 15px 0;
	/*width: 170px;*/
	text-align: center;
	/*margin-right: 36px;*/
	/*padding: 15px 0 20px;*/
}
.prop-type-3>li:hover {
	background: #0579F2;
}
.prop-type-3>li:hover h3,
.prop-type-3>li:hover p {
	color: #fff;
}
.prop-icon2 {
	width: 60px;
	height: 60px;
	margin: 0 auto;
	margin-bottom: 10px;
	background-image: url(../images/prop_icon2.png);
}
.prop-icon2.icon11 {
	background-position: 0 0;
}
.prop-type-3>li:hover .prop-icon2.icon11 {
	background-position: 0 -60px;
}
.prop-icon2.icon12 {
	background-position: -60px 0;
}
.prop-type-3>li:hover .prop-icon2.icon12 {
	background-position: -60px -60px;
}
.prop-icon2.icon13 {
	background-position: -120px 0;
}
.prop-type-3>li:hover .prop-icon2.icon13 {
	background-position: -120px -60px;
}
.prop-icon2.icon14 {
	background-position: -180px 0;
}
.prop-type-3>li:hover .prop-icon2.icon14 {
	background-position: -180px -60px;
}
.prop-icon2.icon15 {
	background-position: -240px 0;
}
.prop-type-3>li:hover .prop-icon2.icon15 {
	background-position: -240px -60px;
}
.prop-icon2.icon21 {
	background-position: 0 -120px;
}
.prop-icon2.icon22 {
	background-position: -60px -120px;
}
.prop-icon2.icon23 {
	background-position: -120px -120px;
}
.prop-icon2.icon24 {
	background-position: -180px -120px;
}
/*成功隐退*/
.prop-type-4 {
	overflow: hidden;
    padding: 50px 0 30px 0;
    margin: 0 auto;
    width: 960px;
}
.prop-type-4>li {
	display: block;
	float: left;
	width: 25%;
	padding: 15px 0;
	text-align: center;
	/*margin-right: 87px;*/
	/*padding: 15px 0 20px;*/
}
.prop-type-4>li:hover {
	background: #fff;
	box-shadow: 0 0 10px #dedddd; -moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;
}
.quit-box.box-05{
    background: -webkit-linear-gradient(#f2f2f2, #fff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#f2f2f2, #fff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#f2f2f2, #fff); /* Firefox 3.6 - 15 */
    background: linear-gradient(#f2f2f2, #fff); /* 标准的语法（必须放在最后） */
}
}
/*动画*/
/*.animation .company-img{animation: fadeInDown .5s linear both;}
.box-01 .inter-titl {animation:  bounceIn .5s linear both;}
.animation.box-02 .inter-titl {animation:  bounceIn .5s linear both;}
.box-01 .inter-titl {animation:  bounceIn .5s linear both;}
.animation.box-03 .inter-titl {animation:  bounceIn .5s linear both;}
.animation.box-05 .inter-titl {animation:  bounceIn .5s linear both;}
.animation .movie-main ul li{animation: fadeInRight .3s .3s linear both;}
.animation .movie-main ul li:nth-child(2){animation-delay: .4s;}
.animation .movie-main ul li:nth-child(3){animation-delay: .5s;}

.animation.counter-01 div{animation: fadeInDown .3s .3s linear both;}
.animation.counter-01 div:nth-child(2){animation-delay: .6s;}
.animation.counter-01 div:nth-child(3){animation-delay: .7s;}
.animation.counter-01 div:nth-child(4){animation-delay: .8s;}
.animation.counter-01 div:nth-child(5){animation-delay: .9s;}
.animation.counter-01 div:nth-child(6){animation-delay: 1s;}
.animation.counter-01 div:nth-child(7){animation-delay: 1.1s;}

.animation.counter-02 li{animation: fadeInRight .3s .3s linear both;}
.animation.counter-02 li:nth-child(2){animation-delay: .6s;}
.animation.counter-02 li:nth-child(3){animation-delay: .7s;}
.animation.counter-02 li:nth-child(4){animation-delay: .8s;}
.animation.counter-02 li:nth-child(5){animation-delay: .9s;}

.animation.counter-03 li{animation: fadeIn .3s .3s linear both;}
.animation.counter-03 li:nth-child(2){animation-delay: .6s;}
.animation.counter-03 li:nth-child(3){animation-delay: .7s;}
.animation.counter-03 li:nth-child(4){animation-delay: .8s;}
.animation.counter-03 li:nth-child(5){animation-delay: .9s;}

.animation.counter-04 li{animation: fadeInUp .3s .3s linear both;}
.animation.counter-04 li:nth-child(2){animation-delay: .6s;}
.animation.counter-04 li:nth-child(3){animation-delay: .7s;}
.animation.counter-04 li:nth-child(4){animation-delay: .8s;}

.animation.normal-question li{animation: fadeInDown .3s .3s linear both;}
.animation.normal-question li:nth-child(2){animation-delay: .6s;}
.animation.normal-question li:nth-child(3){animation-delay: .7s;}
.animation.normal-question li:nth-child(4){animation-delay: .8s;}
.animation.normal-question li:nth-child(5){animation-delay: .9s;}
.animation.normal-question li:nth-child(6){animation-delay: 1s;}
.animation.normal-question li:nth-child(7){animation-delay: 1.1s;}
.animation.normal-question li:nth-child(8){animation-delay: 1.2s;}
.animation .xinwen-img{animation: fadeInLeft .3s .3s linear both}
.animation .right-text{animation: fadeInRight .3s .3s linear both}
.animation .left-document{animation: fadeInLeft .3s .3s linear both}
.animation .right-document{animation: fadeInRight .3s .3s linear both}*/