@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2017-09-20 17:04:58
 * @version $Id$
 */
#header {
    height: 90px;
}
 #about{
 	padding: 15px 0 134px;
 }
#about .left{
	width: 18%;
	float: left;
}
#about .left li{
	line-height: 58px;
	border-bottom: dashed 1px #e2e2e2;
	padding-left: 15px;
	cursor: pointer;
    color: #333;
}
#about .left img{
	display: inline;
    margin-top: 10px;
}
#about .right{
	width: 77%;
    float: right;
    color: #5a5a5a;
}
#about .right .title{
	font-size: 20px;
	border-bottom: solid 1px #d3d3d3;
}
#about .right .title h3{
	display: inline-block;
    padding: 15px 15px;
    border-bottom: solid 1px #c8161e;
    position: relative;
    bottom: -1px;
}
#about .right .content p{
	text-indent: 32px;
    line-height: 24px;
    margin-bottom: 30px;
    font-size: 14px;
    color: #5a5a5a;
}

/*发展历程*/
#about .right .block2{
	padding: 0 10px;
}
.block2 li{
    position: relative;
}
.block2 .block2-left{
	width: 15%;
    float: left;
    line-height: 30px;
    font-size: 16px;
    /*text-align: center;*/
    color: #fff;
    margin: 40px 0 0 0;
    background: no-repeat url(../images/about_bor_06.png);
    background-size: contain;
    text-indent: 4.5%;
}
.block2 .block2-mid{
	width: 17%;
    float: left;
    height: 112px;
    background: no-repeat url(../images/about_bor_03.png);
    background-size: contain;
    position: absolute;
    left: 15%;
}
.block2-right-warp{
    width: 85%;
    float: right;
    background: no-repeat url(../images/about_bor_03.png);
    background-size: 16% 114%;
}
.block2 .block2-right{
	float: right;
    width: 68%;
    background-color: #fbebec;
    /*height: 80px;*/
    margin: 18px 0 0 0;
    padding: 17px 20px;
    line-height: 24px;
    border-radius: 6px;
    font-size: 14px;
    color: #5a5a5a;
}
.text-odd{
	line-height: 48px !important;
}
.block2-btm{
	width: 30px;
	height: 30px;
	position: absolute;
	 background: no-repeat url(../images/about_footer.png);
    background-size: contain;
    bottom: -15px;
    left: -16px;
}
.block3 .block3-left{
	float: left;
    line-height: 50px;
    margin-top: 45px;
    width: 52%;
}
.block3 img{
	width: 45%;
}
.block4{
	margin-top: 30px;
}
.block5 .row{
	padding: 30px 0 15px;
    border-bottom: solid 1px #ddd;
    margin: 0;
}
.block5 .row h3{
	font-size: 16px;
	margin-bottom: 20px;
}
.block5 .row p{
	line-height: 24px;
}
.block5,.block6{
	font-size: 14px;
}
.block6 .top-nav{
	padding-bottom: 40px;
    border-bottom: solid 1px #ddd;
	margin-top: -15px;
}
.block6 .nav-block{
	background-color: #f4f4f4;
    display: inline-block;
    margin: 20px 0 0 0px;
    padding: 10px 15px;
    cursor: pointer;
}
.block6 .nav-block:hover{
    background-color: #c8161e !important;
    color: #fff;
}
.block6{
	position: relative;
}
.block-active{
	background-color: #c8161e !important;
	color: #fff;
}
.font-active{
	color: #c8161e !important;
}
.work-warp .work-inner{
	display: none;
	padding-top: 30px;
}
.work-warp,.work-inner h4{
	line-height: 28px;
}
.right .item{
	display: none;
}

#resuEmail {
    line-height: 30px;
    width: 480px;
    left: 136px;
    bottom: -90px;
    position: absolute;
}
#resuEmail input {
    width: 200px;
    text-align: center;
    border-radius: 4px;
    margin-left: 15px;
    border: solid 1px #ddd;
    height: 37px;
}
#resuEmail button {
    border-radius: 4px;
    width: 120px;
    background-color: #fff;
    border: solid 1px #ddd;
    text-indent: 30px;
    background: no-repeat url(../images/contact_us_02.png) 8px;
    background-size: 25px;
    background-color: #f1f1f1;
}

@media screen and (max-width: 980px)
{
   .block2 .block2-left,.block2 .block2-mid{
        background-size: 90% 100%;
    }
    #ziZhi .col-md-4{
        float: left;
        width: 33.33333333%;
    }
    .block5 .row h3 {
        margin-top: 20px;
    }
    .block6 .top-nav{
        text-align: initial;
    }
    .text-odd {
        line-height: 24px !important;
    }
    #about .left {
        width: 20%;
    }
    .block2 .h152{
        height: 152px;
    }
    .block2 .h130{
        height: 130px;
    }
    .block2 li:nth-child(11) .block2-left{
        margin-top: 63px;
    }
    
}