@import "animate.css";
@import "swiper.min.css";
@import "jquery.mCustomScrollbar.css";
@import "bootstrap.min.css";
body{font-family:"微软雅黑";font-size:14px;overflow-x:hidden}
*{list-style:none;margin:0;padding:0;text-decoration:none;outline:0}
li,ul{margin:0;padding:0}
a{color:#333;text-decoration:none}
li,ul{margin:0;padding:0}
a:link{text-decoration:none}
a:visited{text-decoration:none}
h1,h2,h3,h4,p{margin:0;padding:0;display:block;}
em{font-style:normal}

.clear {
    clear: both;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.blank10 {
    width: 100%;
    height: 10px;
}

.blank20 {
    width: 100%;
    height: 20px;
}

.blank30 {
    width: 100%;
    height: 30px;
}

.blank50 {
    width: 100%;
    height: 50px;
}

.blank70 {
    width: 100%;
    height: 70px;
}

.blank100 {
    width: 100%;
    height: 100px;
}

.txt-center {
    text-align: center;
}

.txt-left {
    text-align: left;
}

.position-a {
    position: absolute;
}

.position-r {
    position: relative;
}

.content {
    width: 1280px;
    margin: auto;
    position: relative;
    overflow: hidden;
}

.content-info {
    width: 1280px;
    margin: auto;
    position: relative;
    overflow: unset;
}

.index-bg {
    background: #FCFCFC;
}/*header*/

.header {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 9;
}

.header2 {
    display: none;
}

.header-top {
    height:100px;
    overflow: unset;
    background: url('../image/header-bg.png') no-repeat center,#A0131B;
    position: relative;
}

.logo {
    float: left;
    margin-top: 20px;
	max-height:60px;
}
.header-right{
    float: right;
    margin-top: 25px;
}
.header-cont{
    width: 100px;
    height: 44px;
    background-color: rgba(255, 255, 255, .1);
    float: left;
    margin-left: 15px;
}
.header-cont a{
    display: inline-block;
    float: left;
    position: relative;
    color: #fff;
}
.header-cont .header-icon{
    float: left;
    width: 44px;
    height: 44px;
    object-fit: scale-down;
}
.header-cont span{
    display: inline-block;
    width: 1px;
    height: 26px;
    overflow: hidden;
    background-color: #fff;
    float: left;
    margin: 0 5px;
    margin-top: 10px;
}
.header-cont-code{
    position: absolute;
    width: 125px;
    height: 125px;
    top: 50px;
    left: -40px;
    display: none;
    z-index: 999;
}
.header-cont a:hover .header-cont-code{
    display: block;
}
.header-right .header-cont:nth-of-type(3){
    width: 102px;
}
.header-cont a p{
    line-height: 44px;
    padding: 0 23px;
}

/* search */

.sb-search {
    position: absolute;
    width: 0%;
    min-width: 44px;
    height: 44px;
    float: left;
    right: 232px;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
    background-color: rgba(255, 255, 255, .1);
}

.sb-search-input {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    outline: none;
    width: 260px;
    height: 44px;
    margin: 0;
    z-index: 10;
    font-family: inherit;
    font-size: 14px;
    color: #fff;
    text-indent: 15px;
    background: transparent;
}

.sb-search-input::-webkit-input-placeholder {
    color: #fff;
}

.sb-search-input:-moz-placeholder {
    color: #fff;
}

.sb-search-input::-moz-placeholder {
    color: #fff;
}

.sb-search-input:-ms-input-placeholder {
    color: #fff;
}

.sb-icon-search,
.sb-search-submit {
    width: 44px;
    height: 44px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 44px;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, .1);
}

.sb-search-submit {
    background: url('../image/header-icon.png') no-repeat center;
    background-size: 25px 25px;
    /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 8 */
    filter: alpha(opacity=0);
    /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}

.sb-icon-search {
    color: #fff;
    background: url('../image/header-icon.png') no-repeat center;
    background-size: 25px 25px;
    z-index: 90;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}


/* Open state */

.sb-search.sb-search-open,
.no-js .sb-search {
    width: 260px;
}


/* .sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    background: url('/Public/Home/images/header_search.png') no-repeat center;
    background-size: 36px 36px;
    color: #fff;
    z-index: 11;
} */

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
    z-index: 90;
}


/* search-end */

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
}

.contact-icon {
    float: left;
}

.contact-list {
    margin-left: 10px;
}

.contact-list img {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fff;
    object-fit: none;
}

.header-top .content {
    overflow: unset;
}

.contact-list .header-coder {
    width: 150px;
    height: 150px;
    display: none;
    position: absolute;
    z-index: 9;
    right: 0px;
    top: 99px;
    border-radius: 0;
}

.header-contact {
    position: relative;
}

.contact-list:hover .header-coder {
    display: block;
}
.header-menu{
    width: 100%;
    height: 68px;
    background-color: rgba(0, 0, 0, .7);
}

.menu {
    overflow: unset;
    display: table;
}

.menu-ul {
    display: table;
    margin: auto;
    width: 100%;
}

.menu-li {
    width: 9%;
    height: 68px;
    text-align: center;
    font-size: 16px;
    float: left;
    position: relative;
}

.menu-link {
    width: 9px;
    height: 5px;
    background: url('/Public/Home/images/menu_icon.png') no-repeat center;
    display: inline-block;
    position: absolute;
    top: 22px;
    right: 10px;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    margin: auto;
}

.menu-li:hover .menu-link {
    opacity: 1;
    filter: alpha(opacity=100);
}

.menu-li a {
    color: #fff;
    text-transform: uppercase;
    display: block;
    height: 68px;
    line-height: 68px;
}

.menu-li:last-of-type a {
    border: 0;
}

.menu-li a em {
    font-size: 12px;
}

.menu-li a:hover {
    color: #db261f;
}

.menu-li:hover .menu-link {
    opacity: 1;
    filter: alpha(opacity=100);
}

.submenu-nav {
    display: none;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 999;
}

.menu-li:hover {
    background: #A0131B;
}

.menu-li:hover a {
    color: #fff;
}

.menu-li:hover .menu-link {
    opacity: 1;
    filter: alpha(opacity=100);
}

.menu-li.active .menu-link {
    opacity: 1;
    filter: alpha(opacity=100);
}

.menu-li.active a {
    color: #fff;
    background: #A0131B;
}

.submenu-nav {
    display: none;
    width: 210px;
    height: auto;
    position: relative;
    left: 0;
    z-index: 999;
}

.submenu-li {
    width: 100%;
    font-size: 14px;
    text-align: left;
}

