body{
	background: url(../images/about-bg-img.png) repeat !important;
}
img{
	border-color: transparent;
	outline:none;
}
a{
	border: none;
	outline:none;
}
/*左侧导航*/
.sticky li:first-child{
	background: url(../images/company-icon.png) no-repeat ;
}
.sticky li:nth-child(2){
	background: url(../images/zhichi-icon.png) no-repeat ;
}
.sticky li:nth-child(3){
	background: url(../images/zuzhi-icon.png) no-repeat ;
}
.sticky li:nth-child(4){
	background: url(../images/bigthing-icon.png) no-repeat ;
}
.sticky li:nth-child(5){
	background: url(../images/joincompany-icon.png) no-repeat ;
	border-bottom: none;
}
.sticky li{
	background-position: top center;
}
.sideStick .sticky li{
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	background-position: left 20px; 
}
.sideStick .sticky .active{
	background-position: left -60px;
}
.red-line{
	width: 280px;
	height: 70px;
	background: #E62129;
}
@media (min-width:1199px ) and (max-width:1480px) {
	.red-line{
		width:240px;
		}
}
@media (min-width:992px ) and (max-width:1200px) {
	.red-line{
		width:210px;
		}
}
@media(max-width:991px) {
	.red-line{
		display: none;
		}
}
#aboutxt{
	padding-top: 30px;
}
/*公司简介*/
.img-idea img{
	border: 3px solid #E62129;
}
.idea-box{
	display: inline;
	float: right;
}
.idea{
	display: inline;
	width: 100px;
	height: 100px;
	text-align: center;
	line-height: 100px;
	color: #666;
	position: relative;
	margin-left: 30px;
	float: right;
	margin-top: 30px;
	}

.idea-bg{
	width: 100%;
	height:100%;
	display: inline-block;
	background: url(../images/idea-cirl.png) no-repeat center;
	background-size: 100%;
	-webkit-animation:play 6s linear infinite;
    -moz-animation:play 6s linear infinite;
    animation:play 6s linear infinite;
}
.idea-text{
	position: absolute;
	top: 0px;
	left:30px;
	font-size: 1.25em;
}
@-webkit-keyframes play{
    0% {
        
        -webkit-transform:rotate(0deg);
    }
    100% {
     
        -webkit-transform:rotate(360deg);
    }
}
@-moz-keyframes play{
    0% {
        -moz-transform:rotate(0deg);
    }
    100% {
        -moz-transform:rotate(360deg);
    }
}
@-o-keyframes play{
    0% {
        -moz-transform:rotate(0deg);
    }
    100% {
        -moz-transform:rotate(360deg);
    }
}
@-ms-keyframes play{
    0% {
        -moz-transform:rotate(0deg);
    }
    100% {
        -moz-transform:rotate(360deg);
    }
}
@keyframes play{
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);
    }
}
.intro-txt{
	font-size: 1em;
	line-height: 30px;
	color: #666;
	padding:30px;
	width: 94%;
	background: #fff;
	float: right;
	border-top: 3px solid #E62129;
	position: relative;
	top: -160px;
}
.intro-txt-title{
	position: absolute;
	display: inline-block;
	text-align: center;
	height: 32px;
	width: 152px;
	line-height: 32px;
	top: -32px;
	color: #fff;
	background: #E62129;
	right: 57.5%;
	
}
@media  (min-width: 992px) and (max-width: 1199px) {
	.idea{
	margin-left: 80px;
	margin-top: 30px;
	}
	.intro-txt{
	top: -60px;
	}
}
@media  (min-width: 768px) and (max-width: 924px) {
	.idea{
	margin-left: 80px;
	margin-top: 30px;
	}
	.intro-txt{
	top: -60px;
	}
}
@media(min-width: 640px) and (max-width: 767px) {
	.idea{
	margin-left: 10px;
	margin-top: 30px;
	}
	.intro-txt{
	top: -60px;
	}
}
@media(max-width:639px) {
	.about-img{
		display: none;
	}
	.idea{
	width: 66px;
	height: 66px;
	margin-left: 4%;
	margin-top: 30px;
	line-height:66px;
	font-size: 1em;
	}
	.intro-txt{
	top: auto;
	margin-top: 70px;
	width: 100%;
	margin-bottom: 30px;
	}
	.intro-txt-title{
		right: auto;
		left: 0px;
	}
	.idea-text{
		left: 16px;
	}
	.intro-box-img{
		display: block;
		width: 100%;
	}
	
}
@media(max-width:379px) {
	.about-img{
		display: none;
	}
	.idea{
	width: 80px;
	height: 80px;
	margin-left: 20%;
	margin-top: 30px;
	line-height:80px;
	font-size: 1em;
	}
	.intro-txt{
	top: auto;
	margin-top: 70px;
	width: 100%;
	
	}
	.intro-txt-title{
		right: auto;
		left: 0px;
	}
	.idea-text{
		left: 25px;
	}
}

/*董事长致辞样式开始*/
.zhichi-box{
	border-top: 3px solid #E62129;
	background: #fff;
	padding: 30px;
}
.zhici-title{
	display: inline-block;
	padding: 6px 15px;
	background: #E62129;
	color: #fff;
}

/*组织机构样式开始*/
#zuzhi{
	background: url(../images/zuzhi-bg.png) no-repeat center;
}

/*大事记样式开始*/
#timeline{
	background: url(../images/about-bigthing-bg.png) no-repeat center;
	background-size: cover;
}
/*参控股公司样式*/
.join-txt{
	font-size: 3.873em;
	color: #333;
	font-weight: bold;
}
@media (max-width:600px ) {
	.join-txt{
	font-size: 2em;
}
}
.join-content ul{
	padding-left: 0px !important;
	margin-top: 50px;
}
.join-content ul li{
	list-style: none;
	float: left;
	width: 30%;
	margin-right: 4%;
	margin-top: 30px;
}
.join-content ul li:nth-child(3n){
	margin-right: 0px;
}
.join-company-list{
	border: 4px solid #E62129;
	background: #fff;
	padding-bottom: 10px;
	display: block;
	cursor: pointer;
}
.img-logo{
	padding: 20px;
	min-height: 60px;
	line-height: 60px;
	
}
.company-name{
	background-color: #E62129;
	color: #fff;
	height: 60px;
	line-height: 60px;
	font-size: 1em;
	padding-left: 20px;
	position: relative;
	margin-right: -20px;
}
@media  (min-width: 768px) and (max-width: 1199px) {
	.join-content ul li{
	width: 44%;
	margin-right: 4%;
}
.join-content ul li:nth-child(3){
	margin-right: 4%;
}
}
@media  (max-width: 767px) {
	.join-content ul li{
	width: 98%;
	margin-right: 0;
	}
	.join-content ul li:nth-child(3){
		margin-right: 0;
	}
}