#onecontent {
    width: 100%;
    /*margin: 343px auto 0;*/
    margin:19% auto 0;
    overflow: hidden;
}

#onecontent .box {
    width: 1200px;
    margin: 0 auto;
    height: 600px;
    position: relative;
}

#onecontent .box li div {
    position: absolute;
}

#onecontent .box .li1 .div1 {
    top: 0;
    left: 0;
}

#onecontent .box .li1 .div2 {
    top: 0;
    left: 400px;
}

#onecontent .box .li2 .div1 {
    top: 0;
    right: 0;
}

#onecontent .box .li2 .div2 {
    bottom: 0;
    right: 0;
}

#onecontent .box .li3 .div1 {
    bottom: 0;
    left: 400px;
}

#onecontent .box .li3 .div2 {
    bottom: 0;
    left: 0;
}

#onecontent .box .div1 {
    width: 400px;
    height: 300px;
    overflow: hidden;
}

#onecontent .box .div2 {
    width: 398px;
    height: 298px;
    border: 1px solid #E6E6E6;
    background-color: #ffffff;
}

#onecontent .box li .img-big {
    width: 400px;
    height: 300px;
    transition: all .3s;
    z-index: -1;
}

#onecontent .box li:hover .img-big {
    transform: scale(1.3);
}

#onecontent .box li h2 {
    font-size: 18px;
    margin: 35px 0 10px 50px;
}

#onecontent .box li p {
    text-align: justify;
    -ms-text-justify: inter-ideograph;
    text-justify: inter-ideograph;
    line-height: 24px;
    margin: 0 0 0 50px;
    width: 308px;
}

#onecontent .box li a {
    border-bottom: 2px solid #F5BF3F;
    line-height: 30px;
    position: absolute;
    left: 50px;
    bottom: 40px;
}

#onecontent .box li .img-san {
    position: absolute;
    z-index: 10;
}

#onecontent .box .li2 .img-san {
    top: -15px;
    left: 30px;
}

#onecontent .box .li1 .img-san {
    top: 30px;
    left: -15px;
}

#onecontent .box .li3 .img-san {
    right: -15px;
    top: 30px;
}

/*发展历程*/
#twocontent {
    width: 100%;
    height: 550px;
    background: url("../img/about_04.jpg") no-repeat top center;
    margin: 95px auto 0;
}

#twocontent .containe {
    position: relative;
    height: 550px;

}

#twocontent .xian {
    position: absolute;
    top: 0;
    height: 550px;
    border-left: 1px solid #ffffff;
    right: 180px;
}

/*左边的*/

.container_image {
    width: 560px;
    height: 300px;
    margin: 80px 0 0 155px;
    position: relative;
}

.container_image .i_btn {
    display: block;
    width: 37px;
    height: 43px;
    position: absolute;
    top: 132px;
    z-index: 3;
}

.container_image .prev_L {
    left: -92px;
    background-image: url(../img/ssleft.png);
}

.container_image .next_R {
    right: -92px;
    background-image: url(../img/ssright.png);
}

.slide_img {
    width: 560px;
    height: 300px;
    position: relative;
    z-index: 1;
}

.slide_img li {
    position: absolute;
}

.slide_img li p {
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    position: absolute;
    top: 321px;
    width: 690px;
    margin: 0 0 0 -196px;
    display: none;
}

.slide_img li.on p {
    display: block;
}

.slide_img li a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(255, 255, 255, .4);

}

.slide_img li.on a {
    background: inherit;
}

.slide_img li a img {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.slide_img li.on {
    width: 100%;
    left: 100%;
    top: 0;
}

/*右边的*/
#twocontent .rt {
    height: 484px;
    position: relative;
    width: 92px;
    margin: 30px 60px 0 0;
}

#twocontent .rt .btn {
    width: 44px;
    height: 37px;
    display: block;
    position: absolute;
    left: 23px;
}

#twocontent .rt .swiper-button-prev {
    top: 0;
}

#twocontent .rt .swiper-button-next {
    bottom: 0;
}

#twocontent .rt .swiper-containerrt {
    height: 344px;
    overflow: hidden;
    width: 92px;
    margin: 74px 0 0 0;
}

#twocontent .rt .swiper-containerrt .swiper-slide {
    width: 90px;
    height: 30px !important;
    background: url("../img/baibg.png") no-repeat;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    margin: 6px 0 22px 0;
}

#twocontent .rt .swiper-containerrt .swiper-slide a {
    font-size: 18px;
}


#twocontent .rt .swiper-containerrt .swiper-slide:hover {
    background: url("../img/chengbg.png") no-repeat;
}

.hhh{
    background: url("../img/chengbg.png") no-repeat !important;
}


.hhh a, #twocontent .rt .swiper-containerrt .swiper-slide:hover a {
    color: #ffffff !important;
}

/*领导关怀*/
#threecontent {
    width: 1200px;
    height: 485px;
    margin: 92px auto 0;
}

#threecontent .lf {
    width: 404px;
    height: 482px;
    background: url("../img/about_03_03.jpg") no-repeat center;
    position: relative;
}

#threecontent .lf a {
    color: #ffffff;
    position: absolute;
    bottom: 20px;
    right: 30px;
}

