﻿
/*2关于我们-发展历程*/
.m-path .path-ban{height: 600px;background: url(../images/img17.jpg) no-repeat;}
.m-path .tit{background: #fff;padding-bottom: 75px;}
 .path-main{height:700px; padding-top: 70px;width: 1180px;
     margin: 0 auto;}
 .path-main .bd{
    position: relative;
    width: 860px;height: 370px; position: relative; 
    background: #fff; margin:0 auto 70px;
}
.path-main .bd .bg {position: absolute;display: block; width: 225px; height: 370px; background: #0a0f80; left: 0; top: 0; z-index: 0; }
 .path-main .bd li{height: 370px; position: relative;}
 .path-main .pic{width: 430px;height: 370px;float: left;}
 .path-main .txt{width: 400px;height: 370px;background:#fff; float: right;}
 .path-main .pic img{position: absolute;top:28px;left:50px; width: 380px;}
 .path-main .txt p{font-size: 14px;margin-top: 25px;color:#575757;}
 .path-main .txt em{font-size: 36px;color: #1a636b;border-left: 1px solid #ceccc9;padding-left: 10px;}
 .path-main .txt span{font-size: 18px;color:#9b9b9b;}
 .path-main .prev,
 .path-main .next{
    position:absolute;
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    color:#1a636b;
    text-align: center;
    border: 1px solid #1a636b;
    background: #fff; 
    bottom: 30px;
    right: 80px;
    background: url(../images/pr1.png) no-repeat 8px 6px;
}
 .path-main .next{
    right: 45px;
    background-position: -18px 6px;
}
 .path-main .prev:hover,
 .path-main .next:hover{border: 1px solid #1a636b;
    background-color: #1a636b;
    background-image: url(../images/pr2.png);
    color:#fff;
}

 .path-main .jg-time{position: relative;height:140px;overflow:hidden;background: url(../images/img16.jpg) repeat-x left 120px;}
 .path-main .jg-time .hd {padding: 0 100px;}
 .path-main .jg-time li {position: relative; height: 140px;float: left; width:100px; margin-left: 10px;}
 .path-main .jg-time li a{position: relative;color:#fff;width: 18px;height: 18px;margin: 0 auto;
    border-radius: 50%;text-align: center;background: #fff;border: 2px solid #666;}
 .path-main .jg-time a{position: absolute;display: block;top:110px;width: 22px;height: 22px;line-height: 18px;font-size: 16px;text-align: center;color:#fff;border-radius: 50%;}
  .path-main .jg-time .prevs{background: #666;left: 0;}
 .path-main .jg-time .nexts{background: #1a636b;right: 0;}

 .path-main .jg-time li p{position: absolute;font-size: 14px;color:#767878;top: 73px;left: 34px;}
 .path-main .jg-time li.on a{margin-top: -88px;}
 .path-main .jg-time li.on a em{display: block;position: absolute;top:1px;left:1px;width: 12px;height: 12px; border-radius: 50%;background: #1a636b;}
 .path-main .jg-time li.on div p{position: absolute;top:5px;left: 15px;width:70px;height: 70px;text-align: center;color:#fff;
    line-height: 70px;border-radius: 50%;background: #179d25;
    font-size: 18px;
}
 .path-main .jg-time li.on div{width:96px;height: 88px;margin-left: 0px; background: url(../images/icon8.png) no-repeat 10px top; }



@media only screen and (max-width: 980px) {
    .path-main {
        height: auto;
        width: 100%;
        padding-top: 20px;
    }

    .path-main .bd {
        width: 100%;
        height: 270px;
        margin: 0 auto 20px;
    }

    .path-main .pic {
        width: 100%;
        height: 270px;
    }

    .path-main .txt {
        width: 100%;
        height: auto;
    }

    .path-main .bd .bg {
        width: 125px;
        height: 270px;
    }
    .path-main .pic img {
        left: 10%;
        width: 90%;
    }
    .path-main .prev, .path-main .next{bottom: 10px;right: 50px;}
    .path-main .next {
        right: 15px;
    }
    .path-main .jg-time{display: none;}
}

