@charset "utf-8";
/* CSS Document */
/*公共样式与首页样式*/
A {
    text-decoration: none;}
.table-scrollable{
	width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
   
    margin: 10px 0 !important;}
A:link {
    color: #505050;
    outline: none;}

A:visited {
    color: #333333;}

A:active {
    color: #333333
;}

A:hover {
    color: #cc0000
;}

BODY {
    margin: 0px;
    padding: 0;
    font-family: Verdana, Arial, "微软雅黑";
    background: #ffffff;
    color: #333333;}

p, h1, h2, h3, h4, h5, h6, ul, li, input, dl, dt, dd, header, article, iframe, footer, ol, div, img {
    margin: 0px;
    padding: 0px;}

input {
    border: 0px;}

img {
    border: 0px;
    vertical-align: middle;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
    max-width: 100%;
    height: auto;}

li {
    list-style: none;}








#top_cnen {
	height: auto;
	width: 240px;
	line-height: 55px;
	text-align: right;
	font-size:14px;
	font-weight:500;}




.nowrap {
	float: left;
	height: 35px;
	width: 190px;
	padding-left:5px;
	margin-left:5px;
	
	line-height: 35px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;}


.lispan {
	height: 16px;
	width: 1px;
	float: left;
	background-image: url(lispanbg.jpg);
	background-repeat: repeat-y;
	margin-top: 22px;
	margin-bottom: 22px;}




.left {
    float: left;}

.right {
    float: right;}

.clear {
    clear: both;
    margin: 0px;
    padding: 0px;
    height: 0px;}









@media only screen and (max-width: 1200px) {
    .swiper-container.sy_ban {
        width: 100%;}

    .sy_ban .swiper-slide {
        text-align: center;
        font-size: 13px;
        line-height: 20px;
        width: 100%;
        position: relative;}

    .sy_ban .swiper-slide img {
        width: 100%;
        display: block;}

    .sy_ban .swiper-slide .txtk {
        position: absolute;
        left: 0%;
        bottom: 0px;
        color: #fff;
        background-color: rgba(204, 0, 0, .5);
        padding:10px 15px;
        width: 100%;
        text-align: left;}

    .sy_ban .swiper-slide .txtk h1 {
        display: block;
        font-size: 14px;
        line-height: 24px;
        text-overflow:ellipsis; overflow:hidden;  white-space: nowrap;
        width: 100%;
        height:24px;}

    .sy_ban .swiper-pagination-bullet {
        background-color:rgba(255,255,255,.65);
        width: 8px;
        height: 8px;
        opacity: 1;}

    .sy_ban .swiper-pagination-bullet-active {
        background-color: rgba(204, 0, 0, .5);}

    .sy_ban.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 15px;
        position: absolute;
        right: 0%;
        text-align: right;
        padding-right: 2%;}

    .sy_ban.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 2px;}
}

@media only screen and (min-width: 1200px) {
    .swiper-container.sy_ban {
        width: 100%;}
    .sy_ban .swiper-slide {
        text-align: center;
        width: 100%;
        position: relative;}
    .sy_ban .swiper-slide:after{
        content: '';
        background: url(../images/ban_bj.jpg);
        height:273px;
        width:100%;
        position:absolute;
        left:0px;
        bottom: 0px;}
    .sy_ban .swiper-slide img {
        width: 100%;
        display: block;}

    .sy_ban .swiper-slide .txtk {
        position: absolute;
        left: 50%;
        margin-left: -600px;
        width:1200px;
        bottom: 0px;
        color: #fff;
        background-color: rgba(204, 0, 0, .5);
        padding: 0px 236px 0 35px;
        height:60px;
        display: -webkit-box;
        -webkit-box-orient: horizontal;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        z-index: 2;
        text-align: left;
		justify-content: center;
        align-items: center;
        display: -webkit-flex;
		display:-ms-flexbox;}

    .sy_ban .swiper-slide .txtk h1 {
        display: block;
        line-height:60px;
        text-overflow:ellipsis; overflow:hidden;  white-space: nowrap;
        width:100%;
        height:60px;}
    .sy_ban .swiper-slide .txtk p.h1{
        display: block;
        line-height:40px;
        width:100%;

        font-size:20px;}
    .sy_ban .swiper-pagination-bullet {
        background-color:rgba(255,255,255,.65);
        width: 14px;
        height: 14px;
        opacity: 1;}

    .sy_ban .swiper-pagination-bullet-active {
        background-color:rgba(255,255,255,0);
        border:solid 2px #fff;}

    .sy_ban.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 20px;
        width: 1200px;
        position: absolute;
        left: 50%;
        margin-left: -600px;
        padding-right: 30px;
        text-align: right;}

    .sy_ban.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 6px;}
}

@media only screen and (min-width: 1570px) {
    .sy_ban .swiper-slide .txtk,.sy_ban.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
        width:1366px;
        margin-left: -683px;}
    .sy_ban .swiper-slide .txtk {
        height:140px;}

    .sy_ban .swiper-slide .txtk h1 {
        line-height:140px;
        height:140px;}
}