@charset "utf-8";
/*首页*/
.box{margin: 10px 0;}
.left{width: 330px; float: left;}

.index-swiper{ overflow:hidden; width:390px; height:310px; position:relative; margin:15px 20px 20px 0px;float: left; display: inline;}
.index-swiper .indicator{ position:absolute; height:6px; z-index:999;bottom: 15px;right: 15px;}
.index-swiper .indicator ul li{ height:6px; width:14px; float:left; background:#fff; margin-right:6px; cursor:pointer;filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5; text-indent:-9999px;}
.index-swiper .indicator ul li.m-hover{ background:#f70;filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.index-swiper .swiper-list{ overflow:hidden; width:390px; height:310px;}
.index-swiper .swiper-list ul li{ height:310px; width:390px; overflow:hidden; float:left;position:relative;}
.index-swiper .swiper-list ul li.g-bq-list{ width:390px; height:310px;} 
.index-swiper .swiper-list ul li.g-bq-list img{width:388px; height:310px;border: 1px solid #f3f3f3;}
.index-swiper .swiper-list ul li a:hover strong{ color:#f60}
.index-swiper .swiper-list ul li img{height:310px; width:390px;object-fit: cover;}
.index-swiper .swiper-list ul li strong{ position:absolute; left:0px; bottom:0px; display:block; height:36px; line-height:36px; color:#fff; z-index:99; width:280px; padding-left:20px; overflow:hidden; font-weight:normal;}
.index-swiper .swiper-list ul li em{display: block;width: 390px;height:36px;background: #000;filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;position: absolute;left: 0px;bottom: 0px; z-index:9}

.top-left{float: left; width: 792px; height: 340px;overflow:hidden;}
.top-right{float: right; width: 310px; height: 340px;overflow:hidden;}

.toutiao{ overflow:hidden; padding:10px 0px 0 0;}
.toutiao .toutiao-name{ height:30px; line-height:30px; overflow:hidden;}
.toutiao .toutiao-name a{ font-size:16px; font-weight:bold;color: #333;}
.toutiao .toutiao-box{color: #999; line-height:24px; height:72px;font-size:12px;}
.toutiao .toutiao-box a{ color:#ff4163; font-size:12px;}
.toutiao a:hover{ color:#ff7777;}
.toutiao ul {    border-top: 1px dotted #cccccc;    margin-top: 13px;    padding-top: 7px;}
.toutiao ul li {    background: url(../images/cpk-ico.png) no-repeat -295px -281px;    height: 30px;    line-height: 30px;    margin-top: 3px;    overflow: hidden}
.toutiao ul li span {    float: right;    color: #999;
}
.toutiao ul li a {color: #555555;padding-left: 12px;display: block;width: 290px;overflow: hidden;float: left;height: 30px;    white-space: nowrap;text-overflow: ellipsis;}



.ranking{margin-top: 10px; margin-bottom: 5px}
.ranking li{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ranking li .title_color{display: inline;}
.ranking li{padding: 6px 0; height: 20px; line-height: 20px;}
.ranking li em{display: inline-block; width: 18px; line-height: 18px; height: 18px; background: #626262; color: #fff; text-align: center; float: left; margin-right: 8px; font-style: normal;}
.ranking li .date{float: right;}
.ranking li:nth-child(-n+3)>em{background: #E12726;}
.ranking li:nth-child(-n+3)>.date{color: #E12726;}

.text-thumbs{min-height: 400px;overflow:hidden}
.text-thumb{width: 50%; float: left; margin: 10px 0;height: 150px;}
.text-thumbl{width: 250px; height: 150px; float: left; margin-right: 10px;overflow: hidden;}
.text-thumb img{width: 250px; height: 150px;transition:.5s}
.text-thumb img:hover{width: 250px; height: 150px;transform: scale(1.1);}
.text-thumbr{padding-right: 10px;}
.text-thumbr a{font-size: 16px;}
.text-thumbr p{font-size: 12px; color: #666; margin-top: 5px}
.index-50{width: 50%; float: left; box-sizing: border-box; min-height: 370px;overflow:hidden}
.index-32{width: 32.6666%; float: left; box-sizing: border-box; min-height: 370px;overflow:hidden}
.ml2 {margin-left:1%;}
.mr2 {margin-right:1%;}
.text-list ul li{width: 100%; margin-bottom: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative;}
.text-list ul li a{margin-left: 15px;}
.date{float: right; font-size: 12px; color: #888;}
.text-list ul li::before{position: absolute; content: ""; width: 3px; height: 3px; background: #666; border-radius: 100%; left: 0; top: 10px;}
.img-list{min-height: 465px;overflow:hidden}
.img-list ul li{width: 25%; float: left; overflow: hidden; margin: 10px 0;}
.img-list ul li a{overflow: hidden; display: block; margin: 0 7px; border: #f1f1f1 1px solid;}
.img-list ul li p{color: #333; padding: 5px 10px; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.img-list ul li a i{height: 150px; display: block; overflow: hidden;}
.img-list ul li a img{width: 100%; height: 150px; display: inline-block; vertical-align: middle; transition: .5s;}
.img-list ul li a:hover img{transform: scale(1.1);}
.tag{min-height: 100px;overflow:hidden}
.tag ul li a{display: block; color: #666; width: 100px; text-align: center; float: left; margin: 5px 6px; padding: 4px 6px; background: #f1f1f1; line-height: 26px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.tag ul li a:hover{background: #2196f3; color: #fff;}
.advertise{height: 100px; line-height: 100px; text-align: center; background:#078af2; color: #fff;}
.link{min-height: 100px;overflow:hidden;}
.link ul li{float: left; white-space: nowrap; padding: 5px 10px;}

.content-box{ margin-top:15px; position:relative;border-radius: 10px;}
.content-box b.m-prev-page{position:absolute; overflow:hidden;width: 46px;height: 72px;top: 60px;cursor: pointer; background:url(../images/gxicoimg.png) no-repeat;left:-75px;background-position: 0 -115px;}
.content-box b.m-next-page{position:absolute; overflow:hidden;width: 46px;height: 72px;top: 60px;cursor: pointer; background:url(../images/gxicoimg.png) no-repeat;right:-75px;background-position: 0 -290px;}

.touxiang-list b.m-prev-page{ top:105px;}
.touxiang-list b.m-next-page{ top:105px;}
.touxiang-list .list-content {overflow:hidden;height:232px}
.touxiang-list .list-content ul li{margin: 0 15px 15px 0;width: 180px;overflow: hidden;height: 224px; float:left;}
.touxiang-list .list-content ul li a{ font-size: 14px; width: 180px; display: block; color:#555555;line-height: 20px;}
.touxiang-list .list-content ul li a:hover{color: #ff7777;}
.touxiang-list .list-content ul li a img{ width: 180px; height: 180px; display: block; margin: 0 0 5px}

.sucai-list b.m-prev-page{ top:125px;}
.sucai-list b.m-next-page{ top:125px;}
.sucai-list .list-content{ overflow:hidden; margin-top:15px;;border-left: 1px solid #eaeaea;margin-bottom:10px;}
.sucai-list .list-content ul li{ overflow:hidden;float: left;height:225px;border-top: 1px solid #eaeaea;border-right: 1px solid #eaeaea;border-bottom: 1px solid #eaeaea;}
.sucai-list .list-content ul li a {width: 206px;height: 201px;padding: 12px;float: left;display: inline;overflow:hidden;position: relative;zoom: 1;}
.sucai-list .list-content ul li a img {width: 200px;height: 200px;margin: auto;display: block;overflow: hidden;}
.sucai-list .list-content ul li:hover a strong{ display:block;}
.sucai-list .list-content ul li a strong {width:180px;height: 52px;padding: 22px 10px 0px 10px;background: url(../images/gxicoimg.png) repeat-x 0 -456px;display: block;overflow: hidden;position: absolute;left:16px;bottom:13px; display:none; font-weight:normal;color:#fff;}
.sucai-list .list-content ul li a strong em{ height:44px;line-height: 22px;text-align: center; display:block;}

.bizhi-list b.m-prev-page{ top:180px;}
.bizhi-list b.m-next-page{ top:180px;}
.bizhi-list .list-content {overflow:hidden;}
.bizhi-list .list-content ul li{ overflow:hidden;float: left;height:308px;margin:5px 15px 0px 0;}
.bizhi-list .list-content ul li a {font-size: 14px;    width: 180px;    display: block;    color: #555555;}
.bizhi-list .list-content ul li a img {width: 180px;margin: auto;display: block;overflow: hidden;}
.bizhi-list .list-content ul li:hover a strong{ display:block;}
.bizhi-list .list-content ul li a strong {width:180px;height: 52px;padding: 22px 10px 0px 10px;background: url(../images/gxicoimg.png) repeat-x 0 -456px;display: block;overflow: hidden;position: absolute;left:16px;bottom:13px; display:none; font-weight:normal;color:#fff;}
.bizhi-list .list-content ul li a strong em{ height:44px;line-height: 22px;text-align: center; display:block;}

.bizhi-list-notitle .list-content ul li{height:275px;margin-top:10px;}
.bizhi-list b.m-prev-page{ top:150px;}
.bizhi-list b.m-next-page{ top:150px;}




.juzhi-list{ overflow:hidden;}
.juzhi-list ul{overflow:hidden; clear:both;padding-bottom:15px;}
.juzhi-list ul li{ float:left;}
.juzhi-list ul li a{width: 166px;height: 28px;line-height: 28px;font-size: 14px;font-weight: normal;color: #999999;text-align: center;background: #fff;border: 1px solid #eee;border-radius: 4px;float: left;margin: 10px 0 0 12px;display: inline;overflow: hidden; padding:0px 6px;}
.juzhi-list ul li a:hover{ color:#ff7777; border:1px solid #ff7777;}

.wm-list ul{ border-top:1px dotted #ddd; margin-top:15px; padding-top:10px; overflow:hidden;}
.wm-list ul li{ height:33px; line-height:33px; overflow:hidden; background:url(../images/gxicoimg.png) no-repeat 0px -405px; padding-left:16px;}
.wm-list ul li a{ color:#666666;}
.wm-list ul li a:hover{ color:#ff7777;}

.wm-list p.clsname{ overflow:hidden; margin-top:15px;}
.wm-list p.clsname a{ background:#e0e0e0; color:#fff; height:26px; width:75px; text-align:center; line-height:26px; display:block; float:left;margin: 0px 5px 0px 7px;border-radius:2px;}
.wm-list p.clsname a.m-hover{ background:#ff4163;}
.wm-list p.clsname a:hover{ background:#ff4163}

.search-list{margin-top: 10px; margin-bottom: 5px}
.search-list li{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-family: Helvetica-BoldOblique; font-size: 15px; border-bottom: 1px solid #eee;padding: 6px 0; height: 28px; line-height: 28px;}
.search-list li .title_color{display: inline;}
.search-list li em{display: inline-block; width: 18px; color: #000; text-align: center; float: left; margin-right: 10px; font-style: normal; font-size: 15px; }
.search-list li .date{float: right; font-size: 15px;margin-right: 10px;}
.search-list li:nth-child(1)>em{color: #f94e4c;font-style: italic;  font-weight: 600; }
.search-list li:nth-child(1)>.date{color: #f94e4c;}
.search-list li:nth-child(2)>em{color: #ff910f;font-style: italic;    font-weight: 600; }
.search-list li:nth-child(2)>.date{color: #ff910f;}
.search-list li:nth-child(3)>em{color: #ffbe00;font-style: italic;    font-weight: 600; }
.search-list li:nth-child(3)>.date{color: #E12726;}



/*首页*/

/*频道内容页*/
.main-left{float: left; width: 838px;}
.box-left{width: 800px;}
.content-page{padding: 15px 0px 0px 22px;}
.main-right{float: right; width: 350px;}

.tag-list{padding-bottom: 10px; overflow: hidden;}
.tag-list a{font-size: 14px; line-height: 24px; height: 24px; display: block; background: #f1f1f1; float: left; padding: 3px 6px; margin: 10px 5px 0 0; border-radius: 3px; transition: all .2s; color: #525252;}
.tag-list a:hover{background: #2196f3; color: #fff;}

.flag{font-style: normal;font-size: 12px;background:#f60;color:#fff;padding: 1px 3px;font-weight:normal;margin-right:3px;}
.news{margin: 20px 0; height: 170px; border-bottom: 1px dashed #d3d3d3; overflow: hidden;}
.news .news-img{width: 230px; height: 150px; float: left; margin-right: 10px; overflow: hidden;}
.news .news-img img{width: 100%; height: 150px; transition: .5s;}
.news .news-img img:hover{transform: scale(1.1);}
.news-right{padding-right: 10px; padding-top: 10px;}
.news-right em{font-style: normal; font-size: 12px; background: #f60; color: #fff; padding: 1px 3px; font-weight: normal; margin-right: 5px;}
.news-right a{font-size: 16px;}
.news-right p{font-size: 12px; color: #666; margin-top: 5px; margin-bottom: 10px}
.news-tags a{color: #666; padding: 4px 8px; border-radius: 3px; margin-right: 10px; font-size: 12px; margin-top: 5px; background: #e5e5e5}
.news-tags a:hover{background: #2196f3; color: #fff;}
.like-list li{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.like-list li .title_color{display: inline;}
.like-list li{padding: 6px 0; height: 20px; line-height: 20px;}
.like-list .date{float: right;}
.comment-list li{margin-bottom: 10px; border-bottom: 1px dashed #ddd; padding-bottom: 5px}
.comment-list a{font-size: 14px;}
.comment-list p em{color: #3366cc; font-style: normal;}
.list-advertise{background: #206fff; color: #fff; font-size: 20px; text-align: center; padding: 20px 0; transition: .3s; background: linear-gradient(45deg, rgba(39, 102, 255, 0.6), rgba(39, 102, 255, 0.9));}
.list-advertise a{color: #fff;}
.list-advertise .ad{font-size: 14px; line-height: 50px}
.list-advertise:hover{opacity: 0.9; color: #fff;}
.content-container{margin:20px 20px 20px 0px;}
.content-container .m-daodu{ line-height:28px;margin:15px 20px 0;border: 1px #e9e9e9 solid;padding: 10px;font-size: 14px;color: #266889;background: #f7f7f7;}
.content-container .ac-sum{ line-height:28px;margin:15px 20px 0;border: 1px #e9e9e9 solid;padding: 10px;font-size: 14px;color: #266889;background: #f7f7f7;}
.content-tx-width {padding-right:160px}
.content-container h1{font-size: 22px; margin-bottom: 10px;text-align: center;}
.content-info{padding-bottom: 12px;padding-top: 8px;text-align: center;border-bottom: 1px dashed #ddd;}
.content-info span{margin-right: 20px; color: #888;}
.content h2{font-size: 16px; margin: 20px 0; padding-left: 10px; border-left: 3px solid #2196f3;}
.content img{max-width: 100%;}
.content p{margin-bottom: 10px}
.content a{color: #4394ff;}
.content pre{color: #444;font-family: Monaco,Menlo,Consolas,"Courier New",monospace;display: block;margin:10px 0; padding: 9px;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.15); border-radius: 3px;background-color: #f5f5f5;white-space: pre-wrap;word-wrap: break-word;font-size: 11px;line-height: 20px;word-break: break-all;}
.content-tag a{color: #666; padding: 4px 8px; border-radius: 3px; margin-right: 10px; font-size: 12px; margin-top: 5px; background: #e5e5e5;}
.content-tag a:hover{background: #2196f3; color: #fff;}
.operate{margin: 10px 0;}
.operate a{margin-right: 10px; background: #2196f3; height:25px;width:70px;display: inline-block;text-align: center; color: #fff; font-size: 12px}
.operate a:hover{opacity: 0.8;color:#fff;}
.content-container .pre-next {border-top: 1px dashed #ddd;font-size: 14px;line-height: 200%;padding: 10px 0px 0px 0px;;margin-top: 15px; overflow: hidden;}
.content-container .pre-next p {float: left;width: 50%;overflow: hidden;height: 25px;}

.rank-btn {float: right;display: inline;}
.rank-btn ul li{float: left;text-align: center;height: 24px;line-height: 24px;font-size: 16px;font-weight: bold;cursor: pointer;background: url(../images/lbl_bg.png) no-repeat left center;padding-right: 3px;color:#333;}
.rank-btn ul li:first-child {background: none;}
.rank-btn ul li.m-hover{color: #19b5fe;}

.k-nav {height: 16px;line-height: 16px;font-size: 14px; font-weight: normal;color: #333;padding: 14px 11px 11px 22px; }
.k-nav span {float: left; width: 16px; height: 16px; background: url(../images/ku-icon.png) no-repeat;margin:0px 8px 0 0 ;}
.k-nav strong.num {color:#ff0000;}
.k-nav strong.key {color:#ff0000;}

.k-head-class {overflow:hidden; padding:15px 20px 10px 20px; width:1160px;}
.k-head-tag{ overflow:hidden; padding:0px 20px 10px 20px; width:1160px;}

.k-class-top{ overflow:hidden; border-bottom:1px dashed #ccc; padding-bottom:15px;}
.k-class-top span{ position:relative; float:left;height:36px; width:120px; background:#ff5e5e; color:#fff; line-height:36px; text-align:center; display:block; font-size:16px;}
.k-class-top span i{ position:absolute; width:5px; height:10px; background:url(../images/gxicoimg.png) no-repeat 0px -555px; display:block; right:-5px; top:13px;}
.k-class-top .class-list{ overflow:hidden;}
.k-class-top .class-list a{ display:block; float:left;border-radius: 4px; background:#f2f2f2; color:#909090; padding:0px 14px; height:26px; line-height:26px; margin:5px 0px 5px 20px;font-size: 14px;}

.k-class-top .class-list .moreup { display:block; float:left;border-radius: 4px; background:#f77; color:#fff; padding:0px 14px; height:26px; line-height:26px; margin:5px 0px 5px 20px;font-size: 14px;}

.k-class-top .class-list a:hover{ background:#f77; color:#fff;}
.k-class-top .class-list .current{background:#f77; color:#fff;}

.index-class-bottom{border-bottom: 0px dashed #ccc;padding-bottom: 10px;padding-top: 15px;}

.k-class-bottom p{ overflow:hidden;}
.k-class-bottom span{ float:left; color:#555555; height:26px; line-height:26px; display:block;margin-top: 10px;}
.k-class-bottom .f-fr span{ margin-top:10px;}
.k-class-bottom .f-fr a{ margin-top:10px;}
.k-class-bottom .f-fr a p{ margin-top:0px;}
.k-class-bottom a{float:left; color:#999999; height:26px; line-height:26px; display:block; margin-left:8px; padding:0px 13px; margin-top:10px; }
.k-class-bottom a:hover{background:#f77; color:#fff;border-radius: 4px;}

.k-class-bottom .f-fl {float:left;display:inline;}
.k-class-bottom .f-fr {float:right;display:inline;}




.xglist-cont  {padding-right:0px;}

.k-xglist-img ul{ overflow:hidden; margin-top:15px;}
.k-xglist-img ul li{ float:left; width:188px;height: 230px;margin:0px 13px 17px 1px;font-size: 14px;}
.k-xglist-img ul li a{ display:block; overflow:hidden;}
.k-xglist-img ul li a img{width: auto;height: 188px;display: block;}
.k-xglist-img ul li strong{ font-weight:normal; height:38px;color: #666;overflow:hidden; display:block;}
.k-xglist-img ul li:hover strong{ color:#ff7777}
.bizhi .k-xglist-img ul li{ float:left; width:188px;height: 320px;margin:0px 13px 5px 1px;}



.k-xglist-txt ul{ overflow:hidden; margin-top:15px;}
.k-xglist-txt ul{ margin-top:6px; overflow:hidden;}
.k-xglist-txt ul li{ float:left; overflow:hidden;font-size: 14px; width:50%; height:36px; line-height:30px; background:url(../images/m-fl-classico.png) no-repeat -8px -112px;}
.k-xglist-txt ul li a{ color:#555; padding-left:16px; display:block; width:380px; height:36px;}
.k-xglist-txt ul li a:hover{ color:#ff7777;}


.text_list {margin-top:20px;margin-bottom:10px;}
.text_list li{overflow:hidden;border-bottom:1px dashed #ccc;margin-left:5px;padding:5px 0 5px 0;font-size: 14px; line-height: 30px;    width: 49.2%;    float: left;}
.text_list li span.num{width:auto;}
.text_list li span.zan{width:10%;display: none;}
.text_list li span.cai{width:10%;display: none;}
.text_list li span.text{width:86%;margin-left:5px;}
.text_list li span.copy{width:10%;float:right;background-color:#F4A100;border-radius:10px;text-align: center;color:#fff;margin-right:5px;}


.tx_list {margin-top:0px;}
.tx_list li {width:48%;padding:1%;}
.tx_list li img{width:100%;}
.tx_list li span.zan{width:10%;display: none;}
.tx_list li span.cai{width:10%;display: none;}


.artBody,.imgBody{color:#545454;font-size:1rem;line-height:1.6rem;text-align:left;overflow:hidden}
.artBody strong,.imgBody strong{font-size:1.1rem}

.artBody p,.imgBody p{margin-bottom:10px;height:auto;font-size:1em;line-height:28px;font-weight:400;display:block;overflow:hidden}
.artBody .ac-sum strong,.imgBody .ac-sum strong{font-size:0.95rem}

.artBody p.ac-sum,.imgBody .ac-sum {margin: 0px 13px;padding: 10px;background: #EFEFEF;color: #727479; line-height:26px; font-size:0.95rem;border-radius: 4px;}

.imgBodys {  
    display: flex; /* 使用Flexbox布局 */  
	flex-wrap: wrap; /* 允许项目换行 */ 
    justify-content: space-between; /* 在项目之间平均分配空白空间 */  
    align-items: center; /* 垂直居中 */  
    /* 可以根据需要添加更多样式，如padding, margin等 */  
	padding: 20px;
}  
.imgBodys p{margin-bottom:10px;height:auto;font-size:1em;line-height:28px;font-weight:400;display:block;overflow:hidden;width:100%;text-align: center;}
.imgBodys p img{width:100%;height:auto;}

.imgBodys .image-in-row {  

    /* 你可以为图片设置一些样式，如宽度、高度、边框等 */  
    width: 100%; /* 假设你想要每个图片占据大约一半的宽度 */  
    height: auto; /* 保持图片的原始宽高比 */  
    /* 可以添加更多样式，如margin, padding, border等 */  
}
.imgBodys .image-in-row-50 {  
    /* 你可以为图片设置一些样式，如宽度、高度、边框等 */  
    width: 48%; /* 假设你想要每个图片占据大约一半的宽度 */  
    height: auto; /* 保持图片的原始宽高比 */  
    /* 可以添加更多样式，如margin, padding, border等 */  
}
.imgBodys .image-in-row-33 {  
    /* 你可以为图片设置一些样式，如宽度、高度、边框等 */  
    width: 33%; /* 假设你想要每个图片占据大约一半的宽度 */  
    height: auto; /* 保持图片的原始宽高比 */  
    /* 可以添加更多样式，如margin, padding, border等 */  
}
.imgBodys .image-in-row-25 {  
    /* 你可以为图片设置一些样式，如宽度、高度、边框等 */  
    width: 23%; /* 假设你想要每个图片占据大约一半的宽度 */  
    height: auto; /* 保持图片的原始宽高比 */  
    /* 可以添加更多样式，如margin, padding, border等 */  
}

.m-tabimg{ overflow: hidden; width: 220px;position: absolute;top:76px;right: 32px;font-size:13px;}
.m-tabimg .img_menu{border-radius:4px; background: #f2f2f2;overflow: hidden;display: inline-block;margin-right: 10px;}
.m-tabimg .img_menu a{ display: block; float: left; height:26px;  line-height: 26px;padding: 0px 12px; color: #909090;}
.m-tabimg a.m-hover{ background: #ff4163; color: #fff; border-radius:4px;}



.m-touxiang{overflow: hidden;}
.m-touxiang img{border-radius: 6px;}
.m-touxiang ul{padding:2% 1.2% 1.2%;overflow: hidden;}
.m-touxiang ul li{width:48%;padding:1%;float:left}
.m-touxiang img{display:block;border-radius:6px;vertical-align:top}



.m-imgtxt{font-size:16px;padding:0 3% 10px;line-height:26px;color:#666}

/*---- 列表页---- */

.ranking-img { overflow:hidden; margin-top:15px;}
.ranking-img li{ overflow:hidden; float:left; width:140px;height:140px;margin: 0 5px 0px 5px; position:relative;}
.ranking-img li img{ height:100%; width:auto;-webkit-transition: .2s linear;-moz-transition: .2s linear;transition: .2s linear;}
.ranking-img li:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.ranking-img li strong{ position:absolute; bottom:0px; left:0px; height:28px; line-height:28px;text-align:center;width: 100%;    font-weight: normal;background-color: rgba(50,50,50,0.6);*background-color: #333;color: #fff;}
.ranking-img li:hover strong{ color:#fff;background: rgba(255,85,85,1);}

.bizhi .ranking-img li{width:144px;height:230px;margin: 0 5px 0px 5px;}
.bizhi .ranking-img li img{width:100%; height:100%; width:auto;}




.k-jxlist-jx{overflow: hidden;padding: 15px 20px 15px 22px;width: 1158px;}
.k-jxlist-jx ul{ overflow:hidden; margin-top:15px;}
.k-jxlist-jx ul.k-select-img li{ overflow:hidden; float:left; width:183px;height:183px;margin: 0 5px 0px 5px; position:relative;}
.k-jxlist-jx ul.k-select-img li img{ height:100%; width:auto;-webkit-transition: .2s linear;-moz-transition: .2s linear;transition: .2s linear;}
.k-jxlist-jx ul.k-select-img li:hover img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.k-jxlist-jx ul.k-select-img li strong{ position:absolute; bottom:0px; left:0px;background: rgba(255,255,255,0.7); height:32px; line-height:32px; overflow:hidden; color:#333; font-weight:normal;text-align:center;width: 100%;}
.k-jxlist-jx ul.k-select-img li:hover strong{ color:#fff;background: rgba(255,85,85,1);}
.k-jxlist-jx ul.k-select-font li{ float:left; height:35px; line-height:35px; overflow:hidden; width:386px;background: url(../images/cpk-ico.png) no-repeat -295px -278px;}
.k-jxlist-jx ul.k-select-font li a{padding-left: 12px; float:left;color: #555555;display: block;width:280px;height: 35px;overflow: hidden;}
.k-jxlist-jx ul.k-select-font li em{width: auto;height: 35px;line-height: 35px;font-size: 12px;font-weight: normal;color: #999;float: right;margin: 0 35px 0 0;display: block;overflow: hidden;font-style: normal;}
.k-jxlist-jx ul.k-select-font li a:hover{color: #ff7777;}

.bizhi ul.k-select-img li{ overflow:hidden; float:left; width:183px;height:280px;margin: 0 5px 0px 5px; position:relative;}
.bizhi ul.k-select-img li img{width:180px; height:100%;}


.k-jxlist-txt {overflow:hidden;padding: 15px 22px 0px 22px;}
.k-jxlist-txt ul { padding:8px 0px 0px 5px; }
.k-jxlist-txt ul li{border-bottom: 1px dashed #eee; overflow:hidden; height:42px; line-height:42px;font-size: 14px;}
.k-jxlist-txt ul li strong{ overflow:hidden; display:block; float:left;color: #ff9002; font-weight:normal; display:block;}
.k-jxlist-txt ul li strong a{ overflow:hidden; display:block; float:left;color: #ff9002; font-weight:normal; display:block;width:inherit;}
.k-jxlist-txt ul li strong a:hover{color: #ff9002}
.k-jxlist-txt ul li i{width: 1px;height: 12px;background: #eee;float: left;display:block;overflow: hidden;margin:14px 15px 0 15px;}
.k-jxlist-txt ul li a{ display:block; float:left; overflow:hidden;color: #555; width:460px; height:40px;}
.k-jxlist-txt ul li p{ float:right;height:40px;}
.k-jxlist-txt ul li p span{ display:block; float:left; background:url(../images/gxicoimg.png) no-repeat; padding-left:25px;}
.k-jxlist-txt ul li p span.u-like{ background-position:0px -728px; color:#ff5e5e; padding-right:10px;width: 40px;}
.k-jxlist-txt ul li p span.u-date{ background-position:0px -663px;color: #999;}
.k-jxlist-txt ul li a:hover{color:#ff5e5e;}

.k-jxlist-img {padding: 15px 20px 0px 20px;overflow: hidden;}
.k-jxlist-img ul { padding:15px 0px 0px 0px;display: block;overflow: hidden;}
.k-jxlist-img ul li{width: 188px;height: auto;background: #fafafa;float: left;margin:0px 6px 15px 5px;display:block;overflow: hidden;padding-bottom: 8px;}
.k-jxlist-img ul.k-jxlist-pf li img{ width:199px; height:289px;}
.k-jxlist-img ul li img{ width:100%; height:199px;object-fit: cover;}
.k-jxlist-img ul ul.k-pf li img{ width:100%; height:289px;}
.k-jxlist-img ul li strong {height: 44px;line-height: 22px;font-size: 14px;font-weight: normal;color: #555;text-align: center;float: left;margin:1px 0 5px 0; padding:0px;display: inline;overflow: hidden;width: 100%;}
.k-jxlist-img ul li b{width: 60px;height: 20px;line-height: 20px;font-size: 12px;font-weight: normal;color: #fa3467;text-indent: 20px;background: url(../images/gxicoimg.png) no-repeat 0px -738px;float: left;margin:2px 0 0 14px;display: inline;overflow: hidden;}
.k-jxlist-img ul li em {width: auto;height: 20px;line-height: 20px;font-size: 12px;font-weight: normal;color: #999;text-indent: 22px;background: url(../images/gxicoimg.png) no-repeat 0px -673px;float: left;margin:2px 0 0 24px;display: inline;overflow: hidden;font-style: normal;}


.k-jxlist-img-class ul li span {display: inline-flex;}
.k-jxlist-img-class ul li span a {width: 55px;white-space: nowrap;overflow: hidden;display: inline-block;}
.k-jxlist-img-class ul li b{width: 50px;height: 20px;line-height: 20px;font-size: 12px;font-weight: normal;color: #fa3467;text-indent: 20px;background: url(../images/gxicoimg.png) no-repeat 0px -738px;float: left;margin:2px 0 0 14px;display: inline;overflow: hidden;}
.k-jxlist-img-class ul li em {width: auto;height: 20px;line-height: 20px;font-size: 12px;font-weight: normal;color: #999;text-indent: 22px;background: url(../images/gxicoimg.png) no-repeat 0px -673px;float: left;margin:2px 6px 0 0px;display: inline;overflow: hidden;font-style: normal;}

.k-jxlist-img ul li:hover{ box-shadow:0px 0px 3px #ff5555;}
.k-jxlist-img ul li:hover strong{ color:#ff5555}

.bizhi ul li img{height:276px;}

.page { text-align: center;width: 100%;}
.page i{ display: inline-block; padding: 0 15px; background-color: #fbfbfb; color: #999; border: 1px solid #e7e7e7; border-radius: 3px;font-style:normal;margin-left: 5px;}
.page b{ display: inline-block; padding: 0 15px; background-color: #ff4163; color: #fff; border: 1px solid #ff4163; border-radius: 3px;margin-left: 5px;}
.page a{ display: inline-block; padding: 0 15px; background-color: #fbfbfb; border: 1px solid #e7e7e7; border-radius: 3px; color: #000;margin-left: 5px;}
.page a.tsp_more,.page .tspage .tsp_nav a.tsp_next,.page .tspage .tsp_nav a.tsp_end,.page .tspage .tsp_nav a.tsp_home,.page .tspage .tsp_nav a.tsp_prev{ padding: 0; border:none;}
.page a:hover{ background: #ff4163; color: #fff; border: 1px solid #ff4163;}
.page a.tsp_more:hover i{background: #ff4163;color: #fff;border: none;}
.page a.tsp_next:hover i{background: #ff4163;color: #fff;border: none;}
.page a.tsp_end:hover i{background: #ff4163;color: #fff;border: none;}
.page a.tsp_home:hover i{background: #ff4163;color: #fff;border: none;}
.page a.tsp_prev:hover i{background: #ff4163;color: #fff;border: none;}



/*频道内容页*/

/*一级频道页*/

.k-pd-left{width:880px;}
.k-pd-list-l{padding: 20px 0px 8px 20px;background: #fff;border: 1px solid #eee;border-right: 0px solid #eee; margin-top:15px;}
.k-pd-right{width:320px;}
.k-pd-list-r{padding: 20px 20px 10px 0px;background: #fff;border: 1px solid #eee;border-left: 0px solid #eee;margin-top: 15px;}


.k-pd-left ul.k-pd-list-img{ overflow:hidden;margin-top:5px;margin-right:5px;}
.k-pd-left ul.k-pd-list-img li{width: 125px;height: 156px;float: left;margin:9px 13px 4px 0px;display: inline;overflow: hidden;}
.k-pd-left ul.k-pd-list-img li a {width: 100%;height: auto;margin: 0;display: block;overflow: hidden;}
.k-pd-left ul.k-pd-list-img li a img {width: 100%;height: 125px;display: block;overflow: hidden;}
.k-pd-left ul.k-pd-list-img li a strong {width: 100%;height: 20px;line-height: 20px;font-size: 14px;font-weight: normal;color: #555;text-align: center;margin: 6px 0 0 0;display: block;overflow: hidden;}
.k-pd-left ul.k-pd-list-img li a:hover strong{color: #ff7777}

.bizhi ul.k-pd-list-img li{width: 190px;float: left;margin:16px 10px 16px 5px;display: inline;overflow: hidden;height: inherit;}
.bizhi ul.k-pd-list-img li a {width: 100%;height: auto;margin: 0;display: block;overflow: hidden;}
.bizhi ul.k-pd-list-img li a img {width: 180px;height: 276px;display: block;border:2px solid #f5f5f5;}
.bizhi ul.k-pd-list-img li a:hover img{border:2px solid #ff7777;}



.k-pd-list-txt { overflow:hidden;margin-top:15px;margin-bottom:11px;}
.k-pd-list-txt .txt-top{ position:relative; overflow:hidden; height:160px; padding-left:180px;padding-right: 15px;}
.k-pd-list-txt .txt-top .u-cont-img{ position:absolute; width:160px; height:160px; overflow:hidden; left:0px; top:0px}
.k-pd-list-txt .txt-top .u-cont-img img{width:160px; height:160px;}
.k-pd-list-txt .txt-top .u-cont-name{ height:35px; line-height:35px; overflow:hidden;font-size: 16px;font-weight: bold; color:#fb6a57; display:block;}
.k-pd-list-txt .txt-top .u-cont-name:hover{ color:red;}
.k-pd-list-txt p{ line-height:28px; overflow:hidden; color:#999999; height:84px; margin-top:8px;}
.k-pd-list-txt em {width: auto;height: 16px;line-height: 16px;font-size: 12px;font-weight: normal;color: #999;text-indent: 22px;margin:6px 38px 0 0;float: left;display: inline;overflow: hidden;position: relative;zoom: 1;font-style: normal;}
.k-pd-list-txt .txt-top em i {width: 16px;height: 16px;background: url(../images/cpk-ico.png) no-repeat -284px -59px;display: block;overflow: hidden;position: absolute;left: 0;top: 0;}
.k-pd-list-txt .txt-top  em b {width: 16px;height: 16px;background: url(../images/cpk-ico.png) no-repeat -284px -124px;display: block;overflow: hidden;position: absolute;left: 0;top: 0;}
.k-pd-list-txt .txt-bottom{ overflow:hidden;}
.k-pd-list-txt .txt-bottom ul{ margin-top:13px; overflow:hidden;}
.k-pd-list-txt .txt-bottom ul li{ float:left; overflow:hidden; height:36px; line-height:36px; background:url(../images/cpk-ico.png) no-repeat -295px -278px; width:410px;}
.k-pd-list-txt .txt-bottom ul li a{ float:left; padding-left:12px;color: #555555; display:block; width:310px; height:35px; overflow:hidden;}
.k-pd-list-txt .txt-bottom ul li em {width: auto;height:35px;line-height: 35px;font-size: 12px;font-weight: normal;color: #999;float: right;margin: 0 25px 0 0;display: block;overflow: hidden;}
.k-pd-list-txt .txt-bottom ul li a:hover{ color:#ff7777}

/*一级频道页*/



/*单页面*/
.page{margin: 20px 0; overflow: hidden;}
.page-left{width: 250px; float: left; padding: 20px 20px;}
.page-right{width: 820px; float: right}
.page-left ul li{margin: 10px 0;}
.page-left ul li a{display: block; border: 1px solid #ddd; text-align: center; padding: 8px 0; border-radius: 3px; font-size: 16px}
.page-left ul li a:hover,
.page-current{background: #1487f4; color: #fff; border: #1487f4 1px solid;}
.page-content{padding: 20px 0;}
.page-content h1{font-size: 18px; margin-bottom: 20px}
/*单页面*/


/*评论区*/
.comment-more h1{font-size: 22px;text-align:center;margin-top:50px;}
.comment-more-box{width:80%;margin:20px auto;padding:30px 0;}
.comment-explain{font-size:12px;color:red;margin-left:10px}
.comment-box{position: relative; margin: 20px 0}
.comment-box h3{height: 28px; line-height: 28px}
.comment-form{width: 100%; position: relative}
.textarea{width: 98%; height: 78px; border: 1px solid #ccc; padding: 5px 5px; outline: none; color: #333; line-height: 20px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px;}
.textarea2{width: 98%}
.comment-form p{height: 28px; line-height: 28px; position: relative}
.comment-form .emotion{width: 42px; height: 20px; background: url(../images/icon.gif) no-repeat 2px 2px; padding-left: 20px; cursor: pointer; color: #999}
.comment-form .emotion:hover{background-position: 2px -28px; color: #666}
.qqFace{margin-top: 4px; background: #fff; padding: 2px; border: 1px #dfe6f6 solid;}
.qqFace table td{padding: 0px;}
.qqFace table td img{cursor: pointer; border: 1px #fff solid;}
.qqFace table td img:hover{border: 1px #0066cc solid;}
.comment-submit{background-color: #e6e6e6; background-image: linear-gradient(#fcfcfc, #fcfcfc 25%, #e6e6e6); background-repeat: no-repeat; border-bottom-right-radius: 3px; border-color: #ddd #ddd #aaa; border-style: solid; border-width: 1px; box-shadow: 0 0 1px #fff inset; color: #555; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; height: 32px; position: absolute; right: 0; text-align: center; text-shadow: 0 1px 0 #fff; top: 0; transition: all 0.15s linear 0s; width: 100px; cursor: pointer; border-radius: 2px; margin-top: 5px; outline: none;}
.comment-submit:hover{background-position: 0 -15px; color: #121212}
.static{position: static; float: right;}
.comment-list-box{border: 1px solid #ddd; margin: 25px 0 15px; overflow: hidden;}
.comment-list-top{background: #fbfbfb; color: #555; font-size: 14px; padding: 0 12px; height: 30px; line-height: 30px; border-bottom: 1px dotted #ddd;}
.comment-list-top a{color:#de1513;}
.comment-list-body ul{padding: 0 12px;}
.comment-list-body ul li{padding: 10px 0; border-bottom: 1px dotted #ddd; overflow: hidden;}
.comment-list-body ul li:last-child{border-bottom: none;}
.comm-right{margin-left: 50px;}
.comm-right strong{font-weight:normal;}
.comm-right .user_name{color: #017cb9}
.comm-right .user_name:hover{color: #2a6496; text-decoration: underline; transition: all 0.15s linear 0s;}
.comment-list-body .user_pic{float: left;}
.comment-list-body p{font-size: 14px; line-height: 1.5em; color: #666; margin: 5px 0;}
.comment-list-body .original_comment{display: block; margin: 5px 0;}
.comment-list-body .comm_time{font-size: 12px; color: #999;}
.comment-list-body .comm_a{font-size: 12px; color: #999; margin: 0 5px; transition: all 0.15s linear 0s;}
.comment-list-body .comm_a:hover{color: #555}
.none{display: none;}
.original_comment{display: block; margin: 5px 0;}
/*评论区*/


/* 留言板 */
.book{margin-bottom: 20px}
.book-list{padding: 10px; background: #fafafa; border: 1px solid #dadada; line-height: 25px; margin-bottom: 10px; color: #666}
.book-head{font-size: 12px; border-bottom: 1px dashed #8e8e8e; padding: 5px 0;}
.book-head span{color: #9a9a9a; margin-left: 5px; font-size: 12px}
.book-content{margin: 10px 0;}
.book-content .admin_repay strong{color: #DE4C1C;}
/* 留言板 */


/* 下载模型 */
.down-list{padding: 20px 0; height: 110px; border-bottom: 1px dashed #bbbbbb}
.down-list-left{height: 100px; width: 150px; float: left; margin-right: 15px; overflow: hidden;}
.down-list-left img{height: 110px; width: 150px; transition: .5s;}
.down-list-left img:hover{transform: scale(1.1);}
.down-title{margin-top: 5px}
.down-title a{font-size: 16px; color: #232323;}
.down-date{float: right; font-size: 12px; color: #999}
.down-info{color: #666}
.down-info em{color: #c00; font-style: normal}
.down-desc{line-height: 20px; color: #888}
.down-msg{margin: 20px 0; overflow: hidden;}
.down-msg .desc{background: #f9f8f8; padding: 10px; width: 417px; float: right; margin-bottom: 10px}
.down-msg .desc span{color: #2196f3;}
.down-msg img{width: 300px; height: 200px; float: left; margin-right: 20px}
.down-msg ul{float: left;}
.down-msg ul strong{margin-right: 10px;}
.down-url ul{margin: 20px 0 10px 0;}
.down-url ul li{background: #fafafa; line-height: 35px}
.down-url ul li a{padding-left: 20px; font-size: 14px; background: url(../images/icon.png) no-repeat 0px -121px; margin: 0 5px;}
/* 下载模型 */


/*产品模型*/
.product{margin: 20px 0;}
.product-list-box{width: 50%; float: left; color: #333; font-size: 14px; box-sizing: border-box; margin: 10px 0;}
.product-list{border: 1px #e8e8e8 solid; margin: 5px; padding: 20px; overflow: hidden; height: 160px;}
.product-list:hover{border: 1px #2196f3 solid;}
.product-img{width: 216px; height: 150px; float: left; overflow: hidden;}
.product-list img{width: 216px; height: 150px; float: left; transition: .5s;}
.product-list img:hover{transform: scale(1.1);}
.product-right{float: right; width: 270px;}
.product-title{font-size: 16px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 35px}
.product-price{color: #ff5522; line-height: 35px}
.product-stock{line-height: 35px}
.product-details{background: #ff5522; border-radius: 3px; display: block; width: 130px; height: 35px; line-height: 35px; text-align: center; color: #fff; transition: 0.3s; font-size: 16px;}
.product-details:hover{color: #fff; opacity: 0.8}
.image{width: 100%; height: 450px; line-height: 450px; text-align: center; border: 1px solid #ddd; background: #f9f8f8}
.image img{width: 600px; height: 450px; overflow: hidden;}
.switch{width: 100%; height: 87px; border: 1px solid #ddd; margin: 5px auto;}
.icon1{display: inline; width: 30px; float: left; padding-top: 28px; text-indent: -9999px; margin-left: 10px;}
.icon1 a{display: block; width: 32px; height: 32px; background: url(../images/left.png) no-repeat;}
.icon2{float: right; width: 38px; padding-top: 28px; text-indent: -9999px;}
.icon2 a{display: block; width: 32px; height: 32px; background: url(../images/right.png) no-repeat;}
.switch-center{float: left; width: 665px; height: 83px; margin-left: 10px; overflow: hidden; padding-top: 3px;}
.switch-center li{display: inline; float: left; width: 100px; height: 66px; margin: 0 5px; padding-top: 10px;}
.switch-center li a{display: block; width: 88px; height: 60px; border: 1px solid #ddd;}
.switch-center li a img{width: 88px; height: 60px;}
.switch-center li a.on{border: 1px solid #ff9900;}
.switch-center li a:hover{border: 1px solid #ff9900;}
/*产品模型*/



/*搜索页*/
.search-left .k-jxlist-txt ul li a.img{display:none;}

.search-left .k-jxlist-tx {overflow:hidden;padding: 15px 0px 0px 20px;}
.search-left .k-jxlist-tx ul {padding:15px 0px 0px 0px;}
.search-left .k-jxlist-tx ul li{width: 188px;height: auto;background: #fafafa;float: left;margin:0px 6px 15px 5px;display:block;overflow: hidden;padding-bottom: 8px;}
.search-left .k-jxlist-tx ul li img{ width:100%; height:199px;}

.search-left .k-jxlist-tx ul li strong{display: none;}
.search-left .k-jxlist-tx ul li i{display: none;}
.search-left .k-jxlist-tx ul li a.img{display:block; float:left; overflow:hidden;color: #555;line-height: 22px;text-align: center;height: auto;}
.search-left .k-jxlist-tx ul li a{ display:block; float:left; overflow:hidden;color: #555;height: 44px;line-height: 22px;text-align: center;}
.search-left .k-jxlist-tx ul li p{}
.search-left .k-jxlist-tx ul li p span{padding-left:5px;}
.search-left .k-jxlist-tx ul li p span.u-like{width: 60px;height: 20px;line-height: 20px;font-size: 12px;font-weight: normal;color: #fa3467;text-indent: 20px;background: url(../images/gxicoimg.png) no-repeat 0px -738px;float: left;margin:2px 0 0 5px;display: inline;overflow: hidden;}
.search-left .k-jxlist-tx ul li p span.u-date{width: auto;height: 20px;line-height: 20px;font-size: 12px;font-weight: normal;color: #999;text-indent: 18px;background: url(../images/gxicoimg.png) no-repeat 0px -673px;float: left;margin:2px 0 0 24px;display: inline;overflow: hidden;font-style: normal;}
.search-left .k-jxlist-tx ul li:hover{box-shadow:0px 0px 3px #ff5555;}



/*图片预览浮层*/
body.none {overflow-x: hidden;overflow-y: hidden; display: block;}
.lb_wrap{display:none;}
.lightbox_bg{background: #000;filter: alpha(opacity=70);opacity: .7;position:fixed;left: 0;top: 0;width: 100%;height: 100%;z-index:999;}
.lightbox{position:fixed;left:0;top:25%;width:100%;z-index:9991;text-align:center;}
.lightbox p{position:absolute;height:51px;width:51px;top:50%;left:0;z-index:9992;margin-top:-30.5px;cursor:pointer;}
.lightbox p.next{left:auto;background:url(../images/Tright.png) no-repeat; right:100px;}
.lightbox p.prev{background:url(../images/Tleft.png) no-repeat; left:100px;}
.lightbox a.imgsrc{position: absolute; bottom:-180px; left: 50%; width:98px; margin-left:-43px;  text-align: center; height:32px; line-height: 32px; border-radius: 4px; border: 1px solid #fff;  color: #fff;}

/*错误页*/
.error-page {background-color:#fff;border-radius:12px;text-align:center;position: absolute;width: 500px;height: 180px;left: 50%;top: 50%;margin: -200px 0 0 -250px;}
.error-page .error-title{background-color:#d52371;border-top-left-radius:12px;border-top-right-radius:12px;color:#fff;font-size: 20px;line-height: 45px;}
.error-page .error-info {font-size: 18px;line-height: 40px;margin-top:20px;}
.error-page .error-goto {font-size: 16px;line-height: 60px;}
/*错误页*/

.copy_tips {position: absolute;    top: 70%;    left: 48%;    width: 100px;    height: 50px;    background: #000000;    border-radius: 15px;    color: #ffffff;    text-align: center;    line-height: 50px;}