html {
    font-family: "Microsoft YaHei", serif;
    font-size: 14px;
    color: #333333
}

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

img {
    border: 0;
    vertical-align: top
}

ul,li {
    list-style-type: none;
}

a {
    text-decoration: none;
    color: #333;
}

a:hover {
    color: #ac121b;
}

.fl {
    float: left
}

.fr {
    float: right
}

.al {
    text-align: left
}

.ac {
    text-align: center
}

.ar {
    text-align: right
}

.clearfix {
    clear: both;
}

.bg_color {
    background: #F8F8FF;
    border-top: solid 1px #019fde;
}

.gray {
    color: #999999;
}

.wrap {
    width: 100%;
}

.w {
    width: 95%;
    margin: 0 auto;
}

@media (min-width: 1080px) {
    .w {
        width: 1000px;
    }
}

@media (min-width: 1240px) {
    .w {
        width: 1200px;
    }
}

.w70 {
    width: 70px;
}

.mt10 {
    margin-top: 10px;
}

.mr10 {
    margin-right: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.ml10 {
    margin-left: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mr15 {
    margin-right: 15px;
}

.mb15 {
    margin-bottom: 15px;
}

.ml15 {
    margin-left: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mr20 {
    margin-right: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.ml20 {
    margin-left: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mr30 {
    margin-right: 30px;
}

.mb30 {
    margin-bottom: 30px;
}

.ml30 {
    margin-left: 30px;
}

.w500 {
    width: 500px;
}

.w670 {
    width: 670px;
}

.w380 {
    width: 380px;
}

.footer {
    /* padding-top: 10px; */
    padding: 10px 2%;
    background: #019fde;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.footer p {
    color: #FFF;
    line-height: 36px;
    font-size: 16px;
}

/*团学活动*/
.fczs {
    margin-bottom: 20px;
}

.fczs li {
    margin-left: 20px;
    width: 285px;
    float: left;
}

.container_left {
    width: 285px;
}

.container_right {
    width: 895px;
    min-height: 500px;
}

.container_right_title {
    line-height: 40px;
    border-bottom: solid 1px #dcdcdc;
    font-size: 16px;
    color: #01976b;
}

.menu_bt {
    font-weight: 500;
    padding: 0px;
    overflow: hidden;
    padding: 0 10px;
}

/*Route*/
.Route {
    line-height: 40px;
    height: 40px;
}

.Route .active {
    color: #00a172;
}

.Route li {
    float: left;
}

.Route a {
    color: #333333;
}

/*新闻列表*/
.new_list {
    line-height: 36px;
}

.new_list ul {
    margin-top: 5px;
}

.new_list a {
    text-indent: 15px;
    display: block;
}

.new_list a:hover {
    text-indent: 15px;
    color: #8a2051;
}

.new_list3 {
    line-height: 32px;
}

.new_list3 dl {
    margin-top: 5px;
}

.new_list3 a {
    text-indent: 15px;
    display: block;
}

.new_list3 a:hover {
    text-indent: 15px;
    color: #8a2051;
}

/*本科生/研究生/MPA教育新闻列表*/
.new_list2 {
    line-height: 28px;
}

.new_list2 h3 {
    font-size: 16px;
    line-height: 30px;
    margin-top: 8px;
    font-weight: 500;
}

.new_list2 a {
    color: #8a2051;
}

.new_list2 p {
    line-height: 30px;
    color: #666666;
}

.yqlj {
    margin: 2px 0;
}

.yqlj li {
    float: left;
    padding: 6px 15px;
    border: dashed 1px #ccc;
    margin: 0 10px 9px 0;
}

.yqlj li a {
    font-size: 14px;
    color: #333;
}

.yqlj li a:hover {
    font-size: 14px;
    color: #124F0C;
}

.gdlj {
    background-color: #E6F7F1;
    padding: 27px 0;
    clear: both;
}

.jz {
    margin: 0 auto;
    /* width:1200px; */
    clear: both;
}

.F14lists {
    LINE-HEIGHT: 23px
}

.F14lists UL {
    PADDING-RIGHT: 3px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}

.F14lists LI {
    PADDING-LEFT: 2px;
    FONT-SIZE: 14px;
    VERTICAL-ALIGN: bottom
}

.F14lists LI SPAN {
    FONT-SIZE: 9px;
    COLOR: #533826
}

.FixTitle A:link {
    COLOR: #0736aa;
    TEXT-DECORATION: none
}

.FixTitle A:visited {
    COLOR: #0736aa;
    TEXT-DECORATION: none
}

.FixTitle A:hover {
    TEXT-DECORATION: underline
}

.FixTitle {
    BORDER-RIGHT: #a2d1ff 1px solid;
    BORDER-TOP: #a2d1ff 1px solid;
    OVERFLOW: hidden;
    BORDER-LEFT: #a2d1ff 1px solid;
    LINE-HEIGHT: 24px;
    BORDER-BOTTOM: #a2d1ff 1px solid;
    HEIGHT: 24px
}

.FixTitle H3 {
    PADDING-LEFT: 30px;
    FONT-SIZE: 14px;
    FLOAT: left;
    COLOR: #0736aa
}

.FixTitle SPAN {
    PADDING-RIGHT: 5px;
    FLOAT: right
}

.RForm {
}

.RForm DT {
    LINE-HEIGHT: 23px
}

.RformB {
    PADDING-LEFT: 10px
}

.blk_29 {
    PADDING-RIGHT: 0px;
    BORDER-TOP: #a1d2fd 0px solid;
    PADDING-LEFT: 0px;
    OVERFLOW: hidden;
    ZOOM: 1; POSITION: relative
}

.blk_29 .LeftBotton {
    LEFT: 0px;
    FLOAT: left;
    WIDTH: 32px;
    CURSOR: pointer;
    POSITION: absolute;
    HEIGHT: 70px
}

.blk_29 .RightBotton {
    RIGHT: 5px;
    FLOAT: right;
    WIDTH: 32px;
    CURSOR: pointer;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 70px
}

.blk_29 .Cont {
    MARGIN: 0px auto;
    OVERFLOW: hidden;
    WIDTH: 1136px;
}

.blk_29 .box {
    FLOAT: left;
    WIDTH: 142px;
    TEXT-ALIGN: center
}

.blk_29 .box IMG {
    width: 128px;
    height: 70px;
    DISPLAY: block;
    BACKGROUND: #fff;
    MARGIN: 0px auto;
}

.blk_29 .box A:hover IMG {
}

.blk_29 .box P {
    MARGIN: 6px auto 0px;
    WIDTH: 97px;
    LINE-HEIGHT: 20px
}

.rollphotos {
    WIDTH: 1200px
}

.partC {
    MARGIN-TOP: 10px;
    OVERFLOW: auto;
    WIDTH: 1200px
}

.partC .PC_left {
    OVERFLOW: auto;
    WIDTH: 470px
}

.partC .PC_right {
    OVERFLOW: auto;
    WIDTH: 470px
}

.partC .PC_left {
    FLOAT: left
}

.partC .PC_right {
    FLOAT: right
}

.PT_mix {
    OVERFLOW: auto;
}

.PhoTxt {
    MARGIN-TOP: 10px;
    DISPLAY: inline;
    FLOAT: left;
    MARGIN-LEFT: 10px;
    OVERFLOW: auto;
    WIDTH: 220px
}

.PhoTxt IMG {
    FLOAT: left;
}

.PhoTxt H1 {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    LINE-HEIGHT: 23px
}

.PhoTxt P {
    COLOR: #545454;
    LINE-HEIGHT: 20px
}

/*header*/
.toubu {
    height: 120px;
    background: #019fde;
}

.toubu>.logo {
    margin-top: 15px;
}

.toubu>.search {
    margin-top: 10px;
}

/*top*/
.top_right_top {
    text-transform: uppercase;
    font-family: "Microsoft YaHei", serif;
    font-size: 12px;
    padding-top: 20px;
    margin-right: 10px;
}

.top_right_top li {
    float: left;
    background: url(../images/bg.png) no-repeat;
    background-position: right;
    padding: 0 10px;
    text-align: center;
}

.top_right_top li a {
    color: #ffffff;
}

.top_right_top li.active {
    background: none;
    padding: 0 0 0 10px
}

.search_box {
    float: right;
    height: 36px;
    margin-top: 12px;
}

.search_box_text {
    height: 34px;
    line-height: 34px;
    border-top: solid 1px #dcdcdc;
    border-left: solid 1px #dcdcdc;
    border-bottom: solid 1px #dcdcdc;
    width: 215px;
    text-indent: 10px;
}

/*Navigation*/
.Navigation {
    height: 50px;
}

.Navigation li {
    float: left;
    line-height: 50px;
}

.Navigation a {
    color: #002FA7;
    text-align: center;
    font-size: 20px;
    width: 100%;
    display: block;
}

.Navigation a:hover {
    /*! background:#630a33; */
    /*! width:93px; */
}

.Navigation .active {
    /*! width:133px; */
    /*! height:50px; */
    /*! background:#0175a4; */
}

ul#topnav {
    position: relative;
    z-index: 10000;
}

ul#topnav li {
    float: left;
    position: relative;
    width: 9.09%;
    text-align: center;
}

ul#topnav li a {
    display: block;
}

ul#topnav li a:hover {
    /*! background:#002FA7; */
    font-weight: bold;
}

ul#topnav li .sub {
    position: absolute;
    top: 50px;
    left: 0;
    background: #ffffff;
    float: left;
    /*--Bottom right rounded corner--*/
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    /*--Bottom left rounded corner--*/
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    display: none;
    z-index: 9999;
}

