body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;color:#000;margin:0;padding:0;}
a{color:#555;font-size:16px;}
ul,li{padding:0;margin:0;list-style:none}
.bg-efefef{background-color:#efefef;padding:20px 0 30px;}
.bg-white{background-color: #fff;}
.mt20{margin-top:20px;}
.ml-30{margin-left:30px;}
.pb-20{margin-bottom:20px}
.ft-700{font-weight:700}
.special-banner{background:url({$banner}) center top no-repeat;background-size:100% auto;height:920px;position:relative;}
fieldset{padding:10px;margin:30px 0;width:100%;color:#333;border:#ddd solid 1px;}
legend{font-weight:800;border:none;width:auto;margin-bottom:10px;}
legend a{font-size:30px;}
.special-main .description{color:#666;line-height:26px;padding:20px 50px;}
.block-title{border-bottom:none;height:46px;display:flex;align-items:center;justify-content:center;background-image:url("/assets/images/bg-title.png");background-position:center center;background-repeat:no-repeat;font-size:22px;font-weight:700;}
.block-main{}
.list-3col{line-height:32px;}
.swiper-container{width:100%;height:100%;}
.swiper-slide a{line-height:1}

.focus{overflow:hidden;}
.focus .news-pics{float:left;width:580px;height:396px; position: relative;}
.focus .news-pics .swiper-slide{background-color:#000;}
.swiper-a{position: relative;}
.focus .news-pics .swiper-slide a, .swiper-a a{position: absolute;
    z-index: 999;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.6);
    color: #fff;
    display: block;
    width: 100%;
    padding: 8px;
}
.focus .news-pics img{width:100%;height:100%}
.focus .news-list{float:left;line-height:32px;}
.hot-h3 a{font-size:20px;}
.hot-desc{color:#666;line-height:26px;}
.width-swiper .swiper-slide img{width:100%;}
.width-swiper .swiper-slide{position:relative;height:100%;}
.width-swiper .swiper-slide a{width:100%;position:absolute;bottom:0;left:0;height:56px;background-color:rgba(0,0,0,.5);color:#fff;text-align:left;padding:8px;display:block;}
.img-2col{position:relative;margin-bottom: 0px;}
.img-2col img{width:100%;}
.img-2col a{position:absolute;bottom:0;left:0;height:56px;background-color:rgba(0,0,0,.5);color:#fff;text-align:left;padding:8px;display:block;width:100%;}


/*.fullscreen .swiper-slide a{transition:0.2s;}
.fullscreen .swiper-slide img{}
.fullscreen .swiper-slide a:hover{opacity:.6;}
.fullscreen .swiper-pagination{text-align:center;width:100%;margin-top:10px;}
.fullscreen .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;margin:0 5px;background:#02328d;}
.fullscreen .swiper-button-prev{width:960px;height:505px;left:-510px;top:0;background:url(/assets/images/ichimatsu.png) repeat 0 0;border-radius:5px;margin-top:0;z-index:99;transition:0.2s;}
.fullscreen .swiper-button-prev:before{content:'';position:absolute;width:15px;height:100%;background:url(../images/slide_prev.png) no-repeat 0 center;left:94%;top:50%;margin-top:-180px;}
.fullscreen .swiper-button-next{width:960px;height:505px;right:-510px;top:0;background:url(/assets/images/ichimatsu.png) repeat 0 0;border-radius:5px;margin-top:0;z-index:99;transition:0.2s;}
.fullscreen .swiper-button-next:after{content:'';position:absolute;width:15px;height:100%;background:url(../images/slide_prev.png) no-repeat 0 center;right:94%;top:50%;margin-top:-180px;transform:rotate(180deg);}
.fullscreen .swiper-button-prev:hover,.swiper-button-next:hover{opacity:0.6;}*/

.video-img{position: relative}
.video-img span{display: inline-block;text-align: center; position: absolute;bottom: 0; left: 0; background-color: rgba(0,0,0,.6); color: #fff;width: 100%;padding: 8px;}
.video-img img{width:100%;}
.video-img-3{display:flex;flex-direction:column;justify-content:space-between; height: 100%;}
.video-img-3 img{width:100%;height: auto; margin-bottom: 16px;}
.video-img-3 a{display: block;position: relative;}
.video-img-3 a span{position: absolute;bottom: 15px;left: 0;background-color: rgba(0,0,0,.3);
    color: #fff;
    padding: 4px;
    font-size: 12px;
    width: 100%;}

.footer{background-color:#333}
.footer-left{display:flex;flex-direction:column;justify-content:space-between;height:180px;}
.footer-link a{margin-right:15px;display:inline-block}
.footer-right{display:flex;}
.footer-right{padding-bottom:44px;}
.footer-right div{width:150px;margin:0 20px;text-align:center;font-size:12px;color:#fff;float:left;}
.wrapper{width:1100px;margin:20px auto 0;}
.color-ccc,.color-ccc a{color:#ccc}
.left{float:left;}
.right{float:right;}

/* return top */
#btnTop{display:none;position:fixed;bottom:20px;right:30px;z-index:99;border:none;outline:none;color:white;cursor:pointer;}
.cWhite,.cWhite a{color:#fff;}

.navs{background-color:#f1f1f1;border-bottom: 2px solid #c4c4c4;}
.navs .link{}
.navs a{color:#333;font-size:18px;}
.navbar{margin-bottom: 0;align-items:center;border: none;}
.navbar-nav{float: none; display: flex; justify-content: space-between; align-items: center}
.navbar-toggle .icon-bar{background-color: white}
.navbar-nav>li>a:hover, .navbar-nav>li>a:focus {background-color: #fafafa;color: #333;}
.line{width: 1px;height: 20px;background-color: #d8d8d8;}

.img9{padding-left: 0; width: 83%}
.img9 .col-md-4{padding-right: 0}
.img9 img{width: 310px; height: auto;}
.img3{display: flex; justify-content: flex-end;width: 17%}
.img3 img{margin-bottom: 24px; width: 94%}
.img3 .img-block{text-align: right;display: flex;justify-content: flex-end;}
.img3 .img-block a{text-align: right;display: flex;justify-content: flex-end;}

.intro p{font-size: 16px; line-height: 28px; text-indent: 32px;color: #666}
.img3-3 img{margin-bottom: 10px;}

.fullscreen .swiper-container{margin-top:50px;}
.fullscreen .swiper-slide{width:1000px;text-align:center}
.fullscreen .swiper-container{width:100%;margin:35px 0;}

@media screen and (max-width:668px){
    .fullscreen .swiper-container{margin:20px 0 15px;}
}
.fullscreen .swiper-slide{-webkit-transition:transform 1.0s;-moz-transition:transform 1.0s;-ms-transition:transform 1.0s;-o-transition:transform 1.0s;-webkit-transform:scale(0.7);transform:scale(0.7);}
@media screen and (max-width:668px){
    .fullscreen .swiper-slide{-webkit-transform:scale(0.97);transform:scale(0.97);}
}
.fullscreen .swiper-slide-active,.swiper-slide-duplicate-active{-webkit-transform:scale(1);transform:scale(1);}
@media screen and (max-width:668px){
    .fullscreen .swiper-slide-active,.swiper-slide-duplicate-active{-webkit-transform:scale(0.97);transform:scale(0.97);}
}
.fullscreen .none-effect{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;}
.fullscreen .swiper-slide a{background:#fff;display:block;border-radius:14px;position: relative}
.fullscreen .swiper-slide a span{
    display: block; width: 100%; padding: 10px; position: absolute; bottom:0; left: 0;background-color: rgba(0,0,0,.6); color: white;
    border-bottom-left-radius: 14px;border-bottom-right-radius: 14px;
}
@media screen and (min-width:668px){
    .fullscreen .swiper-slide a:after{
        position:absolute;top:0;left:0;display:block;box-sizing:border-box;content:"";width:100%;height:100%;
        /*background:url(/assets/images/top_slick_cover_bg01.png) 0 0 repeat;*/
        background-color: rgba(0,0,0,.3);
        border-radius:20px;
    }
}
.fullscreen .swiper-slide-active a:after{background:none;}
@media screen and (max-width:668px){
    .fullscreen .swiper-slide a{padding:5px;border-radius:7px;}
}
.fullscreen .swiper-slide img{width:100%;border-radius:14px;display:block;}
@media screen and (max-width:668px){
    .fullscreen .swiper-slide img{border-radius:7px;}
}
.fullscreen .swiper-pagination{position:relative;margin-bottom:30px;}
.fullscreen .swiper-pagination-bullet{background:#00a0e9;margin-left:4px;margin-right:4px;width:17px;height:17px;opacity:1;margin-bottom:4px;}
.fullscreen .swiper-pagination-bullet-active{width:13px;height:13px;background:#FFF;border:6px solid #00a0e9;margin-bottom:0;}
@media screen and (max-width:668px){
    .fullscreen .swiper-pagination{position:relative;margin-bottom:20px;}
    .fullscreen .swiper-pagination-bullet{background:#00a0e9;margin-left:2px;margin-right:2px;width:8px;height:8px;margin-bottom:2px;}
    .fullscreen .swiper-pagination-bullet-active{width:6px;height:6px;background:#FFF;border:3px solid #00a0e9;margin-bottom:0;}
}
.fullscreen .button{width:1000px;margin:0 auto;bottom:43px;position:relative;}
@media screen and (max-width:668px){
    .fullscreen .button{width:70%;bottom:22px;}
}
.fullscreen .button div:hover{background-color:#2f4798;}
.fullscreen .swiper-button-prev{width:40px;height:40px;border-radius:50%;background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat;}
.fullscreen .swiper-button-next{width:40px;height:40px;border-radius:50%;background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat;}
@media screen and (max-width:668px){
    .fullscreen .button div{width:28px;height:28px;}
}

/** 1920 980  980/1920**/
@media screen and (max-width:500px){
    .special-main .description{padding:10px 20px;}
    .logo img{width: 100%}
    .navbar-nav{
        display: block;
    }
    .img9{padding-left: 15px; width: 100%}
    .img9 .col-md-4{padding-right: 15px}
    .img9 img{width: 100%; height: auto;}
    .img3{display: flex; justify-content: center;width: 100%}
    .img3 img{margin-bottom: 24px; width: 100%}
    .wrapper{width: 100%;}
    .footer-left {padding: 0 15px;}
    .img3-3 img{width: 100%}
    .img-2col{margin-bottom: 16px;}
}/*宽度小于500px时 绿色*/
@media screen and (min-width:800px){

}/*宽度大于800px时 红色*/
@media screen and (max-height:100px){

}/*高度小于100px时 黄色*/
@media screen and (min-height:400px){

}/*高度大于400px时 粉色*/

.col2-block{
    position: relative;
    min-height: 114px;
    background-color: #f8f8f8;
    margin-bottom: 15px;
    padding: 20px 30px 10px 20px;
}
.col2-block span{
    position: absolute;
    top: 0;
    left: 0;
    background-color: #1527ac;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    width: 20px;height: 20px;
}
.col2-block .title{
    font-size: 18px;
    font-weight: 700;
}
.col2-block .desc{
    color: #666;
    line-height: 24px;
}
.img-2col a{
    text-align: center;
    background-color: rgba(0,0,0,.7);
}
.img-2col a span{display: block;}
.width-swiper .swiper-slide a{
    text-align: center;
    line-height: 1.3;
    background-color: rgba(0,0,0,.7);
}
.width-swiper .swiper-slide a span{
    display: block;
}
.text-div{position: relative}
.text-div div{
    bottom:0; width: 100%; 
    text-align: center;
    line-height: 1.3;
    background-color: rgba(0,0,0,.7); 
    color:  #fff;
    padding: 10px 0;
}
.text-div div span{display:  block; font-size: 14px;}
.bg-white a{color: #000;}
.bg-white div{color: #666;}
.img-responsive{width: 100%!important;}