/*synews*/

.synewsbox, .synewsbox .arrow-left, .synewsbox .arrow-right, .synewsbox .synews, .synewsbox .synews .jgx, .synewsbox .imgs, .synewsbox .imgs span, .synewsbox .imgs span strong, .synewsbox .imgs b, .synewsbox .texts, .synewsbox .texts .biaoti, .synewsbox .texts .biaoti h3, .synewsbox .texts .biaoti h3 b, .synewsbox .texts .biaoti .jiantou2, .synewsbox .texts .biaoti .jiantou2 span, .synewsbox .jiantou, .synewsbox .texts p, .synewsbox .more {

    transition: all 0.3S;

    -webkit-transition: all 0.3S;

    -moz-transition: all 0.3S;

    -ms-transition: all 0.3S;

    -o-transition: all 0.3S

}



.synewsbox {

    padding: 53px 0;

    position: relative;

}



.synewsbox .more {

    margin: 0 0 0 -72px;

    position: absolute;

    left: 50%;

    top: -17px;

    z-index: 1;

    width: 145px;

    height: 34px;

    border-radius: 17px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bc2a2a+0,8e1212+100&0.85+1,0.85+100 */

    background: -moz-linear-gradient(top, rgba(188, 42, 42, 0.85) 0%, rgba(188, 42, 42, 0.85) 1%, rgba(142, 18, 18, 0.85) 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(188, 42, 42, 0.85) 0%, rgba(188, 42, 42, 0.85) 1%, rgba(142, 18, 18, 0.85) 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(188, 42, 42, 0.85) 0%, rgba(188, 42, 42, 0.85) 1%, rgba(142, 18, 18, 0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9bc2a2a', endColorstr='#d98e1212', GradientType=0); /* IE6-9 */

}



.synewsbox .more:hover {

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ad2a2e+0,631315+100 */

    background: rgb(173, 42, 46); /* Old browsers */

    background: -moz-linear-gradient(top, rgba(173, 42, 46, 1) 0%, rgba(99, 19, 21, 1) 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(173, 42, 46, 1) 0%, rgba(99, 19, 21, 1) 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(173, 42, 46, 1) 0%, rgba(99, 19, 21, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ad2a2e', endColorstr='#631315', GradientType=0); /* IE6-9 */

}



.synewsbox .more a {

    display: block;

    line-height: 34px;

    color: #fff;

}



.synewsbox .arrow-left {

    position: absolute;

    left: 50%;

    top: 0;

    margin-top: -15px;

    width: 42px;

    height: 42px;

    margin: 0 0 0 -21px;

    border-radius: 50%;

    text-align: center;

    line-height: 42px;

    z-index: 9;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.1+0,0.1+100 */

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1affffff', endColorstr='#1affffff', GradientType=0); /* IE6-9 */



}



/*.synewsbox .arrow-left span{ color:#fff;}*/

.synewsbox .arrow-right {

    position: absolute;

    left: 50%;

    bottom: 0;

    margin-top: -15px;

    width: 42px;

    height: 42px;

    margin: 0 0 0 -21px;

    border-radius: 50%;

    text-align: center;

    line-height: 42px;

    z-index: 9;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.1+0,0.1+100 */

    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1affffff', endColorstr='#1affffff', GradientType=0); /* IE6-9 */



}



.synewsbox .arrow-left span {

    display: block;

    background: url(../images/news-arrow.png) no-repeat top left;

    width: 14px;

    height: 10px;

    margin: 15px auto 0;

    transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -webkit-transition:all 0.3s ease 0s;

    -o-transition:all 0.3s ease 0s;



}



.synewsbox .arrow-right span {

    display: block;

    background: url(../images/news-arrow.png) no-repeat bottom left;

    width: 14px;

    height: 10px;

    margin: 15px auto 0;

    transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -webkit-transition:all 0.3s ease 0s;

    -o-transition:all 0.3s ease 0s;



}



.synewsbox .arrow-left:hover, .synewsbox .arrow-right:hover {

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ad2a2e+0,631315+100 */

    background: rgb(173, 42, 46); /* Old browsers */

    background: -moz-linear-gradient(top, rgba(173, 42, 46, 1) 0%, rgba(99, 19, 21, 1) 100%); /* FF3.6-15 */

    background: -webkit-linear-gradient(top, rgba(173, 42, 46, 1) 0%, rgba(99, 19, 21, 1) 100%); /* Chrome10-25,Safari5.1-6 */

    background: linear-gradient(to bottom, rgba(173, 42, 46, 1) 0%, rgba(99, 19, 21, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ad2a2e', endColorstr='#631315', GradientType=0); /* IE6-9 */

}



.synewsbox .swiper-container {

    height: 100%;

    width: 100%

}



.synewsbox .swiper-slide {

    width: 100%;

    height: 100%;

}



.synewsbox .synews {

    position: relative;

    height: 370px;

}



.synewsbox .synews .jgx {

    position: absolute;

    left: 50%;

    top: 42px;

    z-index: 999;

    width: 1px;

    height: 286px;

    background: rgba(255, 255, 255, .2);

}



.synewsbox .imgbox {

    position: relative;

    cursor: pointer;

}



.synewsbox .nimgs {

    width: 90px;

    height: 90px;

    border-radius: 50%;

}



.synewsbox .nimgs span {

    padding: 25px 0 0;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 1;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .5);

    text-align: center;

    font-family: Arial, Helvetica, sans-serif;

    color: #fff;

    line-height: 18px;

    border-radius: 50%;

    font-weight: bold;

    filter: alpha(opacity=0);

    -moz-opacity: 0;

    -khtml-opacity: 0;

    opacity: 0

}



.synewsbox .nimgs span strong {

    display: block;

    font-size: 22px;

    line-height: 24px;

}



.synewsbox .nimgs b {

    position: absolute;

    right: 0;

    top: 0;

    z-index: 2;

    width: 20px;

    height: 20px;

    background: rgba(0, 0, 0, .8);

    color: #fff;

    text-align: center;

    line-height: 20px;

    font-size: 8px;

    border-radius: 50%;

}



.synewsbox .texts {

    padding: 5px 15px;

    position: absolute;

    top: 9px;

    width: 290px;

    height: 128px;

    background: rgba(0, 0, 0, 0.4);

    border-radius: 5px;

}



.synewsbox .texts .biaoti {

    position: relative;

    height: 37px;

    border-bottom: solid 1px #0f0e0f;

}



.synewsbox .texts .biaoti h3 {

    padding: 0 70px 0 0;

    width: 100%;

    font-size: 16px;

    line-height: 36px;

    color: rgba(255, 255, 255, .7);

}



.synewsbox .texts .biaoti h3 b {

    font-family: "Times New Roman", Times, serif;

}



.synewsbox .texts .biaoti .jiantou2 {

    position: absolute;

    right: 0;

    top: 8px;

    z-index: 1;

    width: 62px;

    height: 20px;

    line-height: 20px;

    text-align: center;

    font-size: 20px;

    color: rgba(255, 255, 255, 0.7);

}



.synewsbox .texts .biaoti .jiantou2 span {

    position: absolute;

    background: rgba(255, 255, 255, 0.7);

}



.synewsbox .texts .biaoti .jiantou2 span.span1 {

    left: 1px;

    top: 0;

    width: 9px;

    height: 1px;

}



.synewsbox .texts .biaoti .jiantou2 span.span2 {

    left: 0;

    top: 0;

    width: 1px;

    height: 10px;

}



.synewsbox .texts .biaoti .jiantou2 span.span3 {

    right: 1px;

    bottom: 0;

    width: 9px;

    height: 1px;

}



.synewsbox .texts .biaoti .jiantou2 span.span4 {

    right: 0px;

    bottom: 0;

    width: 1px;

    height: 10px;

}



.synewsbox .texts p {

    padding: 8px 0;

    border-top: solid 1px #4c494c;

    font-size: 13px;

    color: rgba(255, 255, 255, 0.7);

    line-height: 22px;

    height: 82px;

    overflow: hidden;

}



.synewsbox .jiantou {

    position: absolute;

    top: 29px;

    z-index: 1;

    width: 0;

    height: 0;;

    border-top: 10px solid transparent;

    border-bottom: 10px solid transparent;

}



/*左右单独设置*/

.synewsbox .slide2s {

    width: 50%;

    height: 100%;

}



.synewsbox .slide2s01 .imgbox {

    margin: 180px 24px 0 0;

    float: right;

}



.synewsbox .slide2s01 .texts {

    right: 122px;

}



.synewsbox .slide2s01 .texts .jiantou {

    right: -13px;

    border-left: 13px solid rgba(0, 0, 0, 0.4);

}



.synewsbox .slide2s02 .imgbox {

    margin: 52px 0 0 24px;

    float: left;

}



.synewsbox .slide2s02 .texts {

    left: 122px;

}



.synewsbox .slide2s02 .texts .jiantou {

    left: -13px;

    border-right: 13px solid rgba(0, 0, 0, 0.4);

}



/*hover*/

.synewsbox .imgbox:hover .nimgs span {

    filter: alpha(opacity=100);

    -moz-opacity: 1;

    -khtml-opacity: 1;

    opacity: 1

}



.synewsbox .imgbox:hover .nimgs b {

    background: rgba(187, 36, 43, 0.8);

}



.synewsbox .imgbox:hover .texts {

    background: rgba(187, 36, 43, 0.8);

}



.synewsbox .imgbox:hover .texts .biaoti {

    border-bottom: solid 1px #8f151a;

}



.synewsbox .imgbox:hover .texts .biaoti h3 {

    color: rgba(255, 255, 255, 1);

}



.synewsbox .imgbox:hover .texts .biaoti .jiantou2 {

    color: rgba(255, 255, 255, 1);

}



.synewsbox .imgbox:hover .texts .biaoti .jiantou2 span {

    background: rgba(255, 255, 255, 1);

}



.synewsbox .imgbox:hover .texts p {

    color: rgba(255, 255, 255, 1);

    border-top: solid 1px #ac2f36;

}



.synewsbox .slide2s02 .imgbox:hover .texts .jiantou {

    border-right: 13px solid rgba(187, 36, 43, 0.8);

}



.synewsbox .slide2s01 .imgbox:hover .texts .jiantou {

    border-left: 13px solid rgba(187, 36, 43, 0.8);

}



@media (max-width: 991px) {

    .synewsbox .synews {

        padding-bottom: 65px;

        height: 365px;

        overflow: hidden;

    }



    .synewsbox .nimgs {

        margin: 0 0 0 1px;

        position: absolute;

        left: 0;

        top: 0;

        z-index: 1;

        width: 158px;

        height: 138px;

        border: solid 1px #3e3e3f;

        border-radius: 0;

        box-shadow: 0 0 0 1px rgba(220, 220, 220, 1);

        -moz-box-shadow: 0 0 0 1px rgba(220, 220, 220, 1);

        -webkit-box-shadow: 0 0 0 1px rgba(220, 220, 220, 1);

        -ms-box-shadow: 0 0 0 1px rgba(220, 220, 220, 1);

        -o-box-shadow: 0 0 0 1px rgba(220, 220, 220, 1)

    }



    .synewsbox .imgbox:hover .imgs {

        box-shadow: 0 0 0 1px #bc2a2a;

        -moz-box-shadow: 0 0 0 1px #bc2a2a;

        -webkit-box-shadow: 0 0 0 1px #bc2a2a;

        -ms-box-shadow: 0 0 0 1px #bc2a2a;

        -o-box-shadow: 0 0 0 1px #bc2a2a;

        border: solid 1px #fff;

    }



    .synewsbox .nimgs span {

        display: none;

    }



    .synewsbox .nimgs b {

        display: none;

    }



    .synewsbox .synews .jgx {

        display: none;

    }



    .synewsbox .texts .biaoti {

        height: auto;

        border-bottom: none;

    }



    .synewsbox .imgbox:hover .texts .biaoti {

        border-bottom: none;

    }



    .synewsbox .texts .biaoti h3 {

        padding: 0;

        line-height: 28px;

    }



    .synewsbox .texts .biaoti h3 b {

        display: none;

    }



    .synewsbox .texts .biaoti .jiantou2 {

        display: none;

    }



    .synewsbox .texts p {

        padding: 0;

        line-height: 24px;

        height: 96px;

        border-top: none;

    }



    .synewsbox .texts .mbsbox {

        position: absolute;

        right: -140px;

        top: 0;

        z-index: 999;

        transition: all 0.3S;

        -webkit-transition: all 0.3S;

        -moz-transition: all 0.3S;

        -ms-transition: all 0.3S;

        -o-transition: all 0.3S

    }



    .synewsbox .texts .mbsbox .mbs {

        width: 0;

        height: 0;

        border-bottom: 140px solid rgba(0, 0, 0, 0.5);

        border-left: 140px solid transparent;

    }



    .synewsbox .texts .mbsbox span {

        position: absolute;

        background: rgba(255, 255, 255, 1);

        transition: all 0.3S;

        -webkit-transition: all 0.3S;

        -moz-transition: all 0.3S;

        -ms-transition: all 0.3S;

        -o-transition: all 0.3S

    }



    .synewsbox .texts .mbsbox span.span1 {

        z-index: 999;

        bottom: 24px;

        right: 37px;

        width: 4px;

        height: 30px;

    }



    .synewsbox .texts .mbsbox span.span2 {

        z-index: 999;

        bottom: 37px;

        right: 24px;

        width: 30px;

        height: 4px;

    }



    .synewsbox .imgbox:hover .texts .mbsbox {

        right: 0;

    }



    .synewsbox .imgbox:hover .texts .mbsbox span {

        transform: rotate(360deg);

        -webkit-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        -o-transform: rotate(360deg)

    }



    .synewsbox .imgbox:hover .texts .mbsbox:hover span {

        transform: rotate(720deg);

        -webkit-transform: rotate(720deg);

        -moz-transform: rotate(720deg);

        -ms-transform: rotate(720deg);

        -o-transform: rotate(720deg)

    }



    .synewsbox .imgbox:hover .texts p {

        border-top: none;

    }



    .synewsbox .slide2s {

        margin: 0 0 20px;

        width: 100%;

        height: 140px;

    }



    .synewsbox .slide2s01 .imgbox {

        float: left;

        margin: 0;

    }



    .synewsbox .slide2s02 .imgbox {

        margin: 0;

    }



    .synewsbox .texts {

        padding: 10px 15px 10px 180px;

        position: relative;

        float: left;

        top: 0;

        width: 100%;

        height: 140px;

        border-radius: 0;

        margin: 0 0 0 1px;

        background: #232220;

        overflow: hidden;

    }



    .synewsbox .imgbox:hover .texts {

        background: #bc2a2a;

    }



    .synewsbox .slide2s01 .texts {

        right: inherit;

    }



    .synewsbox .slide2s02 .texts {

        left: inherit;

    }



    .synewsbox .jiantou {

        display: none;

    }



    .synewsbox .imgbox {

        width: 100%;

    }



    .synewsbox .arrow-left {

        margin: 0;

        left: inherit;

        right: 74px;

        top: inherit;

        bottom: 0;

        width: 70px;

        height: 45px;

        background: rgba(161, 161, 161, .5);

        border-radius: 0;

        line-height: 45px;

    }



    .synewsbox .arrow-left:hover {

        background: rgba(188, 42, 42, 0.75)

    }



    .synewsbox .arrow-left span {

        display: block;

        background: url(../images/news-arrow.png) no-repeat top left;

        width: 14px;

        height: 10px;

    }



    .synewsbox .arrow-right {

        margin: 0;

        left: inherit;

        right: 0;

        top: inherit;

        bottom: 0;

        width: 70px;

        height: 45px;

        background: rgba(161, 161, 161, .5);

        border-radius: 0;

        line-height: 45px;

    }



    .synewsbox .arrow-right:hover {

        background: rgba(188, 42, 42, 0.75)

    }



    .synewsbox .arrow-right span {

        font-size: 22px;

    }

}



@media (max-width: 640px) {

    /*synews*/

    .synewsbox .slide2s {

        height: 110px;

    }



    .synewsbox .nimgs {

        width: 120px;

        height: 110px;

    }



    .synewsbox .texts {

        padding: 10px 15px 10px 135px;

        height: 112px;

    }



    .synewsbox .texts p {

        height: 48px;

    }



    .synewsbox .texts .mbsbox {

        right: -112px;

    }



    .synewsbox .texts .mbsbox .mbs {

        border-bottom: 112px solid rgba(0, 0, 0, 0.5);

        border-left: 112px solid transparent;

    }



    .synewsbox .texts .mbsbox span.span1 {

        bottom: 14px;

        right: 27px;

    }



    .synewsbox .texts .mbsbox span.span2 {

        bottom: 27px;

        right: 14px;

    }



    .synewsbox .arrow-left {

        height: 34px;

        line-height: 34px;

    }



    .synewsbox .arrow-right {

        height: 34px;

        line-height: 34px;

    }



    .synewsbox .arrow-left span {

        font-size: 18px;

    }



    .synewsbox .arrow-right span {

        font-size: 18px;

    }



    .synewsbox .synews {

        padding-bottom: 54px;

        height: 298px;

    }



}