* {
    margin: 0;
    padding: 0;
    border: 0;
}
.clear-01:after {
    content: "";
    display: block;
    clear: both;
}
body {
    font-family: "微软雅黑";
}
a {
    text-decoration: none;
    color: #3e3d3d;
}
.red{ color: #c43e30;}.red a{ color: #c43e30;}
.outside-box {
    width: 100%;
}
.inside-box {
    width: 1200px;
    margin: 0 auto;
     clear: both;
}
ul li {
    list-style: none;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.sep {
    margin-top: 15px;
    margin-bottom: 15px;
}
.im{
    display: block;
    width: 100%;
    height: 100%;
}
.bg{
    background-color: #33a6ee;
}

/*.navs-box .navs li:first-child a:before {*/
/*    content: "";*/
/*    background-image: url(../images/yyy.png);*/
/*    background-repeat: no-repeat;*/
/*    background-position: center center;*/
/*    background-size: 100% 100%;*/
/*    width: 16px;*/
/*    height: 17px;*/
/*    position: absolute;*/
/*    left: 39px;*/
/*    top: 14px;*/
/*}*/
[class*="adv"]{
    overflow: hidden;
}
[class*="adv"] a{
    overflow: hidden!important;
}
[class*="adv"] img:hover {
    width: 100%;
    transform:scale(1.15,1.15);
    overflow: hidden;
}
/* 中心变形*/
[class*="adv"] img {
    width: 100%;
    transition:all 0.5s ease-out;
    /* 过度 所有css属性 1秒过度 结束慢*/
    -moz-transition:all 0.5s ease-out;
    /* Firefox 4 */
    -webkit-transition:all 0.5s ease-out;
    /* Safari 和 Chrome */
    -o-transition:all 0.5s ease-out;
    /* Opera */
}
/* 两侧广告位 */
[id*='lc']{
    width: 205px;
    height: auto;
    position: absolute;
    top: 240px;
    z-index: 9;
}
#lc-l{
    left: calc((100% - 1150px)/2 - 250px);
}
#lc-r{
    right: calc((100% - 1150px)/2 - 250px);
}
/* 中心变形*/
[class*="adv"] img {
    width: 100%;
    transition:all 0.5s ease-out;
    /* 过度 所有css属性 1秒过度 结束慢*/
    -moz-transition:all 0.5s ease-out;
    /* Firefox 4 */
    -webkit-transition:all 0.5s ease-out;
    /* Safari 和 Chrome */
    -o-transition:all 0.5s ease-out;
    /* Opera */
}
/* 两侧广告位 */
/*[id*='lc']{*/
/*    width: 205px;*/
/*    height: auto;*/
/*    position: absolute;*/
/*    top: 240px;*/
/*    z-index: 9;*/
/*}*/
/*#lc-l{*/
/*    left: calc((100% - 1150px)/2 - 250px);*/
/*}*/
/*#lc-r{*/
/*    right: calc((100% - 1150px)/2 - 250px);*/
/*}*/

 /*两侧广告位 */
[id*='lc']{
    width: 240px;
    height: auto;
    position: absolute;
    top: 390px;
    z-index: 999;
}
#lc-l{
    left: calc((100% - 1200px)/2 - 250px);
}
#lc-r{
    right: calc((100% - 1200px)/2 - 250px);
}
#lc-l img {
    display: block;
    width: 100%;
    height: 100%;
}
#lc-r img{
    display: block;
    width: 100%;
    height: 100%;
}
.gu-x{
    content: "";
    width: 15px!important;
    height: 15px!important;
    position: absolute;
    top: 0px;
    left: 0px;
}