ul#topnav li .sub dl {
    z-index: 9999;
    position: absolute;
    background: #ffffff;
    /* older safari/Chrome browsers */
    -webkit-opacity: 0.9;
    /* Netscape and Older than Firefox 0.9 */
    -moz-opacity: 0.9;
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/
    -khtml-opacity: 0.9;
    /* IE9 + etc...modern browsers */
    opacity: .9;
    /* IE 4-9 */
    filter: alpha(opacity=90);
    /*This works in IE 8 & 9 too*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    /*IE4-IE9*/
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}

ul#topnav .sub dl dd a {
    /*! padding:0 48px; */
    /*! color:#333333; */
    line-height: 42px;
    width: 150px;
}

ul#topnav .sub dl dd a:hover {
    color: #ffffff;
    background: #019fde;
}

/*banner  start*/
/*
.yBanner{height: 466px;overflow: hidden;position: relative;}
.yBannerList{height: 466px;width: 100%;position: absolute;top: 0;left: 0;}

.yBannerListIn{overflow:hidden;width: 1200px;height: 466px;margin: 0 auto;position: relative;}
.yBannerListIn_box{width:770px;float:left;margin-left:210px;}

.yBannerListInRight{position: absolute;top: 0;right: 0px;width: 220px;height: 466px;z-index: 5;opacity: 0.95;filter: alpha(opacity=95);}
.yimaginaryLine{display: block;height: 0;border-top: 1px dotted #eee;}
.yBannerListInRight img{vertical-align: top;-webkit-transition: -webkit-transform .2s linear;-moz-transition: -moz-transform .2s linear;-o-transition: -o-transform .2s linear;transition: transform .2s linear;}
.yBannerListInRight img:hover{-webkit-transform: translateX(-5px);-moz-transform: translateX(-5px);-ms-transform: translateX(-5px);-o-transform: translateX(-5px);transform: translateX(-5px);}
*/
/*焦点图*/
.yx-rotaion {
}

