a{
    color: inherit;
}
a:hover{
    color: inherit;
    text-decoration: unset;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin: 0;padding: 0}

button, input, select, textarea{outline: none !important; }
ol, ul {list-style: none}



.midline{
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 100%;
    margin-right: -1px;
}
.btn-primary:hover{
    color: #2A48AC;
}

/* 更改默认container大屏宽度  */
/* 覆盖默认屏幕宽度1200时的container的宽度值与992px保持一致降低对默认尺寸的影响 */
@media (min-width: 1200px){
    .container{
        width: 970px;
    }
}
@media (min-width: 1240px){
    .container{
        width: 1210px;
    }
}


/* container宽度改变与响应式工具相关 */
@media (min-width: 1240px){
    .container .visible-lg-block{
        display: block !important;
    }
    .container .hidden-lg{
        display: none !important;
    }
}
@media (max-width: 1239px) and (min-width: 992px){
    .container .visible-lg-block{
        display: none !important;
    }
    .container .visible-md-block{
        display: block !important;
    }

    .container .hidden-lg{
        display: block !important;
    }
    .container .hidden-md{
        display: none !important;
    }
}



/* 更改栅格间距 覆盖bootstrap 定义边距*/
/* 以 间距=20为例 */
.row {
    margin-left: -10px;
    margin-right: -10px;
}

[class^="col-"]{
    padding-left: 10px;
    padding-right: 10px;

}


/* ------------------------------- */


/* head导航 */
.navbar-brand{
    padding: 5px 0;
}
.navbar-brand > img{
    max-width: 100%;
    max-height: 100%;
}
.navbar.wsc-navbar{
    background-color: #fff;
    border-color:#fff;
    border-radius: 0;
    box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.06);
    margin-bottom: 0;
}
.navbar-nav > li.search-dropdown{
    float: right;
}
.navbar-nav > li.search-dropdown > .dropdown-menu{
    left: unset;
    transform: translateX(0);
    right: 0;
    white-space: nowrap;
}
.navbar-default .navbar-nav > li > a{
    color: #333333;
    font-size: 15px;
    
}

