/* 预定义样式开始 */

body,
div,
ol,
ul,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
fieldset,
legend,
input {
    margin: 0;
    padding: 0;
    /* min-width:1500px; */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

ol,
ul {
    list-style: none;
}

img,
fieldset {
    border: 0 none;
    display: block;
}

{
    padding: 0rem;
    margin: 0rem;
}

ul li {
    list-style: none;
}

a {
    text-decoration: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

em {
    font-style: normal;
}

body {
    font: 14px/1.5;
    color: #333;
    background-color: #fff;
    min-width: 1226px;
    font-weight: 微软雅黑;
}

i {
    font-style: normal;
}

input:focus {
    outline: none;
}


/* 预定义样式结束 */


/* 整体最大外围 */

#box {
    width: 100%;
    position: relative;
}


/*-----------------*/


/* 开头logo处开始 */

.top {
    width: 100%;
    height: 120px;
    /* background: lightcyan; */
}

.content-top {
    width: 1202px;
    height: 120px;
    background: #ffffff;
    margin: 0 auto;
}

.logo-left {
    width: 310px;
    height: 70px;
    float: left;
    margin-top: 30px;
    margin-bottom: 20px;
}

.logo-left span {
    font-size: 23px;
    letter-spacing: 8px;
    color: #343332;
}

.logo-right {
    width: 731px;
    height: 92px;
    float: right;
    margin-top: 28px;
}

.logo-right .login-top {
    width: 768px;
    height: 24px;
    position: relative;
}

.login-top-cont-a .chin {
    color: #e60012;
    font-weight: 700;
    font-size: 18px;
}

.login-top-cont-a .elemis {
    color: #343332;
    font-weight: 500;
    font-size: 18px;
}

.login-top-cont-a .chin::after {
    content: "";
    border: 0.3px solid #343332;
    margin-left: 5px;
}

.login-top-cont-a .shu {
    font-weight: 600;
    height: 50px;
}

.logo-right .login-top .login-top-cont-b {
    width: 213px;
    height: 47px;
    float: right;
    position: absolute;
    top: -11px;
    left: 571px;
}

.logo-right .login-top .login-top-cont-b i {
    line-height: 24px;
    color: #343332;
    font-size: 14px;
}

.logo-right .login-list {
    width: 768px;
    height: 68px;
    position: relative;
}

.login-list .login-list-l {
    width: 100%;
    height: 50px;
    position: absolute;
    top: 18px;
}

.login-list .login-list-l .list-ul li {
    width: 128px;
    height: 50px;
    float: left;
    text-align: center;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}


/* .login-list .login-list-l .list-ul .col-lis {

	background: #e60012;

	color: #ffffff;

} */

.login-list .login-list-l .list-ul li:hover {
    background: #e60012;
    color: #ffffff;
}

.login-list .login-list-l .list-ul li:hover a {
    color: #ffffff;
}

.login-list .login-list-l .list-ul a {
    color: #343332;
    /* line-height: 50px; */
    margin-top: 15px;
    border-right: 1px solid #d00009;
    display: block;
}


/* 中部images */

.ban-img {
    width: 100%;
    height: 400px;
    background: url(../img/indexbanner.jpg) no-repeat center;
}

.ban-img img {
    width: 100%;
}


/* 底部部分 */

.list-se {
    width: 100%;
    height: 256px;
    /* background: #1f1f1f; */
    margin-top: 106px;
    background: url(../img/bend.jpg) no-repeat center;
    /* z-index: 9999; */
    position: absolute;
}

.list-se .list-hr {
    width: 100%;
    height: 213px;
    border-bottom: 2px solid #2c2c2c;
    position: absolute;
}

.list-se .list-center {
    width: 1202px;
    height: 206px;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.list-se .list-center .list-centerls {
    width: 58%;
    height: 50px;
    position: absolute;
    top: 139px;
}

.list-se .list-center .list-center-left {
    width: 700px;
    height: 206px;
}

.list-se .list-center .list-center-left .list-logo {
    width: 266px;
    height: 70px;
    padding: 43px 0;
}

.list-se .list-center .list-center-left .list-logo a span {
    color: #fffefe;
    font-size: 26px;
    margin-top: 5px;
    display: block;
}

.list-se .list-centerls .list-centerls-u {
    display: flex;
    justify-content: space-between;
}

.list-se .list-centerls .list-centerls-u li,
.shu {
    line-height: 50px;
    font-size: 14px;
    color: #d2d2d2;
}

.list-se .list-centerls .list-centerls-u li:hover {
    color: #fffefe;
}

.list-se .list-center .list-center-right {
    width: 369px;
    height: 209px;
    display: flex;
    justify-content: space-between;
}

.list-center-right .list-left {
    width: 252px;
    height: 163px;
    padding: 24px 0;
}

.list-center-right .list-right {
    width: 116px;
    height: 209px;
    display: flex;
    text-align: center;
}

.list-center-right .list-right .img-list img {
    margin-top: 39px;
}

.list-center-right .list-right .img-list .em-tl {
    color: #d2d2d2;
    margin-top: 10px;
    display: block;
    font-size: 14px;
}

.list-center-right .list-left .list-title-le {
    color: #d2d2d2;
    font-size: 12px;
    margin-top: 14px;
}

.but-l {
    width: 100%;
    height: 40px;
    margin-top: 10px;
}

.but-l .but-t {
    width: 1202px;
    height: 40px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}

.but-l .but-t .but-le {
    width: 600px;
    height: 30px;
    margin: 0 auto;
    margin-left: 200px;
}

.but-l .but-t .but-le .but-tl {
    line-height: 30px;
    font-size: 12px;
    color: #545454;
}

.but-l .but-t .but-re {
    width: 251px;
    height: 30px;
    margin: 0 auto;
    margin-left: -80px;
    line-height: 30px;
    font-size: 12px;
    color: #545454;
}

.but-l .but-t .but-re span {
    line-height: 30px;
    font-size: 12px;
    color: #545454;
}


/* 搜索部分 */


/* .tion {

	width: 100%;

	height: 2000px;

} */

.tion .tion-center {
    width: 1200px;
    /* height: 1200px; */
    margin: 0 auto;
	/* background: red; */
}

.tion .tion-center .tion-top {
    width: 100%;
    height: 99px;
    position: relative;
}

.tion .tion-center .tion-top-ti {
    width: 100%;
    height: 20px;
    position: absolute;
    top: 36%;
}

.tion .tion-center .tion-top-ti .icon-i,
.images {
    width: 20px;
    height: 20px;
    float: left;
}

.tion .tion-center .tion-top-ti .icon-tile {
    width: 500px;
    height: 20px;
    margin-left: 25px;
}

.tion .tion-center .tion-top-ti .icon-tile-dq {
    width: 74px;
    height: 20px;
    float: left;
    color: #727272;
}

.tion .tion-center .tion-top-ti .icon-tile-a {
    width: 500px;
    height: 20px;
}

.tion .tion-center .tion-top-ti .icon-tile-a a,
span {
    color: #727272;
    font-size: 16px;
}

.tion .tion-center .tion-top-ti .icon-tile-a a:hover {
    color: #e90310;
}

.sea-top {
    width: 100%;
    height: 302px;
}

.sea-top .sea-top-sea {
    width: 1202px;
    height: 302px;
    margin: 0 auto;
}

.search-top {
    width: 100%;
    height: 60px;
    background-color: #fff;
    position: relative;
}

.search-fo {
    width: 583px;
    height: 40px;
    position: absolute;
    top: 20px;
    float: right;
    left: 619px;
    box-shadow: -3px 5px 4px #ebebeb;
    box-shadow: blur;
}

.search-fo .search-tex {
    width: 225px;
    height: 40px;
    /* float: right; */
    margin-left: 278px;
}

.search-fo .search-tex .search-ul li {
    float: left;
    line-height: 40px;
    cursor: pointer;
    margin-left: 20px;
    color: #b9b8b7;
    font-size: 14px;
}

.search-fo .input-f {
    display: block;
    width: 229px;
    height: 40px;
    padding-left: 18px;
    font-size: 14px;
    color: #333;
    border: none;
    float: left;
    /* margin-left: 50px; */
}

.search-fo input[type="submit"] {
    display: block;
    cursor: pointer;
    width: 80px;
    height: 40px;
    background: url(../image/icon02sou.png) center center no-repeat;
    background: #e60012;
    border: none;
    float: right;
    color: #ffffff;
}


/* 详情部分 */

.details {}

.details .details-le {
    width: 240px;
    /* height: 460px; */
    /* float: left; */
    padding-top: 11px;
}

.details .detai-top {
    width: 240px;
}

.details .detai-top .detai-top-first {
    width: 100%;
    height: 50px;
}

.details .detai-top .detai-top-first .le-icon {
    width: 85%;
    height: 25px;
    background: #e60012;
    padding: 13px 18px;
    display: flex;
    color: #ffffff;
    font-weight: 650;
    line-height: 25px;
}

.details .detai-top .detai-top-first .le-icon em {
    margin-left: 10px;
}

.details .detai-top .detai-top-first .le-icon img {
    width: 27px;
    height: 27px;
}

.details .details-le .details-le-to {
    width: 100%;
    height: 310px;
    background: lightcoral;
    float: left;
    position: relative;
}

.details .detai-top .le-but-list {
    width: 222px;
    /* height: 503px; */
    border: 9px solid #eeeeee;
    margin-bottom: 20px;
}

.details .detai-top .le-but-list ul li {
    display: block;
    width: 184px;
    height: 14px;
    padding: 13px 19px;
    display: flex;
    border: 1px solid #eeeeee;
}

.details .detai-top .le-but-list ul li i {
    width: 7px;
    height: 12px;
    background: #555555;
    background: url(../img/leftjt.png) no-repeat;
}

.details .detai-top .le-but-list ul li:hover i {
    background: url(../img/lefttou.png) no-repeat;
}

.details .detai-top .le-but-list ul a li:hover {
    background: #555555;
}

.details .detai-top .le-but-list ul a li:hover>span {
    color: #ffffff;
}

.details .detai-top .le-but-list ul li:hover>img {
    background: url(../img/lefttou.png) no-repeat;
}

.details .detai-top .le-but-list ul a li {
    color: #333333;
    font-size: 14px;
    line-height: 14px;
}

.details .detai-top .le-but-list ul a li span {
    color: #333;
    margin-left: 17px;
}

.details .details-le .details-le-to .tou-opir {
    width: 100%;
    height: 310px;
    background: #eeeeee;
    position: absolute;
    /* opacity: 0.5; */
    background: rgba(214, 64, 86, 0.5);
    background: hsl(351deg 100% 47% / 55%);
    top: 0px;
    left: 0px;
}

.details .details-le .details-le-to .tou-opir .tou-opir-text {
    width: 100%;
    height: 65px;
    margin-top: 61px;
}

.details .details-le .details-le-to .tou-opir .tou-opir-text .tou-opir-t {
    width: 180px;
    height: 65px;
    margin-top: 61px;
    margin: 0 auto;
    text-align: center;
}

.details .details-le .details-le-to .tou-opir .tou-opir-text .tou-opir-t i {
    font-size: 20px;
    white-space: nowrap;
    margin-bottom: 10px;
    display: block;
    color: #ffffff;
}

.details .details-le .details-le-but {
    width: 100%;
    height: 150px;
    background: #e60012;
    float: left;
}

.details .details-le .details-le-but .details-bs {
    width: 100%;
    height: 50px;
    text-align: center;
    font-weight: 600;
}

.details .details-le .details-le-but .details-bs .detalis-v {
    color: #ffffff;
    font-size: 18px;
    line-height: 57px;
}

.details .details-le .details-le-but .details-bs-b {
    width: 100%;
    height: 50px;
    text-align: center;
}

.details .details-le .details-le-but .detail-img {
    width: 180px;
    height: 57px;
    margin: 0 auto;
}

.details .details-le .details-le-but .detail-icon {
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 8px;
    margin-left: 10px;
}

.details .details-le .details-le-but .detail-img .detail-img-a {
    width: 150px;
    height: 20px;
    float: right;
    margin-bottom: 4px;
}

.details .details-le .details-le-but .detail-img .detail-img-a span {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    margin-left: -8px;
}

.details .details-ri {
    width: 930px;
    float: right;
}

.details-le-but .detail-list {
    width: 100%;
    height: 50px;
}

.details-le-but .detail-list .detail-lis {
    width: 86%;
    height: 20px;
    padding: 0px 17px;
}

.details-le-but .detail-list .detail-lis .list-a {
    width: 18px;
    height: 15px;
    float: left;
    margin-top: 4px;
}

.details-le-but .detail-list .detail-lis .list-b {
    width: 180px;
    height: 20px;
    float: right;
    font-size: 16px;
}

.details-le-but .detail-list .detail-lis .list-b i {
    color: #ffffff;
    font-weight: 700;
}

.details .details-top {
    width: 100%;
}

.details .details-top .details-les {
    width: 127px;
    float: left;
    border-top: 2px solid red;
    text-align: center;
    font-size: 26px;
}

.details .details-top .details-les i {
    display: block;
    width: 127px;
    height: 102px;
    line-height: 102px;
    font-weight: 700;
    color: #333333;
}

.details .details-top .details-res {
    width: 803px;
    float: right;
    border-top: 1px solid #cccccc;
    font-size: 14px;
    height: 40px;
}

.details .details-ri .details-imgs {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.details .details-ri .details-imgs .de-img-one {
    width: 240px;
    height: 198px;
    background: #f8f8f8;
    padding: 20px 30px 20px 30px;
}

.details .details-ri .details-imgs .de-img-one .de-img-ic {
    width: 240px;
    height: 100%;
}

.details .details-ri .details-imgs .de-img-one .de-img-ic img {
    width: 100%;
    height: 100%;
	object-fit: cover;
}

.details .details-ri .details-imgs .de-img-two {
    width: 600px;
}

.details .details-ri .details-imgs .de-img-two .de-tex {
    height: 52px;
}

.details .details-ri .details-imgs .de-img-two .de-tex i {
    color: #333333;
    font-size: 24px;
}

.details .details-ri .details-imgs .de-img-two .de-tex-p {
    line-height: 28px;
    color: #666666;
}

.details .details-ri .details-imgs .de-img-two .de-tex-p p {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.details-ri .list-details {
    width: 100%;
    margin-top: 42px;
}

.details-ri .list-details .text-list-a {
    width: 100%;
}

.details-ri .list-details .text-list-b {
    width: 100%;
    margin-top: 20px;
}

.details-ri .list-details .text-list-a p {
    line-height: 35px;
    text-align: justify;
    font-size: 17px;
    color: #666666;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.details-ri .list-details .text-list-b p {
    line-height: 28px;
    text-align: justify;
    font-size: 16px;
    color: #666666;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.details-ri .list-details .text-list-c {
    width: 100%;
    margin-top: 20px;
}

.details-ri .list-details .text-list-c span {
    color: #333333;
    font-weight: 650;
}

.details-ri .list-details .text-list-c .text-ps {
    width: 100%;
    margin-top: 10px;
    color: #666666;
}

.details-ri .list-details .text-list-c .text-ps p {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.details-ri .download {
    width: 100%;
    height: 17px;
    margin-top: 57px;
}

.details-ri .download .download-r {
    width: 444px;
    height: 17px;
    float: right;
    display: flex;
    justify-content: flex-end;
}

.details-ri .download .download-r a {
    color: #ea3844;
    font-size: 14px;
    line-height: 17px;
}

.details-ri .download .download-r span {
    font-size: 14px;
    line-height: 17px;
    color: #787878;
}

.details-ri .list-fx {
    width: 100%;
    height: 84px;
    position: relative;
}

.details-ri .list-fx .list-fx-ls {
    width: 200px;
    height: 20px;
    padding: 32px 0;
    color: #8a8a8a;
    position: absolute;
    right: 0;
}

.details-ri .list-fx .list-fx-ls em {
    margin-left: 8px;
}

.details-ri .list-fx .list-fx-ls .list-dv {
    width: 50px;
    height: 20px;
    float: right;
    display: flex;
    justify-content: flex-end;
}

.details-ri .list-fx .list-fx-ls .list-dv .list-box {
    width: 20px;
    height: 20px;
    margin-left: 8px;
}

.details-ri .prev-next {
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: space-between;
}

.prev-next .prev-le {
    width: 463px;
    height: 40px;
    background: #cccccc;
}

.prev-le:hover {
    background: #e60012;
}

.prev-next .prev-le a .prev-tex {
    width: 322px;
    height: 40px;
    margin-left: 20px;
    padding: 13px 0;
}

.prev-next .prev-le a .prev-tex {
    color: #ffffff;
    font-size: 14px;
    line-height: 14px;
    display: block;
}

.prev-next .next-ri {
    width: 463px;
    height: 40px;
    background: #cccccc;
}

.next-ri :hover {
    background: #e60012;
}

.next-ri a .prev-tex {
    width: 453px;
    height: 27px;
    padding: 13px 10px 0 0;
}

.next-ri a .prev-tex {
    color: #ffffff;
    font-size: 14px;
    line-height: 14px;
    display: block;
    text-align: right;
}

.bshare-custom {
    width: 50px;
    height: 20px;
    float: right;
    display: flex;
    justify-content: flex-end;
}

.bshare-custom .bshare-weixin {
    background: url(../img/wx.png) no-repeat !important;
    display: block;
    height: 20px;
    width: 20px;
}

.bshare-custom .bshare-qqim {
    background: url(../img/QQ.png) no-repeat !important;
    display: block;
    width: 20px;
    height: 20px;
}

.bshare-custom .bshare-sinaminiblog {
    background: url(../img/wb.png) no-repeat !important;
    display: block;
    width: 20px;
    height: 20px;
}

.bshare-custom .bshare-facebook {
    background: url(../img/facebook.png) no-repeat !important;
    display: block;
    width: 20px;
    height: 20px;
}

.bshare-custom .bshare-twitter {
    background: url(../img/twitter.png) no-repeat !important;
    display: block;
    width: 20px;
    height: 20px;
}


/*---------右侧固定---------*/

.right-flex {
    position: fixed;
    right: 0;
    top: 15%;
    z-index: 99;
}

.right-flex .right-flex-ul {
    display: flex;
    flex-direction: column
}

.right-flex .right-flex-ul li {
    width: 80px;
    height: 54px;
    border: 1px solid #e5e5e5;
    padding: 12px 0;
    background: #FFFFFF;
    transition: all 0.3s linear;
}

.right-flex .right-flex-ul li i {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.right-flex .right-flex-ul li i span {
    color: #6b6b6b;
    margin-top: 5px;
}

.right-flex .right-flex-ul li i .img_a {
    width: 26px;
    height: 26px;
    background: url(../img/kf.png) no-repeat;
}

.right-flex .right-flex-ul li i .img_b {
    width: 26px;
    height: 26px;
    background: url(../img/ly.png) no-repeat;
}

.right-flex .right-flex-ul li i .img_c {
    width: 26px;
    height: 26px;
    background: url(../img/sys.png) no-repeat;
}

.right-flex .right-flex-ul .saoyisao {
    position: relative;
}

.right-flex .right-flex-ul .saoyisao:hover {
    background: #e60012;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.right-flex .right-flex-ul .saoyisao .hidden-box {
    width: 115px;
    height: 115px;
    position: absolute;
    left: -116px;
    top: -36px;
    display: none;
}

.right-flex .right-flex-ul .saoyisao:hover .hidden-box {
    display: block;
}

.right-flex .right-flex-ul .saoyisao:hover span {
    color: #FFFFFF;
}

.right-flex .right-flex-ul .zixun:hover {
    background: #e60012;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    color: #FFFFFF;
}

.right-flex .right-flex-ul .zixun:hover span {
    color: #FFFFFF;
}

.right-flex .right-flex-ul .zaixian:hover {
    background: #e60012;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    color: #FFFFFF;
}

.right-flex .right-flex-ul .zaixian:hover span {
    color: #FFFFFF;
}

.right-flex .right-flex-ul .zixun .hidden-box-ly {
    width: 282px;
    height: 220px;
    background: #FFFEFE;
    position: absolute;
    top: 80px;
    left: -282px;
    display: none;
    box-shadow: 0 3px 10px #b2b2b2;
}

.right-flex .right-flex-ul .zixun:hover .hidden-box-ly {
    display: block;
}

.right-flex .right-flex-ul .zixun .hidden-box-ly input[type='text'] {
    width: 194px;
    height: 27px;
    margin: 9px 0;
    margin-left: 20px;
    border: none;
    border-bottom: 1px solid #E4E4E4;
}

.right-flex .right-flex-ul .zixun .hidden-box-ly input[type='submit'] {
    width: 90px;
    height: 26px;
    background: #e70012;
    border: none;
    color: #FFFFFF;
    margin-left: 22px;
}

input::-webkit-input-placeholder {
    color: #666666;
}

.right-flex .right-flex-ul .saoyisao:hover {
    background: #e60012;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    color: #FFFFFF;
}

.right-flex .right-flex-ul .saoyisao:hover span {
    color: #FFFFFF;
}

.right-flex .right-flex-ul .zixun:hover .img_b {
    background: url(../img/touly.png) no-repeat;
}

.right-flex .right-flex-ul .zaixian:hover .img_a {
    background: url(../img/toukf.png) no-repeat;
}

.right-flex .right-flex-ul .saoyisao:hover .img_c {
    background: url(../img/tousys.png) no-repeat;
}


/*--------------------------*/