.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn {
    position: absolute
}

.yx-rotation-title {
    position: absolute;
    width: 1200px;
    height: 50px;
    line-height: 50px;
    background: #000;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    opacity: 0.75;
    left: 50%;
    bottom: 0;
    _bottom: -1px;
    z-index: 1;
    margin-left: -600px;
}

.yx-rotation-t {
    color: #fff;
    font-size: 16px;
    font-family: microsoft yahei;
    z-index: 2;
    bottom: 0;
    left: 50%;
    line-height: 50px;
    margin-left: -580px;
}

.yx-rotation-focus span,.yx-rotaion-btn span {
    background: url(../images/ico.png) no-repeat;
    display: block;
}

.yx-rotation-focus {
    height: 50px;
    line-height: 50px;
    right: 50%;
    bottom: 0;
    z-index: 2;
    margin-right: -580px;
}

.yx-rotation-focus span {
    width: 12px;
    height: 12px;
    line-height: 12px;
    float: left;
    margin-left: 5px;
    position: relative;
    top: 20px;
    cursor: pointer;
    background-position: -24px -126px;
    text-indent: -9999px
}

.yx-rotaion-btn {
    width: 100%;
    height: 41px;
    top: 50%;
    margin-top: -20px;
}

.yx-rotaion-btn span {
    width: 41px;
    height: 41px;
    cursor: pointer;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
    position: relative
}

