/*公共样式*/

/*1.样式重置*/
html,body,ul,li,img,a,p,div,input,textarea,button,form,h1,h2,h3,h4,h5,h6,dl,dt,dd,br,hr{
    margin:0;
    padding:0;
    box-sizing: border-box;/*设置盒模型*/
    -webkit-tap-highlight-color: transparent;/*防止用户在点击的时候会有高亮效果*/
}
body{
    font-size:16px;
    font-family:'PingFangSC-Regular','Microsoft YaHei','Arial';
    font-weight:400;
    color: #666;
    min-width:1200px;
	overflow-x:hidden;
}
.fn_text_overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2; 
}
em {
    font-style: normal;
}
h1{
    font-size: 24px;
  		font-weight: 500;
    color: #222;
    line-height: 33px;
}
h2{
    font-size: 24px;
    font-weight: 500;
    color: #222;
    line-height: 33px;
}
h3{
    font-size: 20px;
}
h4{
    font-size: 18px;
    color: #222;
    font-weight: 400;
}
.w{
    width: 1200px;
    margin: 0 auto;
}
a,a:hover{
    color: #666;
    text-decoration: none;
}
ul{
    list-style: none;
}
input{
    /*1.清除文本框获取焦点时默认的边框阴影*/
    outline:none;
    /*2.去除边框*/
    border:none;
    /*3.添加边框*/
    border:1px solid #ccc;
    font-size: 16px;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
} 
textarea{
    resize:none;
    outline:none;
    font-size: 16px;
    font-family: "PingFangSC-Regular";
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit browsers */ 
    color: #999;   
} 
input:-moz-placeholder,textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */   
    color: #999;   
} 
input::-moz-placeholder,textarea::-moz-placeholder { /* Mozilla Firefox 19+ */    
    color: #999;  
}    
input:-ms-input-placeholder,textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ 
    color: #999;
} 
:focus{
    /*1.清除文本框获取焦点时默认的边框阴影*/
    outline:none;
    /*2.去除边框*/
    border:none;
}
i{
    font-style: normal;
}
/*图片没有边框   去掉图片底侧的空白缝隙*/
img {
    border: 0;  /*ie6*/
    vertical-align: middle;
}
/*2.添加新的样式*/
.f_left{
    float: left;
}
.f_right{
    float:right;
}
.clearfix::before,
.clearfix::after{
    content:"";
    display: block;
    height:0;
    line-height: 0px;
    clear:both;
    visibility: hidden;
}
@font-face {font-family: 'iconfont';
    src: url('../font/iconfont.eot');
    src: url('../font/iconfont.eot') format('embedded-opentype'),
    url('../font/iconfont.woff') format('woff'),
    url('../font/iconfont.ttf') format('truetype'),
    url('https://static.westarcloud.com/5d1073e34db67f494d2000d7/file/iconfont.svg') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}


.about_more{width:100px; height:35px; background:#206bd0; float:right; margin-top:10px; text-align:center; border-radius:30px;}
.about_more:hover{ background:#3383f0;-webkit-transition:all 0.5s linear;-moz-transition:all 0.5s linear;-ms-transition:all 0.5s linear;-o-transition:all 0.5s linear; transition:all 0.5s linear;}



.index-products{
    padding: 80px 0;
    background-color: #F8F9FD;
}
.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;
}
@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;
    }
}
.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;
}
@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;
    }
    
}
.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-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;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}

.clearfix:before,
.clearfix:after,

.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,

.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after,

.container:after,


.modal-header:after,
.modal-footer:after {
  clear: both;
}


.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: #86898a;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: #86898a;
        color: #fff;
    }
    .classItem.active .classItemCon{
        display: block;
    }
    
    .classItemCon .secact a,.classItemCon a:hover{
        color: #fff;
    }