.submenu-li a {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 12px;
    height: 46px;
    line-height: 23px;
    color: #666 !important;
    border-right: 0;
    text-indent: 35px;
    background: #fff !important;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}

.submenu-li:hover a {
    color: #fff !important;
    text-indent: 50px;
    background: #A0131B !important;
}


/*
.submenu-nav-line {
    width: 100%;
    height: 3px;
    background: #02903D;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}*/

.submenu-li:last-child {
    border: 0;
}

.menu-li:hover .submenu-nav {
    display: block;
    animation: fadeInUp1 .5s both alternate;
    -webkit-animation: fadeInUp1 .5s both alternate;
}

@-webkit-keyframes fadeInUp1 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp1 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp1 {
    -webkit-animation-name: fadeInUp1;
    animation-name: fadeInUp1;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.menu-img {
    position: absolute;
    top: -10px;
    left: 12px;
    width: 72px;
    height: 26px;
}

.header-a {
    margin-right: 15px;
}

.header-a a {
    color: #fff;
    line-height: 44px;
    margin-right: 10px;
}


/*header_end*/



/* banner */

.banner {
    width: 100%;
    height: 688px;
    position: relative;
    top: -68px;
    overflow: hidden;
}

.banner-img {
    width: 100%;
    height: 688px;
    object-fit: cover;
    text-align: center;
}

.material-icons {
    font-size: 44px;
}

.banner-pagination {
    height: 22px;
    text-align: center;
    margin: auto;
    line-height: 22px;
    position: absolute;
    left: 0;
    right: 0;
    border-radius: 50px;
    bottom: 30px !important;
}

.swiper-pagination-bullet {
    background: #fff;
    border-radius: 50%;
    opacity: 1;
    filter: alpha(opacity=100);
}

.swiper-pagination-bullet-active {
    background: #A0131B;
    border-radius: 50%;
}

.swiper-button-next2 {
    background: url('../image/right.png') no-repeat center;
    right: 15px;
    width: 43px;
    height: 79px;
    top: 50%;
}

.swiper-button-prev2 {
    background: url('../image/left.png') no-repeat center;
    left: 15px;
    width: 43px;
    height: 79px;
    top: 50%;
}

.header_search::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #333;
}

.header_search::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #333;
}

.header_search:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #333;
}


/* banner-end */


/* footer */

.footer {
    width: 100%;
    height: auto;
}
.footer-top{
    width: 100%;
    height: 417px;
    background: url('../image/footer.png') no-repeat center;
    padding-top: 80px;
}
.footer-cont{
    float: left;
    margin-right: 8%;
}
.footer-cont h5{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 18px;
}
.footer-cont p{
    color: #808080;
    line-height: 38px;
}
.footer-menu-list{
    float: left;
    text-align: center;
    margin-right: 60px;
}
.footer-menu-list:last-of-type{
    margin-right: 0;
}
.footer-menu-list h5{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 18px;
}
.footer-menu-list ul li a{
    color: #808080;
    line-height: 38px;
}
.footer-code{
    float: right;
}
.footer-code h5{
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 18px;
}
.footer-b {
    height: 60px;
    background: #A0131B;
    line-height: 60px;
}

.footer-b p {
    float: left;
    color: #D2D2D2;
}

.footer-b p a {
    color: #D2D2D2;
}

.footer-control {
    float: right;
    width: 272px;
    margin-top: 14px;
}


/* footer-end */



