/*Z-blogPHP响应式行业资讯类主题，zblog应用中心搜索主题ID：hnyspx即可找到！*/
/*作者：星岚工作室*/
/*QQ：914466480*/
/*原创作品，盗卖必究*/
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
html { font-size: 14px; -webkit-tap-highlight-color: transparent }
body { margin: 0; padding: 0; font-size: 14px; color: #333333; font-family: "微软雅黑", Arial, Helvetica, sans-serif, "宋体"; background: #fff }
/**图标库*/
@font-face { font-family: 'iconfont'; src: url('css/iconfont.eot'); src: url('css/iconfont.eot?#iefix') format('embedded-opentype'),  url('css/iconfont.woff2') format('woff2'),  url('css/iconfont.woff') format('woff'),  url('css/iconfont.ttf') format('truetype'),  url('css/iconfont.svg#iconfont') format('svg'); }
.iconfont { font-family: "iconfont" !important; font-size: 14px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
dd, div, dl, dt, form, h1, h2, h3, h4, h5, img, input, label, li, map, ol, p, span, textarea, ul { margin: 0; padding: 0; outline: 0; border: 0 }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
li, ul { list-style: none }

a { color: #333333; text-decoration: none; background-color: transparent }
a:hover {  color:#197cc2;text-decoration: underline}
img { border: none; vertical-align: middle } 
.red{color:#c80909;}
.clear { clear: both }
.n_l { float: left }
.n_r { float: right }
.b_15 { margin-bottom: 15px; float: left; width: 100% }
.container { max-width: 1200px; margin: 0 auto }
/*头部开始*/
.htop { border-bottom: 1px solid #ededed; height: 36px; line-height: 36px; background:  #f7f7f7; overflow: hidden; }
.ht_l { float: left; color: #999999; }
.ht_l i { margin: 0 5px; }
.ht_r { float: right; }
.ht_r a { margin-left: 15px;color:#666666; }
header { height: 110px;  }
.logo { float: left; height: 80px; margin: 15px 0;  }
.logo img { float: left;height: 80px; object-fit: cover; }
#mnav, #msearch, .webname { display: none }
.search { margin-top: 25px; width: 300px; float: right; position: relative }
.search form { margin: 0; padding: 0; width: 100%; float: left }
.search form input { float: right; width: 100%; height: 34px; line-height: 34px; color: #999999; background: #fff; padding: 0 66px 0 10px; border-radius: 3px 0 0 3px; border: 1px solid #ededed;  }
.search form button {width: 56px; height: 34px; border: 0; cursor: pointer; background: #1b547d; color: #fff; position: absolute; right: 0; top: 0; border-radius: 0 3px 3px 0 }
.search form button:hover { background: #3d84b8 } 
.search p { line-height: 36px; float: right; color: #999999; }
.search p a { margin-right: 5px; }
.search p a:last-child { margin-right: 0; }
/**导航栏***/
.navigate { height: 40px; background: #1b547d } 
.navigate ul li { float: left; line-height: 40px; position: relative; z-index: 1000; text-align: center }
.navigate ul li a { display: block; width: 100%; font-size: 16px; color: #fff; padding: 0 30px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s } 
.navigate ul li a:hover { text-decoration: none; } 
.navigate ul li .cur, .navigate ul li a:hover { background: #3d84b8; color: #fff }
.navigate ul li ul { width: 100%; display: none; position: absolute; left: 0; top: 40px; background: #ffffff; z-index: 9999; box-shadow: 0 1px 3px 0 rgba(0,0,0,.08); border-color: rgba(0,0,0,.08) }
.navigate ul li ul li { width: 100%; float: none; border-bottom: 1px #f0f0f0 solid; height: 36px; line-height: 36px; overflow: hidden }
.navigate ul li ul li a { width: 100%; padding: 0; font-size: 14px; color: #333333; }
.navigate ul li ul li a:hover { background: #3d84b8; color: #fff;text-decoration: none; }
.fixednav { position: fixed; top: 0; left: 0; width: 100%; z-index: 999 }
/**轮播图**/
.js-silder{position:relative;min-width:320px;max-height:980px;}
.silder-scroll{width:100%;overflow:hidden}
.silder-main{position:relative;width:100%;overflow:hidden}
.silder-main-img{position:absolute;top:0;left:0;width:100%}
.silder-main-img img{width:100%}
.js-silder-ctrl{width:100%;height:0;text-align:center;bottom:0;left:0;right:0;}
.silder-ctrl-prev{left:0;text-align:left;display:none;}
.silder-ctrl-next{right:0;text-align:right;display:none;}
.silder-ctrl-next,.silder-ctrl-prev{position:absolute;top:50%;text-align:center;margin-top:-25px;width:30px;height:50px;line-height:50px;vertical-align:middle;cursor:pointer;color:rgba(255, 255, 255, 0.8);font-size:20px!important;background:rgba(0, 0, 0, 0.2)}
.js-silder:hover .silder-ctrl-prev , .js-silder:hover .silder-ctrl-next{display:block;}
.silder-ctrl-con{display:inline-block;width:50px;height:2px;margin:0 10px;cursor:pointer;position:relative;top:-35px;}
.silder-ctrl-con>span{display:block;line-height:2px;text-indent:-9999px;overflow:hidden;cursor:pointer;background-color:#fff;-moz-opacity: 0.8;opacity: 0.8;}
.silder-ctrl-con.active>span{background-color:#c80909}

.i-box { padding: 15px 0 0 0; overflow: hidden;width:100%;display: block; }
.i-box-l { float: left; width: 870px }
.i-box-r { float: right; width: 300px;margin-bottom:10px; overflow: hidden;}
.column { height: 40px; border-bottom: 2px solid #ededed; margin-bottom: 15px;}
.column h3{ float: left; line-height: 40px; height: 40px; font-size: 20px; padding: 0 2px; border-bottom: 2px solid #1b547d;  }
.column span { float: right; font-size: 12px; line-height: 40px; color: #999999； }
.column span a { color: #999999 }
.column span a:hover {text-decoration: none;}
.column span a i { font-size: 12px;margin:0 10px; }
.column span a.more i {margin:0}
.column-r { width: 100%; height: 40px; padding: 12px 0; border-bottom: 1px #ededed solid; margin-bottom: 15px; }
.column-r h3 { line-height: 16px; font-size: 16px;  padding-left: 10px; border-left: 3px solid #1b547d;  }
.toutiao{margin:10px 0 15px 0;padding:15px;border: 1px solid #ededed;  background:  #ffffff; position: relative;box-shadow: 0 1px 5px 0 rgba(0,0,0,.05);}
.toutiao ul li{width:100%;overflow: hidden;} 
.toutiao ul li h2{font-size:20px;line-height: 30px;font-weight: bold; margin-bottom:10px;}
.toutiao ul li p{line-height:150%;color:#999999;}
.toutiao .ttimg{position: absolute;right:0;top:0;height:50px;width:50px;background-image:url(images/toutiao.png);background-repeat:no-repeat; z-index: 99;}
.gengxin , .toutiao {width:100%;display: block;overflow: hidden;}
.gengxin ul{}
.gengxin li { float:left;width:100%;line-height: 36px; font-size: 16px;overflow: hidden;  text-overflow: ellipsis; white-space: nowrap;box-sizing: border-box }
.gengxin li span { float: right; color: #999999; font-size: 13px; }
.gengxin li span.red{color:#c80909;}
.gonggao li { float: left; width: 100%; overflow: hidden; margin-bottom: 15px; }
.gonggao li:last-child{margin-bottom:0;}
.gonggao li h2 { line-height: 20px; font-size: 14px; margin: 10px 0; height: 40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.gonggao li .g-time { float: left; width: 60px; height: 60px; background: #f7f7f7;border:1px solid #ededed ; color: #999; overflow: hidden; text-align: center; margin-right: 10px; }
.gonggao li .g-time h4 { padding-top: 8px; font-size: 20px; ; line-height: 24px }
.gonggao li .g-time span { font-size: 12px }

.cms_main { overflow: hidden; margin-right:-3%;  }
.cms_main .cmslist { float: left; width: 47%; margin-right:3%;}
.cmslist-it li {  line-height: 36px; width: 100%; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cmslist-pt li { float: left; width: 100%; margin-bottom: 15px;height: 85px; padding-top:15px; overflow: hidden;border-top:1px solid #ededed;box-sizing: border-box}
.cmslist-pt li:first-child { border-top:0;padding-top:0;height: 70px; }
.cmslist-pt li img { object-fit: cover;  float: left; width: 105px; height: 70px; margin-right: 10px; overflow: hidden}
.cmslist-pt li h2 {  margin-top:5px;height: 40px; line-height: 20px;font-size:16px;overflow: hidden;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical ;}
.cmslist-pt li .info{text-align:left;margin-top:5px;line-height: 18px;}

.mainleft { width: 870px; float: left;padding:15px 0 0 0 }
.mainright { width: 300px; float: right ;padding:15px 0 0 0}

.lower { overflow: hidden; width: 100%;}
.lower ul { list-style-type: none; margin-right: -5% }
.lower li { float: left; margin-bottom: 15px; line-height: 32px; width: 45%; margin-right: 5%; overflow: hidden }
.lower li a { display: block; border: 1px #ededed solid;  text-align: center; border-radius: 4px; line-height: 32px }
.lower li a:hover , .lower li a.cur{ color: #114b8a }


.list-news-r ul , .pinglun ul{ overflow: hidden; width: 100%; }
.list-news-r ul li { height: 28px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list-news-r ul li a i{color:#999999;}
.pinglun ul li { padding-bottom:10px;}
.pinglun ul li:last-child { padding-bottom:0;}
.pinglun ul li h4 { line-height: 21px; font-size: 14px; max-height: 42px; overflow: hidden;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.pinglun ul li small { font-size: 12px; color: #999999; line-height: 34px; height: 34px; }
.pinglun ul li img { width: 28px; height: 28px; float: right; border-radius: 50%; margin-top: 5px; }

.contact { overflow: hidden }
.contact p { line-height: 200%; color: #666666; }
.contact img { width: 100%; height: 100%; vertical-align: middle; margin-bottom: 15px }


.abstract {background: #f7f7f7;border:1px solid #ededed ;padding:10px 15px;line-height: 150%;margin-bottom: 15px;overflow: hidden;}
 
.list-pt ul li { width: 100%; float: left; padding: 15px 0; border-bottom: 1px #ededed solid;}
.list-pt ul li:first-child{padding:0 0 15px 0;}
.list-pt ul li img { float: left; width: 180px; height: 120px;margin-right: 15px;  object-fit: cover;  }

.list-pt ul li h2 { line-height: 34px; font-size: 18px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.list-pt ul li p { color: #999; line-height: 20px; height: 40px; margin: 8px 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.list-pt ul li .info { margin-top:0; text-align: left;}
.list-pt ul li .info a.tags { background: #c80909; color: #fff; padding: 0 4px; margin-right: 15px }
.list-pt ul li .info a.tags:last-child{ margin-right: 0 }
.list-pt ul li .info a.tags:hover { -moz-opacity: 0.8;opacity: 0.8;text-decoration: none; }
.info {  line-height: 24px;  overflow: hidden; margin-top:5px; }
.info span { margin-right: 20px; color: #999999;}
.info span:last-child { margin-right: 0;}
.info span a{ color:#1b547d;}
.info span a:hover{ text-decoration: none;}

.mainleft h1 { font-size: 28px; overflow: hidden; line-height: 150%; margin-top:10px;font-weight: bold; }
.content { overflow: hidden; margin-top: 15px; font-size: 16px }
.content p , .content div { margin-bottom: 15px; line-height: 150%; }
.content h2, .content h3, .content h4, .content h5 {
    border-left: 2px #1b547d solid;
    border-top: 1px #ededed solid;
    border-right: 1px #ededed solid;
    border-bottom: 1px #ededed solid;
   background: #f7f7f7;
    line-height: 150%; 
    padding: 5px 10px 5px 13px;  
    margin: 0 0 15px 0;
}
.content table { border-top: solid 1px #ddd; border-left: solid 1px #ddd; width: 100%; margin-bottom: 18px }
.content table td, .content table th { border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; padding: 5px 10px }
.content img { max-width: 100%; margin-bottom: 15px;height: auto!important;}
.tags { margin-bottom:15px;overflow: hidden;}
.tags a { background: #c80909; color: #fff; display: inline-block;padding: 0 3px; margin-right: 15px }
.tags a:last-child{ margin-right: 0 }
.tags a:hover{  -moz-opacity: 0.8;opacity: 0.8;text-decoration: none; }

.list-product , .list-p{ overflow: hidden;  }
.list-product ul {margin-right: -3.333% }
.list-product ul li {  width: 30%; margin-right: 3.333%; }
.list-p ul { margin-right: -3% }
.list-p ul li { width: 22%; margin-right: 3%;  }
.list-product ul li , .list-p ul li{float: left;overflow: hidden; margin-bottom: 15px;border:1px solid #ededed;box-sizing: border-box;}
.list-product ul li img , .list-p ul li img{ width: 100%; height: 178px;overflow: hidden; object-fit: cover;  }
.list-product ul li h2 , .list-p ul li h2 { margin: 10px 0 0 0;padding:0 10px; height: 48px; line-height: 24px; overflow: hidden; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.list-product ul li p , .list-p ul li p{ color: #999999; padding:0 10px; line-height: 24px; margin:5px 0;}
.list-product ul li p span , .list-p ul li p span{ float: right }

.list-p ul { margin-right: -3% }
.list-p ul li { width: 22%; margin-right: 3%;  }


.post-nav { margin: 15px 0 ;padding:10px 15px;border: 1px solid #ededed; background:  #f7f7f7; }
.post-nav p { line-height: 30px; font-size: 14px; color: #666666 }

.pagebar { padding-top:15px;overflow: hidden;float:left;width:100%;text-align: center;}
.pagebar .page{display:inline-block;line-height:32px;width:32px;border-radius:3px;margin:0 5px;text-align:center}
.pagebar .page:hover , .pagebar .now-page{border:1px solid #e0e0e0;} 

.flink { overflow: hidden }
.flink ul { margin-right: -30px;width:100%; overflow: hidden }
.flink ul li { float: left;padding-right: 30px; list-style-type: none; line-height: 200%; }
/**网站评论**/
#comments{overflow:hidden;width:100%;}
.compost .com_name{overflow:hidden;width:100%;}
.compost .com_name span{color:#1b547d;display: block;float:left;margin-right:10px;}
.compost .com_name a{color:#1b547d}
.compost .com_box textarea{width:100%;display:block;padding:10px;    background: transparent; box-sizing:border-box;}
.compost .com_info{margin-top:15px;overflow:hidden}
.compost .com_info ul{float:left;list-style:none;display:inline-block}
.compost .com_info li{float:left;margin-right:15px}
.compost .com_info li input{width:160px;height:30px;line-height:30px;padding-left:4px;margin-bottom:15px;box-sizing:border-box;}
.compost .com_info li span{margin-left:4px}
.compost .com_info li span img{height:30px;line-height:30px;vertical-align:top}
.compost .com_info button{border:0;padding:0 30px;line-height:36px;color:#fff;font-size:14px;background:#1b547d;cursor:pointer; border-radius: 3px;}
.compost .com_info button:hover{background:#3d84b8;}
.comlist{margin-top:15px;}
.comlist ul{list-style:none;border-top:1px solid #ededed}
.comlist ul.bordertop{} 
.comlist ul ul{margin-left:5%}
.comlist li{overflow:hidden;padding:15px 0}
.comlist li img{float:left;width:40px;height:40px;border-radius:50%;transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-o-transition: 1s;}
.comlist li:hover img {transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);}
.comlist li .clbody{margin-left:50px}
.compost .com_info li input , .compost .com_box textarea {border:1px solid #ededed;}  
.clbody .cinfo{overflow:hidden}
.clbody .cinfo h5{float:left;height:18px;line-height:18px;color:#1b547d;font-size:14px;font-weight:400}
.clbody .cinfo span{float:right;}
.clbody .cinfo span a{color:#1b547d}
.clbody .cinfo span i{margin-right:4px}
.clbody em{height:24px;line-height:24px;font-size:12px;color:#999999;font-style:normal;display:block}
.clbody p{line-height:24px;overflow:hidden}
.clbody p a{color:#1b547d}
/**网站底部**/
.footer { width: 100%; padding: 15px 0; background: #bc0b0b; font-size: 14px; line-height: 200%; color:#f8f7fa; text-align: center; margin-top: 30px }
.footer a { color: #f8f7fa }

@media screen and (max-width:1200px) {
.container { padding:0 15px;}
.i-box-l , .mainleft { width: 70% }
.i-box-r , .mainright{ width:27% }

}

@media screen and (max-width:960px) {


.htop , .logo , .pinglun , .list-news-r , .contact , .silder-ctrl-con , .mainright .gonggao{ display: none; }
header { background: #1b547d; height: 50px;position: fixed;width: 100%;  top: 0; left: 0;right:0; z-index: 999 }
.main{padding:50px 0 0 0 }
.webname {line-height: 50px;font-size:16px;display: block;width:60%;float:left;}
.webname a{color:#fff;}
.webname a:hover{text-decoration: none;}
#mnav, #msearch { display: block; float: right; line-height: 50px;  padding: 0 10px; }
#mnav i, #msearch i { color: #fff; font-size: 14px; }
    
.navigate {  width: auto;right: 0; height: auto !important;  top: 50px; position: fixed; z-index: 999;display: none;}
.navigate .container { padding: 0; margin: 0; }
.navigate ul li { float: none; border-bottom: 1px #3d84b8 solid; line-height: 36px; position: relative; z-index: 1000; text-align: center; }
.navigate ul li ul li { display: none; }
.fixednav { left: auto; width: auto; }

    
.search {margin:0; background: #fff; position: absolute; width: 100%; height: auto !important; overflow: visible !important; float: none; top: 50px; left: 0; z-index: 999; border-bottom: 1px #ededed solid; padding: 20px 15px 15px 15px;  display: none; }
.search form { overflow: hidden;  width: 100%; float: none; margin: 0 auto; position: relative;}
.search form input { float: left; padding: 0 21% 0 10px; }
.search form button { float: right; width: 20%;   }
.search p { float: none; line-height: 24px; text-align: center;margin-top:10px; }
    

.silder-ctrl-next,.silder-ctrl-prev{display:block;}
    
.i-box { padding: 15px 0 0 0; }
.i-box-l , .mainleft , .i-box-r , .mainright{width:100%;float:none;padding:0  }
    
.gonggao ul{margin-right:-3%;}
.gonggao li {  width: 47%; margin-right:3%;}

.list-p ul {margin-right: -3.333% }
.list-p ul li{  width: 30%; margin-right: 3.333%; }
.caini ul { margin-right: 0 }
.caini li { width: 100% }
}

@media screen and (max-width:720px) {
.gonggao ul{margin-right:0;}
.gonggao li{width:100%;margin-right:0;}
.cms_main { margin-right:0;  }
.cms_main .cmslist { width: 100%; margin-right:0;}
.mainleft h1 { font-size: 24px ; }

.info span{margin-right:10px;}
.info a.tags , .viewnums{ display: none}

.list-pt ul li img{width: 105px;height: 70px}
.list-pt ul li p{display: none}
.list-pt ul li h2 {margin-top:5px;height: 40px; line-height: 20px;font-size:16px;font-weight:normal;white-space:inherit;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical ;}
.list-pt ul li .info{margin-top:5px;line-height: 18px;}

.list-product ul , .list-p ul {margin-right: -4% }
.list-product ul li , .list-p ul li{  width: 46%; margin-right: 4%; }
    
.flink ul { margin-right: -15px; }  
.flink ul li {padding-right: 15px; }
.footer { font-size: 12px }
}

@media screen and (max-width:480px) {
.list-product ul li img , .list-p ul li img{  height: 105px;}  
}