.navbar-default .navbar-nav > li.search-dropdown > a{
    font-size: 14px;
}
@media (min-width: 992px){
    .navbar-nav > li > a{
        padding-left: 20px;
        padding-right: 20px;
    }
}
/* @media (min-width: 768px) and (max-width: 992px){
    .navbar-header{
        float: unset;
    }
    .navbar-toggle{
        display: block;
    }
    .navbar > .container .navbar-brand {
        height: 50px;
        padding: 5px 0;
    }

    .navbar-collapse.collapse{
        display: none !important;
    }
} */
@media (min-width: 768px){
    .navbar-nav{
        margin-right: -25px;
    }
    .navbar-default .navbar-collapse{
        float: right;
        padding-left: 0;
        margin-top: 25px;
        margin-bottom: 25px;
        max-width: 75%;
    }
    .navbar > .container .navbar-brand{
        margin-left: 0;
        height: 100px;
        padding: 30px 0;
    }

    .navbar-nav > li > .dropdown-menu{
        padding: 12px 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .dropdown-menu > li > a{
        padding: 10px 20px;
    }
    .wsc-navbar .navbar-nav > .active > a, 
    .wsc-navbar .navbar-nav > .active > a:hover,
     .wsc-navbar .navbar-nav > .active > a:focus,
     .wsc-navbar .navbar-nav > .open > a,
     .wsc-navbar .navbar-nav > .open > a:hover, 
     .wsc-navbar .navbar-nav > .open > a:focus,
     .navbar-default .navbar-nav > li > a:hover, 
     .navbar-default .navbar-nav > li > a:focus{
        background: unset;
        border: unset;
        box-shadow: unset;
        color: #325BE3;
    }
}

@media (max-width: 767px){
    .navbar-brand{
        margin-left: 15px;
    }
    .navbar-nav{
        margin-top: 0;
    }
    .navbar-nav > li.search-dropdown{
        float: unset;
    }
    .navbar-nav  .navbar-form{
        margin: 0;
        font-size: 0;
        border-top: 0;
    }
    .navbar-form .form-group{
        display: block;
        
        margin-bottom: 0;
    }
    .navbar-form .form-group .form-control{
        border-radius: 0;
        padding-left: 37px;
        background: #FAFAFA url(../image/m-top-search.png) no-repeat 6px center;
        background-size: 25px auto;
        border: 0;
    }
    .navbar-form .btn{
        display: none;
    }
    .navbar-nav > li.search-dropdown .dropdown-toggle{
        display: none !important;
    }
    .navbar-nav > li.search-dropdown .dropdown-menu{
        display: block !important;
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
    }

    
    .navbar-default .navbar-nav > li > a{
        font-weight: 300;
        border-bottom: 1px solid #EAEAEA;

    }

    .navbar-default .navbar-nav > li > a .caret{
        float: right;
        margin-top: 8px;
    }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
        background-color: unset;
        font-weight: 400;
        border-color: #eaeaea;
    }
    .navbar-default .navbar-nav .open .dropdown-menu {
        overflow: hidden;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li{
       float: left;
        width: 50%;
        padding-left: 3px;
        padding-right: 3px;
        margin-top: 6px;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li>a{
        display: block;
        height: 42px;
        padding: 12px 15px;
        color: #333333;
        font-weight: 300;
        background-color: #F8F8F8;
    }
}

.wsc-banner{
    height: 320px;
}
.wsc-banbox{
    height: 100%;
}
.banTit{
    font-size: 32px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    padding-top: 144px;
}
.wsc-bread h1{
    font-size: 14px;
    margin: 0;
    display: inline;
}
.wsc-bread .breadcrumb{
    background-color: unset;
    border-radius: 0;
    border-bottom: 0;
    padding: 0;
    margin-bottom: 0;
    line-height: 20px;
    padding: 25px 0;
    color: #666666;
}
.wsc-bread .container{
    overflow: hidden;
}

@media (min-width: 1240px){
    .search-menu{
        min-width: 1210px;
        top: 76px;  
        padding: 59px 260px !important;
    }
}
@media (min-width: 992px) and (max-width:1239px){
    .search-menu{
        top: 126px; 
        min-width: 970px;
        padding: 49px 200px !important;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    .search-menu{
        top: 126px; 
        min-width: 750px;
        padding: 39px 100px !important;
    }
}
@media (min-width: 768px){
    .search-menu{
        position: absolute;
        left: 0;
        right: 0;
        margin:0 auto;
        width: 100% ;
        background-color: #fff;
        border-radius: 0;
        border:none;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);
    } 
    .search-form {
        display: block;
        width: 100% !important;
        padding: 0 80px 0 0;
        margin: auto;
        position: relative;
    }
    .search-form .form-group{
        width: 100%;
        float: left;
    }
    .search-form input {
        width: 100% !important;
        height: 42px;
        border-radius: 0;
        box-sizing: border-box;
        border: solid 1px #F0F0F0;
        background-color: #fff;
        padding:6px 10px;
        font-size: 16px;
        box-shadow: none;
        line-height: 28px;
        float: left;
    }
    .form-control:focus{
        border-color: #325BE3;
        box-shadow: none;
    }
    .search-form .btn-default {
        background-color: #325BE3;
    }
    .search-form .btn-default:hover {
        background-color: #325BE3;
        box-shadow: none;
        color: #fff;
        border:none;
    }
    .search-form .btn-default {
        margin-right: -80px;
        width: 80px;
        height: 42px;
        float: left;
        border-radius: 0;
        color: #fff;
        cursor: pointer;
        border:none;
        transition: 0.36s;
    }


}

@media (max-width: 768px){

    .wsc-banner{
        background-size: cover !important;
        height: 160px;
    }
    .wsc-banbox{
        background-size: cover !important;
    }
    .banTit{
        padding-top: 72px;
        font-size: 24px;
    }


    .wsc-bread .breadcrumb{
        padding: 10px 0;
    }
}
.page-main{
    margin-top: 25px;
}


.msg-box{
    color: #e54242;
}
.fix-contact{
    padding: 20px;
    background: #f6f6f6;
    text-align: center;
}

.fix-contact .item{
    font-size: 0;
    margin-top: 10px;
    padding-left: 27px;
}
.fix-contact .item:first-child{
    margin-top: 0;
}
.fix-contact .item p{
    font-size: 14px;
    line-height: 1.4;
}
.fix-contact .item-img{
    margin-bottom: 10px;
}
.fix-contact .item-btn{
    margin-top: 20px;
}
.fix-contact .item-ico{
    display: inline-block;
    width: 27px;
    margin-left: -27px;
    border-radius: 50%;
    vertical-align: middle;
    line-height: 50px;
    font-size: 24px;
}
.fix-contact .item-info{
    /* margin-left: 10px; */
    padding-left: 10px;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #999;
    text-align: left;
}
.fix-contact .item-dd{
    font-size: 16px;
    color: #333;
    word-break: break-word;
}


.side-bar >div{
    margin-top: 10px;
}
.side-bar >div:first-child{
    margin-top: 0;
}

.wsc-class{
    margin-left: -1px;
    margin-top: -1px;
}
.classItem{margin-top: 1px;float: left;width: 100%;margin-left: 1px;}

	.classItema{overflow: hidden; position:relative;height: 62px;}
	.classItema a{font-size: 16px;line-height:22px;color: #666666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display:block;padding: 20px 30px;background-color: #f6f6f6;}
    .classItema i{width: 29px;height: 62px;position:absolute;right:20px;top:0;line-height: 62px;color: #999;text-align: right;background: url(../image/pc-more.png) no-repeat center center;transition: 0.36s;cursor: pointer;}
	.classItem em{display:none}
	.classItemCon{padding: 10px 0;background-color: #FAFAFA;display: none;}
	.classItemCon li{padding: 0 30px;}
    .classItemCon a{display: block;line-height: 26px; padding:10px 0;color: #999999
        ;}
	.wsc-class .active .classItema a,.classItema:hover a{
        background-color: #F0F0F0;
        color: #325BE3;
    }
    .classItem.active .classItemCon{
        display: block;
    }
    
    .classItemCon .secact a,.classItemCon a:hover{
        color: #212121;
    }
.rotate180{
    transform: rotateZ(180deg);
}
@media (max-width: 767px){
    
    .classTit{
        font-size: 14px;
    }
}



.wsc-class2{
    margin-bottom: 40px;
}
.wsc-classCon2{
    /* border-bottom: 1px solid #eaeaea; */
}
.classItem2{
    float: left;
    position: relative;
    width: 16.66%;
    height: 62px;
    box-sizing: border-box;
    border-left: 1px solid #fff;
    margin-top: 1px;

}
.classItem2 a{
    display: block;
    height: 100%;
    box-sizing: border-box;
    background-color: #f6f6f6;
    font-size: 16px;
    line-height: 22px;
    padding: 20px 5px;
    color: #555555;
    overflow: hidden;
    text-align: center;
    transition: 0.36s;
}
.classItem2:first-child{border-left: 0;}
.classItem2 a:hover,.classItem2.active a{
    background-color: #f0f0f0;
    text-decoration:unset;
    color:#325BE3
}


.wsc-class3-1{
    margin-bottom: 40px;
}
.wsc-classCon3-1{
    border-bottom: 2px solid #e5e5e5;
}
.classItem3-1{
    float: left;
    padding: 0 7px;
    position: relative;
    margin-right: 30px;
    font-size: 14px;
    line-height: 24px;
    color: #999999;

}
.classItem3-1 a{
    display: block;
    padding-bottom: 15px;
}
.classItem3-1 .line{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    margin: auto;
    background: #325BE3;
    height: 3px;
    width: 0;
    transition: 0.36s;
}
.classItem3-1:hover .line,.classItem3-1.active  .line{
    width: 100%;
}
.classItem3-1:hover ,.classItem3-1.active {
    color: #325BE3;
}

@media (min-width: 768px) and (max-width: 992px){
    
    .classItem2{
        width: 25%;
    }
}
@media (max-width: 992px){
    .wsc-class{
        margin-bottom: 60px;
    }
    .classItemCon{
        background-color: #fff;
        padding: 5px 0;
    }
    .classItemCon li{
        float: left;
        width: 25%;
        padding-left: 0;
        padding-right: 1px;
        margin-top: 1px;
    }
    .classItemCon a{
        text-align: center;
        background-color: #FAFAFA;
        height: 40px;
        line-height: 20px;
        padding: 10px;
    }
    .classItemCon a span{
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .classItema{
        height: 40px;
    }
    .classItema a{
        padding: 9px 15px;
        font-size: 14px;
    }
    .classItema i{
        height: 40px;
        line-height: 40px;
    }

}
@media (max-width: 768px){
    .wsc-class{
        margin-bottom: 30px;
    }
    .classItemCon li{
        
        width: 33.33%;
    }
    .classItemCon a{
        font-size: 12px;
    }

    .classItem2{
        width: 33.33%;
    }


    .wsc-class3-1{
        margin-bottom: 20px;
    }
    .wsc-classCon3-1{
        border-bottom: 0;
        margin-right: -1px;
    }
    .classItem3-1{
        float: left;
        padding: 0;
        width: 33.33%;
        border-right: 1px solid #fff;
        margin-right: 0;
        font-size: 12px;
        line-height: 32px;
        margin-top: 1px;
    }
    .classItem3-1 a{
        padding-bottom: 0;
        height: 32px;
        background-color: #F8F9FD;
        text-align: center;
    }
    .classItem3-1 .line{
        display: none;
    }
}




.lTit{
    position: relative;
    overflow: hidden;
    z-index: 2;
}
.lTitText{
    font-size: 20px;
    color: #212121;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    max-width: 80%;
}
.lTitMore{
    float: right;
    font-size: 14px;
    color: #999999;
    line-height: 28px;
}


.list-style1 .row{
    
}



.list-style1{
    margin-top: -20px;
}
.list-style1 .list-item{
    margin-top: 20px;
    border: 1px solid #f0f0f0;
}
.list-style1 .list-img{
    display: block;
    position: relative;
    overflow: hidden;
}
.list-style1 .list-img img{
    width: 100%;
}

.list-picicon{
    position: absolute;
    right: 8px;
    bottom: 8px;
    width: 23px;
    height: 20px;
    background: url(../image/list-picico.png) no-repeat center center;
    background-size: cover;
}
.list-playicon{
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    margin: auto;
    background: url(../image/list-playico.png) no-repeat center center;
    background-size: cover;
}
.list-lentime {
    display: none;
    position: absolute;
    right: 5px;
    bottom: 5px;
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    background-color: rgba(0, 0, 0, 0.6);
    font-size: 12px;
    color: #ffffff;
}

.list-style1 .list-info{
    padding: 20px 25px;
    border-top: 1px solid #f0f0f0;
}
.list-style1 .list-tit{
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    height: 48px;
    overflow: hidden;text-overflow:ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;
}
.list-style1 .list-item:hover .list-tit{
    color: #325BE3;
}
.list-style1-1 .list-item:hover .list-info{
    border-bottom: 3px solid #325BE3;
    padding-bottom: 17px;
}
.list-style1-1 .list-info{

}
.list-style1-1 .list-tit{
    text-align: center;
    height: 24px;
    overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
}


@media (max-width: 768px){
    .list-style1 .list-info{
        padding: 10px 15px;
    }
    .list-style1-1 .list-item:hover .list-info{
        border-bottom: 0;
        padding-bottom: 10px;
    }
}


.list-style3 .media{
    margin-top: 20px;
}
.list-style3-2 .media{
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e5e5e5;
}
.list-style3 .media:first-child{
    margin-top: 0;
}
.list-style3-2 .media:first-child{
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}
.list-style3 .media-left, .list-style3 .media > .pull-left{
    padding-right: 30px;
}
.list-style3 .media-heading{
    font-size: 18px;
    line-height: 30px;
    color: #333333;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
    margin-bottom: 0;
    max-height: 60px;
    overflow: hidden;
    text-overflow:ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;
}
.list-style3 .media:hover .media-heading{
    color: #325BE3;
}

.list-style3 .media-text{
    margin-top: 8px;
    color: #777777;
    font-size: 16px;
    line-height: 28px;
    max-height: 56px;
    overflow: hidden;
    text-overflow:ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;
}
.list-style3 .media-info{
    margin-top: 30px;
    color: #999999;
    font-size: 14px;
}
.list-style3 .media-info>div{
    margin-right: 15px;
}
.list-style3 .glyphicon{
    margin-right: 5px;
}

@media (max-width: 991px){
    .list-style3 .media-text{
        margin-top: 15px;
    }
}
.list-style3 img.media-object{
    width: 180px;
}
.list-style3 .media-info{
    margin-top: 10px;
}

@media (max-width: 767px){
    .list-style3 .media{
        margin-top: 10px;
    }
    .list-style3 .media:first-child{
        margin-top: 0;
    }
    .list-style3 .media-left, .list-style3 .media > .pull-left{
        padding-right: 15px;
    }
    .list-style3 .media-heading{
        font-size: 16px;
        line-height: 24px;
    }
    .list-style3 .media-info{
        margin-top: 10px;
    }
}

.list-style4 .list-item{
    overflow: hidden;
    padding-right: 100px;
    margin-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #E5E5E5;
}

.list-style4 .list-tit{
    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 25px;
    color: #333333;
    height: 25px;
    overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
    padding-left: 11px;
    background: url(../image/rtit-dot.png) no-repeat 0 center;
}
.list-style4 .list-item:hover .list-tit{
    color: #325BE3;
}
.list-style4 .list-time{
    float: right;
    text-align: right;
    width: 100px;
    margin-right: -100px;
    font-size: 14px;
    line-height: 25px;
    color: #999999;
}
.list-style4-1 .list-item{
    padding-bottom: 0; 
    border-bottom: 0;
    margin-top: 20px;
}
.list-style4-1 .list-tit{
    font-size: 16px;
    line-height: 22px;
    height: 22px;
}
.list-style4-1 .list-time{
    line-height: 22px;
}


.djob-info{
    margin-top: 10px;
}
.djob-info li{
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #999999;
margin-top: 10px;
}
.wsc-relates{
   padding:20px 20px;
   margin-top: 20px;
   border-top: 1px solid #EBEBEB;
   border-bottom: 1px solid #EBEBEB;
background: #FAFAFA;
}
.wsc-relates .rTitText{
    position: relative;
    font-size: 16px;
    line-height: 24px;
    padding-left: 10px;
}
.d-intro-2{
    background: #F6F6F6;
    border: none;
    /* margin-bottom: 40px; */
}
.rTit-1{
    margin-top: 30px;
}
.wsc-relates .rTitText::before{
    width: 3px;
    height: 14px;
    position: absolute;
    top:5px;
    left: 0;
    content: '';
    display: inline-block;
    background: #325BE3;
    opacity: 1;
    border-radius: 5px;
}
.wsc-relates .wsc-relate:first-child{
margin-top: 0;
}
@media (min-width: 992px){
    .list-style4 .list-item:first-child{
        margin-top: 0;
    }
    .list-style4-1 .list-item:first-child{
        margin-top: 0;
    }
}
@media (max-width: 767px){
    .list-style4 .list-item{
        margin-top: 15px;
        padding-bottom: 15px;
    }
    .list-style4 .list-tit{
        font-size: 16px;
    }
    .list-style4-1 .list-item{
        padding-bottom: 10px; 
    }
    .djob-info{
        margin-top: 6px;
    }
    .djob-info li{
        margin-top: 6px;
    }
}


.list-style5{
    margin-top: -20px;
}   
.list-style5 .list-item{
    padding: 25px 30px;
    overflow: hidden;
    padding-right: 130px;
    border: 1px solid #eaeaea;
    margin-top: 20px;
}

.list-style5 .list-tit{
    font-size: 18px;
    line-height: 25px;
    color: #333333;
    float: left;
    width: 100%;
    height: 25px;
    overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
}
.list-style5 .list-item:hover .list-tit{
    color: #325BE3;
}
.list-style5 .list-time{

    float: right;
    text-align: right;
    width: 100px;
    margin-right: -100px;
    font-size: 14px;
    line-height: 25px;
    color: #999999;
}
.list-style5 .list-info{
    margin-top: 5px;
    font-size: 14px;
    line-height: 20px;
    color: #999999;
}
.list-style5 .list-info li{
    width: 25%;
    float: left;
    margin-top: 5px;
}
@media (max-width: 767px){
    .list-style5 .list-info li{
        width: 50%;
    }
    
}
 
.wsc-page{
    margin-top: 40px;
}
.u-paging {
    text-align: center;
}
.paging-inner{height: 40px;font-size: 0;}
.paging-inner a,.paging-inner span {margin:0 5px;height: 40px;line-height: 40px;width: 40px;color: #999999;font-size: 14px;transition: 0.3s;display: inline-block;vertical-align: top; text-align: center;background-color: #f6f6f6;}
.paging-inner .current,.paging-inner a:hover{background-color: #365EE3;color: #fff;}
.paging-inner .prev{background:#f6f6f6 url(../image/page-prev.png) no-repeat center center;margin-right: 11px;}
.paging-inner .next{background:#f6f6f6 url(../image/page-next.png) no-repeat center center;margin-left: 11px;}
.paging-inner .prev:hover{background-image: url(../image/page-prevh.png);}
.paging-inner .next:hover{background-image: url(../image/page-nexth.png);}
@media (max-width: 767px){
    .paging-inner{
        height: 32px;
    }
    .paging-inner a,.paging-inner span{
        height: 32px;
        width: 32px;
        line-height: 30px;
    }
}

.botfix-nav{
    background-color: #fff;
    border-top: 1px solid #eaeaea;
}
.btnav-item{
    color:#555555;
    padding: 10px 0 8px;
    font-size: 12px;
    text-align: center;
    width: 25%;
    float: left;
}
.btnav-item .glyphicon{
    font-size: 18px;
}
.btnav-item .text{
    margin-top: 5px;
}
.botfix-height{
    height: 63px;
}



.navbar-height{
    height: 50px;
    display: block;
}
@media (max-width: 768px){
    .navbar.wsc-navbar{
        position: fixed;
        width: 100%;
        z-index: 100;
    }
    .navbar-collapse.in{
        height: calc(100vh - 112px);     
        overflow-y: auto;
    }
}

.dom_fixed{
    position: fixed;
    top: 20px;
}

.page-relate{
    margin-top: 30px;
}




.wsc-frilink{
    padding: 28px 0;
    background-color: #F8F9FD;
    margin-top: 60px;
}
.fl-tit {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    color: #aaaaaa;
    line-height: 24px;
    padding-left: 25px;
    background: url(../image/firlink-ico.png) no-repeat 0 center;
}
.fl-main.list-inline{
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
    color: #aaaaaa;
}
.wsc-frilink + .wsc-foot{
    margin-top: 0;
}
.wsc-frilink .fl-main a:hover{
    color: #325BE3;
}

.wsc-foot{
    margin-top: 60px;
    padding: 40px 0;
    background-color: #333333;
}
.wsc-bottom{
    background-color: #333333;
    color: #555555;
    border-top: 1px solid #444444;
}
.wsc-bottom a:hover{
    color: #325BE3;
}

.ft-tit{
    margin-top: 28px;
    font-weight: bold;
    color: #aaaaaa;
}
.ft-compinfo{
    margin-top: 15px;
}
.ft-tel,.ft-pos{
    color: #777777;
}
.wsc-foot .wsc-search{
    margin-bottom: 0;
    margin-top: 40px;
}
.wsc-foot .wsc-search .input-group-btn .btn{
    background-color: #888F98;
    border-color: #888F98;
}
.foot-nav{
    color: #e0e0e0;
}
.foot-nav .nav-pills {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -10px;
}
.foot-nav .nav-pills > li{
    font-size: 15px;
    margin-top: 10px;
}
.foot-nav .nav-pills > li > a{
    padding-top: 0;
    padding-bottom: 0;
}
.foot-nav .nav-pills > li > a:hover{
    background-color: unset;
    color: #fff;
}
.foot-nav .nav-pills > li > span{
    padding: 0 10px;
    font-size: 12px;
    color: #4D4D4D;
}
.foot-nav .nav-pills > li:first-child > span{
    display: none;
}

.wb-main{padding: 20px 0;}
    .wb-wscico{display: inline-block;vertical-align: middle; font-size:0;}
    .wb-wscico img{width: 18px;border-radius: 14px;}
    .wb-text{display: inline;line-height: 30px;margin-left: 10px;}
    .wb-text span{margin: 0 5px;}
    .wb-text em{
        font-style: normal;
    }
    
@media (min-width: 992px){

}
@media (min-width: 768px){
    .ft-compinfo li{
        display: inline;
        margin-right: 60px;
    }
}

@media (max-width: 768px){
    
    .wsc-class2{
        margin-bottom: 20px;
    }
    .wsc-foot{
        margin-top: 40px;
    }
    .wsc-page{
        margin-top: 30px;
    }

    .ft-compinfo li{
        margin-top: 10px;
    }

    .wsc-frilink{
        padding-top: 14px;
        padding-bottom: 14px;
    }
    .foot-nav{
        margin-top: 30px;
    }
    .wb-main{
        padding-top: 20px;
        padding-bottom: 20px;
    }
}


.news-det{
    margin-bottom: 0;
}

.divide-line{
    height: 1px;
    background-color: #d0d0d0;
    margin-top: 40px;
}
.only-line{
    height: 1px;
    background-color: #eaeaea;
}

.d-tit {
    font-size: 28px;
    line-height: 42px;
    font-weight: bold;
    color: #333333;
}

.d-info,.d-tip{
    line-height: 20px;
    margin-top: 25px;
    color: #999999;
}
.d-info.list-inline{
    font-size: 0;
}
.d-info.list-inline li{
    font-size: 14px;
}
.d-info .infoline{
    font-size: 12px;
    color: #eaeaea;
    margin-left: 20px;
    margin-right: 20px;
}
.d-intro {
    padding: 30px;
    background-color: #f6f6f6;
    color: #999999;
    margin-top: 40px;
    line-height: 24px;
}
.d-attr{margin-top: 10px;}
	.d-attr th{width: 100px;vertical-align: top;padding: 5px 0;}
	.d-attr td{line-height: 1.6;vertical-align: top;padding: 5px 0;}
.d-cover{
    text-align: center;
    margin-top: 40px;
}
.d-video{
    margin-top: 20px;
    background: #E0E0E0;
    border: 1px solid #EAEAEA;
    position: relative;
}
.d-video .pause_ico {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 2.4em;
    margin: auto;
    background: url(../image/play-ico.png) no-repeat center center;
    background-size: cover;
    z-index: 1000;
}
.vcp-controls-panel{
    box-sizing: border-box;
    padding: 0 0.3em !important;
    height: 2.4em !important;
    font-size: 14px !important;
}
.vcp-playtoggle{
    width: 2em !important;
    background-position-y: center;
}
.vcp-timelabel,.vcp-vertical-switcher-current{
    line-height: 2.4em !important;
}
.vcp-volume{
    width: 2em;
}
.vcp-fullscreen-toggle{
    width: 2em !important;
    height: 2.4em !important;
    background-position-y: center;
}
.vcp-volume-icon{
    width: 2.4em !important;
    height: 2.4em !important;
    background-position-y: center;
}
.vd-intro{
    margin-top: 1px;
    padding: 30px;
    background-color: #f6f6f6;
    font-size: 14px;
    line-height: 24px;
    color: #999999;
}



.pd-top .d-cover{
    padding: 10px;
    border: 1px solid #eaeaea;
    text-align: center;
}
.d-cover img{
    max-width: 100%;
    max-height: 525px;
    display: block;
    margin: auto;
}
.d-cover-text{
    font-size: 14px;
    color: #999999;
    margin-top: 30px;
}
.videoShow{
    margin-top: 10px;
}

.d-content{
    margin-top: 40px;
}

.wsc-edit{
    margin-top: 30px;
    font-size: 16px; 
    line-height:1.5; 
    color: #777777;
    overflow:hidden;
}
.wsc-edit:first-child{
    margin-top: 0;
}

.wsc-edit p{
    margin:10px 0;
}
.wsc-edit img,.wsc-edit video{
    max-width: 100%; 
    height: auto;
    cursor: pointer;
    margin:15px auto;
    display: block;
}
.wsc-editCon>*:first-child,.wsc-edit>*:first-child{
    margin-top: 0;
}
.wsc-editCon>*:last-child{
    margin-bottom: 0;
}
.wsc-edit li{
    margin:10px 0
}
.wsc-edit table{
    display: block;
    height:auto!important;
    width:auto!important;
    max-width: 100%;
    border: 0;
    overflow-x: auto;
}
.wsc-edit td{
    border: 1px solid #fff;
    padding:5px;
    white-space: nowrap; 
    width: auto!important
}
.wsc-editTit{
    font-size:20px; 
    line-height: 26px;
    color: #212121;
    padding-left: 14px;
    background: url(../image/editTit-line.png) no-repeat 0 center;
}
.wsc-editCon{
    margin-top:20px;
}


.wsc-relate{
    margin-top: 30px;
}
.rTitText{
    font-size: 20px;
    color: #212121;
    line-height: 26px;
}
.reMain{
    margin-top: 10px;
}
.rlist-item{
    margin-top: 15px;
    font-size: 14px;
    line-height: 1;
    color: #777777;
    padding-right: 100px;
}
.rlist-item:first-child{
    margin-top: 0;
}
.rlist-tit{
    float: left;
    /* margin-right: 30px; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    padding-left: 11px;
    background: url(../image/rtit-dot.png) no-repeat 0 center;
}
.rlist-tit:hover{
    color: #325BE3;
}
.rlist-time{
    float: left;
    color: #999999;
    width: 100px;
    margin-right: -100px;
    text-indent: 30px;
}


.content-relate{
    margin-top: 30px;
}
.cont-remain{
    border: 1px solid #ebebeb;
    border-top: 3px solid #E9E9E9;
    padding: 15px;
    margin-top: 20px;
}
.cont-remain .wsc-relate{
    margin-top: 20px;
}
.cont-remain .wsc-relate:first-child{
    margin-top: 0;
}
.cont-remain .rTit{
    
    position: relative;
}
.cont-remain .rTitText{
    font-size: 16px;
}



.wsc-tags{
    margin-top: 20px;
}
.wsc-tags .label{
    border: 1px solid #eaeaea;
    padding: 2px 10px;
    color: #999999;
    line-height: 24px;
    font-size: 14px;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
    font-weight: normal;
    border-radius: 1px;
    transition: 0.36s;
}
.wsc-tags .label:hover{
    background-color: #2761c4;
    border-color: #2761c4;
    color: #fff;
}


.wsc-detlink{
    margin-top: 40px;
    padding: 30px;
    border: 1px solid #eaeaea;
}
.dl-prev,.dl-next{
    font-size: 14px;
    line-height: 24px;
    box-sizing: border-box;
}
.dl-prev{
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.dp-arr,.dn-arr{
    color: #999999;
    font-style: normal;
}
.dp-text,.dn-text{
    color: #333333;
    width: 100%;
    font-size: 16px;
    margin-top: 20px;
}
.dp-text:hover, .dn-text:hover{
    color: #325BE3;
}
.album-dl .dl-prev,.album-dl .dl-next{
   
}
.album-dl .dl-img{
    float: left;
    width: 100px;
    margin-left: -120px;
    height: 75px;
    border: 1px solid #eaeaea;
    position: relative;
}
.album-dl .dl-img img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.album-dl .dl-info{
    float: left;
    width: 100%;
}
@media (min-width: 992px){
    .album-dl .dl-prev,.album-dl .dl-next{
       
    }
    .album-dl .dl-img{
        width: 80px;
        height: 60px;
        margin-left: -90px;
    }
}
@media (max-width: 991px){
    .side-bar > .wsc-detlink{
        margin-top: 40px !important;
    }
}

@media (max-width: 767px){
    .news-det .d-cover{
        padding: 20px;
    }
    .d-cover-text{
        margin-top: 15px;
    }
    .wsc-detlink{
        padding: 15px;
    }
    .dl-prev{
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .dp-text,.dn-text{
        margin-top: 10px;
    }
    .d-content{
        margin-top: 30px;
    }
}

.page-block{
    margin-top: 30px;
}
.fTitText{
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    padding-left: 11px;
    background: url(../image/editTit-line.png) no-repeat 0 center;
}
.form-main{
    margin-top: 10px;
}
.wsc-form .form-group{
    margin-bottom: 0;
    margin-top: 10px;
}
.wsc-form .col-md-6 .form-group:first-child{
    margin-top: 10px;
}
.wsc-form .form-group:first-child{
    margin-top: 0;
}
.wsc-form label{
    font-size: 14px;
    line-height: 22px;
    color: #666666;
    margin-bottom: 8px;
    font-weight: normal;
}
.wsc-form sup{
    color: #FF0707;
    top: 0;
    margin-right: 5px;
}
.wsc-form .form-control{
    height: 40px;
    background-color: #FAFAFA;
    border-color: #ebebeb;
    box-shadow: unset;
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
}
.wsc-form .form-control:focus{
    border-color: #ddd;
}
.wsc-form .form-control::placeholder{
    color: #aaaaaa;
}
.wsc-form select.form-control{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    background: #FAFAFA url(../image/fm-arr.png) no-repeat right center;
    color: #aaaaaa;
    padding-right: 32px;
}
.wsc-form textarea.form-control{
    height: 100px;
}
.wsc-form .fm-btn{
    margin-top: 20px;
}
.wsc-form .fm-btn .btn{
    width: 160px;
    height: 44px;
    border-radius: 0;
    background-color: #325BE3;
    color: #fff;
}
.wsc-form .fm-btn .btn:hover{
    background-color: #2A48AC;
}
@media (max-width: 768px){
    .page-block{
        margin-top: 30px;
        padding-top: 30px;
    }
    .wsc-relate{
        margin-top: 20px;
    }
    .divide-line{
        margin-top: 20px;
    }
    .wsc-tags{
        margin-top: 10px;
    }
    .side-bar > .wsc-detlink{
        margin-top: 20px !important;
    }

    .fTitText{
        font-size: 22px;
        line-height: 34px;
    }
    .form-main{
        margin-top: 10px;
    }
    .wsc-form .form-group{
        margin-top: 15px;
    }
    .wsc-form .form-control{
        height: 44px;
    }
    .wsc-form .fm-btn .btn{
        height: 44px;
    }
}
@media (min-width: 992px){
    .pd-top{
        overflow: hidden;
    }
    .pd-top .row{
        margin-left: -30px;
        margin-right: -30px;
    }
    .pd-top .col-md-6{
        padding-left: 30px;
        padding-right: 30px;
    }
    .pd-img .carousel-indicators{
        position: unset;
        width: unset;
        margin-left: -5px;
        margin-right: -5px;
        margin-top: 10px;
        font-size: 0;
    }
    .pd-img .carousel-indicators li{
        width: 16.66%;
        height: auto;
        border-radius: 0;
        text-indent: 0;
        margin: 0;
        padding-left: 5px;
        padding-right: 5px;
        border: 0;
        vertical-align: middle;
    }
    .pd-img .carousel-indicators li .img-box{
        height: 65px;
        position: relative;
        border: 1px solid #eaeaea;
    }
    .pd-img .carousel-indicators li img{
        max-width: 100%;
        max-height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .pd-img .carousel-indicators .active{
        background-color: unset;
    }
    .pd-img .carousel-indicators .active .img-box{
        border: 1px solid #325BE3;
    }
    .pd-img .carousel-control{
        top: -65px;

    }
    
}
@media (max-width: 991px){
    .pd-img .carousel-indicators li img{
        display: none;
    }
}
.pd-img .carousel-inner{
    height: 420px;
    /* background-color: #F0F0F0; */
    border: 1px solid #eaeaea;
}
.pd-img .carousel-inner .item{
    height: 100%;
    
}
.pd-img .carousel-inner > .item > img,.pd-img .carousel-inner > .item > a > img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.pd-img .carousel-control{
    width: 38px;
    height: 46px;
    margin: auto;
    z-index: 10;
}
.pd-img .carousel-control.right{
    right: 8px;
    background: url(../image/pd-next.png) no-repeat center center;
}
.pd-img .carousel-control.left{
    left: 8px;
    background: url(../image/pd-prev.png) no-repeat center center;
}

.pd-intro{
    margin-top: 40px;
    font-size: 16px;
    line-height: 28px;
    color: #666666;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}
.d-attr{
    margin-top: 20px;
    font-size: 16px;
    line-height: 36px;
}
.d-attr .d-attrTit{vertical-align: top;padding: 5px;width: 100px; color: #777777;}
	.d-attr .d-attrTit strong{ font-weight: 400 }
    .d-attr .d-attrCon{vertical-align: top;padding: 5px;color: #212121;}

.d-btn{
    margin-top: 40px;
    font-size: 0;
}
.d-btn .btn{
    width: 220px;
    height: 60px;
    font-size: 16px;
    line-height: 46px;
    border-radius: 0;
    margin-bottom: 10px;
    transition: 0.36s;
}

.d-btn .pd-btn1{
    background-color: #325BE3;
    color: #fff;
    margin-right: 15px;
}
.d-btn .pd-btn1:hover{
    background-color: #2A48AC;
}
.d-btn .pd-btn2{
    color: #777777;
    background: #F5F5F5;
    border: 1px solid #EAEAEA;
}
.d-btn .pd-btn2:hover{
    border-color: #325BE3;
    background-color: #325BE3;
    color: #fff;
}

@media (max-width: 1199px){
    .d-btn .btn{
        width: 200px;
    }
}
@media (max-width: 991px){
    .pd-info{
        margin-top: 40px;
    }
}


.pd-main{
    margin-top: 60px;
    padding-top: 62px;
}
.pdTab-box{position: absolute;height: 62px;z-index: 10;width: 100%; background-color: #F6F6F6;top: 0;
    left: 0;
    right: 0;
    margin: auto;}
.pdTab{height: 62px;background-color: #F6F6F6;margin: auto;position: relative;box-sizing: border-box;}
.pdTab ul{ display: flex;overflow-x: auto;overflow-y: hidden;white-space: nowrap;}
.pdTab ul::-webkit-scrollbar{display: none;}
.pdTab li{float: left;height: 100%;line-height: 62px;position: relative;text-align: center;}
.pdTab li:first-child {
    
}
.pdTab li a{display: block;height: 100%;color: #777777;transition: 0.3s;font-size: 16px;text-decoration: unset;padding: 0 30px;}
.pdTab li span{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 1px;
    background-color: #325BE3;
    transition: 0.36s;
    width: 0;
}
.pdTab li.active span,.pdTab li:hover span{
    width: 100%;
}
.pdTab li.active a,.pdTab li:hover a{
    color: #325BE3;
}

@media (max-width: 767px){
    .pd-main{
        padding-top: 48px;
    }
    .pdTab-box{
        height: 48px;
    }
    .pdTab{
        height: 48px;
    }
    .pdTab li{
        line-height: 48px;
    }
    .pdTab li a{
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (min-width: 768px){
    .pdTab-box{
        width:100%
    }
}
@media (min-width: 992px){
    .pdTab-box{
        width:100%
    }
}
@media (min-width: 1240px){
    .pdTab-box{
        width: 1180px;
    }
}
.case-det .d-cover{
    padding: 0;
    border: 0;
}
.case-det .pd-img .carousel-inner{
    height: 660px;
    border: 1px solid #EAEAEA;
}
@media (min-width: 992px){
    .case-det .pd-img .carousel-indicators li .img-box{
        height: 104px;
        border: 1px solid #EAEAEA;
        
        position: relative;
    }
    .case-det .pd-img .carousel-indicators .active .img-box{
        border: 1px solid #325BE3;
    }
}

@media (max-width: 991px){
    .d-tit{
        font-size: 22px;
        line-height: 34px;
    }
    .d-intro{
        padding: 15px;
        margin-top: 20px;
    }
    .d-btn .btn{
        width: 160px;
        height: 44px;
        line-height: 30px;
        font-size: 14px;
    }
    .d-video .pause_ico{
        width: 30px;
        height: 30px;
    }
    .pd-intro{
        margin-top: 20px;
        padding-bottom: 15px;
    }
    .pd-main{
        margin-top: 20px;
    }
    .wsc-edit{
        margin-top: 20px;
    }
    .wsc-editCon{
        margin-top: 10px;
    }

    .case-det .d-cover{
        
    }
    .pd-img .carousel-inner{
        height: unset;
    }
    .case-det .pd-img .carousel-inner{
        height: unset;
    }
    .pd-img .carousel-inner > .item > img, .pd-img .carousel-inner > .item > a > img{
        position: unset;
    }
    .wsc-detlink{
        padding: 15px;
    }
    .dl-prev{
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .carousel-indicators li{
        width: 4px;
        height: 4px;
        vertical-align: middle;
    }
    .carousel-indicators li.active{
        width: 4px;
        height: 4px;
    }
}




.album-det .content-main{
    margin-top: 40px;
}


.albumShow{
}
.albumShow ul,.albumShow .ol{
    list-style: none;
}
.albumShowCon{
    position: relative;
    border: 1px solid #EAEAEA;
    height: 660px;
}
.albumShowimgp,.albumShowimgn{
    /* display: none; */
    font-size: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 38px;
    height: 46px;
    line-height: 50px;
    opacity: .5;
}
.albumShowimgp{
    left: 8px;
    background:  url(../image/pd-prev.png) no-repeat center center;
}
.albumShowimgn{
    right: 8px;
    background:  url(../image/pd-next.png) no-repeat center center;
}
.albumShowimgp:hover,.albumShowimgn:hover{
    opacity: 0.9;
}
.albumnum{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    margin: auto;
    width: 60px;
    height: 24px;
    line-height: 24px;
    border-radius: 50px;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    text-align: center;
}
.albumShowConImg{position: relative;height: 100%;text-align: center;}
    .albumShowConImg img{max-width: 100%;max-height: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
    .albumShowimgp:hover,.albumShowimgn:hover,.albumShowListp:hover,.albumShowListn:hover{
        /* background-color: rgba(0,0,0,0.2); */
    }

	.albumShowControl{margin-top: 10px; padding: 0;position: relative;}
    .albumShowChange{position: absolute;top: 0;width: 100px;overflow: hidden;height: 100%;}
    .albumShowChange a{width: 100%;height: 100%;}
		.albumShowChange img{ width: 100%;margin: auto;}
		.albumShowChange em{position: absolute;left: 0;
            top: 0;width: 100%;height: 100%;color: #fff;font-size: 12px;background-color: rgba(0, 0, 0, 0.5);text-align: center; transition: 0.36s;display: table;}
            .albumShowChange em i{display: table-cell;vertical-align: middle;}
	.albumShowp{left: 0;}
	.albumShown{right: 0;}
	.albumShowChange:hover em{ background: rgba(0, 0, 0, 0.66);}

	.albumShowList{padding: 0 40px;position: relative;}
        .albumShowListp,.albumShowListn{position: absolute;top: 0;width: 40px;height: 100%;transition: 0.36s;text-align: center;cursor: pointer;}
        

		.albumShowListp{left: 0;background:  url(../image/leftsw.png) no-repeat 0 center;}
        .albumShowListn{right: 0;background:  url(../image/rightsw.png) no-repeat right center;}
        .albumShowListp:hover{
            background-image: url(../image/leftswh.png);
        }
        .albumShowListn:hover{
            background-image: url(../image/rightswh.png);
        }

	.albumShowListCon {overflow: hidden;margin: auto;position: relative;}
		.albumShowListCon ul{position: relative;padding-left: 0;margin-bottom: 0;font-size: 0;}
		.albumShowListCon li{width: 100px;margin-right: 10px;box-sizing: border-box;display: inline-block;vertical-align: middle;}
        .albumShowListCon li a{display: block;}
		.albumShowListCon li img{width: 100%;}
        .albumShowListCon li.active a{border: 2px solid #335CE3;}


.pic-det .d-intro{
    margin-top: 15px;
}



@media (max-width: 767px){
    .albumShowCon{
        height: unset;
    }
    .albumShowConImg img{
        position: unset;
    }
    .albumShowList{
        padding: 0 35px;
    }
    .albumShowListp, .albumShowListn{
        width: 25px;
    }
}





/* indexpage */
.index-banner .carousel-inner > .item > img{
    max-width: 100%;
    margin: auto;
    display: block;
}
.index-banner .carousel-control{
    width: 47px;
    height: 80px;
    margin: auto;
    z-index: 10;
    opacity: 1;
}
.index-banner .carousel-control.right{
    right: 20px;
    background:  url(../image/inban-next.png) no-repeat center center;
}
.index-banner .carousel-control.left{
    left: 20px;
    background:  url(../image/inban-prev.png) no-repeat center center;
}
.index-banner .carousel-control.right:hover{
    background-image: url(../image/inban-nexth.png);
}
.index-banner .carousel-control.left:hover{
    background-image: url(../image/inban-prevh.png);
}
.index-banner .carousel-indicators{
    bottom: 30px;
}
.index-banner .carousel-indicators li{
    width: 8px;
    height: 8px;
    margin: 0;
    margin-left: 8px;
    margin-right: 8px;
    vertical-align: middle;
    background-color: rgba(255, 255, 255, 0.22);
    border: 0;
}
.index-banner .carousel-indicators li.active{
    background-color: rgba(255, 255, 255, 0.6);
}

@media (max-width: 767px){
    .index-banner .carousel-indicators{
        bottom: 10px;
    }
    .index-banner .carousel-indicators li{
        margin-left: 4px;
        margin-right: 4px;
        width: 4px;
        height: 4px;
    }
    .index-banner .carousel-control{
        display: none;
    }
    .index-banner .carousel-inner > .item > img{
        /* max-width: unset;
        height: 220px; */
    }
}

.index-products{
    padding: 80px 0;
    background-color: #F8F9FD;
}
.in-ctit{
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.in-ctit .cTitText{
    float: left;
    font-size: 36px;
    line-height: 47px;
    color: #333333;
    font-weight: bold;
}
.in-ctit .cTitLink,.cTitMore{
    float: right;
    font-size: 14px;
    line-height: 47px;
    color: #aaaaaa;
}
.cTitMore a{
    display: inline-block;
    padding-right: 11px;
    background: url(../image/remore-arr.png) no-repeat right center;
}
.cTitMore:hover{
    color: #325BE3;
}
.cTitMore:hover a{
    background-image: url(../image/remore-arrh.png);
}
.in-ctit .cTitLink a{
    float: left;
}
.in-ctit .cTitLink span{
    float: left;
    color: #ddd;
    font-size: 12px;
    margin-left: 20px;
    margin-right: 20px;
}
.in-ctit .cTitLink span:first-child,.in-ctit .cTitLink span:last-child{
    display: none;
}
.in-ctit .cTitLink a:hover{
    color: #333333;
}

.in-ctext{
    margin-top: 20px;
    color: #999999;
}

.inb1-main{
    margin-top: 30px;
}

.index-about{
    padding: 80px 0;
    overflow: hidden;
}

.inab-img img{
    width: 100%;
}
.inab-text{
    line-height: 30px;
    color: #666666;
}
.inab-text p:first-child{
    margin-top: 0;
}

.inab-btn .btn{
    width: 140px;
    height: 42px;
    line-height: 28px;
    border: 1px solid #DBDBDB;
    color: #777777;
    font-size: 14px;
    border-radius: 2px;
    transition: 0.36s;
}
.inab-btn .btn:hover{
    border-color: #325BE3;
    background-color: #325BE3;
    color: #fff;
}
@media (min-width: 1240px){
    .index-about .row{
        margin-left: -30px;
        margin-right: -30px;
    }
    .index-about .col-md-6{
        padding-left: 30px;
        padding-right: 30px;
    }
    .inab-img{
        margin-top: 0;
    }
}
@media (min-width: 992px){
    .index-about .row{
        margin-left: -20px;
        margin-right: -20px;
    }
    .index-about .col-md-6{
        padding-left: 20px;
        padding-right: 20px;
    }
    .inab-text p{
        margin-top: 30px;
    }
    .inab-text{
        margin-top: 40px;
    }
    .inab-btn{
        margin-top: 40px;
    }
}
@media (min-width: 768px){
    .inab-text p{
        margin-top: 15px;
    }
    .inab-text{
        margin-top: 20px;
    }
    .inab-btn{
        margin-top: 30px;
    }

}
@media (max-width:991px){
    .inab-info{
        margin-top: 30px;
    }
}
@media (max-width:768px){
    .inab-info{
        margin-top: 25px;
    }
    .inab-text{
        margin-top: 15px;
    }
    .inab-btn{
        margin-top: 20px;
    }
    .inab-btn .btn{
        height: 44px;
        line-height: 30px;
    }
    .inab-text p{
        margin-top: 15px;
    }
    .inab-text{
        margin-top: 20px;
    }
    .inab-btn{
        margin-top: 30px;
    }
}


.index-products .row{
    margin-left: -10px;
    margin-right: -10px;
}
.index-products [class^="col-"]{
    padding-left: 10px;
    padding-right: 10px;
}
.index-products .list-style1{
    margin-top: -16px;
}
.index-products .list-style1 .list-item{
    background-color: #fff;
    margin-top: 16px;
}

.index-products .list-style1-1 .inpro-left .list-info{
    padding-top: 30px;
    padding-bottom: 30px;
}
.index-products .list-style1-1 .inpro-right .list-info{
    padding-top: 8px;
    padding-bottom: 8px;
}
.index-products .list-style1-1 .inpro-right .list-item:hover .list-info{
    padding-bottom: 5px;
}
.index-products .list-style1-1 .inpro-left .list-item:hover .list-info{
    padding-bottom: 27px;
}

.index-news{
    padding: 60px 0 0;
}
.bot-renews{
    padding: 60px 0;
}

.innews-ctit{
    background-color: #EEEEEE;
    padding: 15px 40px;
    line-height: 30px;
    position: relative;
}
.innews-ctit .cTitText{
    float: left;
    font-size: 20px;
    line-height: 30px;
    color: #333333;
}
.innews-ctit .cTitMore{
    line-height: 30px;
}
.innews-main{
    padding: 30px 40px 40px;
    overflow: hidden;
    background-color: #f5f5f5;
}
.bot-remain{
    margin-top: 10px;
    overflow: hidden;
}
.innews-main .row,.bot-renews .row{
    margin-left: -50px;
    margin-right: -40px;
}
.index-news .col-md-6,.bot-renews .col-md-6{
    padding-left: 50px;
    padding-right: 40px;
}
.innews-main .list-style3 .media{
    padding-bottom: 0;
    border-bottom: 0;
}
.innews-main .list-style3 .media-left{
    padding-right: 0;
}

.inre-class{
    font-size: 18px;
    line-height: 22px;
    margin-top: 60px;
    color: #777777;
    overflow: hidden;
}
.inre-class a{
    float: left;
}
.inre-class span{
    float: left;
    color: #ddd;
    font-size: 18px;
    margin-left: 20px;
    margin-right: 20px;
}
.inre-class span:first-child,.inre-class span:last-child{
    display: none;
}
.inre-class a:hover{
    color: #333333;
}


.inalbum{
    margin-top: 40px;
    padding: 40px;
    background: url(../image/inalbum-bg.jpg) no-repeat center center;
    background-size: cover;
}
.inalbum .in-ctit .cTitText{
    color: #fff;
    font-size: 28px;
    line-height: 38px;
}
.inalbum .in-ctext{
    margin-top: 15px;
    color: #fff;
}

.inalb-class{
    margin-top: 10px;
}
.inalb-class .item{
    display: block;
    margin-top: 20px;
    height: 80px;
    font-size: 0;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.13);
    border: 1px solid rgba(255, 255, 255, 0.21);
    border-top-width: 3px;
    padding: 0 5px;
    transition: 0.36s;
}
.inalb-class .item span{
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}
.inalb-class .item:hover{
    transform: translateY(-5px);
}

@media (min-width: 992px){
    .index-news .lMain,.bot-renews .lMain{
        background: url(https://static.westarcloud.com/5f71aa44f9af5f004b71a79b/images/innews-line.jpg) repeat-y center 0; 
    }
    .bot-remain{
        margin-top: 30px;
    }
    .innews-main  .list-style3 .media:first-child{
        margin-top: 0;
    }
    .innews-main .list-style3 img.media-object{
        width: 160px;
    }
    .innews-main .list-style3 .media-left{
        padding-right: 20px;

    }
    .innews-main .list-style3 .media-heading{
        max-height: 60px;
        overflow: hidden;
        text-overflow:ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;
    }
    .innews-main .list-style3 .media-text{
        max-height: 56px;
        overflow: hidden;
        text-overflow:ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;
        margin-top: 20px;
    }
    
}

@media (max-width: 992px){

    .innews-main .list-style3 img.media-object{
        width: 160px;
    }
    .innews-main .list-style3 .media-left{
        padding-right: 20px;
    }
    .innews-main .list-style3 .media-heading{
        max-height: 60px;
        overflow: hidden;
        text-overflow:ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;
    }
    .innews-main .list-style3 .media-text{
        max-height: 56px;
        overflow: hidden;
        text-overflow:ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;
        margin-top: 10px;
    }
}
@media (max-width: 767px){
    .index-block1,.index-block2,.index-news,.bot-renews,.index-about,.index-products{
        padding: 30px 0;
    }
    .in-ctit{
        position: relative;
    }
    .in-ctit .cTitText{
        font-size: 22px;
        line-height: 30px;
    }
    .in-ctit .cTitText,.in-ctit .cTitLink{
        float: unset;
    }
    .in-ctit .cTitLink span,.inre-class span{
        display: none;
    }
    .in-ctit .cTitLink a,.inre-class a{
        margin-right: 20px;
    }
    .inre-class{
        margin-top: 30px;
    }

    .cTitMore{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-align: right;
        line-height: 30px;
    }
    .innews-ctit .cTitMore{
        line-height: 50px;
       right: 20px;
       left: unset; 
    }



    .inab-text{
        margin-top: 15px;
    }
    .inab-text p{
        margin-top: 10px;
    }




    .innews-ctit{
        padding: 10px 20px;
    }
    .innews-main{
        padding: 15px 20px 20px;
    }
    .innews-main .list-style3 .media:first-child{
        margin-top: 0;
    }
    .innews-main .list-style3 img.media-object{
        width: 100px;
    }
    .innews-main .list-style3 .media-left{
        padding-right: 15px;
    }
    .innews-main .list-style3 .media-heading{
        max-height: 48px;
        overflow: hidden;
        text-overflow:ellipsis;display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;
    }



    .inalbum{
        margin-top: 20px;
        padding: 20px;
    }
    .inalbum .row{
        margin-left: -5px;
        margin-right: -5px;
    }
    .inalbum [class^="col-"]{
        padding-left: 5px;
        padding-right: 5px;
    }
    .inalbum .item{
        margin-top: 10px;
    }
    .inalbum .in-ctit .cTitText{
        font-size: 20px;
        line-height: 28px;
    }
    .inalbum .in-ctext{
        margin-top: 10px;
    }
}


.wsc-search{
    margin-bottom: 60px;
}
.wsc-search .form-control{
    height: 40px;
    background-color: #fff;
    border-color: #f0f0f0;
    box-shadow: unset;
    border-radius: 0;
    padding-left: 20px;
    padding-right: 20px;
}
.wsc-search .input-group-btn{
    width: 10%;
}
.wsc-search .input-group-btn .btn{
    height: 40px;
    border-radius: 0;
    padding-left: 32px;
    padding-right: 32px;
    transition: 0.36s;
}
.wsc-search .input-group-btn .btn:hover{
    color: #fff;
}
.hot-search {
    margin-top: 20px;
    color: #777777;
    font-size: 16px;
}

.tag-main{
    margin-top: 20px;
}
.tags-item{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ebebeb;
}
.tags-item:first-child{
    margin-top: 0;
    border-top: 0;
    padding-top: 0;
}
.list-tags{
    margin-top: -20px;
}
.list-tags .list-item{
    border: 1px solid #eaeaea;
    padding: 25px 30px 20px;
    margin-top: 20px;
}
.list-tags .label{
    background-color: #f6f6f6;
    padding: 2px 10px;
    color: #616161;
    line-height: 24px;
    font-size: 14px;
    display: inline-block;
    font-weight: normal;
    border-radius: 1px;
    transition: 0.36s;
}
.list-tags .label:hover{
    background-color: #2761c4;
    border-color: #2761c4;
    color: #fff;
}
.list-tags .list-text{
    margin-top: 15px;
    color: #777777;
    font-size: 14px;
    line-height: 24px;
    height: 72px;
    overflow: hidden;text-overflow:ellipsis;display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical;
}



.prompt {
    position: relative;
    padding: 100px 0;
}
.prompt-main {
    padding: 100px 0;
    background-color: #f6f6f6;
    
}
.prompt-icon{
    height: 65px;
    background: url(../image/susok.png) no-repeat center center;
}
.prompt-box{
    padding: 0 20px;
}
.prompt-tit {
    font-size: 28px;
    color: #444;
    font-weight: bold;
    line-height: 34px;
    
}
.prompt-text {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    margin-top: 14px;
}
.prompt-text span {
    color: #e54242;
}

@media (max-width: 768px){
    .prompt-box{
        text-align: center;
    }
}
.notfound{padding: 100px 0 80px;}
.nofMain{padding: 100px 0 80px;background-color: #f6f6f6;text-align: center; }
.nfImg{height: 160px;background:  url(../image/4041.png) no-repeat center top;}
.nfTit{font-size: 26px;color: #222;}
.nfText{font-size: 14px;color: #555;margin: 10px auto 0;}
.nfBtn{margin-top: 40px;}


@media (max-width:768px){
    .wsc-search{
        margin-bottom: 30px;
    }
    .list-tags .list-item{
        margin-top: 16px;
    }

    .tags-item{
        margin-top: 25px;
    }
    .tag-main{
        margin-top: 15px;
    }

    .list-tags .list-text{
        margin-top: 15px;
        font-size: 14px;
        line-height: 24px;
        height: 72px;
    }
}

.sl-count{line-height: 1;margin-bottom: 30px;color: #999999;}
.search-none-tit{font-size: 18px;line-height: 1;color: #333333;}
.search-none-text{margin-top: 20px;color: #666666;line-height:30px;}
.s-key{
    color: #e54242;
}




/*
*   wsc-nav 顶部导航
*/
@media (min-width: 768px){
.wsc-Nav{box-shadow: -1px 6px 12px 0px rgba(0, 0, 0, 0.03);}
.wsc-NavCon{margin:0 auto;position: relative; z-index:100}
    .wsc-logo{float: left;height: 100px; }
    .wsc-logo a{display: table-cell;vertical-align: middle;height: 100px;}
    .wsc-logo img{vertical-align: middle; max-height: 50px}
    .wsc-headNav{float: right;}
        .hn-item{float: left;position: relative; margin:0px 15px;}
            .hn-text{font-size:15px;line-height: 40px;padding-bottom: 30px; margin-top:30px;}   
        
        .hn-item:hover .hn-text{
            color: #325BE3;
        }
            
        .hn-search{float: left;margin-left: 20px;}
	        .search-icon{float: left;width: 30px;height: 100px;cursor: pointer;background: url(../image/pc-hn-searchico.png) no-repeat center center;}
            .search-drop{position: absolute;top: 100px;left: 0;right: 0;margin: auto;width: 100%;padding: 60px 0;background-color: #fff;box-shadow:0px 4px 8px 0px rgba(0,0,0,0.2);display: none;}
            .search-drop .wsc-search{
                margin-bottom: 0;
            }
            
	        .search-drop form{margin: auto; width:50%}
        .hn-drop{position: absolute;left: 50%;transform: translateX(-50%);top: 100px;width: 160px;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.16);background-color: #fff;display: none;}
            .hn-drop a{display: block;height: 45px;line-height: 45px;color: #666666; padding-left: 25px;padding-right: 25px;overflow: hidden;}
            
            .hn-drop a:hover{background-color: #f6f6f6;}
}       

@media (min-width: 768px) and (max-width: 991px){
    .hn-item{
        margin-left: 6px;
        margin-right: 6px;
    }
}   

@media (max-width: 767px){

.divid-block{height: 8px;background-color: #F7F8F8;border-top: 1px solid #e0e0e0;}
.wsc-Top{height: 50px;background-color: #fff;box-shadow: -1px 6px 12px 0px rgba(0, 0, 0, 0.03);}
    .wsc-TopCon{position: fixed;left: 0;top: 0;height: 50px;width: 100%;box-sizing: border-box;padding: 0 15px;background-color: #fff;z-index: 99999;border-bottom: 1px solid #F6F6F6;}
        .top-menu{position: absolute;left: 15px;top: 0;bottom: 0;margin: auto;  height: 50px;width: 36px;background: url(../image/m-top-menu.png) no-repeat left center;background-size: 36px auto;}
        .top-search{position: absolute;right: 15px;top: 0;bottom: 0;margin: auto;  height: 50px;width: 36px;background: url(../image/m-top-search.png) no-repeat right center;background-size: 25px auto;}
        .wsc-logo{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width:150px; height: 50px;text-align: center;}
        .wsc-logo a{display: table-cell;vertical-align: middle;height: 50px;text-align: center;width:150px;}
            .wsc-logo img{ vertical-align: middle;height: 25px}
.wsc-TopBar{position: fixed;right: -100%;top: 0;background-color: #fff;width: 100%;height: 100%;transition: all 0.3s ease-in-out;z-index: 99999;overflow-y: scroll;}
.wsc-tbtop {height: 50px;padding: 0 15px;position: relative;}
.top-close{height: 50px;width: 36px;position: absolute;left: 15px;top: 0;bottom: 0;margin: auto; background: url(../image/m-top-close.png) no-repeat 0 center;background-size: 36px auto;}

.wsc-TopSearch { padding: 15px;}
    .wsc-TopSearch input {font-size: 14px;line-height: 26px;width: 100%;height: 36px;box-sizing: border-box;border: none;outline: none;padding: 5px 10px 5px 37px; border-radius: 2px;color: #333333;background: #F7F8F8 url(../image/m-top-search.png) no-repeat 6px 6px;background-size: 25px auto;}
    .wsc-TopSearch input::placeholder {color: #999999;font-weight: 300;}
.wsc-TopNav {padding: 15px;overflow-y: auto;}
    .wsc-hnCont { }
    .hn-item {margin-top: 15px;border-top: 1px solid #EAEAEA;padding-top: 15px;}
    .hn-item:first-child { border-top: 0;margin-top: 0;padding-top: 0;}
        .hn-item:first-child .hn-text {margin-top: 0;border-top: 0;padding-top: 0;}
        .hn-text {font-size: 14px;line-height: 20px;color: #333333;font-weight: 300;position: relative;}
        .hn-item.active .hn-text{font-weight: bold;}
            .hn-text a{float: left;width: 100%;}
            .hn-arr {width: 75px;font-size: 0;text-align: right;line-height: 1;position: absolute;right: 0;top: 0;}
            .hn-text span {display: inline-block;height: 20px;width: 12px;background: url(../image/m-hnarr.png) no-repeat right center;background-size: 12px auto;transition: all 0.3s ease-in-out;}
        .hn-drop {padding-top: 15px;overflow: hidden;display: none;}
            .hn-droplist {margin-top: -2px;margin-left: -1px;margin-right: -1px;}
                .hn-drop li {float: left;width: 50%;height: 40px;margin-top: 2px;padding-left: 1px;padding-right: 1px;}
                .hn-drop li a {display: block;padding: 12px 15px;font-size: 12px;height: 40px;line-height: 17px;color: #333333;font-weight: 300;background-color: #F7F8F8;}
.wsc-TopLan {padding: 15px;}
    .lan-list {overflow: hidden;}
    .lan-list ul {margin-top: -2px;margin-right: -3px;}
        .lan-list li{float: left;min-width: 75px;height: 35px;margin-top: 2px;margin-right: 2px;}
        .lan-list a{display: block;height: 100%;text-align: center;background: #F7F8F8;line-height: 35px;font-size: 12px;color: #333333;padding: 0 15px;}

}




.botnews-block{
    margin-top: 30px;
}
.botnews-item{
    border: 1px solid #EBEBEB;
}
.btnews-tit{
    padding: 10px 15px;
    background-color: #f8f8f8;
    position: relative;
}
.bn-tit{
    float: left;
    font-size: 16px;
    line-height: 24px;
    color: #333333;
}
.bn-more{
    float: right;
    font-size: 12px;
    color: #999999;
    line-height: 24px;
}
.bn-more span{
    display: inline-block;
    padding-right: 14px;
    background: url(../image/remore-arr.png) no-repeat right center;
}
.bn-more:hover{
    color: #325BE3;
}
.bn-more:hover span{
    background-image: url(../image/remore-arrh.png);
}


.btnews-main {
    padding: 20px 15px;
    height: 234px;
    background-color: #fff;
}
.btnews-main .list-item{
    overflow: hidden;
    padding-right: 100px;
    margin-top: 10px;
}
.btnews-main>.list-item:first-child{
    margin-top: 0;
}
.btnews-main .row{
    margin-top: -10px;
}
.btnews-main .list-tit{
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    float: left;
    width: 100%;
    color: #666666;
    overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
    padding-left: 14px;
    background: url(../image/rtit-dot.png) no-repeat 0 center;
}
.btnews-main .list-tit:hover{
    color: #325BE3;
}
.btnews-main .list-time{
    line-height: 24px;
    float: right;
    text-align: right;
    width: 100px;
    margin-right: -100px;
    font-size: 14px;
    color: #999999;
}
@media (min-width: 992px){
    .btnews-main .row{
        margin-left: -40px;
        margin-right: -40px;
    }
    .btnews-main .col-md-6{
        padding-left: 40px;
        padding-right: 40px;
    }
}
@media (max-width: 992px){
    .col-md-6 .botnews-item{
        margin-top: 20px;
    }

    .btnews-main{
        height: unset;
    }

}