.leave-right{ overflow: hidden; float: left; width: 50%; }
.input-box{width:calc((100%)); height:auto;min-height:40px;margin-top:18px;position:relative; border: 1px solid #cccccc;float: left;}
.contact-main-box span{ display: block; color: #999; margin: 0 auto 10px; }
.input-box p{ height:38px;line-height:38px;font-size:16px;color:#333;position:absolute; left:0;top:0;}
.input-box p input{ border: none;  padding-left: 10px; width: 100%; background: transparent;}
.input-txt{ text-indent: 1em; height:40px;width:100%;background:0 0;border:0;outline-style:none; font-size: 16px;}
.input-box textarea{ text-indent: 1em; height:95px;width:100%;background:0 0;border:0;outline-style:none; padding-top: 5px; font-size: 16px;}
.input-box-verify{ overflow: hidden; width: 100%; }
.input-box-verify .input-box{ overflow: hidden; width: calc(100% - 128px - 18px);  float: left;}
.input-box-verify .input-box p{ width: calc(100% - 110px); padding-right: 10px;}
.mes-code-img{ overflow: hidden; margin: 0 auto; width: 110px;  float: right;  height: 40px;  text-align: center;}
.mes-code-img img{ display: block; height: 100%; float: right; }
.mes-btn{ overflow: hidden; float: right; text-align: center; display: block; margin: 18px auto 0; height: 40px; line-height:40px; font-size: 16px; color: #ffff; width: 128px; background: #0066cc; margin-left: 18px; }
.mes-btn:hover{ color: #fff; }
.mes-btn:link{ color: #fff; }

@-webkit-keyframes fadeInUp1{from{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp1{from{opacity:0;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp1{-webkit-animation-name:fadeInUp1;animation-name:fadeInUp1}
@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
    to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
.menu-img{position:absolute;top:-10px;left:12px;width:72px;height:26px}
.banner{width:100%;height:600px; overflow:hidden}

.header2{display:none;}
.header2{width:100%;height:60px;background:#c00f17;position:fixed;top:0;padding:0 15px;margin:auto;z-index:11}
.header2 h3{margin:auto;height:40px;text-align:left;margin-top:10px;line-height:40px;font-weight:700;font-size:20px; position: relative;}
.header2 h3 img{display:block;max-width:75%;max-height:90%; position: absolute; top:0; bottom: 0; left:0; margin: auto;}
.header2 .left_btn{position:absolute;top:8px;width:44px;height:44px;text-align:center;left:5px}
.header2 .right_btn{position:absolute;top:8px;width:44px;height:44px;text-align:center;right:5px;z-index:9}
.header2 .right_btn img{width:24px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.header2 .left_btn img{width:24px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.sidebar{position:fixed;top:0;left:-76%;width:76%;height:100%;background:#fff;z-index:99999;padding-top:60px}
.mask2{width:100%;height:100vh;position:absolute;background:rgba(0,0,0,.3);top:0;left:0;right:0;bottom:0;z-index:9999;display:none}
.box-bg{width:100%;height:1000px;background:url(/Public/Home/images/bg4.jpg) no-repeat center}
.close-btn{width:44px;height:44px;text-align:center;line-height:30px;position:absolute;top:8px;right:8px}
.close-btn img{width:36%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.menu-logo{max-width: 80%; display:table;margin:auto;}
.menu-list{width:60%;height:53vh;margin:auto; overflow-y: auto; position:relative;left:0;right:0;bottom:0;margin-top:20px}
.menu-list ul li{list-style:none;line-height:5vh;width:100%;text-align:center;font-size:16px}
.menu-list ul li a{display:block}
.compy-txt{position:absolute;margin:auto;left:0;right:0;bottom:20px;text-align:center;font-size:14px;color:#ccc}
.calendar-img{width:22px;margin-top:-4px;margin-right:6px}
.header_search_box{position:relative;height:38px;margin:auto;display:table;width:83%;margin-top:20px}
.header_search{width:100%;height:38px;border:1px solid #ddd;text-indent:40px;border-radius:30px;outline:0}
.header_search_img{position:absolute;top:2px;bottom:0;margin:auto;left:15px;height:20px}

/* header_mb */

.header2 {
    width: 100%;
    height: 60px;
    background: #fff;
    position: fixed;
    top: 0;
    padding: 0 15px;
    margin: auto;
    z-index: 11;
}

.header2 h3 {
    margin: auto;
    height: 40px;
    text-align: left;
    margin-top: 12px;
    line-height: 40px;
    font-weight: bold;
    font-size: 20px;
}

.header2 h3 img {
    display: block;
    max-width: 75%;
    max-height: 100%;
;
}

.header2 .left_btn {
    position: absolute;
    top: 8px;
    width: 44px;
    height: 44px;
    /*padding: 3%;*/
    text-align: center;
    left: 5px;
}

.header2 .right_btn {
    position: absolute;
    top: 8px;
    width: 44px;
    height: 44px;
    /*padding: 3%;*/
    text-align: center;
    right: 5px;
    z-index: 9;
}

.header2 .right_btn img {
    width: 24px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.header2 .left_btn img {
    width: 24px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.sidebar {
    position: fixed;
    top: 0;
    left: -76%;
    width: 76%;
    height: 100%;
    background: #fff;
    z-index: 99999;
    padding-top: 60px;
}

.mask2 {
    width: 100%;
    height: 100vh;
    position: absolute;
    background: rgba(0, 0, 0, .3);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: none;
}

.box-bg {
    width: 100%;
    height: 1000px;
    background: url('/Public/Home/images/bg4.jpg') no-repeat center;
}

.close-btn {
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 30px;
    position: absolute;
    top: 8px;
    right: 8px;
}

.close-btn img {
    width: 40%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.menu-logo {
    display: table;
    margin: auto;
    width: 90%;
}

.menu-list {
    width: 80%;
    margin: auto;
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 20px;
}

.menu-list ul li {
    list-style: none;
    line-height: 5vh;
    width: 100%;
    text-align: center;
    font-size: 16px;
}

.menu-list ul li a {
    display: block;
    color: #fff;
    text-align: center;
}

.compy-txt {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 20px;
    text-align: center;
    font-size: 14px;
    color: #ccc;
}

.calendar-img {
    width: 22px;
    margin-top: -4px;
    margin-right: 6px;
}

.header_search_box {
    position: relative;
    height: 38px;
    margin: auto;
    display: table;
    width: 83%;
    margin-top: 20px;
}

.header_search {
    width: 100%;
    height: 38px;
    border: 1px solid #ddd;
    text-indent: 40px;
    border-radius: 30px;
    outline: none;
}

.header_search_img {
    position: absolute;
    top: 2px;
    bottom: 0;
    margin: auto;
    left: 15px;
    height: 20px;
}


/* header_mb-end */


.page-banner{ overflow: hidden; margin: 0 auto; width: 100%;}
.page-banner img{ margin: 0 auto; width: 100%; height: 400px; object-fit: cover;}
.page-top{ overflow: hidden; margin: 0 auto 40px; width: 100%; border-bottom: 1px solid #ccc;}
.location{ overflow: hidden; margin: 10px auto;float: right; }
.location span{ overflow: hidden; display: block; float: left; height: 25px; line-height: 25px; font-size: 14px;  color: #999;}
.location a{ overflow: hidden; display: block; margin-right: 10px; float: left; height: 25px; line-height: 25px; font-size: 14px; color: #999; position: relative;  padding-right: 15px;}
.location a:after{ content: ""; overflow: hidden; display: block; width: 8px; height: 8px; float: right; position: absolute; top:0; bottom: 0; right: 2px; margin: auto; border-top: 1px solid #999; border-right: 1px solid #999; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg);  -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); }
.location a:last-child{ padding-right: 0;}
.location a:last-child:after{ display: none; }
.pro-nav-left{ margin: 0 auto 40px; width: 300px; float: left; }
.part-box{ margin: 0 auto 40px; width: 100%; position: relative;}
.part-box .part-bt{overflow: hidden; margin: 0 auto; width: 100%; height: 90px; background: #c00f17; position: absolute; top:-90px; left:0;}
.part-box .part-bt div{ margin: 10px auto; width: 280px; height: 70px; background: #c31716; border: 1px solid #fff; }
.part-box .part-bt div h2{ overflow: hidden; margin: 10px auto 5px; display: block; font-size: 24px; color: #fff; text-align: center; font-weight: normal; display: block; white-space:nowrap; text-overflow:ellipsis; }
.part-box .part-bt div p{ overflow: hidden; margin: 0 auto; display: block; font-size: 12px; color: #fff; text-align: center; }
.part-box .part-nav{ overflow: hidden; overflow-y: auto; margin: 0 auto; display: block; width: 100%; background: #f3ebec; }
.part-box .part-nav a{ overflow: hidden; margin: 0 auto; display: block; width: 100%; height: 60px; line-height: 60px; font-size: 16px;color: #666666; text-align: center; white-space:nowrap; text-overflow:ellipsis; position: relative;}
.part-box .part-nav a.active{ color: #fff; background: #f4792c; }
.part-box .part-nav a.active:hover{ color: #fff; }
.part-box .part-nav a:hover{ color: #f4792c; }
.part-box .part-nav a.active:after{ content: ""; overflow: hidden; display: block; width: 7px; height: 30px; background: #c00f17; position: absolute; top:0; bottom: 0; left:0; margin: auto;}
.part-box .part-nav a:last-child{ border-bottom: 1px solid #f4792c;}
/*滚动条样式*/
.part-box .part-nav::-webkit-scrollbar {width: 4px;}
.part-box .part-nav::-webkit-scrollbar-thumb {  border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);  background: rgba(0,0,0,0.2); }
.part-box .part-nav::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);  border-radius: 0;  background: rgba(0,0,0,0.1); }

.pro-news{ overflow: hidden; margin: 0 auto; width: 100%; padding: 5px 20px; background: #f3ebec; border: 1px solid #ccc;}
.pro-news h2{ overflow: hidden; margin: 10px auto; display: block; width: 100%; font-size: 24px;color: #333333; height: 32px; line-height: 36px; font-weight: normal; background: url("../image/pro_news_bt.png") no-repeat left; padding-left: 20px;}
.pro-news ul{ overflow: hidden; margin: 0 auto; width: 100%; }
.pro-news ul li{ overflow: hidden; margin: 0 auto; padding: 15px 0; width: 100%; border-bottom: 1px solid #ccc; }
.pro-news ul li:last-child{ border-bottom: none;}
.pro-news ul li a{ overflow: hidden; margin: 0 auto; display: block; width: 100%; font-size: 14px; color: #666666; display: block; white-space:nowrap; text-overflow:ellipsis; }
.pro-news ul li a:hover{ color: #f4792c;}

.pro-txt-right{overflow: hidden; margin: 0 auto; width: 920px; min-height: 750px; padding:40px 0; float: right; }

/*右导航*/
.top-nav{  width: 40px;  position: fixed;  right:10px; bottom:15vh; background: #fff; z-index: 99; }
.top-nav a{ display: block; width: 40px;  height: 40px; border: 1px solid #ddd; border-bottom: none; position: relative;}
.top-nav a:last-child{ border-bottom: 1px solid #000; }
.top-nav .wx-btn{  background: url("../image/wx_top.png")  no-repeat 50% ;  }
.top-nav .wx-btn:hover{  background: url("../image/wx_top2.png")  no-repeat 50%;  }
.top-nav .qq-btn{  background: url("../image/qq_top.png")  no-repeat 50% ;  }
.top-nav .qq-btn:hover{  background: url("../image/qq_top2.png")  no-repeat 50%; }
.top-nav .ly-btn{  background: url("../image/ly_top.png")  no-repeat 50% ;  }
.top-nav .ly-btn:hover{  background: url("../image/ly_top2.png")  no-repeat 50%;  }
.top-nav .top-btn{background: url("../image/top.png")  no-repeat 50% #000; border-color: #000;}
.wx-img{ overflow: hidden;  padding: 16px 16px 10px;  position: absolute; top:0; right:40px;  margin: auto;  display: none; background: rgba(0,0,0,0.5); }
.wx-img img{ display: block; width: 107px; height:107px; object-fit: cover; }
.wx-img p{ font-size: 14px; color: #ffffff; text-align: center; margin: 5px auto 0; display: block; white-space:nowrap; text-overflow:ellipsis; }
.wx-btn:hover .wx-img{ display: block; }

.tc-bg{ width: 100%; height: 100%; position: absolute; top:0; left:0; margin: auto; }
.toast{ width: 500px; height: 300px; position: absolute; top:0; bottom: 0; left:0; right:0; margin: auto; z-index: 999; background: #fff;  }


/*文章分页*/
.article_paging{overflow: hidden; margin: 0 auto;  padding: 20px 0; border-top: 1px solid #ddd;}
.article_paging ul{overflow: hidden; margin: 0 auto;}
.article_paging ul li{overflow: hidden; margin: 10px auto; width: 100%;}
.article_paging ul li span{ width: 50px;  float: left; font-size: 16px; color: #666666; margin: 0 10px;}
.article_paging ul li p{ overflow: hidden; width: calc(100% - 90px); float: left; font-size: 16px; color: #666666; margin: 0 10px; display: block; white-space:nowrap; text-overflow:ellipsis;}
.article_paging ul li a{ max-width: 100%; float: left; font-size: 16px; color: #666666; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.article_paging ul li a:hover{text-decoration: underline;}
.article_paging ul li a:hover span{color: #c00f17; }
.article_paging ul li a:hover p{color: #c00f17; }


/*index*/

.row1 {
    margin-bottom: 80px;
    overflow: hidden;
}
div .main1 {
    width: 407px;
    position: relative;
    margin-right: 29px;
    float: left;
}
div .main1:nth-of-type(3n){
    margin-right: 0;
}

.news-big {
    overflow: hidden;
    position: relative;
}

.news-big img {
    width: 100%;
    height: 351px;
    position: relative;
    object-fit: cover;
}

.news-big h5 {
    position: absolute;
    width: 100%;
    height: 68px;
    line-height: 68px;
    background: rgba(160, 19, 27, 0.8);
    color: #fff;
    font-size: 16px;
    z-index: 9;
    bottom: 0;
    left: 0;
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}

.news-big h5 {
    padding: 0 15px;
    padding-top: 6px;
}

.news-big h5 span {
    float: left;
    text-align: left;
    width: 80%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news-big h5 span:last-of-type {
    float: left;
    text-align: left;
    width: 100%;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
}

.swiper2-pagination {
    position: absolute;
    right: 12px;
    bottom: 23px;
    z-index: 99;
}
.swiper2-pagination .swiper-pagination-bullet{
    margin: 0 2px;
}
.swiper2-pagination .swiper-pagination-bullet-active{
    background-color: #BD8254;
}
.col-title{
    width: 100%;
    height: 44px;
    border-bottom: 1px solid #A0131B;
}
.col-title img{
    margin-right: 10px;
    margin-top: 1px;
}
.col-title h5{
    line-height: 40px;
    font-size: 20px;
    color: #A0131B;
    float: left;
    margin: 0;
}
.col-more{
    width: 62px;
    height: 30px;
    float: right;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    background-color: #A0131B;
    text-align: center;
    display: block;
    margin-top: 5px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}
.col-more img{
    margin-right: 0;
    margin-left: 5px;
    margin-top: -2px;
}
.col-more:hover{
    color: #fff;
    background-color: #750d13;
}
.col-list ul li{
    width: 100%;
    height: 44px;
    line-height: 44px;
    border-bottom: 1px dashed #ddd;
}
.col-list ul li a{
    display: block;
}
.col-list ul li a:hover h5{
    color: #A0131B;
}
.col-list ul li h5{
    float: left;
    margin: 0;
    width: 75%;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.col-list ul li p{
    float: right;
    width: 23%;
    height: 44px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: right;
    color: #999;
}
.row2{
    width: 100%;
    height: 467px;
    background: url('../image/bg.png') no-repeat center,#F3F3F3;
    padding: 52px 0;
}
.row3{
    padding: 65px 0;
    background: url('../image/bg2.png') no-repeat center,#F3F3F3;
}
.swiper-container3{
    padding: 15px 0;
}
.swiper-container3 .swiper-slide h5{
    width: 279px;
    height: 40px;
    background: url('../image/col3-title.png') no-repeat center;
    margin: auto;
    margin-top: -20px;
    position: relative;
    z-index: 9;
    padding-left: 12px;
    padding-right: 41px;
    line-height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
}
.swiper-photo{
    width: 100%;
    height: 220px;
    object-fit: cover;
}
/*index_end*/

/*info_Public*/

.banner-info {
    width: 100%;
    height: 488px;
    object-fit: cover;
    margin-top: -68px;
}

.info-bg {
    background:#FCFCFC;
}

.banner-info {
    width: 100%;
    height: 488px;
    object-fit: cover;
}

.main-bg {
    background: #fff;
    padding: 30px;
    border-top: 7px solid #A0131B;
    margin-top: -72px;
    margin-bottom: 80px;
}

.nav-left {
    width: 240px;
    float: left;
}

.main-right {
    width: 920px;
    float: right;
}

.nav-title {
    width: 100%;
    font-size: 24px;
    text-align: left;
    margin-bottom: 15px;
    padding-left: 15px;
    background: url('../image/nav-tltle.png') no-repeat left;
    text-indent: 20px;
    text-transform:uppercase;
    margin-bottom: 30px;
}
.nav-title span{
    display: inline-block;
    font-size: 14px;
    color: #DFDFDF;
}

.nav-left ul li a {
    width: 100%;
    height: 52px;
    line-height: 52px;
    background-color: #FCFCFC;
    text-align: left;
    display: block;
    color: #666;
    padding: 0 15px;
    text-transform: uppercase;
    margin-bottom: 5px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
}

.nav-left ul li a:hover {
    background: #A0131B;
    color: #fff;
}

.nav-left ul li a.active {
    background: #A0131B;
    color: #fff;
}

.pagetarget {
    width: 100%;
    line-height: 44px;
    height: 44px;
    border-bottom: 3px solid #A0131B;
    margin-bottom: 30px;
}

.target-title {
    float: left;
    font-size: 20px;
    text-transform: uppercase;
    color: #333;
}

.target-txt {
    float: right;
    font-size: 14px;
    color: #999;
}

.target-txt a {
    color: #A0131B;
}

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

.main-info p {
    font-size: 16px;
    color: #666;
    line-height: 35px;
    margin-bottom: 15px;
}

.main-info p img {
    max-width: 100%;
    margin: auto;
}

.main-full {
    width: 100%;
}


/*翻页*/

.page {
    text-align: center;
    display: table;
    margin: auto;
    margin-top: 30px;
}

.page ul li {
    width: 34px !important;
    height: 34px !important;
    text-align: center;
    line-height: 34px;
    float: left;
    margin: 0 7px !important;
    border: 0 !important;
    border-radius: 50%;
    overflow: hidden;
    padding: 0 !important;
}

.page ul li a {
    color: #333;
    background: #efeff4;
    display: block;
    width: 100%;
    height: 100%;
    line-height: inherit;
}

.page ul li a:hover {
    color: #fff;
    background: #BD8254;
}

.page ul li.active {
    color: #fff;
    background: #BD8254;
}


.info-main-nav{
    overflow: hidden;
    width: 100%;
    text-align: center;
    margin:30px 0;
}
.info-main-nav ul{
    display: table;
    width: 100%;

}
.info-main-nav ul li{
    width: 15%;
    height: 48px;
    display: inline-block;
    margin-right: 15px;
    line-height: 48px;
}
.info-main-nav ul li:nth-of-type(4) {
    margin-right: 0;
}
.info-main-nav ul li a{
    width: 100%;
    height: 100%;
    border: 1px solid #ddd;
    line-height: 48px;
    font-size: 18px;
    display: block;
}
.info-main-nav ul li a:hover{
    background: #A0131B;
    border: 1px solid #A0131B;
    color: #fff;
}
.info-main-nav ul li a.active{
    background: #A0131B;
    border: 1px solid #A0131B;
    color: #fff;
}


/*info_Public_end*/


/*about*/
.about{ overflow: hidden; margin: 0 auto; width: 100%; }
.about img{ overflow: hidden; margin: 0 auto; display: block; float: left;}
.about .about-bt{ overflow: hidden; margin: 0 auto 25px; display: block; height: 60px; line-height: 60px; font-size: 20px; color: #333333; position: relative;}
.about .about-bt:after{ content: ""; overflow: hidden; display: block; width: 42px; height: 3px; background: #f4792c; position: absolute; left:0; bottom: 0; }
.about p{ overflow: hidden; margin: 0 auto 25px; font-size: 14px!important; color: #999999; line-height: 26px!important;}
/*teaching*/
.teaching{ overflow: hidden; margin: 0 auto; width: 100%;}
.teaching-list ul{ overflow: hidden; margin: 0 auto; width: 100%;}
.teaching-list ul li{ overflow: hidden; margin: 0 auto; padding: 40px 0; width: 100%; border-bottom: 1px dashed #ddd;}
.teaching-list ul li:nth-of-type(1){padding-top: 0;}
.teaching-list ul li a{ overflow: hidden; margin: 0 auto; display: block; width: 100%;}
.teaching-list ul li a i{ overflow: hidden; margin: 0 auto; display: block; width: 150px; height: 220px; float: left; margin-right: 40px;}
.teaching-list ul li a i img{ display: block; margin: 0 auto; width: 100%; height: 100%; object-fit: cover; }
.teaching-list ul li a div{ overflow: hidden; margin: 0 auto; width: calc(100% - 180px - 40px); float: left; }
.teaching-list ul li a div h4{ overflow: hidden; margin: 0 auto; display: block; height: 62px; line-height: 62px; font-size: 20px; color: #333333; font-weight: 600; position: relative; display: block; white-space:nowrap; text-overflow:ellipsis;}
.teaching-list ul li a div h4 strong{ overflow: hidden; margin: 0 auto; display: block; height: 62px; line-height: 62px; font-size: 20px; color: #333333; font-weight: 600; position: relative; float: left; }
.teaching-list ul li a div h4 span{ overflow: hidden; margin: 16px; display:block; height: 30px; line-height: 30px; font-size: 16px; color: #666666; font-weight: normal; float: left;}
.teaching-list ul li a div h4:after{ content: ""; overflow: hidden; display: block; width: 30px; height: 3px; background: #f4792c; position: absolute; left:0; bottom: 0; }
.teaching-list ul li a div p{ overflow: hidden; margin: 15px auto; font-size: 16px; color: #666666; height:52px; line-height: 26px;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.teaching-list ul li a div em.more-btn{ overflow: hidden; margin: 0 auto; width: 130px; height: 54px; line-height: 54px; display: block; float: left; font-size: 16px; color: #666666; position: relative; padding-right: 65px; }
.teaching-list ul li a div em.more-btn:after{ content: ""; overflow: hidden; display: block; width: 58px; height: 26px; position: absolute; top:0; bottom: 0; right:0; margin: auto; background: url("../image/more_ico.png") no-repeat; background-size: 100%; }
.teaching-list ul li a:hover em.more-btn{ color: #c00f17; }
/*teaching-info*/
.teaching-info{ overflow: hidden; margin: 0 auto; width: 100%;}
.teaching-text{ overflow: hidden; margin: 0 auto 40px; }
.teaching-img{ overflow: hidden; margin: 0 auto; margin-right: 30px; width: 285px; float: left;}
.teaching-img img{margin: 0 auto; width:100%; padding: 10px; border: 1px solid #ddd;}
.teaching-intr{overflow: hidden; margin: 0 auto; width:calc(100% - 285px - 30px); float: left;}
.teaching-intr{overflow: hidden; margin: 0 auto; width:calc(100% - 285px - 30px); float: left;}
.teaching-intr .name{overflow: hidden; margin-bottom: 10px;}
.teaching-intr .name h4{font-size:28px;color:#333333; font-weight: bold; display: block; margin-right: 15px; white-space:nowrap; text-overflow:ellipsis; float: left; height: 30px; line-height: 30px;}
.teaching-intr .title{ overflow: hidden; margin: 0 auto 20px;}
.teaching-intr .title span{ overflow: hidden;font-size: 20px; color: #999999; font-weight: normal; display: block; white-space:nowrap; text-overflow:ellipsis; }
.teaching-intr p{overflow: hidden;  font-size: 16px; color: #666666;  font-weight: normal; line-height: 30px; }

/*team*/
.team-list ul{ overflow: hidden; margin: 0 auto; width: 100%;}
.team-list ul li{ overflow: hidden; margin: 0 auto; padding: 40px 0; width: 100%; border-bottom: 1px dashed #ddd;}
.team-list ul li:nth-of-type(1){padding-top: 0;}
.team-list ul li a{ overflow: hidden; margin: 0 auto; display: block; width: 100%;}
.team-list ul li a div{ overflow: hidden; margin: 0 auto; width: 100%; float: left; }
.team-list ul li a div h4{ overflow: hidden; margin: 0 auto; display: block; width: 100%; height: 62px; line-height: 62px; font-size: 20px; color: #333333; font-weight: 600; position: relative; }
.team-list ul li a div h4 strong{ overflow: hidden; margin: 0 auto; display: block; width: 100%; height: 62px; line-height: 62px; font-size: 20px; color: #333333; font-weight: 600; position: relative; float: left; display: block; white-space:nowrap; text-overflow:ellipsis;}
.team-list ul li a div h4:after{ content: ""; overflow: hidden; display: block; width: 30px; height: 3px; background: #f4792c; position: absolute; left:0; bottom: 0; }
.team-list ul li a div p{ overflow: hidden; margin: 15px auto; font-size: 16px; color: #666666; height:52px; line-height: 26px;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.team-list ul li a div em.more-btn{ overflow: hidden; margin: 0 auto; width: 130px; height: 54px; line-height: 54px; display: block; float: left; font-size: 16px; color: #666666; position: relative; padding-right: 65px; }
.team-list ul li a div em.more-btn:after{ content: ""; overflow: hidden; display: block; width: 58px; height: 26px; position: absolute; top:0; bottom: 0; right:0; margin: auto; background: url("../image/more_ico.png") no-repeat; background-size: 100%; }
.team-list ul li a:hover em.more-btn{ color: #c00f17; }
/*news*/
.news-list{ overflow: hidden; margin: 0 auto; width: 100%;}
.news-list ul{ overflow: hidden; margin: 0 auto; width: 100%;}
.news-list ul li{ overflow: hidden; margin: 0 auto 10px; width: 100%; border-bottom: 1px solid #f2f2f2;}
.news-list ul li a{ overflow: hidden; margin: 0 auto; display: block; padding: 15px 0;  width: 100%;}
.news-list ul li a h4{ overflow: hidden; margin: 0 auto; width:calc(100% - 90px); font-size: 16px; color: #666666; float: left; display: block; white-space:nowrap; text-overflow:ellipsis;}
.news-list ul li a span{ overflow: hidden; margin: 0 auto; width:90px; font-size: 16px; color: #999999; float: right;}
.news-list ul li a:hover h4{ color: #f4792c; }
/*news-info*/
.news-info{ overflow: hidden; margin: 0 auto; width: 100%;}
.news-details-title{ overflow: hidden; margin: 0 auto 20px; border-bottom: 1px solid #f2f2f2; padding-bottom: 20px; }
.news-details-title h2{ overflow: hidden; margin: 30px auto 20px; font-size: 20px!important; color: #333333!important; font-weight: 600; }
.news-details-title p{ overflow: hidden; color: #999;}
.news-details-box{ overflow: hidden; margin: 0 auto 20px;}
.news-details-box p{ overflow: hidden; margin: 0 auto 20px; font-size: 16px!important; color: #666!important; line-height: 32px!important; }
.news-details-box img{ overflow: hidden; margin: 20px auto; max-width: 100%; display: table;}
.news-details-box video{ display: block; width: 80%; margin: 0 auto;}
/**/
.student-list ul{ overflow: hidden; margin: 0 auto; width: 100%;}
.student-list ul li{ overflow: hidden; margin: 0 auto; padding: 40px 0; width: 100%; border-bottom: 1px dashed #ddd;}
.student-list ul li:nth-of-type(1){padding-top: 0;}
.student-list ul li a{ overflow: hidden; margin: 0 auto; display: block; width: 100%;}
.student-list ul li a i{ overflow: hidden; margin: 0 auto; display: block; width: 226px; height: 166px; float: left; margin-right: 40px;}
.student-list ul li a i img{ display: block; margin: 0 auto; width: 100%; height: 100%; object-fit: cover;transition: all 0.6s;  }
.student-list ul li a div{ overflow: hidden; margin: 0 auto; width: calc(100% - 226px - 40px); float: left; }
.student-list ul li a div h4{ overflow: hidden; margin: 20px auto 10px; display: block; font-size: 20px; color: #333333; font-weight: 600; display: block; white-space:nowrap; text-overflow:ellipsis;}
.student-list ul li a div h4 strong{ overflow: hidden; margin: 0 auto; display: block; width: 100%; font-size: 20px; color: #333333; font-weight: 600; white-space:nowrap; text-overflow:ellipsis;}
.student-list ul li a div p{ overflow: hidden; margin: 15px auto; font-size: 16px; color: #666666; height:52px; line-height: 26px;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.student-list ul li a div em.more-btn{ overflow: hidden; margin: 0 auto; width: 130px; height: 40px; line-height: 40px; display: block; float: left; font-size: 16px; color: #666666; position: relative; padding-right: 65px; }
.student-list ul li a div em.more-btn:after{ content: ""; overflow: hidden; display: block; width: 58px; height: 26px; position: absolute; top:0; bottom: 0; right:0; margin: auto; background: url("../image/more_ico.png") no-repeat; background-size: 100%; }
.student-list ul li a:hover img{ transform: scale(1.1);}
.student-list ul li a:hover em.more-btn{ color: #c00f17; }
/*culture*/
.culture-list{ overflow: hidden; margin: 0 auto; width: 100%;}
.culture-list ul{ overflow: hidden; margin: 0 auto; width: 100%;}
.culture-list ul li{ overflow: hidden; margin: 0 auto 35px; margin-right: 10px; width: calc((100% - 20px) / 3); float: left; border-bottom: 1px solid #ddd;}
.culture-list ul li:nth-of-type(3n){ margin-right: 0; }
.culture-list ul li a{ overflow: hidden; margin: 0 auto; display: block; width: 100%; }
.culture-list ul li a i{ overflow: hidden; margin: 0 auto; display: block; width: 100%; height: 232px; position: relative;}
.video ul li a i:after{ content: ""; overflow: hidden; display: block; width: 40px; height: 40px; background: url("../image/viev_ico.png") no-repeat center; background-size: cover; position: absolute; top:0; bottom: 0; left:0; right:0; margin: auto; }
.culture-list ul li a i img{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.6s; }
.culture-list ul li a p{ overflow: hidden; margin: 15px auto; width: 100%; font-size: 16px; color: #666666; text-align: left; height: 40px; line-height: 40px; display: block; white-space:nowrap; text-overflow:ellipsis;}
.culture-list ul li:hover { border-color: #f4792c; }
.culture-list ul li a:hover p{ color: #f4792c; }
.culture-list ul li a:hover img{ transform: scale(1.1);}
/*contact*/
.contact-main-box{ overflow: hidden; margin: 0 auto; margin-right: 35px; width:calc(100% - 500px - 35px);text-align:left; float: left;}
.contact-main .index-contact-main-box{background-color:normal}
.contact-main-box h3{overflow: hidden; margin: 0 auto; width: 100%; height: 78px; line-height: 78px; font-weight:600;color:#333;font-size:30px;margin-bottom:30px; position: relative;}
.contact-main-box h3:after{ content: ""; overflow: hidden; display: block; width: 60px; height: 5px; background: #cccccc; position: absolute; bottom: 0; left: 0; }
.contact-main-box .cont-i{font-size: 16px; color: #666666; line-height:26px;text-align:left;margin-bottom:15px}
.contact-map{ overflow: hidden; margin: 0 auto; float: right; }
.contact-map img{margin: 0 auto; display: block; width: 500px; height: 374px; }
/*leave*/
.leave-box{ overflow: hidden; margin: 0 auto 30px;}
.main-title{ overflow: hidden; margin: 0 auto 20px; }
.main-title span{ overflow: hidden; margin: 0 auto; display: block; font-size: 30px; color: #333333; font-weight: bold;}
.leave-k{ overflow: hidden; margin: 0 auto; width: 100%; }
.leave-left{ overflow: hidden; margin-right: 18px; float: left; width: calc(50% - 18px); }
.footer-rwm{ float: left; margin-top: 155px; }
.footer-rwm a{ float: left; display: block; width: 40px; height: 40px; margin-right: 5px; position: relative; }
.footer-rwm a img{ overflow: hidden; display: none; width: 80px; height: 80px; position: absolute; left:0; right:0; bottom: 45px; margin: auto; border: 8px solid rgba(0,0,0,0.2);}
.footer-rwm a.wx-ewn:hover img{ display: block; }
.footer-rwm a.qq-ewm{ background: url("../image/qq_ico.png") no-repeat center; }
.footer-rwm a.wx-ewn{ background: url("../image/wx_ico.png") no-repeat center; }
.leave-right{ overflow: hidden; float: left; width: 50%; }
.input-box{width:calc((100%)); height:auto;min-height:40px;margin-top:18px;position:relative; border: 1px solid #cccccc;float: left;}
.contact-main-box span{ display: block; color: #999; margin: 0 auto 10px; }
.input-box p{ height:38px;line-height:38px;font-size:16px;color:#333;position:absolute; left:0;top:0;}
.input-box p input{ border: none;  padding-left: 10px; width: 100%; background: transparent;}
.input-txt{ text-indent: 1em; height:40px;width:100%;background:0 0;border:0;outline-style:none; font-size: 16px;}
.input-box textarea{ text-indent: 1em; height:95px;width:100%;background:0 0;border:0;outline-style:none; padding-top: 5px; font-size: 16px;}
.input-box-verify{ overflow: hidden; width: 100%; }
.input-box-verify .input-box{ overflow: hidden; width: calc(100% - 128px - 18px);  float: left;}
.input-box-verify .input-box p{ width: calc(100% - 110px); padding-right: 10px;}
.mes-code-img{ overflow: hidden; margin: 0 auto; width: 110px;  float: right;  height: 40px;  text-align: center;}
.mes-code-img img{ display: block; height: 100%; float: right; }
.mes-btn{ overflow: hidden; float: right; text-align: center; display: block; margin: 18px auto 0; height: 40px; line-height:40px; font-size: 16px; color: #ffff; width: 128px; background: #0066cc; margin-left: 18px; }
.mes-btn:hover{ color: #fff; }
.mes-btn:link{ color: #fff; }

.pagination{ display: table; margin: 40px auto; }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background: #f4792c; border-color: #f4792c; }
@media screen and (max-width:1024px){
    .page-top{ display: none; }
    .page-bg{ padding: 0; }
    .pagination{ margin: 25px auto; }
    .pro-nav-left{ width: 100%; margin-bottom: 0; }
    .part-box{ margin-bottom: 0; }
    .pro-txt-right{ width: 100%; padding: 15px 0; min-height: auto; }
    .part-box .part-bt{ width:100%; height: auto; margin:15px auto 0; position: initial;}
    .part-box .part-bt div{ width: auto; height: auto; margin: 10px; padding: 5px; }
    .part-box .part-bt div h2{ font-size: 18px; margin: 5px auto; }
    .part-box .part-nav{display: none; height: 0; padding-top: 40px; margin-top: 15px; position: relative; overflow-y: hidden;pointer-events: auto; transition: height 0.5s; -moz-animation:height 0.5s; -webkit-transition:height 0.5s; }
    .part-box .part-nav a{ height: 40px; line-height: 40px; }
    .part-box .part-nav a.active:after{ display: none;}
    .part-box .part-nav a.active{ position: absolute; top:0; left:0; background:url("../image/topqh.png") no-repeat right #f4792c; background-size: auto 70%;}
    .article_paging ul li{ margin: 5px auto;}
    .article_paging ul li span{ font-size: 14px;}
    .article_paging ul li p{ font-size: 14px;}
    .pro-news{ display: none;}
    .page-banner{ padding-top: 60px; }
    .page-banner img{ height: 24vh; }
    .content{width: auto; padding: 0 15px; }
    .banner{ height: 24vh; margin-top: 60px; }
    .header{display:none;}
    .header2{display:block;}
    .top-nav{ display: none;}
    .idx-bt h4{ font-size: 22px; height: 40px; line-height: 40px; }
    .idx-bt .more-btn{ height: 40px; line-height: 40px; }
    .idx-notice{ width: 100%;}
    .idx-video{ width: 100%;}
    .idx-video .video-box video{ height: auto; }
    .idx-news-bg,.idx-dynamic-bg,.idx-scenery-bg{ padding: 15px 0; height: auto;}
    .dynamic-plate{ width: 100%; }
    .dynamic-list{ margin-bottom: 0; }
    .dynamic-list ul li{ width: calc((100% - 10px) / 2); margin-right: 10px!important;}
    .dynamic-list ul li:nth-of-type(2n){margin-right: 0!important;}
    .dynamic-list .img-relative i{ height: 100px; }
    .dynamic-list ul li a p{ font-size: 14px; }
    .idx-notice ul li a p{ font-size: 14px; }
    .manage-plate{ width: 100%; }
    .manage-list{ margin-bottom: 0; }
    .party-plate{ width: 100%; }
    .party-lb .swiper-slide a img{ height: 150px; }
    .party-lb .party-txt{ padding:15px; height: 160px; }
    .party-lb .party-txt .data p{ font-size: 32px; }
    .party-lb .news-right h5{ font-size: 16px; margin-bottom: 10px; }
    .party-list{ margin-bottom: 15px; }
    .mien-plate{ width: 100%;}
    .mien-list ul li{ width: calc((100% - 10px) / 2); margin-right: 10px!important; }
    .mien-list ul li:nth-of-type(2n){ margin-right: 0!important; }
    .mien-list ul li a i{ height: 130px; }
    .mien-list ul li a p{ display: block; height: 30px; line-height: 30px; }
    .about img{ max-width: 100%; }
    .about .about-bt{ width: 100%; font-size: 18px; height: 46px; line-height: 46px; margin-bottom: 15px; }
    .about p{ margin-bottom: 15px; }
    .teaching-list ul li{ padding: 15px 0;}
    .teaching-list ul li a i{ width: 30%; height: 142px; margin-right: 10px; }
    .teaching-list ul li a div{ width: calc(100% - 10px - 30%); }
    .teaching-list ul li a div h4{ height: auto; }
    .teaching-list ul li a div h4 strong{width: 100%; font-size: 16px; height: 30px; line-height: 30px;  }
    .teaching-list ul li a div h4 span{ width: 100%; margin: 0 auto; font-size: 14px; height: auto; }
    .teaching-list ul li a div p{ font-size: 14px; line-height: 18px; height: 38px; margin: 10px auto 5px; }
    .teaching-list ul li a div em.more-btn{ height: auto; line-height: inherit; font-size: 14px; }
    .teaching-list ul li a div em.more-btn:after{ display: none;}
    .teaching-img{ width: 100%; }
    .teaching-intr{ width: 100%; padding: 15px 0;}
    .teaching-intr .name h4{ font-size: 22px; }
    .teaching-intr .title span{ font-size: 18px; }
    .teaching-intr p{ height: auto; }
    .teaching-text{ margin-bottom: 20px; }
    .team-list ul li{ padding: 15px 0;}
    .team-list ul li a div h4{ height: 36px; line-height: 36px; }
    .team-list ul li a div h4 strong{ height: auto; line-height: inherit; font-size: 16px; }
    .team-list ul li a div p{ font-size: 14px; margin: 10px auto; height: 46px; line-height: 22px; }
    .team-list ul li a div em.more-btn{ height: 30px; line-height: 30px; font-size: 14px; }
    .news-details-title h2{ margin: 15px auto; font-size: 18px!important; line-height: 26px!important; text-align: center;}
    .news-details-title{ margin-bottom: 15px; }
    .news-details-box p{ margin-bottom: 10px; line-height: 26px!important; font-size: 14px!important; }
    .news-list ul li{ margin: 0 auto; }
    .student-list ul li{ padding: 15px 0; }
    .student-list ul li a i{ width: 40%; height: 100px; margin-right: 10px;}
    .student-list ul li a div{ width: calc(100% - 10px - 40%); }
    .student-list ul li a div h4{ margin: 5px auto 0; font-size: 16px; }
    .student-list ul li a div h4 strong{ margin: 0 auto; font-size: 16px; }
    .student-list ul li a div p{ font-size: 14px; line-height: 22px; height: 46px; margin: 10px auto 0;}
    .student-list ul li a div em.more-btn{ height: auto; line-height: inherit; font-size: 14px; }
    .student-list ul li a div em.more-btn:after{ display: none;}
    .news-details-box img{ margin: 10px auto; }
    .culture-list ul li{ width: calc((100% - 10px) / 2); margin-right: 10px!important; margin-bottom: 15px; }
    .culture-list ul li:nth-of-type(2n){ margin-right: 0!important; }
    .culture-list ul li a i{ height: 116px; }
    .culture-list ul li a p{ height: auto; line-height: inherit; margin: 5px auto 10px; font-size: 14px; }
    .contact{ width: 100%; }
    .contact-main-box{ width: 100%; }
    .contact-main-box h3{ font-size: 18px; height: 42px; line-height: 42px; margin-bottom: 15px;}
    .contact-main-box h3:after{ width: 40px; height: 3px; }
    .contact-main-box .cont-i{ margin-bottom: 5px; }
    .contact-map{ width: 100%; margin: 15px auto; }
    .contact-map img{ max-width: 100%; height: auto;}
    .main-title span{ font-size: 18px;}
    .main-title{ margin-bottom: 10px; }
    .leave-left{ width: 100%; }
    .input-box{ min-height: 32px; margin-top: 10px;}
    .input-txt{ height: 32px; font-size: 14px; }
    .leave-right{ width: 100%;}
    .input-box textarea{ font-size: 14px; }
    .input-box-verify .input-box{ width: 100%;}
    .mes-code-img{ height: 32px; }
    .input-box p{ font-size: 14px;}
    .input-box-verify .input-box p{ height: 32px; line-height: 32px; }
    .mes-btn{ height: 36px; line-height: 36px; font-size: 16px; width: 100%; }
    .news-details-box video{ width: 90%; }
    body {
        padding-top: 60px;
    }
    .h5, h5{
        font-size: 16px;
    }
    .content {
        width: 100%;
        padding: 0 15px;
    }
    .header {
        display: none;
    }
    .sidebar{
        background: #A0131B;
    }
    .header2 {
        display: block;
        background: #A0131B;
    }
    .banner {
        width: 100%;
        height: 25vh;
        margin: 0;
        top:0;
    }
    .banner img {
        height: 25vh;
    }
    .swiper-button-next2{
        width: 30px;
        height: 55px;
    }
    .swiper-button-prev2{
        width: 30px;
        height: 55px;
    }
    .row1{
        margin-bottom: 30px;
    }
    .row2{
        height: auto;
        padding: 30px 0;
    }
    .row3 {
        padding: 30px 0;
    }
    div .main1 {
        width: 100%;
        margin-top: 25px;
        margin-right: 0;
    }
    .swiper-photo{
        height: 286px;
    }
    .swiper-container3 .swiper-slide h5{
        width: 90%;
        height: 60px;
        line-height: 60px;
        background-size: 100% auto;
        font-size: 16px;
    }
    .row1 .main1 .news-big {
        height: auto;
    }
    .news-big.news-big2 img {
        height: 210px;
    }
    .news-big.news-big2 h5 {
        font-size: 14px;
        height: 52px;
        line-height: 52px;
    }
    .news-big.news-big2 h5 span {
        height: 52px;
        line-height: 52px;
        width: 70%;
    }
    .news-big.news-big2 h5 span:last-of-type {
        height: 52px;
        line-height: 52px;
        width: 25%;
    }
    .row-ul li .row2-img {
        width: 88px;
        height: 68px;
    }
    .row-ul li .row2-right {
        width: 70%;
    }
    .row-ul li .row2-right p {
        display: none !important;
    }
    .row-zmg {
        overflow: hidden;
        height: auto;
    }
    .row-zmg .left {
        width: 100%;
    }
    .row-zmg .right {
        width: 100%;
        display: inline-block;
        margin-bottom: 20px;
    }
    .row-zmg .right .zmg-li {
        padding: 0;
        margin-right: 44px;
        background: unset;
    }
    .row-zmg .right .zmg-li:last-of-type {
        padding: 0;
        margin-right: 0;
    }
    .row-zmg .right .zmg-li h5 {
        font-size: 14px;
    }
    .swiper-container-horizontal .swiper-pagination3 {
        left: 0;
        right: 0;
        top: unset;
        bottom: 0px;
        margin: auto;
    }
    .swiper-container3 {
        padding-bottom: 30px;
    }
    .footer {
        height: auto;
    }
    .footer-logo {
        width: 100%;
        height: auto;
        margin-bottom: 30px;
    }
    .footer-top{
        padding-top: 30px;
        height: auto;
        background-size: auto 100%;
    }
    .footer-cont p{
        font-size: 16px;
    }
    .footer-menu{
        overflow: hidden;
        width: 100%;
        padding-top: 20px;
    }
    .footer-code{
        margin:35px auto;
        float: unset;
        width: 150px;
    }
    .footer-menu-list{
        margin-right: 52px;
        margin-top: 25px;
    }
    .footer-b{
        line-height: 25px;
        height: 90px;
        padding-top: 7px;
    }
    .footer-control{
        display: none;
    }
    .footer-bottom p {
        float: unset;
        margin-top: 0;
    }
    .footer-right {
        float: unset;
        display: table;
        margin: auto;
        margin-top: 30px;
    }
    .banner-info {
        height: 15vh;
        margin-top: 0;
    }
    .info-sidebar .title {
        height: 60px;
        font-size: 24px;
        padding-top: 7px;
    }
    .hot-link .title2 {
        margin-top: 15px;
    }
    .hot-link-main {
        padding: 15px;
    }
    .info-main {
        width: 100%;
        margin-top: 15px;
    }
    .info-main {
        margin-top: 0;
    }
    .nav-left {
        width: 100%;
        margin-top: 30px;
    }
    .nav-left ul {
        width: 100%;
        overflow: auto;
        white-space: nowrap;
        margin-bottom: 30px;
    }
    .nav-left ul li {
        display: inline-block;
        float: unset;
    }
    .main-right {
        width: 100%;
        padding-bottom: 30px;
    }
    .target-txt {
        display: none !important;
    }
    .nav-title {
        text-align: left;
        padding-left: 0;
        text-indent: 30px;
    }
    .nav-title span{
        text-indent: 0;
    }
    .nav-left ul li:last-of-type a {
        border-bottom: 1px solid #ddd;
    }
    .news-info-top h3 {
        font-size: 20px;
        line-height: 25px;
    }
    .course-right h5 {
        border-bottom: 0;
    }
    .col-info {
        margin-top: 15px;
    }
    .main-right .course-list p {
        height: 50px;
        margin-top: 0;
    }
    .main-bg {
        margin-top: 0;
    }
    .footer {
        margin-top: 0;
    }
    .footer-right a {
        margin: 0 15px;
    }
    .about2-li p {
        padding: 15px;
    }
    .team-list .team-img {
        width: 88px;
        height: 108px;
        position: absolute;
    }
    .team-list li {
        width: 100%;
        position: relative;
        overflow: hidden;
        height: auto;
    }
    .team-list h5 {
        margin: 0;
    }
    .team-list p {
        height: 50px;
        line-height: 25px;
    }
    .team-list .team-right {
        padding-left: 100px;
        width: 100%;
        height: auto;
    }
    .team-info .team-photo {
        width: 100%;
        min-height: 300px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .team-info-right {
        width: 100%;
    }
    .course-list li {
        overflow: hidden;
        position: relative;
        padding: 0;
    }
    .course-list .pro-img {
        width: 140px;
        height: 100px;
        position: absolute;
    }
    .course-list .course-right {
        width: 100%;
        padding-left: 155px;
        margin-top: 0;
        position: relative;
    }
    .course-right h5 {
        font-size: 16px;
        margin: 0;
        padding-bottom: 0;
    }
    .course-right em {
        margin-bottom: 0;
    }
    .course-right p {
        padding-top: 0px;
        height: auto;
    }
    .course-list li {
        margin-bottom: 30px;
    }
    .course-main img {
        width: 100%;
        height: auto;
        min-height: 200px;
    }
    .course-right {
        width: 100%;
        margin-top: 10px;
    }
    .course-main .course-right p {
        margin-top: 15px;
        height: auto;
    }
    .info-txt .course-main {
        margin-bottom: 0;
    }
    .col-info {
        padding: 15px;
    }
    .news-list .col-news-list h5 span {
        width: 70%;
    }
    .news-list .col-news-list h5 em {
        width: 23%;
    }
    .col-news-list h5 i {
        width: 0%;
    }
    .contact-left {
        width: 100%;
        margin: 0;
    }
    .contact-right {
        width: 100%;
    }
    .row3-btn {
        margin-top: 0px;
    }
    
    .info-main-nav ul li{
        width: 25%;
        margin-right: 0;
    }
    .info-main-nav ul li a{
        border-right: 0;
        font-size: 14px;
    }
    .info-main-nav ul li:nth-of-type(4) a{
        border-right: 1px solid #ddd;
    }
}