#threecontent .lf a img {
    margin-left: 10px;
}

#pretty_pic_lis {
    width: 796px;
    float: right;

}

#pretty_pic_lis li {
    cursor: pointer;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0 0 3px 3px;
    height: 240px;
    width: 394px;
}

#pretty_pic_lis li img {
    height: 240px;
    width: 394px;
}

#pretty_pic_lis li .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100%;
    background-color: rgba(0, 0, 0, .7) !important;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#70000000, endColorStr=#70000000);
    color: #fff;
}

#pretty_pic_lis li .mask p {
    line-height: 24px;
    width: 336px;
    text-align: justify;
    -ms-text-justify: inter-ideograph;
    text-justify: inter-ideograph;
    position: absolute;
    bottom: 20px;
    left: 20px;
}

#pretty_pic_lis li .mask p a {
    color: #EC6D20;

}

/*企业风采*/

#fourcontent {
    height: 404px;
    width: 1204px;
    margin: 90px auto;
}

#fourcontent ul li {
    float: left;
    position: relative;
    margin: 0 2px 4px;
    width: 297px;
    height: 200px;
    cursor: pointer;
}

#fourcontent ul li p {
    display: inline-block;
    width: 297px;
    height: 200px;
    overflow: hidden;

}

#fourcontent ul li p img {
    width: 297px;
    height: 200px;
    transition: all .3s;
}

#fourcontent ul li:hover p img {
    transform: scale(1.3);
}

#fourcontent ul .li2 {
    width: 598px;
}

#fourcontent ul li a {
    position: absolute;
    bottom: 26px;
    left: 250px;
    color: #ffffff;

}

#fourcontent ul li a img {
    margin-left: 10px;
}

.naver {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #333333;
    opacity: .9;
    top: 0;
    left: 0;
    z-index: 100;
    display: none;
}

.nav {
    display: none;
    z-index: 101;
    width: 960px;
    padding: 0 20px;
    background-color: #ffffff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -500px;
    text-align: center;
}

.nav h2 {
    font-size: 24px;
    text-align: center;
    margin: 70px 0 40px 0;
}

.nav p {
    line-height: 24px;
    text-align: justify;
    -ms-text-justify: inter-ideograph;
    text-justify: inter-ideograph;
    width: 800px;
    margin: 0 auto;
}

.nav a {
    display: block;
    color: #ba1b21;
    width: 178px;
    text-align: center;
    height: 38px;
    line-height: 38px;
    border: 1px solid #ba1b21;
    margin: 90px auto 30px;
}

.nav2 a {
    margin: 30px auto 30px;
}

.nav img {
    max-width: 800px;
}

/*点击企业风采的弹出框*/
.nav3 {
    display: none;
    z-index: 101;
    width: 970px;
    background-color: #ffffff;
    position: fixed;
    top: 50%;
    left: 50%;
    text-align: center;
    height: 638px;
    margin: -319px 0 0 -485px;
}

.nav3 .cha {
    display: block;
    color: #ba1b21;
    width: 178px;
    text-align: center;
    height: 38px;
    line-height: 38px;
    border: 1px solid #ba1b21;
    margin: -20px auto 0;
    z-index:10;
}

.cha {
    transition: all .5s;
}

.cha:hover {
    background-color: #ba1b21;
    color: #ffffff;

}



#jdjxc {
    width: 970px;
    margin: 0 auto;
}

#imgRolling {
    clear: both;
}

#imgRolling .imagebg {
    /*height: 330px;*/
    height:440px;
    overflow: hidden;
    position: relative;
    margin:20px auto 0;
}

#imgRolling .imagebg li {
    height: 480px;
    overflow: hidden;
    width: 800px;
    margin: 0 auto;
    display: block;
    text-align: center;
}

#imgRolling .scrollbg {
    height: 170px;
}

#imgRolling .scroll {

    width: 800px;
    height: 130px;
    position: relative;
    margin: 0 auto -8px;
}

#imgRolling .pre, .next {
    display: block;
    position: absolute;
    width: 37px;
    height: 43px;
}

#imgRolling a.pre {
    background: url(../img/huileft.png) no-repeat;
    top: 78px;
    left: 12px;
}


#imgRolling a.next {
    background: url(../img/huiright.png) no-repeat;
    top: 78px;
    right: -3px;
}


#imgRolling .outScroll_pic {
    width: 660px;
    height: 130px;
    overflow: hidden;
    margin: -24px 0 0 70px;
    position: relative;
    top: 2px;
}

#imgRolling .outScroll_pic .scroll_img {
    position: absolute
}

#imgRolling .scroll_img {
    margin: 0 auto;
    width: 40000px;
    height: 130px;
}

#imgRolling .scroll_img li {
    float: left;

    width: 122px;
    height: 83px;
    margin: 40px 5px 0;
    cursor: pointer;
}

#imgRolling .scroll .present {
    width: 122px;
    height: 83px;
    border: 2px #EC6D20 solid;
    z-index: 10;
    position: absolute;
    top: 40px;
    left: 0;
    margin:0 0 0 -4px;
}

#small_pic li img {
    width: 122px;
    height: 83px;
}

#imagebg li img {
    width: 650px;
    height: 438px;
}