@charset 'utf-8';
.banner a {
    display: block;
}
.banner .pic {
    position: relative;
}
.banner img {
    width: 100%;
    display: block;
}
.banner .shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    background: url("../image/shadow.png") repeat-x bottom;
}
.banner .shadow>p {
    position: absolute;
    font-size: 30px;
    line-height: 36px;
    color: #ffffff;
    bottom: 60px;
    right: 13.5%;
}
.banner .slick-prev{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 164px;
    z-index: 11;
    border: none;
    outline: none;
    background: url("../image/to-left.png") no-repeat center center;
}
.banner .slick-next {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    right: 164px;
    z-index: 11;
    border: none;
    outline: none;
    background: url("../image/to-right.png") no-repeat center center;
}


.section1 {
    padding: 50px 0 75px;
    background: url("../image/section3.jpg") no-repeat center center;
    background-size: cover;
}
.gg-tit {
    margin-bottom: 35px;
}
.gg-tit h2{
    font-size: 38px;
    color: #000000;
    display: block;
    line-height: 60px;
    float: left;
}
.section1 .gg-tit h2 {
    width: 323px;
    background: url("../image/h2-bg.png") no-repeat left top;
}
.gg-tit .mores {
    float: right;
    width: 127px;
    height: 40px;
    border: 1px solid #aeaeae;
    margin-top: 10px;
}
.gg-tit .mores>a{
    display: block;
    font-size: 18px;
    line-height: 38px;
    color: #787878;
    text-align: center;
}
.mores:hover {
    border-color:#ff9000 ;
}
.mores:hover>a {
    color: #ff9000;
}
.gg-tit2 .mores:hover{
    border-color: #ff9000;
}
.gg-tit2 .mores:hover a {
    color: #ff9000;
}
.s1-main a {
    display: block;
}
.s1-main .pic {
    width: 100%;
    overflow: hidden;
}