.yx-rotaion-btn .left_btn {
    background-position: -2px -2px;
    float: left;
    left: 50%;
    margin-left: -650px;
}

.yx-rotaion-btn .right_btn {
    background-position: -2px -49px;
    float: right;
    right: 50%;
    margin-right: -650px;
}

.yx-rotaion-btn span.hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8
}

.yx-rotation-focus span.hover {
    background-position: -10px -126px
}

.rotaion_list {
    width: 0;
    height: 0;
    overflow: hidden;
}

.rotaion_list .rotaion_img {
    width: 100%;
    height: 464px;
}

.shipin {
    background: #ffffff;
    height: 110px;
}

.shipin h3 {
    padding: 20px 15px 15px 15px;
}

.cishu {
    color: #999999;
    line-height: 28px;
    font-size: 12px;
}

/*选项卡*/
/*
.tabbox{width:590px;margin:0 auto;height:400px;font-family:"Microsoft YaHei";}
.tabbox .tab{overflow:hidden;border-bottom:solid 1px #dcdcdc;}
.tabbox .tab a{display:block;padding:0 30px; line-height:40px;float:left;text-decoration:none;color:#333;font-size:16px;}
.tabbox .tab a:hover{color:#002275;text-decoration:none;}
.tabbox .tab a.on{ background:#124e0c;color:#FFFFFF;text-decoration:none;}
.tabbox .content{width:590px;position:relative;height:300px;}
.tabbox .content .dotted_line{border-top:dashed 1px #cccccc;height:5px;margin-top:15px;margin-bottom:5px;}
.tabbox .content ul{position:absolute;left:0;top:0;*margin-top:-20px;}
.tabbox .content li{display: none;width:590px;}
.tabbox .content li > .w70{*margin-top:30px;}
.tabbox .content li > .w500 > h3{font-size:16px;line-height:30px;margin-top:15px;*margin-top:30px;font-weight:500;}
.tabbox .content li > .w500 > h3 > a{color:#d20000;}
.tabbox .content li > .w500 > p{line-height:30px;width:500px; text-indent:25px;color:#666666;}
*/
/*新闻列表*/
.new_list {
    line-height: 38px;
}

.new_list ul {
    margin-top: 5px;
}

.new_list a {
    text-indent: 15px;
    background: url(../images/pic_02.png) no-repeat 0px center;
    display: block;
}