/*轮播图*/
.ban-box {
  
    overflow: hidden;
    /*轮播图+右侧登录栏*/
}
.ban-box .shurff_box .shurff_topbox .shurff_left { margin-left:195px;
  
    width: 100%;

}
.ban-box .shurff_box .shurff_topbox .shurff_left .shurff {
    cursor: pointer;
}
.ban-box .shurff_box .shurff_topbox .shurff_left .shurff .swiper-container {
    height: 100%;
}
.ban-box .shurff_box .shurff_topbox .shurff_left .shurff .swiper-container img {
    width: 100%;
    height: 540px;
    display: block;
}
.ban-box .shurff_box .shurff_topbox .shurff_left .shurff .swiper-container .swiper-pagination {
    width: 100%;
    bottom: 10px;
}
.ban-box .shurff_box .shurff_topbox .shurff_left .shurff .swiper-container .swiper-pagination-bullet-active {
    background-color: #fff;
}
/*.ban-box .shurff_box .shurff_topbox .shurff_left .shurff .swiper-container .swiper-button-next,*/
/*.ban-box .shurff_box .shurff_topbox .shurff_left .shurff .swiper-container .swiper-button-prev {*/
/*width: 68px;*/
/*height: 68px;*/
/*-webkit-background-size: 68px 68px;*/
/*background-size: 68px 68px;*/
/*}*/
.ban-box .shurff_box .shurff_topbox .shurff_left .shurff_bottombox {
    overflow: hidden;
    z-index: 99;
    margin-top: 5px;
}
.ban-box .shurff_box .shurff_topbox .shurff_left .shurff_bottombox .swiper-container {
    margin: 0px auto;
}
.ban-box .shurff_box .shurff_topbox .shurff_left .shurff_bottombox .swiper-container a {
    display: block;
}
.ban-box .shurff_box .shurff_topbox .shurff_left .shurff_bottombox .swiper-container a img {
    display: block;
    width: 100%;
    border: 1px solid #eeeeee;
}

.ban-box .aside-box {
    position: absolute;
    left: 50%;
    margin-left: -595px;
    top: 0px;
    height: 100%;
    z-index: 999;

    box-sizing: border-box;
}
.ban-box .aside-box .aside-left {
     border: 1px #b5b5b5 solid;
    background-color: #fff;
    width: 182px; height: 523px; padding: 10px 0px;
     margin-top: 5px;

    float: left;
    position: relative;
   display: flex;
  flex-direction: column; /* 垂直排列 */
  justify-content: space-between; /* 平均分布空间 */


}
.ban-box .aside-box .aside-left .al { background: url(../images/jt.png) no-repeat 160px center; padding-left: 40px;
    overflow: hidden;
 
} 
.ban-box .aside-box .aside-left .al  span{ font-size: 14px; margin-right: 15px; font-weight: bold;}