.pic img {
    width: 100%;
    overflow: hidden;
    transition: all 300ms;
}
.s1-main>ul>li {
    width: 30.7%;
    float: left;
}
.s1-main>ul>li:hover .pic>img{
    transform: scale(1.1);
}
.s1-main>ul>li:hover .s1-info>h5{
    color: #1464c8;
}
.s1-main>ul>li:nth-child(even){
    margin-left: 3.9%;
    margin-right: 3.9%;
}
.s1-info {
    padding: 30px 28px;
    background: #ffffff;
}
.s1-info>h5{
    font-size: 20px;
    line-height: 34px;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.s1-info p {
    font-size: 14px;
    line-height: 24px;
    color: #9e9393;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 15px;
    margin-bottom: 15px;
}
.s1-info .tm {
    display: inline-block;
    font-size: 16px;
    line-height: 34px;
    color: #ff9000;
    float: none;
    text-indent: 30px;
    background: url("../image/time.png") no-repeat left center;
}
.s1-info span{
    float: right;
    font-size: 16px;
    line-height: 34px;
    color: #ff9000;
}
.section2 {
    padding-top: 45px;
    padding-bottom: 15px;
    background: url("../image/section2.jpg") no-repeat center center;
    background-size: cover;
}
.gg-tit2 {
    margin-bottom: 35px;
}
.gg-tit2>h2 {
    font-size: 38px;
    display: block;
    line-height: 60px;
    float: left;
    color: #ffffff;
    width: 169px;
    background: url("../image/h2-bg2.png") no-repeat left top;
}
.gg-tit2 .mores {
    float: right;
    width: 127px;
    height: 40px;
    border: 1px solid #ffffff;
    margin-top: 10px;
}
.gg-tit2 .mores>a{
    display: block;
    font-size: 18px;
    line-height: 38px;
    color: #ffffff;
    text-align: center;
}
.s2-main>ul>li {
    float: left;
    width: 31%;
    position: relative;
    margin-bottom: 3.5%;
    background: rgba(255,255,255,.1);
    padding: 24px 36px 25px 23px;
    border-bottom: 3px solid rgba(255,255,255,.4);
    transition: all 300ms;
}

.s2-main>ul>li>a,.s5-main>ul>li>a{
    overflow: hidden;
}
.s2-main>ul>li:hover .s2-tm>span{
    color: #ffffff;
}
.s2-main>ul>li:hover {
    border-bottom-color: #ff9000;
}
.s2-main>ul>li:nth-child(3n+2){
    margin-right: 3.5%;
    margin-left: 3.5%;
}
.s2-tm {
    float: left;
    width: 102px;
    height: 102px;
    padding-top: 15px;
    background: rgba(255,255,255,.5);
}
.s2-tm span:first-child{
    font-size: 52px;
    line-height: 52px;
}
.s2-tm span {
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #004a95;
    text-align: center;
    transition: all 300ms;
}
.s2-info {
    overflow: hidden;
    padding-left: 30px;
}
.s2-info p {
    font-size: 18px;
    line-height: 34px;
    color: #ffffff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
    text-overflow: ellipsis;
    height:68px;
}
.section3 {
    padding: 50px 0;
    background: url("../image/section3.jpg") no-repeat center center;
    background-size: cover;
}
.section3 .gg-tit>h2{
    width: 256px;
    background: url("../image/h2-bg3.png") no-repeat left top;
}
.s3-main>ul>li {
    width: 48%;
    float: left;
    padding: 45px 40px 54px 35px ;
    margin-bottom: 4%;
}
.s3-main>ul>li:hover {
    box-shadow: 5px 5px 5px #3d3c3c;
}
.s3-main>ul>li:first-child {
    background:  #0caac6 url("../image/li-logo.png") no-repeat right center;
}
.two {
    margin-left: 4%;
    background: #c67e0c url("../image/li-logo.png") no-repeat right center;
}
.three {
    background: #63a013 url("../image/li-logo.png") no-repeat right center;
}
.fore {
    margin-left: 4%;
    background: #0c68c6 url("../image/li-logo.png") no-repeat right center;
}
.s3-main>ul>li:hover  {
}
.icon-tit {
    font-size: 20px;
    line-height: 34px;
    color: #ffffff;
    text-indent: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url("../image/icon-tit.png") no-repeat left center;
}
.icon-peo {
    font-size: 18px;
    line-height: 34px;
    color: #ffffff;
    text-indent: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url("../image/icon-peo.png")no-repeat left center;
}
.icon-hor {
    font-size: 18px;
    line-height: 34px;
    color: #ffffff;
    text-indent: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url("../image/icon-hor.png")no-repeat left center;

}
.section4 {
    padding: 42px 0 75px;
    background: url("../image/section4.jpg") no-repeat center center;
    background-size: cover;
}
.section4 .gg-tit2>h2 {
    width: 228px;
    background: url("../image/h2-bg4.png") no-repeat left top;
}
.li-up .pic>img,
.li-dn .pic>img{
    width: 100%;
    height: 296px;
    overflow: hidden;
    transition: all 300ms;
}

.li-up:hover .pic>img,
.li-dn:hover .pic>img
{
    transform: scale(1.1);
}
.li-up:hover .s4-info>h5,
.li-dn:hover .s4-info>h5
{
    color: #1464c8;
}
.s4-ml {
    width: 50%;
    float: left;
}
.s4-mr{
    overflow: hidden;
}
.li-up .pic {
    float: left;
    width: 378px;
    position: relative;
    overflow: hidden;
}
.li-up .pic:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px;
    border: 20px solid transparent;
    border-right-color: #ffffff;
}
.li-dn .pic {
    float: right;
    position: relative;
    overflow: hidden;
    width: 378px;
}
.li-dn .pic:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    border: 20px solid transparent;
    border-left-color: #ffffff;
}
.s4-info {
    overflow: hidden;
    background: #ffffff;
    padding:40px 45px 30px 32px;
}
.s4-info h5 {
    font-size: 20px;
    color: #000000;
    line-height: 50px;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.s4-info p {
    font-size: 14px;
    line-height: 30px;
    color: #9c9b9b;
    height: 120px;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:4;
    overflow: hidden;
    text-overflow: ellipsis;
}
.s4-info span {
    font-size: 16px;
    line-height: 36px;
    color: #c67e0c;
    float: right;
    margin-top: 12px;
}
.section5 {
    padding: 50px 0;

    background: url("../image/section3.jpg") no-repeat center center;
    background-size: cover;
}
.section5 .gg-tit h2 {
    width: 382px;
    background: url("../image/h2-bg-5.png") no-repeat left top;
}
.s5-tm span:first-child {
    font-size: 52px;
    line-height: 52px;

}
.s5-main>ul>li {
    width: 29.7%;
    float: left;
    background: #ffffff;
    margin-bottom: 3%;
    border-bottom: 3px solid #6593c7;
    padding: 20px 35px 24px 23px;
    transition: all 300ms;
}
.s5-main>ul>li:hover {
    background: #1464c8;
    border-bottom-color: #ffffff;
}
.s5-main>ul>li:hover .s5-info>p{
    color: #ffffff;
}
.s5-main>ul>li:nth-child(3n+2){
    margin-left: 3.9%;
    margin-right: 3.9%;
}
.s5-tm span{
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
}
.s5-one .s5-tm {
    width: 102px;
    height: 102px;
    background: #0caac6;
    padding-top: 15px;
    text-align: center;
    float: left;
}
.s5-info {
    overflow: hidden;
    padding-left: 25px;
}
.s5-info p {
    font-size: 18px;
    line-height: 34px;
    color: #646464;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;
    text-overflow: ellipsis;
    height:68px;
}
.s5-two .s5-tm {
    width: 102px;
    height: 102px;
    background: #9c9c9c;
    padding-top: 15px;
    text-align: center;
    float: left;
}
.s5-three .s5-tm {
    width: 102px;
    height: 102px;
    background: #72a1dc;
    padding-top: 15px;
    text-align: center;
    float: left;
}
.s5-four .s5-tm {
    width: 102px;
    height: 102px;
    background: #d49139;
    padding-top: 15px;
    text-align: center;
    float: left;
}
.link-c {
    padding-top: 47px;
    padding-bottom: 48px;
}
.link-c>ul>li {
    float: left;
    width: 16.6%;
    text-align: center;
    transition: all 300ms;
}
.link-c>ul>li:hover p{
    color: #1464c8;
}
.pho{
    height: 62px;
}
.pho img {
    display: block;
    margin: auto;
}
.link-c>ul>li p {
    font-size: 18px;
    line-height: 34px;
    color: #363636;
    margin-top: 10px;
}
.s2-main>ul>li>a,
.s3-main>ul>li>a,
.s4-main a,
.s5-main>ul>li>a,
.link-c>ul>li>a{
    display: block;
}






@media screen and (max-width: 1200px){
    .li-up .pic,.li-dn .pic{
        width: 292px;
    }
 .li-up .pic img,.li-dn .pic img{
        width: 292px;
        height:230px;
    }
    .s4-info {
        padding: 10px 20px 5px 15px;
    }
    .s4-info span{
        line-height: 35px;
        margin-top: 10px;
    }
    .s4-info p{
        margin-top: 0;
    }

    .li-up .pic:after{
        border: 14px solid transparent;
        border-right-color:#ffffff ;
    }
    .li-dn .pic:after{
        border: 14px solid transparent;
        border-left-color:#ffffff ;
    }
}
@media screen and (max-width: 1024px){
.s2-main>ul>li{    height: 116px;}
.s5-main>ul>li{    height: 156px;}
    .banner{
        margin-top: 46px;
    }
    .banner .slick-prev {
        left: 25px;
        background-size: 30px;
    }
    .banner .slick-next {
        right: 25px;
        background-size: 30px;
    }
    .banner .shadow>p{
        font-size: 24px;
        bottom: 30px;
        right: 20px;
    }
    .s1-info {
        padding: 15px 18px;
    }
    .s1-info>h5{
        font-size: 18px;
    }
    .s1-info span,.s1-info .tm,.s1-info p {
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .s2-tm,.s5-one .s5-tm,
    .s5-two .s5-tm,.s5-three .s5-tm,
    .s5-four .s5-tm{
        width: 70px;
        height: 70px;
        padding-top: 7px;
        margin-top: 6px;
    }
    .s2-tm span:first-child,
    .s5-tm span:first-child{
        font-size: 32px;
        line-height: 32px;
    }
    .s2-info,.s5-info{
        padding-left: 20px;
    }
    .s2-info p,.s5-info p{
        font-size: 14px;
        line-height: 30px;
    }
    .s3-main>ul>li{
        padding: 30px 20px 30px 25px;
    }
    .icon-tit{
        font-size: 18px;
        background-size: 16px;
    }
    .icon-peo,.icon-hor{
        font-size: 16px;
        background-size: 16px;
    }
    .li-up .pic,.li-dn .pic{
        width: 245px;
    }
    .s4-info {
        padding: 9px 20px 3px 15px;
    }
    .s4-info h5{
        font-size: 18px;
        line-height: 42px;
    }
    .s4-info span{
        line-height: 35px;
        margin-top: 5px;
    }
    .s4-info p{
        line-height: 25px;
        height: 100px;
    }
    .li-up .pic img,.li-dn .pic img{
        width: 100%;
        height:194px;
    }
    .li-up .pic:after{
        border: 14px solid transparent;
        border-right-color:#ffffff ;
    }
    .li-dn .pic:after{
        border: 14px solid transparent;
        border-left-color:#ffffff ;
    }
    .link-c>ul>li p{
        font-size: 16px;
    }
}
@media screen and (max-width: 768px){
.s2-main>ul>li{height: auto;}
.s5-main>ul>li{    height: auto;}

    .banner .shadow>p{
        font-size: 18px;
    }
    .gg-tit,.gg-tit2{
        margin-bottom: 20px;
    }
    .gg-tit h2,.gg-tit2>h2{
        font-size: 30px;
        line-height: 50px;
    }
    .gg-tit .mores,.gg-tit2 .mores{
        width: 110px;
        height: 24px;
        margin-top: 12px;
    }
    .gg-tit .mores>a,.gg-tit2 .mores>a{
        font-size: 14px;
        line-height: 23px;
    }
    .section1 .gg-tit h2{
        background-size: 260px;
    }
    .section1,.section4 {
        padding: 35px 0 50px;
    }
    .s1-info{
        padding: 10px 10px;
    }
    .s1-info>h5{
        font-size: 16px;
    }
    .s1-info span, .s1-info .tm, .s1-info p{
        font-size: 12px;
        margin-top: 0;
        margin-bottom: 0;
    }
    .section2,section5 {
        padding-top: 35px;
    }
    .s2-main>ul>li,.s5-main>ul>li{
        width: 49%;
        margin-bottom: 2.5%;
    }
    .s2-main>ul>li:nth-child(3n+2),
    .s5-main>ul>li:nth-child(3n+2){
        margin-right: 0;
        margin-left: 0;
    }
    .s2-main>ul>li:nth-child(even),
    .s5-main>ul>li:nth-child(even){

        margin-left: 2%;
    }
    .section3{
        padding: 35px 0;
    }
    .s3-main>ul>li,.s4-main>ul>li{
        float: none;
        width: auto;
    }
    .two,.fore{
        margin-left: 0;
    }

    /*测试*/
    .li-up,.li-dn{
        margin-bottom: 2%;
    }
    .s4-ml{
        float: none;
        width: auto;
    }
    .pho img{
        width: 40%;
    }
    .link-c>ul>li p{
        font-size: 14px;
    }
    .link-c {
        padding-top: 35px;
        padding-bottom: 25px;
    }
}
@media screen and (max-width: 600px){
    .px1500{
        padding-left: 10px;
        padding-right: 10px;
    }
    .banner .shadow>p {
        font-size: 14px;
        bottom: 10px;
    }
    .gg-tit h2, .gg-tit2>h2 {
        font-size: 24px;
        line-height: 42px;
    }
    .section1 .gg-tit h2 {
        background-size: 156px;
        width: 156px;
    }
    .s1-main>ul>li{
        float: none;
        width: auto;
        margin-bottom: 2%;
    }
    .s1-main>ul>li:nth-child(even){
        margin-left: 0;
        margin-right: 0;
    }
    .s1-info span, .s1-info .tm, .s1-info p{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .s2-main>ul>li, .s5-main>ul>li{
        float: none;
        width: auto;
    }
    .s2-main>ul>li:nth-child(even), .s5-main>ul>li:nth-child(even){
        margin-left: 0;
    }
    .s2-tm, .s5-one .s5-tm, .s5-two .s5-tm, .s5-three .s5-tm, .s5-four .s5-tm {
        width: 45px;
        height: 45px;
        padding-top: 0px;
    }
    .s2-tm span:first-child,.s5-tm span:first-child {
        font-size: 20px;
        line-height: 26px;
    }
    .s2-tm span,.s5-tm span{
        font-size: 12px;
        line-height: 18px;
    }
    .s2-info, .s5-info{
        padding-left: 15px;
    }
    .s2-info p, .s5-info p{
        font-size: 14px;
        line-height: 28px;
    }
    .s3-main>ul>li{
        padding: 15px 10px 20px 15px;

    }
    .icon-tit {
        font-size: 16px;
        background-size: 16px;
    }
    .icon-peo, .icon-hor {
        font-size: 14px;
        background-size: 14px;
    }
    .li-up .pic, .li-dn .pic {
        width: 220px;
    }
.li-up .pic img,.li-dn .pic img{
        width: 100%;
        height:175px;
    }
    .s4-info p {
        font-size: 12px;
        line-height: 20px;
        height: 80px;
    }
    .s4-info span{
        font-size: 12px;
    }
    .s5-main>ul>li,.s2-main>ul>li{
        padding: 18px 35px 15px 23px;
    }
    .section2 .gg-tit2>h2{
        background-size: 120px;
        width: 120px;
    }
    .section3 .gg-tit>h2,.section4 .gg-tit2>h2{
        width: 150px;
        background-size: 150px;
    }
    .section5 .gg-tit h2{
        width: 200px;
        background-size: 200px;
    }
    .link-c>ul>li{
        width: 31%;
        margin-bottom: 2%;
    }
    .link-c>ul>li:nth-child(3n+2){
        margin-right: 3%;
        margin-left: 3%;
    }
    .pho {
        height: 40px;
    }
    .pho img{
        width: 20%;
    }
    .link-c>ul>li p{
        margin-top: 5px;
    }
}
@media screen and (max-width: 460px){
    .banner .slick-prev {
        left: 10px;
        background-size: 20px;
        width: 20px;
        height: 20px;
    }
    .banner .slick-next{
        right: 10px;
        background-size: 20px;
        width: 20px;
        height: 20px;
    }
    .banner .shadow>p{
        font-size: 12px;
    }
    .gg-tit .mores, .gg-tit2 .mores{
        width: 70px;
    }
    .gg-tit .mores>a, .gg-tit2 .mores>a{
        font-size: 12px;
    }
    .section1, .section4 {
        padding: 25px 0 25px;
    }
    .section2, section5 {
        padding-top: 25px;
    }
    .s2-info p, .s5-info p {
        font-size: 12px;
        line-height: 24px;
    }
    .section3 {
        padding: 24px 0;
    }
    .icon-tit {
        font-size: 14px;
        background-size: 14px;
    }
    .icon-peo, .icon-hor {
        font-size: 12px;
        background-size: 12px;
        line-height: 24px;
    }
    .s3-main>ul>li{
        background-size: 200px!important;
    }
    .li-up .pic, .li-dn .pic{
        float: none;
        width: auto;
    }
    .li-up .pic img, .li-dn .pic img{
       height:auto;
}
    .li-up .pic:after,.li-dn .pic:after{
        display: none;
    }
}