.new_list a:hover {
    text-indent: 15px;
    background: url(../images/pic_01.png) no-repeat 0px center;
    color: #027fcf;
}

/*more*/
.More {
    line-height: 50px;
}

.More a {
    color: #124e0c;
    display: block;
}

/*time*/
.time_top {
    line-height: 45px;
    height: 45px;
    background: #124e0c;
    color: #FFFFFF;
    text-align: center;
    font-size: 24px;
}

.time_bottom {
    background: #ffffff;
    line-height: 40px;
    height: 40px;
    text-align: center;
}

.kcjs {
    background: #fafafa;
    width: 100%;
}

.kcjs_bg {
    background: url(../images/Template_02_11.png) no-repeat 0 center;
    text-indent: 25px;
    line-height: 36px;
}

.kcjs_bg h3 {
    font-weight: 600;
    color: #333333;
}

.more {
    margin-top: 13px;
}

.Academic {
    padding: 0px 10px;
}

.Academic_time {
    background: url(../images/en_img_09.png) no-repeat;
    width: 60px;
    height: 68px;
}

.Academic_time li {
    text-align: center;
    line-height: 34px;
    height: 34px;
}

.Academic_content {
    width: calc(100% - 70px);
    margin: 0;
    float: right;
}

.Academic_content h3 {
    font-size: 14px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.Academic_content p {
    color: #666666;
    line-height: 24px;
    font-size: 12px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.Academic_content2 {
    width: 794px;
}

.Academic_content2 h3 {
    font-size: 14px;
    line-height: 22px;
}

.Academic_content2 p {
    color: #666666;
    line-height: 24px;
    font-size: 12px;
}

.Notifications {
    height: 68px;
    width: 360px;
    border-left: solid 4px #dcdcdc;
    background: #f8f8f8;
}

.Notifications:hover {
    cursor: pointer;
    border-left: solid 4px #124e0c;
}

.Notifications h3 {
    margin-left: 10px;
    padding-top: 5px;
    line-height: 30px;
    font-size: 14px;
}

.Notifications p {
    margin-left: 10px;
    color: #666666;
    font-size: 14px;
    text-indent: 25px;
    background: url(../images/en_img_10.png) no-repeat 0 center;
}

.Notifications2 {
    height: 36px;
    /* width:360px; */
    border-bottom: solid 1px #ececec;
    padding: 0 10px;
}

.Notifications2:hover {
    cursor: pointer;
}

.Notifications2 h3 {
    padding-top: 5px;
    line-height: 30px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Notifications2 p {
    padding-top: 2px;
    color: #666666;
    font-size: 14px;
    text-indent: 25px;
    background: url(../images/en_img_10.png) no-repeat 0 center;
}

.kuaijie {
}

.kuaijie li {
    float: left;
    width: 224px;
    margin-left: 20px;
    height: 60px;
    text-indent: 85px;
    background: #006fae;
}

.kuaijie li a {
    line-height: 60px;
    color: #FFF;
    font-size: 18px;
    width: 224px;
    height: 60px;
    display: block;
    background: #006fae;
}

.kuaijie li a.icon_01 {
    flaot: left;
}

.kuaijie li a.icon_02 {
    flaot: left;
}

.kuaijie li a.icon_03 {
    flaot: left;
}

.kuaijie li a.icon_04 {
    flaot: left;
}

.kuaijie li a.icon_05 {
    flaot: left;
}

/*内页样式*/
/*Route*/
.Route {
    line-height: 40px;
    height: 40px;
}

.Route .active {
    color: #124f0d;
}

.Route li {
    float: left;
}

.Route a {
    color: #333333;
    font-size: 14px;
}

.container_left {
    width: 285px;
}

.container_right {
    width: calc(100% - 305px);
    min-height: 700px;
}

.container_right_title {
    line-height: 40px;
    border-bottom: solid 1px #dcdcdc;
    font-size: 20px;
    color: #124e0c ;
}

.menu_biaoti {
    height: 60px;
    line-height: 60px;
    background: #01976b;
    color: #ffffff;
    font-weight: 500;
    font-size: 22px;
}

.side_xy_bt {
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 285px;
    height: 50px;
}

.new_list3 {
    line-height: 40px;
    font-size: 16px;
}

.new_list3 ul {
    margin-top: 5px;
}

.new_list3 dd {
    margin: 0px;
}

.new_list3 a {
    text-indent: 25px;
    background: url(../images/pic_14.png) no-repeat 0px center;
    display: block;
    color: #333333;
    width: calc(100% - 110px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.new_list3 a:hover {
    text-indent: 25px;
    background: url(../images/pic_13.png) no-repeat 0px center;
    color: #124f0d;
}

.container_right_title2 {
    border-bottom: solid 1px #dcdcdc;
}

.container_right_title2 h3 {
    text-align: center;
    font-size: 16px;
    color: #333333;
    line-height: 40px;
    font-weight: 500;
}

.container_right_title2 p {
    text-align: center;
    font-size: 12px;
    color: #999999;
    line-height: 30px;
}

.gray2 {
    color: #333333;
    line-height: 20px;
}

.gray2 p {
    line-height: 38px;
}

.ny_xyfg {
    width: 895px;
    margin-left: -1px;
}

.ny_xyfg li {
    float: left;
    width: 203px;
    height: 165px;
    margin-left: 17px;
    margin-bottom: 20px;
}

.ny_xyfg li img {
    width: 203px;
    height: 165px;
}

.index-box {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.index-box .w380 {
    width: calc(33.3% - 15px);
    margin: 0;
    background: #fff;
}

.index-ztzl {
    padding: 20px 0;
    position: relative;
}

.index-ztzl li a {
    display: block;
    padding-bottom: 45%;
    max-height: 130px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.index-ztzl li a .img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.index-ztzl .ztzl-prev {
    /* text-indent: 999px; */
    overflow: hidden;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 9;
    left: 0;
    top: 50%;
    margin-top: -15px;
    background: url(/system/_owners/tyxy/_webprj/images/banner-left.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    border: 0;
    z-index: 99;
}

.index-ztzl .ztzl-next {
    text-indent: 999px;
    overflow: hidden;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 50%;
    margin-top: -15px;
    background: url(/system/_owners/tyxy/_webprj/images/banner-right.png) no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    border: 0;
}

.banner .slick-prev:hover, .banner .slick-next:hover {
    opacity: 0.8;
}

.index-video img, .index-video video {
}

.nr{
    width:74%;
    overflow-x:auto;
}
.nr img,
.nr video{
    max-width:100%;
    height:auto !important;
}


.nr table{
    max-width:100%;
    display:flex;
    overflow-x:auto;
    justify-content:center;
}

@media (max-width: 1240px) {
    .logo img {
        height:70px;
    }

    .index-box {
        flex-wrap: wrap;
    }

    .index-box .w380 {
        width: calc(50% - 10px)
    }

    .index-box .xwsp {
        width: 100%;
        margin-top: 20px;
        text-align: center;
        height: 380px;
        overflow-x: auto;
    }

    .index-box .index-video div {
        margin: 0 auto;
    }
}

.menu-btn, .phone-menu {
    display: none;
}

@media (max-width: 992px) {
    .toubu {
        height:auto;
        overflow: hidden;
        padding: 10px 0;
    }

    .toubu>.logo {
        margin: 0;
    }

    .logo img {
        height: 50px;
    }

    .toubu>.search {
        display: none;
    }

    .menu-btn {
        display: block;
        width: 30px;
        cursor: pointer;
        position: absolute;
        right: 20px;
        top: 40px;
        z-index: 9;
        padding-top: 4px;
        -webkit-transform: translateY(-50%);
    }

    .menu-btn b {
        display: block;
        height: 3px;
        background-color: #fff;
        margin-bottom: 5px;
        border-radius: 2px;
        transition: 0.3s;
        -ms-transition: 0.3s;
        -moz-transition: 0.3s;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
    }

    .navbar {
        display: none;
    }

    .phone-menu {
        opacity: 0;
        visibility: hidden;
        position: fixed;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        display: block;
        background: #019fde;
        z-index: 99;
        width: 100%;
        height: calc(100% - 60px);
        overflow-y: auto;
        padding: 25px 3%;
        left: 0;
        top: 100%;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .phone-menu * {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .phone-menu .menu-btn b {
        background: #fff !important;
    }

    .phone-menu .navbar {
        /* margin-bottom: 20px; */
        display: block;
        float: none;
        width: 100%;
        background: none;
    }

    .phone-menu .navbar ul {
        float: none;
    }

    .phone-menu .navbar li > a:before {
        display: none;
    }

    .phone-menu .navbar li {
        float: none;
        width: 100%;
        padding: 5px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
        position: relative;
    }

    .phone-menu .navbar li > a {
        display: block;
        color: #fff;
        padding: 0;
        line-height: 40px;
        text-align: left;
        font-weight: normal !important;
        background: none !important;
        font-size: 16px;
    }

    .phone-menu .navbar li em {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 20px;
        background: url(../images/nav-select.png) center 25px no-repeat;
        font-style: normal;
        z-index: 9;
        list-style: none;
    }

    .phone-menu .navbar dd em {
        background: url(../images/nav-select.png) center 15px no-repeat;
    }

    .phone-menu .navbar .subnav {
        position: relative;
        display: none;
        background: none;
        padding: 0 0px 0 10px;
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-transition: 0s;
        transition: 0s;
    }

    .phone-menu .navbar .subnav dd {
        text-align: left;
        position: relative;
        background: none !important;
    }

    .phone-menu .navbar .subnav a {
        color: #fff !important;
        display: block;
        line-height: 30px;
        font-size: 14px;
    }

    .phone-menu .navbar li.active .subnav {
        display: block !important;
    }

    .phone-menu .navbar .lv3 {
        -webkit-transform: none !important;
        transform: none !important;
        background: none !important;
        position: relative;
        left: 0;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: 1;
        display: none;
        -webkit-transition: none;
        transition: none;
    }

    .phone-menu .navbar .lv3 a {
        padding: 0 10px;
    }

    .phone-menu .navbar dd:hover:after {
        display: none !important;
    }

    .phone-menu .top-link {
        margin-top: 15px;
        text-align: center;
    }

    .phone-menu .top-link a {
        display: inline-block;
        font-size: 1rem;
        color: #fff;
        padding: 10px;
    }

    body.side-right {
        overflow: hidden;
    }

    body.side-right .menu-btn b {
        display: none;
        margin: 0;
        position: absolute;
        background: #fff;
        left: 0;
        top: 50%;
        width: 30px;
    }

    body.side-right .menu-btn b:first-child {
        display: block;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
    }

    body.side-right .menu-btn b:last-child {
        display: block;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
    }

    body.side-right .phone-menu {
        opacity: 1;
        visibility: visible;
        top: 60px;
    }

    .container_left {
        width: 100%;
    }

    .container_right {
        width: 100%;
        float: none;
        margin-top: 20px;
    }

    ul.expmenu .menu {
        display: none;
    }
}

@media (max-width: 768px) {
    .index-box .w380 {
        width:100%;
        margin: 10px 0;
    }
    .nr table{
        justify-content:start;
    }
}

@media (max-width: 600px) {
    .logo img {
        height:40px;
    }

    .menu-btn {
        top: 30px;
    }
}

.banner a {
    display: block;
    width: 100%;
    height: 26vw;
    position: relative;
    overflow: hidden;
    max-height: 600px;
    min-height: 200px;
}

.banner a .img {
    width: 100%;
    height: 100%;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}