/*-------------------------------*/
/*      扩展                     */
/*-------------------------------*/

/*第二个body设置容器*/
#wrapper {
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    padding-left: 0;
    transition: all .5s ease;
    margin-top: 5%; /*zhuyi*/
    /*background-image: url(damen.jpg);*/
}


.carousel {
    /*轮播高度*/
    padding: 15px;
    /*margin-top: 80px;*/
    padding-top: 5px;
    padding-bottom: 5px;
}

/*设置轮播图片高度*/
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    height: 400px;
    max-width: 100%;
    line-height: 1;
}

/*面包屑 自定义导航栏001*/
.breadcrumbBr {
    padding: 8px 15px;
        padding-left: 15px;
    margin-bottom:10px;
    list-style: none;
    /*background-color: #f5f5f5;*/
    border-radius: 4px;
    padding-left: 63%;
    color: #a5a5a5;
}
/*面包屑 自定义导航栏002*/
.breadcrumbBr > li {
    display: inline-block;
}
.breadcrumbBr > li + li:before {
    color: #a5a5a5;
    content: "> ";
    padding: 0 5px;
}
.breadcrumbBr a {
    color: #a5a5a5;
}
.breadcrumbBr a:hover {
    color: #cf000d;
   /*border-bottom: 3px solid #cf000d;*/
}



/*图片垂直居中*/
.center-vertical {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
/*图片自适应*/
.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}

/*图片自适应 400*/
.img-responsive400 {
    display: block;
    height: 450px;
    max-width: 100%;
}


/*=================================================================================查询函数============================================================*/


/*分辨率800以下改变样式*/
@media screen and (max-width: 800px) {

    .carousel-inner > .item > a > img {
        height: 230px;
    }
}


/*分辨率800以下改变样式  关于页顶的图片大小*/
@media screen and (max-width: 800px) {

    .img-responsive400 {
        height: 230px;
    }
}

/*分辨率在1200到1700之间 （container ）的固定长度  */ 
/*only：指定某种特定的媒体类型，可以用来排除不支持媒体查询的浏览器：*/

@media only screen and (min-width: 1200px) and (max-width: 1700px)
 {
}


@media screen and (min-width:960px) and (max-width:1200px) 
{
}



/*=========================================================================================================================================================*/

/*===关于=======*/
.img-fluid {
    height: 375px;
    width: 100%;
}
/*==导航栏设置=====*/


/*设置pc导航栏内边距*/
.wsmainfull {
    padding: 15px 0;
}

/*设置手机导航栏高度*/
.wsmobileheader {
    height: 65px;
}

.footer {
    max-width: 1170px;
    /*居中处理*/
    /*padding-right: auto;  padding-left: auto;*/
    margin-right: auto;
    margin-left: auto;
}

.container {
    max-width: 1170px;
    /*此属性在没有轮播时候需要设置75不然会被导航栏遮住*/
    padding-top: 15px;
    width: 100%;
    margin-top: 8px;
}




.header-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.wsmenu > .wsmenu-list > li > a img, .wsmenu > .wsmenu-list > li ul.sub-menu a img {
    width: 26px;
    height: 26px;
    margin-right: 3px;
}



/*======产品设置===========*/

/*产品介绍*/

.hot {
    vertical-align: super;
    color: red;
}

.row1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}



#courses-3 .cbox-1 {
    margin: 0 0 30px;
}

.cbox-1, .cbox-2 {
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 0 6px 30px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 450ms ease-in-out;
    -moz-transition: all 450ms ease-in-out;
    -o-transition: all 450ms ease-in-out;
    -ms-transition: all 450ms ease-in-out;
    transition: all 450ms ease-in-out;
}

.cbox-1-txt, .cbox-4-txt {
    padding: 25px 20px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}

.section-title {
    padding: 5px 15px;
}


/*=====页脚========*/


#contact_details_footer a:hover, #contact_details_footer a:focus {
    color: #111;
    text-decoration: none;
    outline: none;
}

footer a {
    color: #FF9;
}