@charset "UTF-8";*{margin: 0;padding: 0}
body{font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif;color: #333;background: #f1f1f1;font-size: 15px;}
img{border: 0;display: block}
ul, li{list-style: none;}
a{text-decoration: none;color: #333;}
a:hover{color: #CE2700;text-decoration: none;}
h1{font-size: 28px}
h2{font-size: 18px}
h3{font-size: 16px}
i{font-style: normal;display: block}
span{display: block}
.clear, .blank{clear: both;width: 100%;overflow: hidden;}
.blank{height: 20px}
.fl{float: left}
.fr{float: right}
.htitle{text-align: center;font-weight: 700;font-size: 36px;margin: 30px auto}
.box,article{width: 1170px;margin: auto;overflow: hidden}
.whitebg{background: #fff;border: 1px solid #eee;}
.plr20{padding: 0 20px;}
header{margin: 0;width: 100%;z-index: 9;transition: all 0.4s;position: absolute;}
.logo-section{padding:  0;}
.logo{overflow: hidden; float:left;margin-right:10%}
.logo img{width: 70px;float: left;margin-right: 10px; float:left;}
.logo-title{font-size: 32px;
    color: #B34B3B;
    float: left;
    background: none;
    padding: 15px 10px;}
.logo-title a{color: #e11827;}
.logo-text{margin-top: 5px;color: #999;text-indent: 3px;font-size:12px;}
.search{float: right;margin-top: 20px;border-radius: 0 5px 5px 0;width: 300px;background: linear-gradient(to right, #0062ff 0%, #00a0ec 100%);}
.search p{margin-bottom: 10px;}
.search .input_submit{border: 0;background:#e11827 url(../images/search.png) no-repeat left 3px center;color: #fff;outline: none;line-height: 36px;font-size: 15px;width: 70px;cursor: pointer;letter-spacing: 5px;text-indent: 1.5em;}
.search input.input_text{border: 0;line-height: 36px;height: 36px;outline: none;width: 230px;background: #f3f3f3;float: left;text-indent: 1em;}

@media (min-width: 901px){
.slide_03 {
    width: 100%;position: relative;
    height: 280px;
}


}
.slide_03 img {
 width: 100%; 
    height: 280px; 
    object-fit: cover; 
    display: block; 
    margin: 0 auto; 
}
.ceo-position-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    max-width: 100%;
    box-sizing: border-box;position: absolute;
}
.slide_03 .searchs {
    padding: 0 15px;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    max-width: 100%;
    box-sizing: border-box;position: absolute;    margin-top: 20px ;
}

.slide_03 .slide_text {
    color: rgba(255, 255, 255, 0.9);
    text-align: center;
    font-size: 20px;
    margin-bottom: 30px;
}
.ceo-flex-middle {
    align-items: center;
}

.ceo-flex {
    display: flex;
}
.slide_03 .searchs input {
    padding-left: 15px;
    width: 601px;
    height: 49px;    outline: none;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.2);
    color: #FFF;
    font-size: 15px;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.8);    flex: 1;vertical-align: middle;
    display: inline-block;border-radius: 4px;
}
.slide_03 .searchs button {
    margin-left: 5px;
    background: #e11827;
    height: 49px;
    color: #fff;
    padding: 0 20px;
    font-size: 16px;
    letter-spacing: 3px;
    transition: all .3s;    border: 0;
    cursor: pointer;
    outline: none;border-radius:4px;
}
@media only screen and (max-width: 800px){
.slide_03 {
    width: 100%;position: relative;
    height: 208px;
}
.slide_03 .searchs input {
    height: 28px;
    font-size: 12px;
}
.slide_03 .slide_text {
    font-size: 16px;
    margin-bottom: 18px;
}
.slide_03 .searchs {
    padding: 0 30px;
}
.slide_03 .searchs button {
    height: 28px;
    padding: 0 9px;
    font-size: 12px;
}    
.slide_03 img {
    height: 208px;
}    
    
}

.topnav{width: 100%;}
.topnav h2{color: #fff;position: fixed;top: 0;padding-left: 10px;font-weight: normal;height: 40px;line-height: 40px;display: none;}
.topnav h2 a{color: #fff;}
.topnav:before{display: table;content: " ";}
.topnav:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
nav{text-align: center;line-height: 76px;width: 100%;}
nav #starlist{margin: auto;width: 1170px;}
#starlist li{position: relative;display: inline;float: left;font-size: 18px;margin-right: 0;}
#starlist li a{display: inline;float: left;padding: 0 25px;color: #fff;}
#starlist li a:hover{color: #e11827;}
#selected{position: relative}
#starlist ul.sub{padding: 5px 0;position: absolute;left: 0;top: 50px;background: rgb(9, 118, 220);z-index: 9;display: none;}
#starlist ul.sub li{height: 34px;line-height: 34px;margin-left: 0;width: 100%;font-size: 14px;}
#starlist ul.sub li a{padding: 0;display: block;width: 100%;}
#starlist ul.sub li a:hover{color: #e11827;}
#starlist li:hover ul.sub{display: block}
a#selected{color:#e11827!important;}
#starlist ul.sub:before{content: "";height: 15px;width: 15px;background: rgb(9, 118, 220);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);border-left: 0;border-bottom: 0;position: absolute;top: -8px;left: 42%;}
#mnavh{display: none;width: 70px;height: 40px;background: #e11827;text-align: center;}
.navicon{display: block;position: relative;width: 30px;height: 3px;background-color: #fff;margin-top: 20px;float: left;margin-left: 20px;}
.navicon:before, .navicon:after{content: '';display: block;width: 30px;height: 3px;position: absolute;background: #fffefe;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.navicon:before{margin-top: -10px;}
.navicon:after{margin-top: 10px;}
.open .navicon{background: none}
.open .navicon:before{margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.open .navicon:after{margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.open .navicon:before, .open .navicon:after{content: '';display: block;width: 30px;height: 3px;position: absolute;background: #fff;}
.is-fixed{position: fixed;top: 0;box-shadow: 0px 3px 10px 1px rgba(144, 161, 180, 0.4);z-index: 99;}
.banner{width: 100%;float: left;height: 280px;}
.swiper-slide{position: relative}
.swiper-slide a{width: 100%;height:100%;}
.swiper-slide a img{height: 100%;}
.swiper-slide span{position: absolute;right: 0;font-size: 12px;padding: 2px 5px 2px 10px;top: 10px;background: #0CF;color: #fff;border-radius: 3px 0 0 3px}
.swiper-slide:nth-child(2) span{background: #F60}
.swiper-slide:nth-child(3) span{background: #3C0}
.headline-box{width: 32.4%;float: right;}
.headline-news{overflow: hidden;padding: 20px;}
.headnews{width: 334.5px;float: left;background:#fff;border: 1px solid #eee;}
.headnews h3{color: #e11827;padding-bottom: 20px;
        text-align: center;font-size: 22px;}
 .headnews .p1{line-height: 25px;
    font-size: 15px;
    color: #555;
    padding-bottom: 20px;}       
.headnews .headline-news-title{margin-top:20px;}
.headline-box1 .headline-news-list li{width: 100%;}

.headline-news-title{margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align:center;}
.headline-news-title a{color: #555;}
.headline-news-title span{float: left;font-size: 12px;font-weight: normal;border: #ff6600 1px solid;padding: 0 5px;border-radius: 3px;color: #ff6600;margin: 4px 8px 0 0;}
.headline-news-smalltext{line-height: 20px;font-size: 14px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 3;height: 60px;margin-bottom: 10px;color: #888;}
.headline-news-list{margin-top: 10px;overflow:hidden;}
.headline-news-list li:first-child {
    background: url(../images/icon-dian.jpg) no-repeat left center;
    color: #333;
    font-weight: 700;
    font-size: 17px;
}
.headline-news-list li{    padding-left: 10px;

    line-height: 30px;
    position: relative;
    width: 100%;
    float: left;
    margin-right: 0;}
.main-wrap {
    width: 40%;
    float: left;
    height: auto;
}
.main-column {
    width: 428px;
    float: left;
    height: auto;
        margin-top: 20px;
    background: #fff;padding:20px 20px 16px 20px;
}


.main-column ul {
    overflow: hidden;
    margin: -15px 0 0 -20px;
}
.main-column li {
    float: left;
    width: 204px;
    margin: 15px 0 0 20px;
}
.main-column li .theImg {
    display: block;
    width: 204px;
    height: 108px;
}
.main-column li .theImg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main-column li .theInfo {
    display: block;
    width: 204px;
    margin: 10px 0 0 0;
}
.main-column li .theInfo p {
    display: block;
    width: 204px;
    color: #7e7e7e;
    font-size: 15px;
    line-height: 17px;
    height: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}


.main-column-right{width: 100%;float:right;margin-top:20px;height:258px;overflow:hidden;position:relative;}
.main-column-right img{width: 100%;max-height: 100%;}
.main-column-right p {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    font-size: 15px;
    line-height: 40px;
    height: 40px;
    padding: 0 15px;
    text-align: center;
}
.ls_main_right{ float: right; overflow: hidden; width: 24%;margin-left:20px;}
.Is_right{ overflow: hidden; padding: 0px 19px 9px;}
.Is_tit{color: #e11827;font-size: 22px; font-weight: bold; line-height: 48px;text-align:center;border-bottom:1px dashed #ddd;}
.Is_wen{ overflow: hidden; margin-top: 2px;}
.Is_wen li{ color: #333333; font-size: 15px; line-height: 28px; height: 28px; overflow: hidden;  padding-left: 13px;position:relative;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.Is_wen li:before {
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    background: #000;
    border-radius: 10px;
    left: 0;
    top: 15px;
}


.headline-box1 .headnews img{width: 100%;}
.headline-news-list li.liehuo_line{margin-right: 0;}
.headline-news-list li a:nth-child(2){padding-left: 6px;float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 60%;}
.headline-news-list li a{float: left;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;width:96%;display:block;}
.headline-news-list li span{float: right;font-size:12px;}
.headline-news-list li:before{position: absolute;content: "";width: 3px;height: 3px;background: #555;border-radius: 10px;left: 0;top: 15px;}
.left-box{width: 830px;float: left}
.right-box{width: 320px;float: right}
.index-left{width: 830px;float: left;}
.index-list{width:376.5px;float:left;background:#fff;overflow:hidden;margin-right:20px;}
.index-list ul{padding:12px 20px 20px 20px;}
.index-list ul img{margin-bottom:10px; width:100%; height:auto;}
.mr{margin-left:20px;}
.mr1{margin-right: 0;}
.index-list ul li{margin-bottom: 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;position: relative;padding-left: 12px;}
.index-list ul li:before{position: absolute;content: "";width: 3px;height: 3px;background: #000;border-radius: 10px;left: 0;top: 10px;}
.index-list h2{font-size: 18px;border-bottom: 1px solid #eee;color: #484848;font-weight: 700;position: relative;margin: 15px 20px 0 20px;padding-bottom: 10px;}
.index-list h2:after{content: "";position: absolute;width: 70px;height: 2px;content: "";background: #000;left: 0;bottom: -1px;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease;}
.index-list h2:hover:after{width: 80px;}
.shijian{overflow:hidden; background:#fff; padding:20px 20px 10px 20px;}
.shijian ul{width:100%; }
.shijian ul li{width:267.5px; float:left;margin-right:20px;margin-bottom: 20px;}
.shijian ul li img{width:100%; height:160px;}
.shijian ul li p{font-size:16px;line-height: 36px;text-align: center;}
.shijian ul li span{font-size:13px;color:#666;line-height: 22px;}
.shijian .last{margin-right:0;}
.shijian h2{font-size: 18px;border-bottom: 1px solid #eee;color: #e11827;font-weight: 700;position: relative;margin:0 0 20px 0;padding-bottom: 10px;}
.shijian h2 a{color: #e11827;}
.shijian h2:after{content: "";position: absolute;width: 70px;height: 2px;content: "";background: #e11827;left: 0;bottom: -1px;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease;}
.shijian h2:hover:after{width: 80px;}
.shijian-list{overflow:hidden; background:#fff; padding:0 20px 10px 20px;}
.shijian-list ul{width:100%; }
.shijian-list ul li{width:182px; float:left;margin-right:20px;margin-bottom: 10px;}
.shijian-list ul li img{width:100%; height:120px;}
.shijian-list ul li p{font-size:15px;line-height: 32px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.shijian-list .last{margin-right:0;}
.tab-a-more{position: absolute;right: 20px;top: -3px;}
.tab-a-more a{display: block;background-size: 32px;overflow: hidden;width: 50px;height: 30px;}
.tab-a-more a i{position: absolute;top: 16px;width: 8px;height: 8px;animation: bounce_fountainG 1.2s linear infinite;border-radius: 8px;background: #09F;}
.tab-a-more a i:first-child{right: 20px;animation-delay: .4s;background: #09F;}
.tab-a-more a i:nth-child(2){right: 10px;animation-delay: .6s;background: #3c0;}
.tab-a-more a i:nth-child(3){right: 0;animation-delay: .8s;background: #f60;}
@keyframes bounce_fountainG{0%{transform:scale(1);}
100%{transform:scale(.3);}}
.blogs-list ul{padding:20px}
.blogs-list ul li{line-height:36px;border-bottom:1px dashed #ddd;overflow:hidden;position:relative}
.blogs-list ul li span{float:right;color:#888;font-size:12px;}
.blogs-list h2{font-size:16px;}
.blogs-list h2 a{color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-left:12px;display: block;width:98%;float:left;font-weight:700;}
.blogs-list ul li:before{position: absolute;content: "";width: 3px;height: 3px;background: #555;border-radius: 10px;left: 0;top: 15px;}
.blogs-list p {
    font-size: 14px;
    line-height: 24px;
    padding: 6px 0 10px 12px;
    overflow: hidden;
}
.news-title{border-bottom: #e4e3e3 1px solid;margin: 20px 20px 0 20px;padding-bottom: 10px;overflow: hidden;}
.news-title h2{color: #e11827;font-size: 16px;font-weight: 700;position: relative;float: left;/* width: 84px;*/text-align: center;}
.news-title h2 a{color: #e11827;}
.news-title h2:after{content: "";background: #e11827;background: linear-gradient(to right, #000 0%, #000 100%);width: 100%;height: 2px;position: absolute;bottom: -10px;left: 0;}
.links{background:#fff;overflow:hidden;color:#555;padding:10px 20px;font-size:13px;}
.links a{color:#555;margin:5px;font-size:13px;line-height: 24px;}
footer{background: #2e2e2e;width: 100%;padding: 30px 0;color: #777;font-size: 14px;position: relative;overflow: hidden}

.endnav p{margin-bottom: 5px;text-align:center;font-size:12px;}
.endnav a{color: #777;font-size:12px;}
.endnav a:hover{text-decoration: underline}
.pagelist{text-align: center;color: #666;width: 100%;clear: both;margin: 0 0 10px;}
.pagelist a{color: #fff;margin: 0 5px 10px;padding: 5px 10px;background: #B1B1B1;display: inline-block;}
.pagelist a:hover, .pagelist > b{color: #3690cf;color: #FFF;background: #e11827;}
.pagelist > b{padding: 5px 10px;}
a.thisclass{color: #ffffff;font-weight: bold;background: #e11827;}
.side-title{font-size: 16px;border-bottom: 1px solid #eee;color: #333;font-weight: normal;position: relative;margin-bottom: 10px;padding-bottom: 10px;font-weight:700;}
.side-title:after{content: "";position: absolute;width: 64px;height: 2px;content: "";background: #000;left: 0;bottom: -1px;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease;}
.side-title:hover:after{width: 80px;}
.hnav, .weizhi{float: right;font-size:12px;}
.hnav a{position: relative;font-size:12px;}
.paihang{padding: 20px}
.paihang ul{overflow: hidden;}
.paihang ul li{height: 30px;line-height: 30px;margin-bottom: 3.8px;padding-left: 5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.paihang ul li i{display: block;width: 16px;height: 16px;background: #B1B1B1;float: left;margin-top: 8px;margin-right: 10px;position: relative;font-style: normal}
.paihang ul li i::before{position: absolute;left: 0;top: 0;font-size: 9px;color: #fff;line-height: 16px;width: 16px;text-align: center}
.paihang ul li:first-child i, .paihang ul li:nth-child(2) i, .paihang ul li:nth-child(3) i{background: #CE2700;}
.paihang ul li:first-child i::before{content: "1";}
.paihang ul li:nth-child(2) i::before{content: "2";}
.paihang ul li:nth-child(3) i::before{content: "3";}
.paihang ul li:nth-child(4) i::before{content: "4";}
.paihang ul li:nth-child(5) i::before{content: "5";}
.paihang ul li:nth-child(6) i::before{content: "6";}
.paihang ul li:nth-child(7) i::before{content: "7";}
.paihang ul li:nth-child(8) i::before{content: "8";}
.paihang ul li:nth-child(9) i::before{content: "9";}
.paihang ul li:nth-child(10) i::before{content: "10";}
.paihang ul li:nth-child(11) i::before{content: "11";}
.paihang ul li:nth-child(12) i::before{content: "12";}
.paihang ul li:nth-child(13) i::before{content: "13";}
.paihang ul li:nth-child(14) i::before{content: "14";}
.paihang ul li:nth-child(15) i::before{content: "15";}
.paihang ul li:nth-child(16) i::before{content: "16";}
.paihang ul li:nth-child(17) i::before{content: "17";}
.paihang ul li:nth-child(18) i::before{content: "18";}
.paihang ul li:hover{-moz-transition: all .2s ease;-webkit-transition: all .2s ease;transition: all .2s ease;}
.suiji{padding: 20px;overflow: hidden}
.suiji ul{overflow: hidden;padding-top: 10px}
.suiji li{line-height: 22px;margin-bottom: 10px;position: relative;padding-left: 15px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.suiji li:before{position: absolute;content: "";width: 3px;height: 3px;background: #000;border-radius: 10px;left: 0px;top: 10px;}
.newstext-box{padding: 0 20px 20px;}
.news-title-h1{font-size: 22px;margin: 20px 0;text-align: center;}
.keywords{overflow: hidden;}
.keywords a{display: block;float: left;border: #e11827 1px solid;color: #e11827;padding: 2px 8px;margin: 0 5px 5px 0;border-radius: 3px;font-size: 14px;}
.keywords a:nth-child(1), .keywords a:hover{background: #e11827;color: #fff}
.picview-other{overflow: hidden;color: #888;margin-bottom: 15px;text-align:center;display:none;}
.picview-other span{margin-right: 15px;padding-left: 20px;display: inline-block;}
.smalltext{margin-bottom: 20px;background: #f1f1f1;padding: 20px;color: #888;line-height: 22px;}
.smalltext i{background: url(../images/quote.png) no-repeat left center;width: 24px;height: 15px;background-position: 0 0;float: left;}
.newstext{line-height: 30px;margin-bottom: 10px;overflow: hidden;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 20px 0; font-size:16px;}
.newstext a b{color:#e11827;}



.newstext video{margin: 20px auto;display: block;max-width: 100% !important;height: auto !important;z-index: 0;}
.newstext p{margin-bottom: 20px;}
.newstext span{display:inline}
.newstext img{max-width: 100% !important;height: auto !important;margin: 10px auto;}
.newstext table{margin: auto !important}
.newstext iframe{margin: auto !important}
.newstext h2, .newstext h3, .newstext h4, .newstext h5, .newstext h6{font-size: 16px;margin: 20px 0;position: relative;padding-left: 10px;}
.newstext h2:before, .newstext h3:before, .newstext h4:before, .newstext h5:before, .newstext h6:before{position: absolute;content: "";background: #e11827;width: 3px;height: 100%;left: 0;bottom: 0;}
span.po-from{background: url(../images/icon-yonghu.png) no-repeat center left;background-size: 16px;}
span.po-date{background: url(../images/date.png) no-repeat center left;background-size: 16px;}
span.po-classname{background: url(../images/icon-lm.png) no-repeat center left;background-size: 16px;}
span.po-view{background: url(../images/view.png) no-repeat left center;background-size: 16px;}
.share{padding: 10px 0;overflow: hidden;display: table;width: 100%;margin: 20px auto;line-height: 24px;background: #f1f1f1;}
.share>div{padding-right: 20px;margin-top: 16px;overflow: hidden;}
.share img{width: 100px;float: left;margin: 0 20px;}
.share a{color: #e11827}
.share a:hover{text-decoration: underline}
.info-pre-next{overflow: hidden;margin: 10px 0;}
.info-pre-next ul li{width: 100%;float: left;overflow: hidden;line-height: 30px;}
.info-pre-next ul li a{overflow: hidden;}
.info-pre-next ul li i{display: block;width: 130px;height: 80px;overflow: hidden;float: left;margin-right: 10px;position: relative;}
.info-pre-next em{position: absolute;left: 0;top: 0;font-style: normal;color: #ffffff;font-size: 16px;width: 100%;line-height: 80px;text-align: center;background: rgba(0,0,0,.2);z-index: 1;}
.info-pre-next img{width: 100%;transition: .5s;}
.info-pre-next h2{font-size: 15px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.info-pre-next p{font-size: 14px;margin-top: 10px;line-height: 20px;height: 40px;color: #888;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;}
.info-pre-next li:hover img{transform: scale(1.2);}
.otherlink ul{padding: 0 20px 20px;overflow: hidden;}
.otherlink ul li{position: relative;line-height: 30px;width: 48%;float: left;}
.otherlink ul li:nth-child(even){float: right;}
.otherlink ul li a{display: block;padding-left: 15px;position: relative;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.otherlink ul li:before{position: absolute;content: "";width: 3px;height: 3px;background: #000;border-radius: 10px;left: 0px;top: 15px;}
.is-search{display:none;}
@media screen and (max-width: 839px){body{overflow-x: hidden}
.box, article{width: 100%;}
.toolbar-open, .toolbar{top: 40%}
.logo-section{display: block;padding:0;}
.logo img,.logo-text{}
.logo img {
    width: auto;
    float: left;
    margin-right: 10px;
    float: inherit;
    height: 40px;
    z-index: 11;
    position: fixed;
    top: 5px;
    left: 5px;
}
.logo-text {
    text-indent: 0;
    font-size: 12px;
    position: fixed;
    z-index: 11;
    top: 22px;
    left: 50px;}
.logo-title{position: fixed;z-index:11;font-size: 18px;margin:0px;color:#fff;background:none;padding:10px;}
article{margin-top: 0}
.topnav{position: fixed;top: 0;z-index: 9;background: rgba(0,0,0,.6);border-top: #000 50px solid;width: 100%;}
nav #starlist{width: 100%;}
nav{line-height: 50px;}
#mnavh{display: block;top: -45px;position: absolute;right: 0;background: #000;}
#starlist{display: none}
#starlist li{width: 60%;margin: 0;background: #fff;border-bottom: #eee 10px solid;}
#starlist li a:hover, .selected > a, #starlist li:hover{color: #e11827;background: #fff;}
#starlist #selected{color: #fff;}
#starlist li a{text-align: left;text-indent: 2em;color: #000;width: 100%;padding: 0;}
#starlist ul.sub{background: none;width: 100%;display: block;position: initial;padding: 0}
#starlist ul.sub:before{display: none}
#starlist ul.sub li{border-bottom: none;width: 100%;overflow: hidden;line-height: 40px !important;border-top: none;height: 40px !important;}
#starlist ul.sub li:first-child{border-top: #eee 1px solid}
#starlist ul.sub li a{display: block;padding-left: 10px;text-indent: 3em;}
#starlist ul.sub li:hover a, #starlist li:hover a{background: none}
#starlist ul.sub li #selected{color: #000 !important}
.shijian-list{padding:0 10px;}
.shijian-list ul li,.shijian ul li{width:48%;margin:1%;}
.shijian-list ul li img,.shijian ul li img{height:160px;}
.menu:hover:after{transform: none;color: #e11827;}
.menu span{display: block;; position: absolute;width: 50px;height: 50px;background: #fff;top: 0;right: 0;border-left: #eee 1px solid;}
#starlist li:last-child{padding-bottom: 100%;}
#starlist ul.sub li:last-child{padding-bottom: 0}
.toolbar-open{display: none}
.banner{width: 50%;height:auto;}
.headline-box{width: 48%}
.tuijian-news-list ul li{margin-bottom: 10px}
.tuijian-news-pic i{height: 140px}
.ad-big, .left-box{width: 100%;}
.ad-small, .right-box{display: none;}
.pics .pic-list-img li:first-child i{height: 205px;line-height: 205px;}
.pic-list-img li i{height: 80px;line-height: 80px;}
.videos-list li i{height: 110px;}
.down-list li h2{margin-right: 0}
.down-list li h2 span{display: none}
.tags ul a{width: 14%}
.tags ul a:nth-child(n+22){display: none}
.blogs-list li i{width: 140px;height: auto;}
.middle-inner{display: block}
.lanmu-keywords{margin-top: 20px;clear: both;}
#sidetab{margin: 20px 10px 0}
.down-view{overflow: hidden}
.down-view .btn-blue a{display: block;position: static;float: right;}
.pics-list-box li a, .pics-list-price li a{margin: 0 5px 5px}
.pics-list-box li i{height: 110px;}
.mp-pics ul li a{height: 70px;line-height: 70px}
.pics-list-price li i{height: 110px;line-height: 110px}
.page-box{width: 55%;}
.qq_join li{width: 50%;padding: 10px 0}
.qq_join li section{margin: 0 5px}
.product{width: 45%}
.product-suiji li{width: 33.333%}
.product-suiji li i{height: 90px;line-height: 90px;}
.product-suiji li:last-child{display: none}
.topnav h2{display: block}
.is-search{display: block}
.left-box{margin-top:30px;}}
@media screen and (max-width: 768px){.left-box,.index-left{width: 100%}
.index-list{width:100%;left:inherit;}
.mr{margin-left:0;}
aside{width: 0 !important;height: 0 !important;}
.down-view .btn-blue a{display: block;position: absolute;float: none;}
.mp-pics ul li a{height: 110px;line-height: 110px;}
.page-title{width: 30%;float: left;}
.page-box{width: 60%;}
.endmenu{display: block}
.lanmu h1{margin: 5px 0;}
.blogs-list li i img{height: 60px;min-height: auto;}
.is-search{position: fixed;top: 12px;right: 60px;width: 20%;height: 28px;line-height: 28px;color: #888;z-index: 10;margin: 0px auto;display: block;}
.is-search section{display: block;background: #fff;border-radius: 20px;margin: 0 20px;font-size: 12px;}
.is-search i{display: block;width: 34px;height: 28px;background: url(../images/searchm.png) no-repeat left 10px center;background-size: 20px;float: left;margin-right: 10px;}
.search .input_submit{width:30%;background: #000 url(../images/search.png) no-repeat left 10px center;}
.search input.input_text{width:70%;}
.search{border-radius:0;}
.search-page{border:1px solid #000;width: 90%;left:5%;height: auto;background: #fff;position: fixed;z-index: 9999;top: 40px;display: none}
.search-page .search{width: 90%;margin-right: 20px;}
.search-page .search input.input_text{width: 80%}
.search-page .search .input_submit{width: 20%}
.search-page .go-left{background: url(../images/prev_blank.png) no-repeat left center;width: 32px;height: 32px;float: left;background-size: 32px;margin: 20px 0 0 10px}
.hot-search, .new-search{margin: 40px 20px;overflow: hidden}
.hot-search p, .new-search p{font-size: 15px;font-weight: bold;margin-bottom: 10px;border-left: #0094ef 3px solid;padding-left: 10px;color: #0091f0;}
.search-paihang li{width: 50%;float: left;line-height: 26px;height: 26px;margin-bottom: 5px;}
.search-paihang li a{display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.search-paihang li i{font-size: 14px;border-radius: 2px;-webkit-border-radius: 2px;text-align: center;color: #c7c7c7;display: block;font-style: normal;width: 20px;height: 20px;line-height: 20px;margin-right: 10px;margin-top: 6px;float: left;}
.search-paihang li:first-child i{color: #ff6b66 !important;}
.search-paihang li:nth-child(2) i{color: #ff8652 !important;}
.search-paihang li:nth-child(3) i{color: #ffa742 !important;}
.banner{width: 100%;height: 100%;margin-top:0px;}
.main-wrap{width: 100%;height: 100%;margin-top:0px;float:inherit;}
.main-column{display:none;}
.headline-box{width: 100%;}
.tuijian-news-list ul li{width: 100%;}
.tuijian-news-list ul li:nth-child(n+4){display: none}
.videos-list li i{height: 90px;}
.down-list li:hover .d-list-hover{display: none;}
.pics-list-price li{width: 33.3333%}
.ls_main_right {display:none;}    
}
 @media screen and (max-width: 767px){
 .blogs-list ul{padding:0 10px;}
.search-page .search{margin-right: 10px;width: 80%;}
.search-page .search input.input_text{width: 76%;}
.search-page .search .input_submit{background: none;}
.gd-box{overflow-x: scroll;}
#tab{width: 800px;}
.tab-a-more{display: none;}
.whitebg{border: none;overflow: hidden;}
.news-title{margin: 20px 0}
.news-title h2{width: fit-content;padding-left: 10px}
.news-title h2:after{left: 10px;width: 90%}
#tab{margin: 10px 0}
#tab-content{margin: 0;padding: 0 10px}
.tuijian-news-pic{width: 100%;margin-top: 10px;}
.btn-blue-border{display: none}
.tuijian-news-pic i{height: auto;margin-bottom: 10px;}
.tuijian-news-pic i img{margin: auto;max-width: 100%;}
.tuijian-news-pic i span{display: none}
.tuijian-news-pic h2{margin: 5px 0}
.tuijian-news-pic p{-webkit-line-clamp: 2;height: 40px;}
.tuijian-news-list{width: 100%;margin: 20px 0;}
.tuijian-news-list ul li a{margin: 0}
.shijian-list ul li,.shijian ul li{width:48%;margin:1%;}
.shijian-list ul li img,.shijian ul li img{height:120px;}

.blogs-list li span{display: none;}
.pics .pic-list-img li:first-child{width: 50%;}
.pics .pic-list-img li:first-child i{height: 100px;line-height: 100%;}
.pic-list-img li{width: 50%;margin-bottom: 10px;}
.pic-list-img li a{margin: 0 5px}
.pic-list-img li span{text-align: left;font-size: 12px;margin-top: 0;line-height: 20px;}
.pic-list-img li i{height: 100px;line-height: 100%;margin-bottom: 5px;}
.pic-list-img li i img{}
.pic-list-img li:nth-child(n+7){display: none}
.pic-list-img{padding-bottom: 10px;overflow: hidden;}
.news-zuixin-pic{width: 60px;height: 60px;}
.news-zuixin-pic img{height: 60px;}
.news-zuixin li{width: 100%}
.news-zuixin p{font-size: 12px}
.news-zuixin li:nth-child(n+5){display: none}
.videos-list li{width: 50%}
.videos-list li:nth-child(n+7){display: none}
.videos-list li a{margin: 0 3px}
.videos-list li i{}
.videos-list li h2{font-size: 12px;overflow: hidden;background-size: 20px;line-height: 20px;}
.videos-list li p{display: none}
.wenzi-left{width: 100%}
.wenzi-right{display: none}
.down-list li{width: 100%}
.down-list li:nth-child(n+7){display: none}
.tags ul a{width: 33.333%;}
.tags ul a:nth-child(n+13){display: none}
.blank{height: 10px;}
.endnav b{display: none}
.endnav{text-align: center;padding: 0 20px;clear: both;}
.endnav p{margin-bottom: 12px}
.topnav h2{display: block}
.blogs-box{overflow: hidden}
.hnav{margin-top:4px;padding-right:10px;}
.share{display: block}
.share img{float: none;margin: 10px auto;}
.share-text{padding: 0 10px;word-break: break-all;}
.info-pre-next ul li{width: 100%;overflow: hidden;float: none;margin-bottom: 10px;border-bottom: #eee 1px solid;padding-bottom: 10px;}
.info-pre-next ul li:last-child{border-bottom: none}
.info-pre-next ul li:nth-child(1) a{margin-right: 0;}
.info-pre-next ul li:nth-child(2) a{margin-left: 0;}
.otherlink, .pinglun-box{overflow: hidden}
.otherlink ul li{width: 100%}
.down-view .btn-blue a{position: static;margin: 10px auto 0;}
.down-view .down-info{width: 100%;clear: both;font-size: 12px;}
.down-view i{margin-bottom: 10px}
.down-links ul li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.down-otherlink ul li{width: 100%}
.plr20{padding: 0 10px;}
#tab li:hover:after, #tab li.tab-current:after{left: 10px;width: 66px;}
.pics-list-box li{width: 50%}
.mp-pics ul li a{height: 70px;line-height: 70px;}
.mp-pics ul li a img{height: 70px;width: auto;}
.pics-list-price li{width: 50%;margin-bottom: 10px;}
.shopview{width: 90%;padding: 0;border: 0;margin: auto;float: none;}
.product{padding: 0 20px;margin-right: 0;float: none;width: 90%;}
.product-suiji li{width: 50%;}
.product-suiji li i{height: 110px;line-height: 110px;}
.product-suiji li:nth-child(n+3){display: none}
#pageContents{overflow-x: scroll;}
#pageContents ul{width: 800px;}
.page-title{width: 100%;float: left;}
.page-box{width: 100%;margin-left: 0;padding-left: 0;border: none;margin-top: 10px;}
.page-title li{width: 100px;float: left;margin-right: 10px}
.qq_join li{width: 50%;padding: 0;margin: auto;float: none;float: left;}
.qq_join li section{margin: 0;padding: 0;box-shadow: none;font-size: 12px;}
.qq_join li p{margin: 0;padding-left: 5px;}
.qq_join li img{width: 140px;height: 140px}
.blogs-list ul li{border-bottom: #eee 1px solid;}
.blogs-list li i{width: 60px;height: 60px;float: right;margin-right: 0;margin-left: 10px;}
.blogs-list li i img{width: auto;}
.blogs-list li h2{white-space: inherit;overflow: hidden;margin-top: 0;font-size: 14px;font-weight: normal;height: auto;}
.blogs-list li h2 a{color: #000;display: inherit;width: auto;float: inherit;}
.blogs-list li p{display: none}
footer{padding: 20px 0 0 0;background: #000;}
.headline-news{overflow: hidden;padding: 17px 20px 20px;}
.endmenu{display: block}
.swiper-container{height: auto !important;}
a.btn-add{margin: auto}
.videos-list .viewd, .wenzi-list li span{display: none}
.tags ul, .links ul{margin: 0 10px 10px;}
span.po-classname, .po-view{display: none}
.news-title-h1{font-size: 18px;margin-top: 20px;}
.info-pre-next em{line-height: 70px;font-size: 12px;}
.info-pre-next ul li i{width: 70px;height: 70px;}
.info-pre-next img{height: 70px;width: auto}
.newstext-box{padding: 0 10px 0;}
.info-pre-next{margin: 10px 0;}
.lanmu img{width: 100%;margin-bottom: 10px}
.lanmu{padding: 10px;}
.lanmu h1{font-size: 18px;margin-bottom: 5px;}
.lanmu-keywords{margin-top: 10px;}
.pagelist{margin:15px 0 0 0;}
.mp-info{display: none}
.wztitle-list li span{display: none}
.pics-list-price span.pics-btn, .pics-list-price li p{display: none;}
.pics-list-price li h2{line-height: 20px;font-size: 14px;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;white-space: inherit;height: 40px;}
.pics-list-price li i{height: 100px;line-height: 100px;}
.keywords a{font-size: 12px}
.keywords a:last-child{margin-bottom: 20px}
     
 .headline-news-list li{width: 96%;}
.headnews{width: 94%;padding:0 3%;}    
.headnews h3{padding:20px 0;}     
 .headnews .headline-news-title{margin-top:20px;}   
 .swiper-slide a img{max-height: 200px;}
 }


.center {
    width: 100%;
    margin: 0 auto;
    clear: both;
}
.cd_box1{ float:left; width:1168px; border:1px solid #dedede; background:#fff;}
.cd_box1 .boxL{ float:left; width:240px; background:#f5f5f5; padding:8px 0 8px 15px;}
.cd_box1 .boxL h4{ float:left; width:240px; height:30px; line-height:30px;font-size:18px;font-family:"微软雅黑"; font-weight:400; color:#333; margin-bottom:2px;}
.cd_box1 .boxL li{ float:left; width:240px; line-height:31px; height:31px; overflow:hidden;font-size:14px;color:#333; font-weight:400;}
.cd_box1 .boxL li a{ color:#333;}
.cd_box1 .boxL li a:hover{color:#333;}
.cd_box1 .boxR{ float:left; width:880px;  padding:8px 15px 8px 15px; line-height:28px; font-size:14px;}
.cd_box1 .boxR h4{ float:left; width:880px; height:30px; line-height:30px;font-size:18px;font-family:"微软雅黑"; font-weight:400; color:#333; margin-bottom:2px;}
.cd_box1 .boxR .f1{ color:#205490;}

.cd_box2{ float:left; width:1170px;}
.cd_box2 table{ float:left; width:1170px;}
.cd_box2 table td{background:#fff; line-height:32px; padding:0 10px; font-size:14px;}
.cd_box2 table tr.t1 td{background:#f8f8f8; font-size:14px; font-weight:bold;font-family:"微软雅黑"; height:36px; line-height:36px;}
.cd_box2 table .t2{font-size:14px;font-family:"微软雅黑";}
.cd_box2 table .w1{ width:60px;}
.cd_box2 table .w2{ width:120px;}
.cd_box2 table .w3{ width:120px;}
.cd_box2 table .w4{ width:60px;}
.cd_box2 table .w5{ width:80px;}
.cd_box2 table .w6{ width:240px;}
.cd_box2 table .t3{font-size:14px; line-height:26px; color:#444; padding:6px 15px;}
.cd_box2 table .t3 p{ text-indent:24px; padding:4px 0;}
.cd_box2 table .t3 a{ color:#3D80C0;}
.cd_box2 table tr.t4 td{background:#A37B50; font-size:14px; font-weight:bold;font-family:"微软雅黑"; height:36px; line-height:36px; color:#fff;}
.cd_box2 table .t5{font-size:14px; line-height:26px; color:#444; padding:12px 15px 6px 30px;}
.cd_box2 table .t5 .box1{ float:left; padding:0 35px 0 0;border-right:1px dotted #dedede;}
.cd_box2 table .t5 .box2{ float:left; padding:0 35px 0 35px; border-right:1px dotted #dedede;}
.cd_box2 table .t5 .box3{ float:left; padding:0 35px 0 35px;border-right:1px dotted #dedede;}
.cd_box2 table .t5 .box4{ float:left; padding:0 35px 0 35px;border-right:1px dotted #dedede;}
.cd_box2 table .t5 .box5{ float:left;padding:0 0 0 35px;}
.cd_box2 table .t5 .box6{ float:left; padding:12px 0 10px 0; border-top:1px dotted #dedede;border-bottom:1px dotted #dedede; margin-top:20px;width: 100%;}
.cd_box2 table .t5 .box7{ float:left; padding:12px 0 6px 0;color:#3D80C0;}
.block10{margin:0;padding:0; height:20px; overflow:hidden;clear:both}
@media only screen and (max-width: 800px){
 .cd_box1,.cd_box1 .boxL,.cd_box1 .boxR,.cd_box2,.cd_box2 table{width: 98%;float:inherit;margin:0 auto;padding:1%;overflow:hidden;}   
 .cd_box2 table .t5 .box1,.cd_box2 table .t5 .box2,.cd_box2 table .t5 .box3,.cd_box2 table .t5 .box4,.cd_box2 table .t5 .box5,.cd_box2 table .t5 .box6,.cd_box2 table .t5 .box7{width: 100%;float: inherit;padding:0;}   
 .block10{height:10px; }   
 
}

.wrap-center{background: #fff;
    padding: 20px;
}
.wrap-center .wrap-center-ul {
    overflow: hidden;
    margin: 0;
}
.wrap-center .wrap-center-li {
    float: left;
    width: 363px;
    margin: 0 20px 0px 0;
}
.wrap-center .lastbtn{margin: 0 0px 0px 0;}
.wrap-center .wrap-center-li .theImg02 {
    display: block;
    overflow: hidden;
    width: 363px;
    height: 446px;
    position: relative;
}
.wrap-center .wrap-center-li .theImg02 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s ease 0s;
}
.wrap-center .wrap-center-li .theImg02 p {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    font-size: 20px;
    line-height: 60px;
    height: 60px;
    width: 330px;
    padding: 0 15px;
    text-align: center;
}
.wrap-center .wrap-center-li .theImg {
    display: block;
    overflow: hidden;
    width: 363px;
    height: 217px;
    position: relative;
    margin: 0 0 15px 0;
}
.wrap-center .wrap-center-li .theImg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s ease 0s;
}
.wrap-center .wrap-center-li .theImg p {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    width: 330px;
    padding: 0 15px;
    text-align: center;
}
.wrap-center .wrap-center-li .theInfo {
    display: block;
    color: #333333;
    font-size: 15px;
    line-height: 24px;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 0 0 16px;
    margin: 8px 0 0 0;    position: relative;
}
.wrap-center .wrap-center-li .theInfo:before {
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    background: #555;
    border-radius: 10px;
    left: 0;
    top: 11px;
}

@media screen and (max-width: 768px){
 .wrap-center .wrap-center-li{width:100%;float: inherit;margin: 0px 0 20px 0;}   
 .wrap-center .wrap-center-li .theImg02,.wrap-center .wrap-center-li .theImg{width: 100%;height: auto;}   
  .wrap-center .wrap-center-li .theImg02 p,.wrap-center .wrap-center-li .theImg p{width: 92%;}  
}