.ban-box .aside-box .aside-left .al .al-one {

    cursor: pointer;
    transition: all .2s ease;
}
.ban-box .aside-box .aside-left .al .al-one a {
  

    font-size: 16px;
    display: inline-block;
    text-decoration: none;;
    transform: translate3d(0, 0, 0);
    transition: all .3s linear;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    white-space: nowrap;
}
.xc{
    border: none!important;
}
/*.ban-box .aside-box .aside-left .al-one-active .al-one a {*/
/*    !*transform: translate3d(5px, 0, 0);*!*/
/*    color: #af231c;*/
/*}*/
/*.ban-box .aside-box .aside-left .al-one-active .al-one a img {*/
/*margin-right: 22px;*/
/*}*/
.ban-box .aside-box .aside-left .al:last-child {
    border: none;
}
.ban-box .aside-box .aside-left:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    /*opacity: .6;*/
    z-index: -1;
    left: 0;
    top: 0;
}
.ban-box .aside-box .aside-right { border: 1px #ddd solid; margin-top: 5px; border-left: 0;
    float: left;
   height: 543px;
}
.ban-box .aside-box .aside-right .demo {
    width: 775px;
   
    position: relative;
    background-color: #ffffff;
    border-top: 0;
    z-index: 999;
    height: 100%;
   
    overflow: hidden;
    opacity: .93;
 
}
.ban-box .aside-box .aside-right .demo .item {
    margin-left: 10px;
    margin-top: 10px;
    width: 75%;
}
.ban-box .aside-box .aside-right .demo .item span {
    display: block; padding-left: 12px;
}
.ban-box .aside-box .aside-right .demo .item span img {
    width: 12px;
    display: inline-block;
    vertical-align: middle;
}
.ban-box .aside-box .aside-right .demo .item span a {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #000;
    line-height: 28px;
    font-weight: bold;
}
.ban-box .aside-box .aside-right .demo .item div {
    border-bottom: 1px dashed #d5d5d5;
    padding-bottom: 5px;
}
.ban-box .aside-box .aside-right .demo .item div a {
    padding: 0px 14px;
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 12px;
    border-right: 1px solid #d5d5d5;
    color: #000;
}
.ban-box .aside-box .aside-right .demo .item div a:last-child {
    border-right: 0;
}
.ban-box .aside-box .aside-right .demo .item div a:hover {
    color: #19a356;
    font-weight: bold;
}
.ban-box .aside-box .aside-right .demo .navadv {
    position: absolute;
    right: 10px;
    top: 0px;
}
.ban-box .aside-box .aside-right .demo .navadv li {
    width: 150px;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 120px;
}
.ban-box .aside-box .aside-right .demo .navadv li a {
    display: block;
}
.ban-box .aside-box .aside-right .demo .navadv li a img {
    display: block;
    width: 100%;
    height: 120px;
    transition: all .2s linear;
    transform: translate3d(0, 0px, 0);
}
.ban-box .aside-box .aside-right .demo .navadv li:hover a img {
    transform: translate3d(0, -4px, 0);
}
.ban-box .aside-box .aside-right .demoback {
    display: none;
}
.adv-two{
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between;
}
.adv-two a{
    width: 49.5%;
    display: block;
    height: 110px;
}
.adv-two a img{
    display: block;
    width: 100%;
    height: 100%;
}
.adv-three{
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between;
}
.adv-three a{
    width: 32.5%;
    display: block;
    height: 110px;
}
.adv-three a img{
    display: block;
    width: 100%;
    height: 100%;
}
.adv-four{
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between;
}
.adv-four a{
    display: block;
    width: 24.5%;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
}
.adv-four a img{
    display: block;
    width: 100%;
    height: 150px;
}
.adv-four a:nth-child(n+5) {
    margin-top: 10px;
}
.ss-tit{ clear: both;
    height: 45px;
    line-height:40px;

    display: flex;
    justify-content: space-between;
    border-bottom: 1px #c0c0c0 solid;
}
.ss-tit a{ margin-right: 10px; }

