body{}
.font-14{font-size: 14px;}
.font-16{font-size: 16px;}
.font-18{font-size: 18px;}
.font-20{font-size: 20px;}
.font-24{font-size: 24px;}
ul, ol {list-style: none;margin: 0px;padding: 0px;}
.beader-box{}
.tel-img-box{width: 300px;}
.bgc{background-color: #2652cb;}
.fff{background-color: #2652cb;}
.bgcf5{background-color: #f5f7f9;}
.bgcf6{background-color: #f6f7f9;}
.bgcf4{background-color: #f47957;}
.color6c{color: #6c757d;}
.react{margin-left: 10px;margin-right: 10px; text-align: center;background-color: #f47957; color: white;transform: skewX(-20deg)}
.react .text{display: inline-block;transform: skewX(20deg);padding: 5px 8px;}
.attribute{}
.attribute li{line-height: 30px;}
.about-con{line-height: 25px;}
.about-img{height: 120px;}
.inp-name{line-height: 35px; }
.from-title{background: url("../image/from-title-bg.jpg")}
.zs-attribute li{ line-height: 40px;}
.zs-list:last-child{border-bottom: 0!important;}
.news-list li{line-height: 40px;}
.news-list li a{color: #666!important;}
.navbar-light .navbar-nav .nav-item{padding-right: 20px;}
.con-header{text-align: center;border-bottom: 1px solid #e5e5e5;margin-bottom: 20px;top: -20px;transition: all .5s;}
.con-title{margin-bottom: 2px;border-bottom: 2px solid #192d76;padding-bottom: 0;}
.from-b-e{background-color: #6db3ff;}
.lin{background-color: #f4f4f4;height: 10px;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
.cursor-pointer:hover,.react:hover{cursor:pointer;}
.min-head-box{height: 25px; line-height: 25px;}
.breadcrumb a{color: #666666}
.fu-left{width: 82px; top: 50%;left: 5%}

@media only screen and (max-width: 1366px) {
    .box-img-box{width: 300px;}
    .box-img-box img{width: 75%;}
    .navbar-brand{display: none!important;}
    .school-title h3{font-style: 22px; font-weight: bold;}
    .modal-dialog{max-width: 350px !important;}
}
@media only screen and (max-width: 736px) {
    .box-img-box{width: 100%;text-align: center; }
    .box-img-box img{width: 50%;}
    .navbar-brand{display: block!important;}
    .banner img{height: 120px;}
    .nav-item{width: 50%}
    .nav-box-c{background-color: #efefef;margin: 0 -16px!important;}
    .navbar{padding-bottom: 5px;}
    .nav-item a{color: #000000!important;}
    .school-title h3{font-size: 17px;}
    .school-ico{font-size: 20px!important;}
    .navbar-toggler{border: 1px solid white !important;}
    .about-con{font-size: 14px;}
    .zs-attribute{margin-top: 0px!important;}
    .zs-attribute li{ line-height: 20px; font-size: 14px;}
    .zs-a{padding-left: 0px;}
    .sz-title h5{font-size: 16px;}
    .zs-box{margin-bottom: 0!important;}
    .location{padding-bottom: 10px;}
    .abuot-from{margin-top: 0px !important;}
    .con-title h1{font-size: 18px!important;}
    .con-content-box{font-size: 16px;}
    .sq{display: none;}
    .Env-list li:nth-child(7),.Env-list li:nth-child(8){display: none;}
    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
	.con-content-box{ line-height:35px; color:#525252;}
	.fff{ background-color:#FFF;}
	.from-b-title .from-b-t h3{font-size: 1.3rem;}
    .mob-box{background-color: #4e658e;}
    .mob-box-item{line-height: 45px;font-size: 14px; }
    .lin-r{border-right: 1px solid #FFFFFF;}
    .con-content-box img{max-width: 100%!important;height: auto !important;}
	.modal-dialog{left: 50%;margin-left: -175px;}
}


/*side-cnt start*/
.side-cnt {
    position: fixed;
    left: 1%;
    top: 67%;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    background-color: #fff;
    -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.side-cnt dl:first-child {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.side-cnt dl {
    cursor: pointer;
    border-bottom: 2px solid #fff;
    padding: 10px;
    background-color: #39599f;
    margin-bottom: 0;
    position: relative;
}

.side-cnt dl a {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.side-cnt dt {
    margin-bottom: 5px;
}

.side-cnt dd {
    font-size: 12px;
    color: #fff;
    line-height: 17px;
}
.side-cnt .phone {
    display: none;
    width: 140px;
    line-height: 24px;
    padding: 10px 10px 5px;
    border: 1px solid #eee;
    background: #fff;
    color: #333;
    font-size: 16px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 88px;
}
.side-cnt .phone {
    top: 68px;
}

.side-cnt .phone::after {
    content: " ";
    position: absolute;
    left: -6px;
    top: 50%;
    margin-top: -1px;
    width: 10px;
    height: 10px;
    border-left: 0;
    border-bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(45deg);
    background: #2652cb;
}

.side-cnt .wx {
    height: auto;
    margin-top: -84px;
    line-height: 20px;
    text-align: center;
}

.side-cnt dl.open .phone {
    margin-top: -69px;
}
.side-cnt i {
    display: block;
    width: 25px;
    height: 28px;
    margin: 0 auto;
    background: url(http://sh.yuloo.com/images/public-img/side-cnt.png) no-repeat;
}
.side-cnt dl.open .wx, .side-cnt dl.open .phone {
    display: block !important;
}

.side-cnt dl.open .phone i.icon-phone {
    width: 24px;
    height: 15px;
    display: inline-block;
    background-position: -4px -227px;
    margin: 0;
}

.side-cnt dl.open .phone-cnt span, .side-cnt dl.open .phone-cnt span a {
    font-size: 14px;
    color: #39599f;
    display: inline-block;
    line-height: 30px;
}

.side-cnt dl.open .phone span + span {
    border-top: 1px dashed #dedede;
    color: #666;
}

.side-cnt dd p {
    color: #333333;
    font-size: 16px;
    line-height: 30px;
}

#toTop {
    display: none;
    background-color: #39599f;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.side-cnt dl:last-child {
    border-bottom: none;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

.side-cnt i {
    display: block;
    width: 25px;
    height: 28px;
    margin: 0 auto;
}

.side-cnt .talk-icon {
    background-position: -2px -108px;
}

.side-cnt .qrcode-icon {
    background-position: -2px -50px;
}

.side-cnt .phone-icon {
    background-position: -2px -169px;
}

.side-cnt .top-icon {
    background-position: -4px 8px;
}


@media only screen and (max-width: 1200px) {
    .side-cnt dl, .side-cnt dd {
        display: none;
    }
    .side-cnt #toTop {
        width: 40px;
        height: 40px;
        padding: 5px 0 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    .side-cnt {
        top: auto !important;
        bottom: 60px !important;
        right: 20px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
}

/*side-cnt end*/