body{ background-color: #ffffff; }
.ui-page-main {padding-bottom: 350px;}
.ui-page-footer { height: 350px; margin-top: -350px;}

@media screen and (max-width: 750px) {
    .ui-box{ margin-bottom: 5px;}
    .ui-main-wrap, .ui-col-sub, .ui-col-extra{ position: static;}
    .ui-page-main {min-width: auto;padding-bottom: 270px;}
    .ui-page-footer { height: 270px; margin-top: -270px; min-width: auto; }
    .ui-grid-container { width: auto;}
    .ui-col-main{ float: none;}
    .ui-main-wrap { width: 100%; margin-left: 0; float: none;}
    .ui-col-sub { width: 100%; margin-left: 0; float: none; }
    .ui-col-extra { width: 100%; margin-left: 0; float: none;}
    .ui-grid-c1 .ui-main-wrap { width: 100%;}
    .ui-grid-c2m1 .ui-main-wrap,
    .ui-grid-c2m2 .ui-main-wrap { width: 100%; }
    .ui-grid-c2m2 .ui-col-sub { margin-left: 0 }
    .ui-grid-c2m3 .ui-main-wrap { width: 100%;}
    .ui-grid-c2m3 .ui-col-sub { width: 100%; margin-left: 0; }
    .ui-grid-c3m1 .ui-main-wrap,
    .ui-grid-c3m2 .ui-main-wrap,
    .ui-grid-c3m3 .ui-main-wrap { width: 100%; }
    .ui-grid-c3m2 .ui-col-extra { margin-left: 0; }
    .ui-grid-c3m2 .ui-main-wrap { margin-left: 100%; }
    .ui-grid-c3m3 .ui-col-sub {margin-left: 0;}
    .ui-grid-c3m4 .ui-col-sub,
    .ui-grid-c3m4 .ui-main-wrap,
    .ui-grid-c3m4 .ui-col-extra { width: 100%;}
    .ui-grid-c3m4 .ui-main-wrap { margin-left: 0;}
    .ui-grid-c3m4 .ui-col-extra { margin-left: 0; }
    .ui-grid-full-content { margin-left: 0 }
    .ui-grid-full{ width: 100%; margin-left: 0; left: 0;}
    .content img{ width: 100% !important; height: auto !important;}
}

img{ transition: all 0.5s; }
.pic-box .pic img{ max-width: none; max-height: none; width: 100%; height: 100%; object-fit: cover;}
.pic-box .pic img:hover{ transform: scale(1.5); }

a{ color: #535353; text-decoration: none}
a:active,a:visited,a:focus{text-decoration: none;}
a:hover{ color: #781919;}
.pagination a { background: #a92e2f; color: #ffffff; }
.pagination a:hover { color: #fff; background: #781919;}
.ui-box .ui-hd h3 { border-left: none; font-size: 28px; text-indent: 0;}
.ui-box .ui-hd h3:after{ content: " "; border-bottom: 3px solid #7e1621; height: 1px; width: 85px; position: absolute; top: 55px; left: 0px;}
.ui-box .ui-hd .more{ font-size: 16px; background: url("../img/arrows_r.png") 40px 6px no-repeat; background-size: 38px; padding-right: 42px; right: 30px; top: auto; bottom: 10px;}
.more:hover{ font-weight: 700;}

.ui-box-11 .ui-hd h3{ border-left: 3px #781919 solid; text-indent: 0.5em;}
.ui-box-11 .ui-hd h3:after{ display: none;}
@media screen and (max-width: 750px) {
    .ui-box .ui-hd h3{ font-size: 20px; text-indent: 0.5em;}
    .ui-box .ui-hd .more{ font-size: 12px; top: 30px; background: url(../img/arrows_r.png) 28px 4px no-repeat; background-size: 25px; padding-right: 42px;}
    .ui-box .ui-hd h3:after{ top: 48px; left: 9px;}
}



/*头部 MIN-NAV*/
.header .min-nav-box{background-color: #000000; line-height: 30px; height: 30px;}
.header .min-nav-box .min-nav{ float: left;}
.header .min-nav-box .min-nav,
.header .min-nav-box .min-nav a{ color: #ffffff;}
.header .min-nav-box .min-nav .welcome{ float: left;}
.header .min-nav-box .min-nav .login-box{ float: left;}
.header .min-nav-box .min-nav .login-box p a{ margin-left: 15px;}
.header .min-nav-box .lang-box{ float: right; margin-left: 30px; position: relative; height: 30px;}
.header .min-nav-box .lang-box .lang-list{ position: absolute; left: -9px; top: 29px; padding: 0 10px; background: #000; display: none; width: 60px;}
.header .min-nav-box .lang-box a{ color: #ffffff}
.header .min-nav-box .lang-box .lang-text{ cursor: pointer; color: #ffffff; *line-height: 20px;}
.header .min-nav-box .lang-box .lang-text i{ display: inline-block; margin-top: 11px; margin-left: 5px; border-top-color: #ffffff;}
.header .min-nav-box .lang-box.hover .lang-list{ display: block;}
/*头部*/
.top-banner-box{ position: fixed; width: 100%; z-index: 10; border-top: 4px solid #781a1a; background: linear-gradient(to bottom,rgba(0,0,0,0.8),rgba(255,255,255,0)); }
.top-banner-box .top-banner .logo{ margin-left: 75px; width: 270px; margin-top: 17px; float: left;}
.top-banner-box .top-banner .banner-right{ float: right; width: 38px; padding-top: 32px; margin-right: 75px;}
.top-banner-box .search-box{ float: right; position: relative; z-index: 100;}
.top-banner-box .top-search .input{ transition-duration: 0.1s; border-radius: 5px; width: 0; padding: 0; border: none; background-color: rgba(255, 255, 255, 1); }
.top-banner-box .top-search .input::-webkit-input-placeholder { color: white !important; }
.top-banner-box .top-search .input:-moz-placeholder { color: white !important; }
.top-banner-box .top-search .input::-moz-placeholder { color: white !important; }
.top-banner-box .top-search .input:-ms-input-placeholder { color: white !important; }
.top-banner-box .top-search:hover .input{ width: 250px; padding: 5px 10px;}

.top-banner-box .top-search .btn{ border: none; background: url(../img/ico_search.png) 0px 0px no-repeat; width: 25px; height: 25px; vertical-align: middle; position: absolute; right: 0;top: 0; border-radius: 50%; background-size: cover; margin-top: 2px;}
.top-banner-box .top-search:hover .btn{ background: url(../img/ico_search_1.png) 3px 4px no-repeat; background-size: 20px;}

.top-banner-box .top-banner .banner-left{ position: absolute; width: 322px; left: 100px; top: 42px; color: #ffffff; opacity: 0.6;}
.top-banner-box .top-banner .banner-left a{ font-size: 18px; color: #ffffff;}

.top-banner-box .top-banner .logo .web_site_logo{ display: block;}
.top-banner-box .top-banner .logo .web_site_logo_b{ display: none;}

.nav-2 .top-banner-box .top-banner .logo .web_site_logo{ display: none;}
.nav-2 .top-banner-box .top-banner .logo .web_site_logo_b{ display: block;}
.nav-2 .top-banner-box{background: #ffffff; box-shadow: 0 2px 10px #676767;}
.nav-2 .top-nav li a{ color: #313131;}
.nav-2 .top-search .btn{ border: none; background: url(../img/ico_search_r.png) 0px 0px no-repeat; background-size: cover;}
.nav-2 .top-banner-box .top-search:hover .btn{ background: url(../img/ico_search_2.png) 3px 4px no-repeat; background-size: 20px;}
.nav-2 .top-banner-box .top-search .input{ background-color: rgba(0, 0, 0, 1); color: #ffffff;}

.dj-page .top-banner-box{ background: #690e0d;}
.dj-page .top-banner-box .top-banner .banner-right{ padding-top: 30px; width: auto;}
.dj-page .nav-2 .top-nav li a{ color: #ffffff;}
.dj-page .top-search .btn,
.dj-page .top-search:hover .btn,
.dj-page .nav-2 .top-banner-box .top-search:hover .btn{ border: none; width: 25px; height: 25px;  background: url(../img/ico_search_1.png) 3px 3px no-repeat; background-color: #ffffff; background-size: 20px; }

.dj-page .top-nav li.active a, .dj-page .top-nav li a:hover, .dj-page .top-nav li.hover a{ color: #ffffff; font-weight: 700;}
.dj-page .top-banner-box .top-search .input{ width: 250px; padding: 5px 10px; background-color: rgba(255, 255, 255, 0.3); color: #ffffff; border-radius: 20px;}
.dj-page .top-nav{ float: right;}
.dj-page .main_nav #top_nav{ width: auto;}
@media screen and (max-width: 750px) {
    .nav-2 .mobile-top-banner-box{ background: #7e1621;}
    .top-banner-box{ position: relative; background: #7e1621;}
    .top-banner-box .top-banner .logo{ text-align: center; width: calc(100% - 60px); margin: 15px 30px;}
    .top-banner-box .top-banner .logo img{ width: 12em;}
}

/*头部主导航*/
.top-nav{ float: right; margin: 0 20px;}
.top-nav li{ float: left; position: relative; *z-index: 100}
.top-nav li a{ color: #ffffff; font-size: 16px; line-height: 88px; padding:0 10px; display: block;}
.top-nav li.active a,
.top-nav li a:hover,
.top-nav li.hover a{ color: #7e1621; line-height: 88px; }
.nav-1 .top-nav li.active a,
.nav-1 .top-nav li a:hover,
.nav-1 .top-nav li.hover a{ color: #ffffff; font-weight: bold;}
.top-nav li .sub-menu{ position: absolute; top: 88px; left: -50px; background-color: #ffffff; display: none; z-index: 100; width: 200px; border-top: 2px solid #7f3035; max-height: 600px; overflow: auto;}
.top-nav li .sub-menu a{ color: #666666 !important; border: none; font-size: 15px; line-height: 55px; text-align: center;}
.top-nav li.hover .sub-menu a{ background-color: #ffffff; font-weight: initial !important;}
.top-nav li .sub-menu a:hover,
.top-nav li .sub-menu .active a{ color: #781919 !important; background-color: #efedee;}
.top-nav li.hover .sub-menu{display: block;}

@media screen and (max-width: 750px) {
    .top-nav{ height: 3em; overflow: hidden; width: calc(100% - 40px); float: none;}
    .top-nav .nav-but{ float: right; font-size: 20px; width: 10%; color: #ffffff; text-align: center; line-height: 2.5em;}
    .top-nav .banner-img{ float: left; text-align: left;}
    .top-nav .banner-img img{ width: 14em;}

    .m-top-nav-box{ width: 100%; position: fixed; height: 100vh; top: 0; left: 0;z-index: 100; transition: left 1.3s; -webkit-transition: left 1.3s;}
    .m-top-nav-box.hi-box{ left: -1000px;}
    .m-top-nav { width: 60%; height: 100vh; background-color: #ffffff;  padding: 20px; box-shadow: 10px -5px 29px #000000;}
    .m-top-nav .sub-menu{ display: none; padding-left: 20px;}
    .m-top-nav li .item-a{ display: flex; width: 100%; justify-content: space-between; line-height: 40px; font-size: 15px;}
    .m-top-nav li .jiuIconfont{ font-size: 10px; color: #c2c2c2;}
    .m-top-nav li.hover .sub-menu{ display: block;}
    .m-top-nav li.active .sub-menu a{ color: #0a001f;}
    .m-top-nav li.active a,
    .m-top-nav li.active .sub-menu .active a{ color: #cb2122;}
    .m-top-nav li .sub-menu a{ line-height: 40px;}
    .m-top-nav .gb-but{ position: absolute; top: 40%; right: 10%; color: #ffffff; background: #cb2122; padding: 4px 10px; border-radius: 50%;}

}
@media screen and (max-width: 1366px) {
    .top-banner-box .top-banner .logo{ display: none;}
    .zx-page .top-banner-box .top-banner .logo{ display: block;}
    .dj-page .top-banner-box .top-banner .logo{ display: block;}
}

.main_nav #top_nav { margin: 0 auto;}
/*底部*/
.footer{ background-color: #580000;}
.footer .footer-nav-box{ width: 100%; padding-top: 30px;}
.footer,
.footer .footer-nav a,
.footer .footer-bottom a{ color: #ffffff;}
.footer .footer-bottom,
.footer .footer-bottom a{ color: #847e6e;}
.footer .footer-nav dl{ float: left; width: 150px; margin-right: 15px;}
.footer .footer-nav dl.extend{ width: 500px;}
.footer .footer-nav{ float: left; margin-top: 30px;}
.footer .footer-right{ float: right; margin-top: -20px;}
.footer .footer-right .pic{ border: none; width: 94px; float: left; text-align: center; position: relative; margin-right: 15px;}
.footer .footer-right .pic .title{ color: #b68483; }
.footer .footer-bottom{ border-top: 1px #ffffff solid; padding-top: 30px; margin-top: 30px; padding-bottom: 30px}
.footer .footer-bottom .left{ margin: 0 auto;}
.footer .footer-bottom .right{ float: right;}
.footer .footer-logo{ margin-right: 200px; max-width: 360px;}

@media screen and (max-width: 750px) {
    .footer .footer-right{ display: flex; justify-content: space-around; width: 100%;}
    .footer .footer-right .pic{ margin-right: 0; width: 94px; height: 94px; overflow: hidden;}
    .footer .footer-nav{padding-left: 0; padding-top: 0; display: flex;}
    .footer .footer-nav dl.extend{ width: 50%;}
    .footer .footer-bottom{ padding-top: 0; margin-top: 0;}

}
.rtop em,
.rtop span,
.rtop a { color: #ffffff; }
.rtop-box{ position: relative; z-index: 2;}
.rtop-box:after{ content: " "; background: linear-gradient(to right,rgba(88,0,0,1),rgba(105,16,16,1)); width: 500px; height: 45px; position: absolute; top: -4px; left: -507px; z-index: 1;}
.rtop { position: relative; z-index: 2 ; display: inline-block;}
.rtop:after{ content: " "; background: linear-gradient(to right,rgba(105,16,16,1),rgba(120,26,26,1));  width: calc(100% + 100px); height: 45px; position: absolute; top: -4px; left: -7px; z-index: 1;}
.rtop:before{ content: " "; background: url(../img/rtop_bg.png) 0 0 no-repeat; width: 50px; height: 45px; position: absolute; z-index: 2; right: -140px; top: -4px;}
.rtop-text{ display: inline-block; position: relative; z-index: 3; line-height: 2.5;}
@media screen and (max-width: 750px) {
    .rtop-box{ padding-left: 5px;}
    .rtop:after, .rtop:before{ display: none;}
    .rtop-text{ line-height: 1.2;}
    .rtop em,
    .rtop span,
    .rtop a{ color: #535353;}
}
.ui-d-page-header{ position: absolute; z-index: 100; width: 100%;}
.d-top-nav .dtop_nav #top_nav{ width: 1080px;}
.d-top-nav .banner-right{ float: right; width: 1080px; margin-top: 16px;}

.d-top-nav{ background: none;}
.d-top-nav li.active a, .d-top-nav li a:hover, .d-top-nav li.hover a{ background: none; color: #b0b0b0;}
.d-top-nav-logo { float: left; padding: 20px; margin-left: 50px;}
.d-top-nav-logo img{ width: 440px;}

.ui-zs-page-header{ background: #bf0203;}
.ui-zs-page-header #top_nav{ float: right;}
.ui-zs-page-header .top-banner-box .search-box{ margin-right: 40px;}
/*列表*/
.list ul{ *zoom:1;}
.list li{ display: block; position: relative;}
.list ul:before,
.list ul:after { content: ""; display: table;}
.list ul:after { clear: both;}
.list li .pic-box{ width: 182px; height: 137px; float: left; margin-right: 20px;}
.list li .pic-box .pic{ width: 170px; height: 125px; *line-height: 120px;}
.list li .pic-box .pic:hover{ border-color: #950404}
.list li .pic-box .pic img{ max-width:170px; max-height: 125px;}
.list li .info{ *float: left; width: 100%;}
.list li .info .title{ margin-bottom: 10px; font-size: 14px; overflow: hidden; display: block;}
.list li .info .description{ height: 76px; display: block; overflow: hidden; color: #666666}
.list li .extra em{ *float: left;}
.list li .extra .more{ float: right; margin-right: 10px;}

.new-list .list li{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px #cccccc solid; *zoom: 1}
.new-list .list li:nth-last-child(1){ border: none;}
.new-list-1 .list ul{ margin-left: -20px;}
.new-list-1 .list li{ float: left; width: 285px; margin-left: 20px; margin-bottom: 20px; box-shadow: 1px 1px 1px #0a001f; box-shadow: 0px 1px 5px #bdbcbf; background-color: #ffffff;}
.new-list-1 .list li .pic-box{ width: 285px; height: 214px; float: none;}
.new-list-1 .list li .pic-box .pic{ width: 285px; height: 214px; *line-height: 194px; position: relative; padding: 0;}
.new-list-1 .list li .pic-box .pic img{ max-width:285px; max-height: 214px;}
.new-list-1 .list li .info .title{ margin: 0; line-height: 3; padding: 0 10px;}
.new-list-1 .list li .info .description{ height: 50px;}
.new-list-1 .list li .pic-box .pic .ui-icon-video_fill_light{ position: absolute; font-size: 40px; top: 30%; right: 42%; color: #ffffff;}

@media screen and (max-width: 750px) {
    .list li .info .title{ font-size: 14px;}
    .new-list-1 .list ul{ margin-left: 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
    .new-list-1 .list li{ display: flex; flex-direction: column; width: 49%; margin-left: 0; margin-bottom: 20px; }
    .new-list-1 .list li .pic-box{ display: flex; width: 100%; height: 100%; height: auto; }
    .new-list-1 .list li .pic-box .pic{ width: 100%; height: auto;}
    .new-list-1 .list li .pic-box .pic img{ max-width: 100%; max-height: 100%;}
    .new-list-1 .list li .pic-box .pic .ui-icon-video_fill_light{ font-size: 30px;}
}

.ui-col-sub .ui-bd{ background-color: #f9f9f9;}
.ui-col-sub .new-list .list li{ margin-bottom: 0; padding-bottom: 0; border: none; border-bottom: 2px solid #ededed;}
.ui-col-sub .new-list-1 .list li{ margin-bottom: 15px;}
.ui-col-sub .new-list-1 .list li .pic-box{ width: 220px; height: 175px;}
.ui-col-sub .new-list-1 .list li .pic-box .pic{ width: 208px; height: 162px; *line-height: 150px;}
.ui-col-sub .new-list-1 .list li{ width: 220px;}

@media screen and (max-width: 750px) {
    .ui-col-sub .new-list-1 .list li .pic-box{ width: 100%; height: 100%;}
    .ui-col-sub .new-list-1 .list li .pic-box .pic{ width: 100%; height: 100%;}
    .ui-col-sub .new-list-1 .list li{ width: 49%;}
}
.picb-list .list ul{ margin-left: -10px;}
.picb-list .list li{ margin-left: 10px; margin-bottom: 10px; width: 293px;}
.picb-list .list li .pic-box{ width: 293px; height: 214px; float: none;}
.picb-list .list li .pic-box .pic{ width: 293px; height: 214px; position: relative; padding: 0;}
.picb-list .list li .pic-box .pic img{ max-width:293px; max-height: 214px;}
.picb-list .list li{ position: relative;}
.picb-list .list li .info{ position: absolute; bottom: 0; left: 0; width: 293px; background: linear-gradient(to top,rgba(0,0,0,0.8),rgba(255,255,255,0)); }
.picb-list .list li .info a{ color: #ffffff; text-align: right;}
@media screen and (max-width: 750px) {
    .picb-list .list li{ width: 100%;}
    .picb-list .list li .info{ width: 100%;}
    .picb-list .list li .pic-box{ width: 100%;}
    .picb-list .list li .pic-box .pic{ width: 100%;}
    .picb-list .list li .pic-box .pic img{ max-width: none; max-height: none;}
}

.search-page .new-list .list li{ margin-bottom: 5px; padding-bottom: 0; border-bottom:1px dotted #e5e5e5;}

/*全屏滚动图片 带缩略图导航*/
/*.ad-banner-box .swiper-container{ height: 900px;}*/
.ad-banner-box{ overflow: hidden; position: relative}
.ad-banner-box .ad-banner-list { position: relative; }
.ad-banner-box .ad-banner-list li{ text-align: center;}
.ad-banner-box .ad-banner .banner-arrow{position: absolute; top: 50%; margin-top: -25px; width: 28px; height: 51px; z-index: 10; cursor: pointer}
.ad-banner-box .ad-banner .banner-arrow-left { background: url(../img/index_tab_l.png) no-repeat left bottom;  left: 330px;}
.ad-banner-box .ad-banner .banner-arrow-right { background: url(../img/index_tab_r.png) no-repeat left bottom; right: 330px;}
.ad-banner-box .banner-pagination { position: absolute; left: 0; text-align: center; bottom:60px; width: 100%; z-index: 10;}
.ad-banner-box .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #dadada; box-shadow: 0px 1px 2px #565656 inset; margin: 0 3px; cursor: pointer; }
.ad-banner-box .swiper-active-switch {background: #950404;}

.ad-banner-box .ad-banner-nav-box { overflow: hidden; position: absolute; bottom: 0; height: 97px; background: url(../img/bg_touming.png) repeat-x; width: 1000px; z-index: 1; margin-left: 440px}
.ad-banner-box .ad-banner-nav-box .swiper-container{ height: 97px; width: 665px;}
.ad-banner-box .ad-banner-nav li { filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; width: 121px; height: 54px; float: left; cursor: pointer; padding-left: 10px; margin-top: 21px; }
.ad-banner-box .ad-banner-nav li img{ width: 100%; height: 100%;}
.ad-banner-box .banner-arrow{ position: absolute; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10; cursor: pointer}
.ad-banner-box .banner-arrow-left { background: url(../img/feel3.png) no-repeat left bottom; left: 140px; }
.ad-banner-box .banner-arrow-right { background: url(../img/feel4.png) no-repeat left bottom; right: 140px;}
.ad-banner-box .ad-banner-nav li.active-nav{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}


.device { width: 900px; height: 550px; position: relative; }
.device .swiper-container { height: 550px; width: 900px; }
.device .arrow-left { background: url(../img/arrows.png) no-repeat left top; position: absolute; left: 30px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index: 100; border: none;}
.device .arrow-right { background: url(../img/arrows.png) no-repeat left bottom; position: absolute; right: 30px; top: 50%; margin-top: -15px; width: 17px; height: 30px; z-index: 100; border: none;}
.device .content-slide { padding: 20px; color: #fff; }
.device .title { font-size: 25px; margin-bottom: 10px; }
.device .gd-pagination { position: absolute; left: 0; text-align: center; bottom:38px; width: 100%; z-index: 10;}
.device .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #dadada; box-shadow: 0px 1px 2px #adadad inset; margin: 0 3px; cursor: pointer; }
.device .swiper-active-switch {background: #950404;}

@media screen and (max-width: 750px) {
    .device{ width: 100%; height: auto;}
    .device .swiper-container { width: 100%; height: auto;}
    .device .gd-pagination{ bottom: 0;}
}

.index-box{ padding-top: 20px; padding-bottom: 0;}
.index-box .ui-bd{ margin-top: 24px; padding: 0;}

.index-box-1{ padding-top: 50px;}
.index-box-1 .device{ float: left; width: 590px; height: 433px; overflow: hidden;}
.index-box-1 .device .swiper-container{ width: 590px;}
.index-box-1 .device .swiper-slide{ position: relative;}
.index-box-1 .device .info{ position: absolute; bottom: 0; left: 0; width: 560px; padding: 15px; background: linear-gradient(to bottom,rgba(255,255,255,0),rgba(0,0,0,0.8)); color: #ffffff; padding-bottom: 30px; width: 560px;}
.index-box-1 .device .info h4{ font-size: 18px;}
.index-box-1 .device .img{ width: 590px; height: 433px; overflow: hidden; text-align: center; display: flex; align-items: center;}

.index-box-1 ul li { float: left; border-bottom: 5px solid #950404; padding: 66px 15px 30px; width: 260px; box-shadow: -2px -3px 8px #cacaca; margin-left: 15px; margin-bottom: 15px; background-color: #ffffff;}
.index-box-1 ul li .info{ height: 70px; overflow: hidden;}
.index-box-1 ul li a{ font-size: 18px;}
.index-box-1 ul li .time{ text-align: right; color: #cccccc; padding-top: 10px;}

@media screen and (max-width: 750px) {
    .index-box-1 .device{ float: none;}
    .index-box-1 .device .swiper-container, .index-box-1 .device{ width: 100%; height: auto !important;}
    .index-box-1 .device .info{ width: auto;}
    .index-box-1 .device .img { width: 100%; height: 300px;}
    .index-box-1 .device .info p{ display: none;}
    .index-box-1 .list-box{ margin-top: 20px;}
    .index-box-1 ul { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 10px;}
    .index-box-1 ul li{ margin-left: 0; margin-bottom: 10px; width: 43%; padding: 20px 10px 10px;}
    .index-box-1 ul li a{ font-size: 14px;}
}

.index-box-2 { width: 640px; float: left; clear: none;}
.index-box-3{ margin-left: 60px; width: 500px; float: left; clear: none;}
.deviceA{ height: 630px; background-color: #f5f5f5;}
.deviceA,
.deviceA.device .swiper-container{ width: 640px; height: 640px;}
.deviceA .img{ width: 640px; height: 455px; overflow: hidden; text-align: center; display: flex; align-items: center;}
.deviceA .info{  padding: 25px 60px;}
.deviceA .info .t{ text-align: center;}
.deviceA .info .t span{ margin: 0 auto; display: inline-block; background: linear-gradient(to right,rgba(121,27,27,1),rgba(237,153,93,0.8)); color: #ffffff; padding: 2px 10px;}
.deviceA .gda-pagination { position: absolute; left: 0; text-align: center; bottom:14px; width: 100%; z-index: 10;}
.deviceA .info h4{ font-size: 16px;}
.deviceA .arrow-left,
.deviceA .arrow-right{ top: 500px;}
.deviceA .arrow-left { background: url(../img/a_l.png) no-repeat left bottom;}
.deviceA .arrow-right { background: url(../img/a_r.png) no-repeat left bottom; width: 20px;}

@media screen and (max-width: 750px) {
    .deviceA,
    .deviceA.device .swiper-container{ width: 100%; height: auto !important;}
    .deviceA .img { width: 100%; height: 300px;}
    .deviceA .info{ padding: 17px;}
    .deviceA .arrow-left, .deviceA .arrow-right{ display: none;}
    .index-box-3{ margin-left: 0;}
}

.index-sfq{ background-color: #f5f5f5; padding: 15px;}
.index-sfq li{ border-bottom: 2px solid #e9e9e9; padding: 15px;}
.index-sfq li .pic-box{ width: 440px; height: 250px; display: none;}
.index-sfq li .pic-box .pic{ padding: 0; border: none; width: 440px; height: 250px;}
.index-sfq li.hover{ border-bottom-color: #761a1f; background-color: #ffffff;}
.index-sfq li.hover .pic-box{ display: table;}
.index-sfq li .time{ text-align: right; color: #cccccc; padding-top: 4px;}
.index-sfq li .title{ font-size: 16px;}
@media screen and (max-width: 750px) {
    .index-sfq{ padding: 0;}
    .index-sfq li .pic-box{ width: 100%;}
}
.index-s0 li{ background-color: #ffffff; margin-bottom: 12px; padding: 10px;}
.index-s0 li .pic-box{ width: 300px; height: 180px; float: left; margin-right: 35px;}
.index-s0 li .pic-box .pic{width: 300px; height: 180px; padding: 0; border: none;}
.index-s0 li .pic-box .pic img{ max-width: 300px; max-height: 180px;}
.index-s0 li .info{ padding: 15px; padding-top: 30px;}
.index-s0 li .time{ text-align: right; color: #cccccc; padding-top: 4px;}
.index-s0 li .title{ font-size: 16px;}
@media screen and (max-width: 750px) {
    .index-s0 li .pic-box{ width: 100px; height: 100px; margin-right: 15px;}
    .index-s0 li .pic-box .pic{width: 100px; height: 100px;}
    .index-s0 li .info{ padding: 0;}
}


.index-s1{ background-color: #ffffff; display: table; content: " "; padding: 20px 10px; margin-left: -5px;}
.index-s1 li{margin-bottom: 10px; float: left; width: 210px; border-bottom: 1px solid #b6b5bd; margin-left: 25px; margin-top: 20px;}
.index-s1 li .pic-box{ width: 208px; height: 170px; margin-right: 35px;}
.index-s1 li .pic-box .pic{width: 208px; height: 170px; padding: 0; border: none;}
.index-s1 li .pic-box .pic img{ max-width: 208px; max-height: 170px;}
.index-s1 li .info{}
.index-s1 li .time{ text-align: center; color: #cccccc; padding-top: 4px;}
.index-s1 li .title{ font-size: 16px; display: block; height: 58px; overflow: hidden;}

@media screen and (max-width: 750px) {
    .index-s1 { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 10px;}
    .index-s1 li .pic-box{ width: 100%;}
    .index-s1 li{ margin-left: 0; margin-bottom: 10px; width: 49%; padding: 0;}
    .index-s1 li a{ font-size: 14px;}
}


.index-s2-box .column-name{ text-align: center; font-size: 18px; position: relative; margin-bottom: 20px;}
.index-s2-box .column-name span{ font-size: 20px; width: 125px; display: block; position: relative; margin: auto; background-color: #ffffff; z-index: 1;}
.index-s2{ margin-top: 40px; width: 295px; background-color: #ffffff; display: table; content: " "; padding: 15px 0; float: left;}
.index-s2 li{margin-bottom: 10px; width: 295px; border-bottom: 1px solid #b6b5bd;}
.index-s2 li .pic-box{ width: 295px; height: 240px; margin-right: 35px;}
.index-s2 li .pic-box .pic{width: 295px; height: 240px; padding: 0; border: none;}
.index-s2 li .pic-box .pic img{ max-width: 295px; max-height: 240px;}
.index-s2 li .info{padding: 11px 0;}
.index-s2 li .time{ text-align: center; color: #cccccc; padding-top: 4px;}
.index-s2 li .title{ font-size: 16px; display: block; height: 58px; overflow: hidden;}
.index-s2-r{ float: right;}
.index-s2-box .column-name b:after{ content: " "; border-bottom: 3px solid #7e1621; height: 1px; width: 206px; position: absolute; top: 14px; left: 40px;}
.index-s2-box .more{ font-size: 16px; display: block; text-align: center; margin-top: 20px;}

@media screen and (max-width: 750px) {
    .index-s2{ width: 100%;}
    .index-s2 ul{ padding: 10px;}
    .index-s2 li{ width: 100%;}
    .index-s2-box .column-name b:after{ width: 318px;}
    .index-s2 li .pic-box, .index-s2 li .pic-box .pic{ width: 100%;}
    .index-s2 li .pic-box .pic img{ max-width: none;}
}


.dc-box ul{ margin-left: -5px; }
.dc-box li{ float: left; margin-left: 5px; margin-bottom: 5px; width: 315px; position: relative; overflow: hidden;}
.dc-box li .pic-box{ width: 315px; height: 380px; position: relative;}
.dc-box li .pic-box .pic { width: 315px; height: 380px; padding: 0; border: none; *line-height: 266px;}
.dc-box li .pic-box .pic img{ max-width: none; max-height: none; width: 100%; height: 100%; object-fit: cover;}

.dc-box li.img-b{ width: 560px;}
.dc-box li.img-b .pic-box{ width: 560px; height: 380px; position: relative;}
.dc-box li.img-b .pic-box .pic { width: 560px; height: 380px; padding: 0; border: none; *line-height: 266px;}
.dc-box li.img-b .pic-box .pic img{ max-width: none; max-height: none; width: 560px;}

.dc-box li .info{ position: absolute; z-index: 1; background: linear-gradient(to right,rgba(88,0,0,0.35),rgba(88,0,0,0.35));
bottom: 0; color: #ffffff; height: 80px; width: 100%;}
.dc-box li .info a{ color: #ffffff; display: block; padding: 18px;}

@media screen and (max-width: 750px) {
    .dc-box li,.dc-box li .pic-box, .dc-box li .pic-box .pic{ width: 100%; height: 350px;}
}

.yy-index-box ul{ margin-left: -25px;}
.yy-index-box li{ float: left; background-color: #ffffff; margin-bottom: 25px; box-shadow: -2px -3px 8px #cacaca;; margin-left: 25px; width: 376px;}
.yy-index-box li .pic-box{ width: 376px; height: 376px; position: relative;}
.yy-index-box li .pic-box .pic { width: 376px; height: 376px; padding: 0; border: none; *line-height: 266px;}
.yy-index-box li .pic-box .pic img{ max-width: none; max-height: none; width: 100%; height: 100%; object-fit: cover;}
.yy-index-box li .info{ padding: 15px;}
.yy-index-box li .info a{ font-size: 16px; text-align: center;}
.yy-index-box li .info .lists a{ color: #5b5b5b; font-size: 16px; text-align: left;}
.yy-index-box li .pic-box .ui-icon-video_fill_light{ font-size: 40px; opacity: 0.7; color: #ffffff; position: absolute; top: 45%; right: 45%; z-index: 1}
.yy-index-box li .info .description{ font-size: 14px; margin: 15px 0; display: block;}
.yy-index-box li .btn-danger{ background-color: #950404; border: none; font-size: 20px; display: block; margin: 0 auto; width: 180px; padding: 10px;}
.yy-index-box .ui-box .ui-bd { padding: 10px; overflow: hidden; margin-bottom: 60px;}

@media screen and (max-width: 750px) {
    .yy-index-box{ margin-bottom: 0;}
    .yy-index-box li{ width: calc(100% - 30px);}
    .yy-index-box li .pic-box{ width: 100%; height: auto; }
    .yy-index-box li .pic-box .pic { width: 100%; height: auto;}
    .yy-index-box li .pic-box .pic img{ max-width: 100%; max-height: none; width: 100%;}
    .yy-index-box li .pic-box .ui-icon-video_fill_light{ top: 24%; right: 42%;}
    .yy-index-box li .info a{ font-size: 13px;}
    .yy-index-box li .btn-danger{ font-size: 12px; width: 80px; padding: 5px;}
}


.deviceB .column-name b:after{ left: 117px; border-color: #000000;}
.deviceB{ float: left; box-shadow: 0 2px 10px #676767; margin: 25px;}
.deviceB,
.deviceB.device .swiper-container{ width: 560px; height: 680px;}
.deviceB .img{ width: 560px; height: 455px; overflow: hidden; text-align: center; display: flex; align-items: center;}
.deviceB .info{  padding: 25px 60px;}
.deviceB .info .t{ text-align: center;}
.deviceB .info .t span{ margin: 0 auto; display: inline-block; background: linear-gradient(to right,rgba(121,27,27,1),rgba(237,153,93,0.8)); color: #ffffff; padding: 2px 10px;}
.deviceB .gdb-pagination { position: absolute; left: 0; text-align: center; bottom:14px; width: 100%; z-index: 10;}
.deviceB .info h4{ font-size: 16px;}
.deviceB .arrow-left,
.deviceB .arrow-right{ top: 500px;}
.deviceB .arrow-left { background: url(../img/a_l.png) no-repeat left bottom;}
.deviceB .arrow-right { background: url(../img/a_r.png) no-repeat left bottom; width: 20px;}
@media screen and (max-width: 750px) {
    .deviceB, .deviceB.device .swiper-container{ width: 100%; margin: 0;}
    .deviceB .info p{ display: none;}
    .deviceB .info{  padding: 25px 18px;}
    .deviceB .column-name b:after{ display: none;}
    .index-s2-box .more{ margin-top: 0; margin-bottom: 25px;}
    .deviceB{ margin-bottom: 15px;}
}

.device .img img{ max-width: none; max-height: none; width: 100%; height: 100%; object-fit: cover;}
.device .img img:hover{ transform: scale(1.5); }

.cjcx-box .ban_box{ background: url("../img/cjcx.png") -8px -11px no-repeat; width: 519px; height: 260px; position: absolute; bottom: -50px; left: 350px; box-shadow: 0 2px 10px #676767;}
.cjcx-box .ban_box a{ color: #ffffff; background: linear-gradient(to right,rgba(88,0,0,1),rgba(120,26,26,1)); padding: 10px 30px; position: absolute; right: 187px; bottom: 46px; border-radius: 26px; font-size: 16px; }
.cjcx-box .ban_box a, .cjcx-box img{transition: all 0.5s;}
.cjcx-box .ban_box a:hover,.cjcx-box img:hover{ transform: scale(1.2); }

@media screen and (max-width: 750px) {
    .cjcx-box .ban_box{ width: 100%; left: 0; background-size: cover; height: 100%; background-position: 0 -19px; display: flex; justify-content: center; align-items: end;}
    .cjcx-box .ban_box a{ position: static; height: 25px; margin-bottom: 30px;}
}


.subnaudio{margin-bottom: 30px; padding-bottom: 30px; box-shadow: 3px 4px 8px #676767;}
.subnaudio .top{ width: 100%; text-align: center; }
.subnaudio .top h3{ margin-top: 0; font-size: 30px; padding-top: 30px; font-weight: 300;}
.subnaudio li{  line-height: 3; font-size: 15px; padding: 0 15px; position: relative; margin-left: 45px;}
.subnaudio li:after{ content: " "; border-left: 1px solid #7e1621; height: 45px; position: absolute; top: 0px; left: -20px; z-index: 1;}
.subnaudio li:before{ content: " "; border-bottom: 1px solid #7e1621; height: 1px; width: 30px; position: absolute; top: 20px; left: -20px; z-index: 1;}
.subnaudio li a{ text-align: center; margin: 0 auto; display: inline-block; line-height: 1.5;}
.subnaudio li .sub-menu{ display: none; margin-left: 10px;}
.subnaudio li dl.sub-menu a{ font-weight: 300}
.subnaudio li.active .sub-menu{ display: block;}
.subnaudio li.active a{ font-weight: 700; color: #ffffff; background-color: #7e1621; padding: 5px 10px; position: relative; z-index: 2;}
.subnaudio li.active::before{ width: 110px;}
.subnaudio li.active .sub-menu a{  border: none; font-size: 14px; padding: 0}
.subnaudio li.active .sub-menu dd.active a{font-weight: 700; }
.subnaudio li a .arrow{ display:none; float: right; width: 12px;height: 12px;margin-top: 30px;margin-right: 10px; background: url("../img/icon-nav-left.png") no-repeat;}
.subnaudio li.active a .arrow{margin-right: 18px;margin-top: 30px; float: right; background: url("../img/icon-nav-bottom.png") no-repeat;}
.subnaudio li:nth-last-child(1){ border: none;}
.subnaudio li dl.sub-menu a{ background-color: #ffffff; color: #535353;}
.subnaudio li dl.sub-menu dd.active a{ color: #7e1621;}

@media screen and (max-width: 750px) {
    .subnaudio{ height: 42px; overflow: hidden; box-shadow: 0px 1px 8px #676767;}
    .subnaudio .top{ display: none; }
    .subnaudio{padding: 0 10px; margin: 0;}
    .subnaudio li{ float: left; line-height: 1.5; font-size: 14px; padding: 10px;}
    .subnaudio li a{ font-size: 14px;}
    .subnaudio li:after, .subnaudio li:before{ border: none;}
}

.dj-index-box .ui-hd h3{ background-color: #781a1a; display: inline-block; color: #ffffff; padding: 5px 10px; font-size: 24px;}
.dj-index-box .ui-hd h3:after{ border: none;}
.dj-index-box-1{ margin-top: 50px;}
.dj-index-box-1 .ui-bd{ background-color: #ffffff;}
.dj-index-box-1 ul{ padding: 15px;}
.dj-index-box-1 ul li{ padding: 18px 10px; border-bottom: 2px dotted #d4d4d4; position: relative;}
.dj-index-box-1 ul li a{ font-size: 16px;}
.dj-index-box-1 ul li .time{ float: left; margin-right: 135px; color: #d4d4d4;}
.dj-index-box-1 ul li:after{ content: " "; border-bottom: 2px solid #d4d4d4; position: absolute; width: 113px; height: 1px; bottom: 32px; left: 101px;}
.dj-index-box-1 ul li:last-child{ border: none;}
@media screen and (max-width: 750px) {
    .dj-index-box-1 ul li .time{ display: none;}
    .dj-index-box-1 ul li a{ font-size: 12px;}
    .dj-index-box-1 ul li:after{ display: none;}
}

.dj-index-box .ui-bd h3{ background-color: #781a1a; display: inline-block; color: #ffffff; padding: 5px 10px; font-size: 24px;}
.dj-index-box .more { font-size: 18px; background: url(../img/arrows_r.png) 44px 6px no-repeat; background-size: 38px; padding-right: 42px; }
.dj-index-box .more1{display: block; margin: 0 auto; width: 50px;}

.dj-index-box-2 .device{ float: left; width: 570px; height: 535px; overflow: hidden;}
.dj-index-box-2 .device .swiper-container{ width: 570px;}
.dj-index-box-2 .device .swiper-slide{ position: relative;}
.dj-index-box-2 .device .info{ margin-top: 33px;}
.dj-index-box-2 .device .info h4{ font-size: 18px;}
.dj-index-box-2 .device .img{ width: 570px; height: 450px; overflow: hidden; text-align: center; display: flex; align-items: center;}
.dj-index-box-2 .device .gd-pagination{ bottom: 55px;}

.dj-index-box-2 .list-box{ float: left; margin-left: 10px; width: 620px;}
.dj-index-box-2 .list-box li{ margin-bottom: 8px; display: table; background-color: #ffffff; width: 100%;}
.dj-index-box-2 .list-box li .time{ padding: 10px; float: left; background-color: #865a5b; color: #ffffff; font-size: 17px; text-align: center; line-height: 1.2; }
.dj-index-box-2 .list-box li .time span{ font-size: 28px;}
.dj-index-box-2 .list-box li .info{ width: 490px; float: left; padding: 15px; font-size: 20px; line-height: 44px;}

@media screen and (max-width: 750px) {
    .dj-index-box-2 .device{ float: none; width: 100%; height: auto !important;}
    .dj-index-box-2 .device .swiper-container{ width: 100%; height: auto !important;}
    .dj-index-box-2 .device .img{ width: 100%; height: 20rem;}
    .dj-index-box-2 .device .gd-pagination{ bottom: 33px;}
    .dj-index-box-2 .list-box{ margin: 0; width: 100%;}
    .dj-index-box-2 .list-box li{ display: flex;}
    .dj-index-box-2 .list-box li .time{ width: 77px; font-size: 14px;}
    .dj-index-box-2 .list-box li .info{ width: 60%; font-size: 14px; line-height: 35px;}
    .dj-index-box .ui-bd h3{ font-size: 20px;}
    .dj-index-box .more{display: block; margin: 0 auto; width: 50px; float: none !important;}
}


.dj-index-box-3 .device{ margin-bottom: 30px; width: 575px; height: 478px; overflow: hidden; box-shadow: 0px 0px 5px #676767;}
.dj-index-box-3 .device .swiper-container{ width: 575px;}
.dj-index-box-3 .device .swiper-slide{ position: relative;}
.dj-index-box-3 .device .info{ margin-top: 33px;}
.dj-index-box-3 .device .info h4{ font-size: 18px; text-align: center;}
.dj-index-box-3 .device .img{ margin: 65px 125px; width: 300px; height: 300px; overflow: hidden; text-align: center; display: flex; align-items: center;}
.dj-index-box-3 .device .gd-pagination{ bottom: 55px;}

.dj-index-box-3 .list-box{ float: right; margin-left: 10px; width: 575px; }
.dj-index-box-3 .list-box ul{ margin-bottom: 30px; box-shadow: 1px 1px 3px #898484; background-color: #ffffff; padding: 15px;}
.dj-index-box-3 .list-box li{ display: table;  width: 100%; border-bottom: 2px solid #ededed;}
.dj-index-box-3 .list-box li .time{ text-align: right; color: #c3c3c3; margin-bottom: 11px;}
.dj-index-box-3 .list-box li .time span{ font-size: 22px;}
.dj-index-box-3 .list-box li .info{ width: 490px; padding: 11px; padding-top: 20px; font-size: 18px; line-height: 1.5;}
.dj-index-box-3 .list-box li .info .describe{ font-size: 16px; line-height: 1.5; margin-left: 20px; margin-top: 5px; color: #666666; height: 48px; overflow: hidden;}

@media screen and (max-width: 750px) {
    .dj-index-box-3 .device{ width: 100vw;}
    .dj-index-box-3 .device .swiper-container{ width: 100% !important;}
    .dj-index-box-3 .device .img{ width: 100vw; margin: 0; display: block;}
    .dj-index-box-3 .list-box{ width: 100vw;}
    .dj-index-box-3 .list-box li .info{ width: 100%; padding: 0; font-size: 14px;}
    .dj-index-box-3 .list-box li .info a{ white-space: inherit;}
}

.t-index-box-1 .device{width: 600px; height: 515px; overflow: hidden; float: left;}
.t-index-box-1 .device .swiper-container{ width: 600px;}
.t-index-box-1 .device .swiper-slide{ position: relative;}
.t-index-box-1 .device .img{ width: 600px; height: 515px; overflow: hidden; text-align: center; display: flex; align-items: center;}
.t-index-box-1 .list-box{ float: left; background: url("../img/t_bg.jpg") 0 0 no-repeat; background-size: cover; height: 515px; width: 600px;}
.t-index-box-1 .list-box ul{ list-style: disc; padding: 15px 70px;}
.t-index-box-1 .list-box li{ color: #ffffff; margin-bottom: 15px;}
.t-index-box-1 .list-box li a{ color: #ffffff; font-size: 16px;}
.t-index-box-1 .list-box li a:hover{ font-weight: 700;}
.t-index-box-1 h3{ margin: 20px; background-color: #781a1a; display: inline-block; color: #ffffff; padding: 5px 10px; font-size: 28px;}
.t-index-box-1 .more { color: #ffffff; font-size: 18px; background: url(../img/arrows_r_1.png) 44px 6px no-repeat; background-size: 38px; padding-right: 42px; margin-left: 45px;}
@media screen and (max-width: 750px) {
    .t-index-box-1 .device{ display: none;}
    .t-index-box-1 .list-box{ width: 100vw; height: auto;}
    .t-index-box-1 .list-box ul{ padding: 15px 30px;}
    .t-index-box-1 .list-box li a{ white-space: initial;}
}


.t-index-cjcx-box{ width: 565px; float: right; clear: none;}
.t-index-cjcx-box .ban_box{ background: url("../img/cjcx_1.png") 0px 0px no-repeat; width: 340px; height: 260px; position: absolute; bottom: 62px; left: 117px; }
.t-index-cjcx-box .ban_box a{ color: #ffffff; background: linear-gradient(to right,rgba(88,0,0,1),rgba(120,26,26,1)); padding: 5px 30px; position: absolute; right: 100px; bottom: 46px; border-radius: 26px; font-size: 16px; }
.t-index-cjcx-box .ban_box a, .t-index-cjcx-box img{transition: all 0.5s;}
.t-index-cjcx-box .ban_box a:hover,.t-index-cjcx-box img:hover{ transform: scale(1.2); }

@media screen and (max-width: 750px) {
    .t-index-cjcx-box .ban_box{ bottom: 0; left: 0; width: 100vw; background-size: cover; display: flex; justify-content: center; align-items: end;}
    .t-index-cjcx-box .ban_box a{ margin: 0 auto; display: block; position: static; width: 86px; margin-bottom: 30px;}
}

.t-index-box-2{ float: left; width: 613px;}
.t-index-box-2 .list-box{ background-color: #ffffff;}
.t-index-box-2 .list-box ul{ padding: 15px;}
.t-index-box-2 .list-box .time{ float: left; color: #781720; text-align: center; line-height: 1.2; font-size: 16px;}
.t-index-box-2 .list-box .time span { color: #767676; font-size: 12px;}
.t-index-box-2 .list-box .info{ font-size: 16px; float: left; width: 455px; border-left: 1px solid #0a001f; text-indent: 2em; margin-left: 2em; margin-top: 5px;}
.t-index-box-2 .list-box li{ border-bottom: 1px solid #c4c4c4; padding: 27px 20px;}
@media screen and (max-width: 750px) {
    .t-index-box-2 .list-box ul{ padding: 0;}
    .t-index-box-2 .list-box li{ padding: 10px;}
    .t-index-box-2 .list-box .info{ width: auto; float: none; border: none; text-indent: 1em;}
}
.t-index-box-3 .content-a{ display: block; box-shadow: 0px 1px 6px #8f8f8f; margin: 15px; padding: 10px;}
.t-index-box-3 .content-a .time{ text-align: right; color: #c4c4c4; position: relative;}
.t-index-box-3 .content-a .title{ font-size: 16px; margin-top: 15px;}
.t-index-box-3 .content-a .describe{ height: 70px; overflow: hidden; color: #777777;}
.t-index-box-3 .device{width: 1190px; height: 232px; overflow: hidden;}
.t-index-box-3 .device .swiper-container{ width: 1130px;}
.t-index-box-3 .device .swiper-slide{ position: relative;}
.t-index-box-3 .device .arrow-left,
.t-index-box-3 .device .arrow-right{ top: 108px;}
.t-index-box-3 .device .arrow-left { background: url(../img/a_l.png) no-repeat left bottom; left: 5px;}
.t-index-box-3 .device .arrow-right { background: url(../img/a_r.png) no-repeat left bottom; right: 5px}
.t-index-box-3 .content-a .time:after{ content: " "; border-bottom: 2px solid #b1868d; position: absolute; width: 113px; height: 1px; bottom: 13px; left: 5px;}
.t-index-box-3 .content-a:hover{ color: #ffffff; background: linear-gradient(45deg,rgba(120,26,26,1),rgba(238,154,92,1)); }
.t-index-box-3 .content-a:hover .describe{ color: #ffffff;}
@media screen and (max-width: 750px) {
    .t-index-box-3 .device{ width: 100%;}
    .t-index-box-3 .device .swiper-container{ width: 100%;}
}


.t-index-box-4 .device{width: 600px; height: 470px; overflow: hidden; float: right;}
.t-index-box-4 .device .swiper-container{ width: 600px;}
.t-index-box-4 .device .swiper-slide{ position: relative;}
.t-index-box-4 .device .img{ width: 600px; height: 470px; overflow: hidden; text-align: center; display: flex; align-items: center;}
.t-index-box-4 .list-box{ float: left; height: 470px; width: 600px; box-shadow: 0px 1px 6px #8f8f8f; overflow: hidden;}
.t-index-box-4 .list-box li{ padding: 20px; height: 77px; display: flex; align-items: center; border-bottom: 1px dotted #c2c2c2; justify-content: space-between;}
.t-index-box-4 .list-box li a{ font-size: 16px; position: relative;}
.t-index-box-4 .list-box li a:hover{ font-weight: 700;}
.t-index-box-4 .list-box li .info{ float: left; width: 400px;  overflow: hidden;}
.t-index-box-4 .list-box li .time{ float: right; text-align: right; color: #c2c2c2;}
.t-index-box-4 .list-box li:hover{ background-color: #781a1a; color: #ffffff;}
.t-index-box-4 .list-box li a:hover, .t-index-box-4 .list-box li:hover a{ color: #ffffff; font-weight: 700;}

@media screen and (max-width: 750px) {
    .t-index-box-4 .device{ width: 100vw; height: 260px;}
    .t-index-box-4 .device .swiper-container{ width: 100vw !important;}
    .t-index-box-4 .device .img{ width: 100vw; height: 260px;}
    .t-index-box-4 .list-box{ float: none; width: 100%; height: auto;}
    .t-index-box-4 .list-box li{ padding: 13px;}
}


.z-index-box-1 .device{width: 480px; height: 470px; overflow: hidden; float: right;}
.z-index-box-1 .device .swiper-container{ width: 480px;}
.z-index-box-1 .device .swiper-slide{ position: relative;}
.z-index-box-1 .device .img{ width: 480px; height: 345px; overflow: hidden; text-align: center; display: flex; align-items: center;}
.z-index-box-1 .device .info{ padding: 17px;}
.z-index-box-1 .list-box{ float: left; height: 470px; width: 720px; box-shadow: 0px 1px 6px #8f8f8f; overflow: hidden;}
.z-index-box-1 .list-box li{ padding: 20px; height: 77px; display: flex; align-items: center; border-bottom: 1px dotted #c2c2c2; justify-content: space-between;}
.z-index-box-1 .list-box li a{ font-size: 16px;}
.z-index-box-1 .list-box li a:hover{ font-weight: 700;}
.z-index-box-1 .list-box li .info{ float: left; width: 520px;  overflow: hidden;}
.z-index-box-1 .list-box li .time{ float: right; text-align: right; color: #c2c2c2;}
.z-index-box-1 .list-box li:hover{ background-color: #781a1a; color: #ffffff;}
.z-index-box-1 .list-box li a:hover, .z-index-box-1 .list-box li:hover a{ color: #ffffff; font-weight: 700;}
.z-index-box-1 .device .gd-pagination{ bottom: 100px;}

@media screen and (max-width: 750px) {
    .z-index-box-1 .device{ width: 100%; height: 300px;}
    .z-index-box-1 .device .img{ width: 100%; height: 260px;}
    .z-index-box-1 .device .info{ display: none;}
    .z-index-box-1 .list-box{ width: 100%; height: auto;}
    .z-index-box-1 .list-box li{ padding: 5px; height: auto;}
    .z-index-box-1 .list-box li .info{ width: auto;}
    .z-index-box-1 .list-box li .time{ display: none;}
    .z-index-box-1 .device .gd-pagination{ bottom: 20px;}
}



.z-index-box-2{ float: left; width: 575px;}
.z-index-box-2 .list-box{ background-color: #ffffff;}
.z-index-box-2 .list-box ul{ padding: 15px;}
.z-index-box-2 .list-box .time{ float: right; line-height: 1.5; color: #8f8f8f;}
.z-index-box-2 .list-box .info{ text-indent: 0; margin-left: 0; border: none;}
.z-index-box-2 .list-box li{ border-bottom: 1px solid #c4c4c4; padding: 29px 20px;}
.z-index-box-2 .list-box li:hover{ background-color: #781a1a; color: #ffffff;}
.z-index-box-2 .list-box li:hover a,.z-index-box-2 .list-box li:hover .time{ color: #ffffff;}
@media screen and (max-width: 750px) {
    .z-index-box-2 .list-box li{ padding: 0;}
    .z-index-box-2 .list-box li a{ white-space: inherit;}
    .z-index-box-2 .list-box .info{ width: auto; float: none;}
    .z-index-box-2 .list-box .time{ float: none; text-align: left;}
}

.z-index-box-3{ float: right;}
.z-index-box-3 .list-box ul{ padding: 5px; padding-bottom: 6px;}
.z-index-box-3 .list-box li:hover{ background-color: #781a1a; color: #ffffff;}
.z-index-box-3 .list-box li:hover a,.z-index-box-2 .list-box li:hover .time{ color: #ffffff;}
.z-index-box-3 .list-box .info{ text-indent: 0; margin-left: 0; border: none; width: 370px;}
.z-index-box-3 .list-box .info p{font-size: 14px; color: #8f8f8f;}
.z-index-box-3 .list-box li{ border-bottom: none; padding: 5px; position: relative;}
.z-index-box-3 .list-box .pic-box{float: left; width: 140px; height: 120px; position: relative; margin-right: 20px;}
.z-index-box-3 .list-box .pic-box .pic { width: 140px; height: 120px; padding: 0; border: none;}
.z-index-box-3 .list-box .pic-box .pic img{ max-width: none; max-height: none; width: 100%; height: 100%; object-fit: cover;}
.z-index-box-3 .list-box .time{ position: absolute; bottom: 15px; right: 15px; color: #b1b1b1;}
.z-index-box-3 .list-box li:after{ content: " "; border-bottom: 1px dashed #b1b1b1; width: 358px; position: absolute; bottom: 23px; right: 76px;}

.w-index-box-1 .device .img{ height: 480px;}

@media screen and (max-width: 750px) {
    .z-index-box-3 .list-box .pic-box{ width: 30%;}
    .z-index-box-3 .list-box .pic-box{ margin-right: 10px;}
    .z-index-box-3 .list-box .info{ width: 70%; }
    .z-index-box-3 .list-box li{ display: flex;}
    .z-index-box-3 .list-box .info a{ white-space: initial; height: 55px; overflow: hidden;}
    .z-index-box-3 .list-box li:after { display: none;}
    .w-index-box-1 .device .img{ height: 260px; width: 100%;}
}

.w-index-box-2{ float: left;}
.w-index-box-2 .list-box li{ box-shadow: 0px 1px 6px #8f8f8f; margin-bottom: 10px;}
.w-index-box-2 .list-box li .info{ font-size: 16px; width: 477px;}
.w-index-box-2 .list-box li .info .describe{ font-size: 14px; color: #636363; margin-top: 8px;}
.w-index-box-2 .list-box{ margin: 0;}
.w-index-box-2 .list-box li .info{ line-height: 1.5;}
.w-index-box-2 .list-box li .time{ line-height: 1.5; font-size: 28px;}
.w-index-box-2 .list-box li .time span{ font-size: 20px;}
.w-index-box-2 .list-box{ width: 600px;}

@media screen and (max-width: 750px) {
    .w-index-box-2{ float: none;}
    .w-index-box-2 .list-box{ width: 100%;}
    .w-index-box-2 .list-box li{ display: flex;}
    .w-index-box-2 .list-box li .time{ width: 77px;}
    .w-index-box-2 .list-box li .info{ width: 60%;}
}


.w-index-box-3{ float: right;}
.w-index-box-3 .list-box{ margin: 0;}
.w-index-box-3 .list-box li{ position: relative;}
.w-index-box-3 .list-box li .time{ position: absolute; right: 0; top: 0;}
.w-index-box-3 .list-box li .info{ width: 430px; padding-top: 11px;}

@media screen and (max-width: 750px) {
    .w-index-box-3{ float: none;}
    .w-index-box-3 .list-box{ width: 100%;}
    .w-index-box-3 .list-box li{ display: flex;}
    .w-index-box-3 .list-box li .info{ width: 100%;padding: 0;}
    .dj-index-box-3 .list-box li .time{ display: none;}
}

.w-index-box-6 { width: 100%;}
.w-index-box-6 .ui-bd{ background-color: #580000;}
.w-index-box-6 .list-box{ margin: 30px 155px 30px 0;}
.w-index-box-6 .list-box ul{ padding: 0;}
.w-index-box-6 .list-box .time{ bottom: 62px; right: 60px;}
.w-index-box-6 .list-box .info{ width: 715px; line-height: 100px; font-size: 20px;}
.w-index-box-6 .list-box li:after{bottom: 0px; width:830px; right: 46px;}
.w-index-box-6 .more1{ display: block; margin: 0 auto; width: 50px; margin-top: 26px; }
.w-index-box-6 .more{ font-size: 18px; background: url(../img/arrows_r.png) 44px 6px no-repeat; background-size: 38px; padding-right: 42px; }
@media screen and (max-width: 750px) {
    .w-index-box-6 .list-box{ margin: 0;}
    .w-index-box-6 .list-box .time{ display: none;}
    .w-index-box-6 .list-box .info{ width: 70%; line-height: 1.5; font-size: 14px;}
    .w-index-box-6 .list-box .info a{ height: auto;}
}


.w-index-box-5 .img{ width: 370px; height: 310px; overflow: hidden;}
.w-index-box-5 .content-a .time{ position: relative; text-align: right; padding:5px 10px 20px; color: #8f8f8f;}
.w-index-box-5 .content-a{ display: block; width: 370px; box-shadow: 0px 1px 6px #8f8f8f; background-color: #ffffff;}
.w-index-box-5 .content-a .time:after { content: " "; border-bottom: 1px dashed #b1b1b1; position: absolute; width: 255px; height: 1px; bottom: 30px; left: 20px; }
.w-index-box-5 .device { height: auto;}
.w-index-box-5 .device, .w-index-box-5 .device .swiper-container{ width: 1200px;}
.w-index-box-5 .device .title{ font-size: 20px;}
.w-index-box-5 .content-a .info{ padding: 5px;}
.w-index-box-5 .device .arrow-right{ right: 45%; background: url(../img/arrows_r.png) no-repeat left bottom; top: 100%; background-size: contain; width: 55px;}
.w-index-box-5 .device .arrow-left{ left: 45%; background: url(../img/arrows_l.png) no-repeat left bottom; top: 100%; background-size: contain; width: 55px;}

@media screen and (max-width: 750px) {
    .w-index-box-5 .device, .w-index-box-5 .device .swiper-container{ width: 100%;}
    .w-index-box-5 .content-a, .w-index-box-5 .img{width: 100%;}
    .w-index-box-5 .device .title{ font-size: 14px;}
    .w-index-box-5 .device .arrow-left{ left: 27%; top: 93%;}
    .w-index-box-5 .device .arrow-right{ right: 27%; top: 93%;}
}


.c-index-box-3 .list-box li{ box-shadow: 0px 1px 6px #8f8f8f; margin-bottom: 11px; border-left: 2px solid #781a1a;}
.c-index-box-3 .list-box ul{ padding: 0; box-shadow: none;}
.c-index-box-3 .list-box li .info{ width: auto; padding: 13px 15px;}
.c-index-box-3 .list-box li .info a{ display: block; height: 50px; overflow: hidden; font-size: 16px;}
.c-index-box-3 .list-box li .time{ position: relative; padding-right: 30px; margin: 0;}
.c-index-box-3 .list-box li:hover{ background-color: #781a1a; }
.c-index-box-3 .list-box li:hover *{color: #ffffff;}
.c-index-box-1 .list-box li{ width: 360px; box-shadow: 0px 1px 6px #8f8f8f; margin: 20px; float: left; position: relative;}
.c-index-box-1 .list-box .pic-box{ width: 360px; height: 300px; position: relative; margin-right: 20px;}
.c-index-box-1 .list-box .pic-box .pic { width: 360px; height: 300px; padding: 0; border: none;}
.c-index-box-1 .list-box .pic-box .pic img{ max-width: none; max-height: none; width: 100%; height: 100%; object-fit: cover;}
.c-index-box-1 .list-box li .info{ padding: 15px;}
.c-index-box-1 .list-box li .info .title{ font-size: 16px;}
.c-index-box-1 .list-box li .info .describe{ height: 53px; overflow: hidden;}
.c-index-box-1 .list-box li .info .time{ background: #781a1a; border-radius: 50%; color: #ffffff; text-align: center; line-height: 1.2; position: absolute; bottom: 95px; right: 15px; padding: 10px; font-size: 12px;}
.c-index-box-1 .list-box li .info .time span{ font-size: 23px;}

@media screen and (max-width: 750px) {
    .c-index-box-1 .list-box li{ width: 100vw; margin: 20px 0;}
    .c-index-box-1 .list-box .pic-box{ width: 100%;}
    .c-index-box-1 .list-box .pic-box .pic{ width: 100%; }
    .ui-box .ui-bd{ margin-bottom: 10px !important;}
}


.n-index-grid-1{ overflow: hidden; margin-top: 80px;}
.n-index-grid-1:after{ width: 100%; height: 100%; content: " "; background: #781a1a; position: absolute; top: -115px; left: -360px; z-index: 1;}
.n-index-grid-1 .ui-box{ position: relative; z-index: 2;}
.n-index-grid-1 h3{ color: #ffffff;}
.n-index-grid-1 .ui-box .ui-hd h3:after{ border-color: #ffffff; }
.n-index-grid-1 .list-box li{ background-color: #ffffff;}
.n-index-grid-1 .ui-box .ui-hd .more{ color: #ffffff; background: url("../img/arrows_r_1.png") 38px 2px no-repeat; background-size: 44px;}
.n-index-grid-1 .list-box ul{ position: relative;}
.n-index-grid-1 .list-box li:hover{ background-color: #a40404;}
.n-index-grid-1 .t-index-box-4 .device .info {position: absolute; bottom: 0; left: 0; color: #ffffff; padding: 15px; background: linear-gradient(to top,rgba(0,0,0,0.8),rgba(255,255,255,0)); width: 570px;}
.n-index-grid-1 .t-index-box-4 .device .info h4{ font-size: 16px; font-weight: bold;}
.n-index-grid-1 .t-index-box-4 .device .info p{ font-size: 14px; line-height: 1.5; margin: 0;}

@media screen and (max-width: 750px) {
    .index-box{ margin-bottom: 0; padding-top: 0; padding-bottom: 0; width: 100% !important; float: none !important; margin-left: 0 !important;}
    .ad-banner-box .bottom-box{ position: static; background-color: #950404;}
    .ad-banner-box .bottom-box .vc{ display: block; font-size: 12px; width: 100%; padding: 5px; text-align: center;}
    .ad-banner-box .ad-banner .banner-arrow-left, .ad-banner-box .banner-arrow-right{ display: none;}
    .ad-banner-box .banner-pagination{ bottom: 0;}
}

.j-index-box .ad{ width: 50%; float: left;}
.j-index-box .gg-index-box .jy-box.l-box .list{ background-color: #eeeeee}


.detail-page-box,
.list-page-box {background-color: #ffffff; padding: 22px;}
.detail-page-box .ui-hd,
.list-page-box .ui-hd { overflow: hidden; padding: 10px; padding-bottom: 9px; border-bottom: 1px solid #dbdbdb; margin-bottom: 20px;}
.detail-page-box .ui-hd h1,
.list-page-box .ui-hd h1{ font-size: 25px; font-weight: normal; }
.detail-page-box .ui-hd h1 span,
.list-page-box .ui-hd h1 span{ font-size: 16px;}
.detail-page-box .ui-hd .rtop,
.list-page-box .ui-hd .rtop{ float: left; border-left: 5px solid #950404; padding-left: 10px; font-size: 20px;}
.detail-page-box .ui-bd,
.list-page-box .ui-bd{ padding: 0;}

@media screen and (max-width: 750px) {
    .detail-page-box,
    .list-page-box{ padding: 10px;}
    .detail-page-box .ui-hd,
    .list-page-box .ui-hd{ padding: 8px 0;}
    .detail-page-box .ui-hd h1,
    .list-page-box .ui-hd h1{ display: none;}
    .detail-page-box .ui-hd .rtop,
    .list-page-box .ui-hd .rtop{ font-size: 14px;}
    /*.detail-page-box{ padding-top: 50px;}*/
}



.ui-showcase {margin-bottom: 20px;background-color: #fff;}
.ui-showcase-pic {position: relative;width: 400px;height: 400px;overflow: hidden;float: left;border: 1px solid #ddd;}
.ui-showcase-pic .swiper-container{ height: 400px;}
.ui-showcase-pic li {text-align: center;line-height: 300px;width: 400px;font-size: 0;}
.ui-showcase-pic li img {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;width: auto;height: auto;}
.ui-showcase-pic .pic-arrow {position: absolute;top: 50%;width: 12px;height: 23px;margin-top: -11px;z-index: 2; cursor: pointer}
.ui-showcase-pic .pic-arrow-left {left: 15px;background: url(../img/feel3.png) no-repeat 0 0;}
.ui-showcase-pic .pic-arrow-right {right: 15px;background: url(../img/feel4.png) no-repeat 0 0;}
.ui-showcase-info {float: right;width: 480px;}
.ui-showcase-info h1 {margin: 0 0 15px;font-size: 24px;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ui-showcase-info p {margin: 0;color: #666;padding: 3px 0;}
.ui-showcase-info .tel {border-top: 1px solid #e6e6e6;margin-top: 15px;padding-top: 15px;background: url(../img/icon-phone.png) no-repeat 10px 15px;height: 42px;padding-left: 70px;line-height: 21px;font-size: 18px;}
.ui-showcase-info .tel a {float: right;line-height: 42px;padding: 0 15px;background-color: #c12201;color: #fff;}

.document-content .title-box{ margin-bottom: 30px;}
.document-content .content{ margin-bottom: 30px;}
.document-content .more span{ display: block;}

.search-box { float: right; }
.search-box .search {border: 1px solid #cacbcb;}
.search-box .search input { border: none; padding: 6px; }
.search-box .search .btn { border: none; background: #cacbcb; color: #ffffff; line-height: 2; cursor: pointer; margin-right: -2px;}


.timeline-list{ background:url(../img/icon-timeline-1.png) repeat-y center top;}
.timeline-list li{ position: relative; width: 46%; padding: 20px; margin-left: 50%}
.timeline-list li.even{ margin-left: 0; text-align: right}
.timeline-list li .title{font-size: 18px;}
.timeline-list li.even .title{ text-align: right; font-size: 18px;}
.timeline-list li .icon-o{ background: url("../img/icon-o.png") no-repeat -26px -5px; width: 12px; height: 12px; position: absolute; left: -5px; top: 30px;}
.timeline-list li.even .icon-o{ left: 445px;}
.timeline-list li:hover .icon-o{ background-position: -41px -5px;}

/******招聘˜*****/
.join-list{overflow: hidden;}
.join-list dt{ height:45px; line-height:45px; margin-bottom:15px; overflow:hidden; font-size:14px; color:#999; padding:0 30px 0 48px;}
.join-list span{ width:19%; float:left; display:inline; text-align:center}
.join-list span.span1{ width:30%; text-align:left}
.join-list span.span6{ width:9%}
.join-list dd{overflow: hidden;margin-bottom:25px;}
.join-list .join-title{display: block;height:50px;overflow: hidden;line-height:50px;font-size:14px;color:#666;padding:0 30px 0 48px;background: #dfb3bc;}
.join-list .join-title .span6{ font-size:32px;}
.join-list dd.active .join-title{background:#950404;-webkit-box-shadow: none;box-shadow: none;}
.join-list dd.active .join-title span{color:#ffffff;}
.join-data{overflow: hidden;padding:10px 30px 30px 48px; border:1px solid #950404;font-size: 14px;color:#888;line-height:34px;display: none;}
.join-data em{ text-decoration:underline; color:#e76033; font-style:normal;}
.join-data .border{ height:1px; background:#e3e3e3; overflow:hidden; margin:30px 0;}

.columu-index{ margin-left: -50px; display: flex; flex-wrap: wrap;}
.columu-index .ui-box{ background: #ffffff; width: 575px; float: left; clear: none; margin-left: 50px; margin-top: 20px;}
.columu-index .list ul{ border-bottom: 3px solid #950404; margin-bottom: 50px;}
.columu-index .list li{ clear: both; font-size: 16px; margin-top: 15px;}
.columu-index .list li .info .title{ margin-bottom: 0; font-size: 16px;}
.columu-index .list li .pic-box{ width: 150px; height: 150px; float: left;}
.columu-index .list li .pic-box .pic { width: 150px; height: 150px; *line-height: 110px; padding: 0; border: none;}
.columu-index .list li .pic-box .pic img{ max-width: 150px; max-height: 150px; width: 150px;}
.columu-index .list li.no-p{ padding: 0; border: none; display: flex;}
.columu-index .ui-box .ui-bd{ padding: 0;}

@media screen and (max-width: 750px) {
    .columu-index .ui-box{width: 100%;}
    .columu-index .ui-box .list{ padding: 10px;}
    .columu-index .list ul{ margin-bottom: 20px;}
    .columu-index .list li .pic-box{ width: 100%; height: 100%; margin: 0; float: none;}
    .columu-index .list li .pic-box .pic { width: 100%; height: 100%;}
    .columu-index .list li .pic-box .pic img{ max-width: 100%; max-height: 100%; width: 100%;}
    .columu-index .list li.no-p{ margin-top: 0;}
    .columu-index .list li{ margin-top: 5px; margin-bottom: 5px; padding: 5px; font-size: 12px;}
    .columu-index .list li .info .title{ font-size: 14px; white-space: initial;}
}

.link-box{ margin-top: 20px;}
.link-box .list li{ float: left; margin-right: 20px;}

.contact-z1 {height: 140px;background: url(../img/contact-z1.jpg) no-repeat;margin-bottom: 20px;}
.contact-z1 p {margin: 0;font-size: 20px;line-height: 30px;background: url(../img/contact-z1_tel.png) no-repeat 74px 44px;padding: 37px 0 0 95px;}
.contact-z1 span {line-height: 30px;font-size: 18px;padding-left: 73px;}

.forms_btn{ border: none; background-color: #008ad4; padding: 5px 15px; color: #ffffff;}


.fixed-right-box{ position: fixed; right: 30px; top: 30%; width: 100px; background-color: #ffffff; }
.fixed-right-box .title{ text-align: center; }
.fixed-right-box .pic{ position: relative;}
.fixed-right-box span{ display: none; position: absolute; left: -300px; top: 0; width: 300px; z-index: 1; }
.fixed-right-box .pic:hover span{ display: block; }
@media screen and (max-width: 750px) {
    .fixed-right-box{
        display: none;
    }
}

.new-list-char .list li{ padding: 15px 43px; margin-bottom: 0;}
.new-list-char li .extra{ float: left; color: #7b1719; text-align: center;}
.new-list-char li .extra .date span{ font-size: 20px;}
.new-list-char li .info{ float: right; width: 730px; line-height: 3;}
.new-list-char li .info .title{ font-size: 16px;}
@media screen and (max-width: 750px) {
    .new-list-char .list li{ padding: 10px;}
    .new-list-char li .info{ width: 75%;}
    .new-list-char li .info .title{ font-size: 14px;}
    .new-list-char li .info .ellipsis{ white-space: inherit; line-height: 2;}
}

.p-index-box-1 .top-p{ position: relative; width: 530px; display: block; padding: 0 10px;}
.p-index-box-1 .top-p .img{ width: 530px; height: 435px; overflow: hidden;}
.p-index-box-1 .top-p .info{ position: absolute; bottom: 0; left: 10px; color: #ffffff; padding: 15px; background: linear-gradient(to top,rgba(0,0,0,0.8),rgba(255,255,255,0)); width: 500px;}
.p-index-box-1 .device { height: auto;}
.p-index-box-1 .device{ width: 1200px;}
.p-index-box-1 .device .swiper-container{ width: 1100px;}
.p-index-box-1 .device .title{ font-size: 20px;}
.p-index-box-1 .device .arrow-right,.p-index-box-1 .device .arrow-left{ width: 24px; height: 24px; border-radius: 50%; top: 45%;}
.p-index-box-1 .device .arrow-right{ right: 0; background: url(../img/arrows.png) 10px -15px no-repeat #c5c5c5; background-size: 10px;}
.p-index-box-1 .device .arrow-left{ left: 0; background: url(../img/arrows.png) 4px 3px no-repeat #c5c5c5; background-size: 10px;}

.p-index-box-1 .list-box{ padding: 0 60px;}
.p-index-box-1 .list-box ul{ display: table; content: " "; clear: both; margin-left: -15px;}
.p-index-box-1 .list-box li{ width: 530px; float: left; margin-left: 15px; position: relative; border-bottom: 1px solid #c2c2c2;}
.p-index-box-1 .list-box li .info{ width: 385px; margin-left: 95px; padding: 25px;}
.p-index-box-1 .list-box li .info .title{ font-size: 18px;}
.p-index-box-1 .list-box li .info .describe{ height: 55px; font-size: 14px; overflow: hidden;}
.p-index-box-1 .list-box li .time{ text-align: center; position: absolute; top: 0; left: 0; border-right: 1px solid #a71e1e; padding: 0 20px; margin-top: 25px; line-height: 1.2;}
.p-index-box-1 .list-box li .time span{ font-size: 18px; font-weight: 700; color: #781a1a;}

.p-index-box-1 .more { font-size: 18px; background: url(../img/arrows_r.png) 44px 6px no-repeat; background-size: 38px; padding-right: 42px; }
.p-index-box-1 .more1{display: block; margin: 0 auto; width: 50px; margin-top: 60px;}

@media screen and (max-width: 750px) {
    .p-index-box-1 .device{ width: 100%;}
    .p-index-box-1 .device .swiper-container{ width: 100%; height: 300px !important;}
    .p-index-box-1 .top-p{ width: 100%; padding: 0;}
    .p-index-box-1 .top-p .img{ width: 100%; height: 300px;}
    .p-index-box-1 .top-p .info{ left: 0; width: calc(100% - 25px);}
    .p-index-box-1 .list-box{ padding: 0;}
    .p-index-box-1 .list-box li{ width: 100vw;}
    .p-index-box-1 .list-box li .info{ width: auto;}
}


.detail-device{ height: 500px; margin-bottom: 50px;}
.detail-device .swiper-container { width: 800px; height: 500px;}
.detail-device .img { width: 800px; height: 500px;}
.detail-device .arrow-left { background: url(../img/a_l.png) no-repeat left bottom; left: 6px;}
.detail-device .arrow-right { background: url(../img/a_r.png) no-repeat left bottom; width: 20px; right: 6px;}
@media screen and (max-width: 750px) {
    .detail-device{ height: 300px;}
    .detail-device .swiper-container{ width: 100%; height: 300px;}
    .detail-device .img{ width: 100%; height: 300px;}
}
@media screen and (max-width: 750px) {
    .page-link {
        text-align: center;
    }

    .page-link li {
        display: inline-block;
        background-color: #a92e2f;
        color: #ffffff;
        min-width: 32px;
        height: 28px;
        margin-left: 8px;
        text-align: center;
        line-height: 28px;
        font-size: 20px;
        _width: 32px;
        border: 1px solid #e2e2e2;
    }

    .page-link li a {
        color: #ffffff;
    }

    .page-link li.disabled {
        background-color: #8f8f8f;
    }
}

.zx-page .top-banner-box{ background: #ffffff; position: static; border: none; padding: 30px 0;}
.zx-page .rtop-box:after{ background: #e5e5e5;}
.zx-page .rtop:before{ width: 5000px; background: #e5e5e5; right: 0; left: 0;}
.zx-page .rtop:after{ background: #e5e5e5;}
.zx-page .rtop em, .zx-page .rtop span, .zx-page .rtop a{ color: #252525;}
.zx-page .top-banner-box .top-banner .banner-right{ float: right; padding-top: 0; margin-right: 0; width: auto; margin-top: 30px;}
.zx-page .top-banner-box .top-search .btn{ background: url(../img/ico_search_1.png) 3px 3px no-repeat; background-color: #ffffff; background-size: 20px;}
.zx-page .top-banner-box .top-search .input{ width: 270px; padding: 5px 10px; background: #dddddd; border-radius: 20px;}
.zx-page .banner-right-but{ float: right; margin-left: 30px; margin-top: 22px;}
.zx-page .banner-right-but .pic{ float: left; margin: 5px; position: relative;}
.zx-page .banner-right-but .pic span{ display: none; position: absolute; position: absolute; width: 150px;  height: 150px; z-index: 10000; top: 53px; left: -50px;}
.zx-page .banner-right-but .pic:hover span{display: block;}
.zx-page .banner-right-but .pic span img{ filter: grayscale(100%) brightness(0.5);}
.zx-page .top-banner-box .top-banner .logo{ margin-left: 0;}


.index-box-1-11 ul li{ padding: 35px 15px 15px;}
.index-box-1-11 .device, .index-box-1-11 .device .img{ height: 343px;}
.index-box-1-12 ul{ margin-left: -15px;}
.index-box-1-12 .device-a2{ float: right;}
@media screen and (max-width: 750px) {
    .index-box-1-12 .device-a2{ float: none;}
    .index-box-1-12 ul{ margin-left: 0;}
    .index-box-1-11 ul li{ margin-left: 0; margin-bottom: 10px; width: 43%; padding: 20px 10px 10px;}
    .index-box-1-11 ul li a{ font-size: 14px;}
}