.ss-tit h2{ font-size: 18px; background-color: #1a469b; color: #fff; border-radius: 50px; padding: 0px 20px; height: 35px; line-height: 35px; }


.ss-tit1{
    height: 45px;
    line-height:40px;

    display: flex;
    justify-content: space-between;
    border-top: 1px #c0c0c0 solid;
}
.ss-tit1 a{ margin-right: 10px; }

.ss-tit1 h2{ font-size: 18px;  border-top: 2px #1a469b solid; color: #1a469b;  padding: 0px 20px; }


.news-left{
    width: 40%;
}
.shu-three a{
    display: block;
}
.shu-three a img{
    display: block;
    width: 100%;
    height: 360px;
}
.shu-three a p{
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    overflow: hidden;
}
.shu-five a{
    display: block;
    width: 49%;
}
.shu-five a img{
    display: block;
    width: 100%;
    height:200px;
    box-sizing: border-box;
}
.shu-five a p{
    text-align: center;
    font-size: 15px;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}
.news-right{
    width: 58%;
}
.exh-one a{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.exh-one a img{
    display: block;
    width: 30%;
    height: 155px;
}
.exh-one a div{
    width: 68%;
}
.exh-one a div p{
    display: block;
    font-size: 15px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    overflow: hidden;
}
.exh-one a div em{
    margin-top: 10px;
    font-style: normal;
    color: #2b2b2b;
    font-size: 13px;
    display: block;
    width: 100%;
    height: 60px;
    line-height: 20px;
    overflow: hidden;
}
.exh-one a div span{
    color: #33a6ee;
    font-size: 15px;
    display: inline-block;
    width: 61%;
    box-sizing: border-box;
    height: 30px;
    line-height: 30px;
}
.sup-tit{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sup-tit p{
    margin: 8px 0px;
    color:#33a6ee;
    font-weight: bold;
    font-size: 16px;
    border-left: 3px solid #33a6ee;
    text-align: center;
    height:20px;
    line-height:20px;
    text-indent: 10px;
}
.sup-tit a{
    color:#33a6ee;
    display: block;
}
.inf-xx li {
    height: 34px;
    line-height:34px;
    text-indent: 10px;
    position: relative;
    padding-left:12px; box-sizing: border-box;
}
.inf-xx li:before{
    content: "";
    background-color: #aaaaaa;
    width: 7px;
    height: 7px;
    position: absolute;
    top: 17px;
    left: 4px;
     border-radius: 10px;
}
.inf-xx li a{
    font-size: 15px;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    white-space: nowrap;
}



.inf-xx1 li {
    height: 34px;
    line-height:34px;
    text-indent: 10px;
    position: relative;
    padding-left:12px; box-sizing: border-box;
}
.inf-xx1 li:before{
    content: "";
    background: url(../images/hot.png) no-repeat left center ;
    background-size: 15px 15px;
    width: 17px;
    height: 15px;
    position: absolute;
    top: 10px;
    left: 0px;
}
.inf-xx1 li a{
    font-size: 15px;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    white-space: nowrap;
}


.sup-left{
    width: 30%;
}
.buy-ll{
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between;
}
.buy-ll a{
    display: block;
    width: 49%;
}
.buy-ll a img{
    display: block;
    width: 100%;
    height:140px;
    box-sizing: border-box;
}
.buy-ll a p{
    text-align: center;
    height: 40px;
    line-height: 40px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
}
.sup-right{
width: 36%;
}
.sup-right a{
    display: block;

    box-sizing: border-box;
}
.sup-right a img{
    display: block;
    width: 100%;
    height: 312px;
}
.sup-right a p{
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    overflow: hidden;
}
.sup-hhh a{
    width: 32%;
    display: block;
    border: 1px solid #d5d5d5;
    box-sizing: border-box;
}
.sup-hhh a img{
    display: block;
    width: 100%;
    height: 312px;
}
.sup-hhh a p{
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    overflow: hidden;
}
.sup-xx{
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex !important;
    margin-top: 10px;
}
.sup-xx li {
    height: 34px;
    line-height:34px;
    text-indent: 10px;
    position: relative;
    padding-left: 2%;
    width: 47%;
}
.sup-xx li:before{
    content: "";
    background-color: #33a6ee;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 13px;
    left: 10px;
}
.sup-xx li a{
    font-size: 15px;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    white-space: nowrap;
}
.buy-left{
    width: 29%;
}
.buy-left a{
    display: block;
    width: 100%;
    height: 555px;
}
.buy-left a img{
    display: block;
    width: 100%;
    height: 100%;
}
.news-as{
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between;
    
}
.news-as a{
    display: block;
    width: 32%;
}
.news-as a img{
    display: block;
    width: 100%;
    height: 230px;
}
.news-as a p{
    height: 36px;
    line-height: 36px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
}
.nn-exh{
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between;
    border: 1px solid #d5d5d5;
    box-sizing: border-box;
    padding: 0px 2%;
}
.nn-exh a{
    width: 32%;
    display: block;
    padding: 20px 0px;
}
.nn-exh a p{
    position: relative;
    text-indent: 58px;
    font-size: 15px;
    display: block;
    height: 28px;
    line-height:28px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    white-space: nowrap;
}
.nn-exh a p img{
    position: absolute;
    top: 1px;
    left: 2px;
}
.nn-exh span{
    display: block;
    color: #717171;
    font-size: 14px;
    width: 100%;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
}
.img-five{
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between;
}
.img-five a{
    display: block;
    width:19%;
}
.img-five a img{
    display: block;
    width: 100%;
    height:190px;
}
.inf-left{
    width: 49%;
}
.lg-xx li a{
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    font-size: 15px;
    height: 62px;
    line-height: 62px;
    border-bottom: 1px dashed #d5d5d5;
}
.lg-xx li a p {
    width: 59%;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    white-space: nowrap;
}

.lg-xx li a span {
    color: #5c5c5c;
    display: block;
    width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}
.nn-hjk{
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between;
}
.nn-hjk a{
    width: 49%;
    display: block;
    padding: 10px 0px;
    border-bottom: 1px dashed #b2b2b2;
}
.nn-hjk a p{
    font-size: 15px;
    display: block;
    height: 28px;
    line-height:28px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    white-space: nowrap;
}
.nn-hjk span{
    display: block;
    color: #717171;
    font-size: 14px;
    width: 100%;
    height: 50px;
    line-height: 25px;
    overflow: hidden;
}
.link a{
    padding: 0px 1%;
    /*  display: inline-block; */
    font-size: 15px;
    height: 30px;
    line-height: 30px;
}







.bold{ font-weight: bold;}
.text-center{ text-align: center;}
.ycyc-one{
    display: -webkit-box; /* 必须设置为这个值 */
    -webkit-line-clamp:1; /* 限制显示的行数 */
    -webkit-box-orient: vertical; /* 垂直排列子元素 */
    overflow: hidden; /* 隐藏溢出的内容 */
   }
   .ycyc-two{
    display: -webkit-box; /* 必须设置为这个值 */
    -webkit-line-clamp:2; /* 限制显示的行数 */
    -webkit-box-orient: vertical; /* 垂直排列子元素 */
    overflow: hidden; /* 隐藏溢出的内容 */
   }
   
.buju{ display: flex; justify-content: flex-start; }

.buju1{ display: flex; justify-content: center;  }


.flex-wrap{flex-wrap:wrap ;}

.line24{ height: 30px; overflow: hidden; line-height: 30px;}
.padding_bottom{ padding-bottom: 10px;}

   .border{border: 1px #787878 solid; }
   .border1{border-bottom: 2px #d8d8d8 dashed; }

   .width-14{ width: 13.7%; }
.width-25{ width: 24%; }
.width-32{ width: 32%; }
.width-49{ width: 49%;}
.width-28{ width: 28%; }
.width-68{ width: 68%;}
.relative{ position: relative;}
.zhengfang{aspect-ratio: 1 / 1;  display: flex; align-items: center; justify-content: center; overflow: hidden;}
.zhengfang img{ height: 100%; }
.sibisan{aspect-ratio: 1 / 0.65;  display: flex; align-items: center; justify-content: center; overflow: hidden;}
.sibisan img{ width: 100%; }

.sibisan1{aspect-ratio: 1 / 0.75;  display: flex; align-items: center; justify-content: center; overflow: hidden;}
.sibisan1 img{ width: 100%; }

.tmtitile { width: 100%; height: 30px; line-height: 30px; margin-top: 3px; font-size: 14px; background:linear-gradient(180deg,#50a2a2 0,#347f7f 40%); text-align: center; color: #fff; position: relative;}
.tmtitile .bg-div{background:linear-gradient(180deg,#efb568 0,#cf8e37 40%); position: absolute; left: 0px; top: 0px; width: 100%; z-index: 1;}
.tmtitile p{ z-index: 2; position: absolute; left: 0px; top: 0px; width: 100%;}

.xinzeng1{ width: 32.5%; background-color: #f5f5f5;}
.xinzeng1 h2{ border-bottom: 1px #c9c9c9 solid; font-size: 16px; padding:10px 15px;color: #1a469b;}
.xinzeng1 ul{ margin: 10px 10px; margin-top: 5px;}

 .xinzeng2 li{border-bottom: 2px #d8d8d8 dashed;    height:40px;line-height:40px; }
 .xinzeng2 li:last-child{ border: 0px;}

.xinzeng7{ position: relative;}.xinzeng7 img{ vertical-align: bottom;}
.xinzeng7 div{background-color: #000; opacity: 0.8; height: 30px; width: 100%; text-align: center; color: #fff; line-height: 30px;}

.xinzeng8 h3{ font-size: 14px; line-height: 20px; }
.xinzeng8 P{ font-size: 12px; line-height: 18px;font-weight: normal;}
.xinzeng8 img{ margin-right: 10px; vertical-align: bottom;}
.xinzeng8 li{ margin-bottom: 20px;}
.xinzeng8 li span{ color: #bfbfbf; font-size: 65px; display: block; border-right: 3px #dcdcdc solid; height: 70px; line-height: 70px; padding-right: 10px; margin-right: 20px;}
.xinzeng8 li:last-child{ margin-bottom: 0px;}

.xinzeng9{ margin-bottom: 10px; border-bottom: 2px #bfbfbf solid; position: relative; height: 12px; position: relative;}
.xinzeng9 h2{ font-size: 16px; padding-left: 15px; height: 25px; position: absolute; left: 0px; top: 0px; background-color: #fff; padding-right: 10px;}
.xinzeng9:after{    content: "";
    background-color: #3861a8;
    width: 3px;
    height: 12px;
    position: absolute;
    top: 5px;
    left: 0px;}
.xinzeng10{background-color: #000; opacity: 0.8; height: 30px; width: 100%; text-align: center; color: #fff; line-height: 30px;}



/* flexslider */
.flexslider{  clear:both;position:relative;height:540px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; width: 100%; overflow: hidden;  margin-top: 0px;  margin: auto; }
.slides{position:relative;z-index:1;}
.slides li{height:540px; position: absolute; top: 0px; left: 50%; margin-left: -960px;}

.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center; right:0px;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;} 
.flex-direction-nav li { position: absolute; width: 100%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute; z-index: 100;}
.flex-direction-nav li .flex-prev{left:0px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li .flex-next{right:0px;background:url(../images/next.png) center center no-repeat;}



/* 搜索框 */
.common-top form{
    position: relative;
    display: flex;
    height: 40px;
    line-height: 40px;
    border: 1px solid #cccccc;
    background-size: 100% 100%;
    background: #fff;
    box-sizing: border-box;
    /* overflow: hidden; */
    justify-content: space-between;
}
.common-top form input[type="text"]{
    text-indent: 0.3em;
    width: 60%;
    padding: 0!important;
    display: block;
    height: 38px;
    line-height: 38px;
    box-sizing: border-box;
    border-right: none;
    color: #393939;
    background: none;
    /* border-radius: 5px; */
}
.common-top form input[type="text"]::placeholder{
    color: #393939;
}
.common-top form button{
    width: 21%;
    padding: 0!important;
    border: none;
    /* background: linear-gradient(to top,#0d5286,#0d5286); */
    background: #1a469b;
    display: flex;
    justify-content: center;
    height: 38px;
    align-items: center;
    color: #fff;
}
.common-top form button span{
    font-size: 16px;
}
.common-top form button img{
    width: 25px;
    height: 25px;
    margin: 5px auto;
}
.top_input div{
    width: 20%;
    height: 38px;
    line-height: 38px;
    /* background-color: #5eb200; */
    border-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.top_input div span{
    display: block;
    width: 100%;
    height: 38px;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
}
#input_option{
    position: relative;
}
#input_option.hk-a::after{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: url(../img/ic0.png)no-repeat;
    background-size: 100% 100%;
    right: 0;
    top: calc((100% - 10px)/2);
    transform: rotateX(180deg);
}
#input_option::after{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: url(../img/ic0.png)no-repeat;
    background-size: 100% 100%;
    right: 0;
    top: calc((100% - 10px)/2);
}
.top_input .option-ul{
    display: none;
   top: 38px;
   background: #1a469b!important;
   height: auto;
   width: 20%;
   position: absolute;
   z-index: 8;
   flex-wrap: wrap;
   border-radius: 20px;
}
.top_input .option-ul span{
    display: block;
    width: 100%;
    color: #fff;
}
/* end */