html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline; font-family: "Microsoft YaHei", Verdana, sans-serif; outline: 0; font-size:14px;color:#333333;}
ol, ul { list-style: none; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
* { border: none; margin: 0; padding: 0; vertical-align: baseline; }

ins, a { text-decoration: none;color:#46484a; }
a:hover { text-decoration: none; color:#388dc9;  }
video{height:auto;width:100%}
video::-internal-media-controls-download-button{display:none}
video::-webkit-media-controls-enclosure{overflow:hidden}
video::-webkit-media-controls-panel{width:calc(100% + 30px)}
input, textarea { -webkit-appearance: none; }
html, body { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: #edf2f5; background-repeat:no-repeat;background-position:top;background-attachment:fixed;background-size:cover;}
.class { -webkit-tap-highlight-color: transparent; }

.left {float:left}
.right { float:right; }
.center { text-align: center; }
.clear { display: block; height: 0px; clear: both; }
.red { color: #c00; }
.c888 {color:#888888;}
.onlywap{display:none; }
.pc{display:block;}
.wap{display:none;}
.main {background: #ffffff;margin: 0 auto;}
.logo { margin: 15px 15px 15px 20px; width: 60px; display: block; overflow: hidden; height: 60px; float: left;vertical-align: middle; }
.logo img { width: 60px; height: 60px; vertical-align: middle; }
.website { padding: 15px 0 ; padding-left: 20px; }
.website h1 , .website .name{ font-size: 24px; color: #555555; font-weight: bold; line-height: 38px;    text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.website h3 { font-size: 14px; color: #b3b3b3; line-height: 22px; text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
/*搜索框样式*/
.search { margin-top:28px; display: block; overflow: hidden; float: right; margin-right:20px;}
.search input { border: 1px solid #dddddd;  background: transparent;width: 250px; height: 36px; line-height:36px; vertical-align: bottom; padding-left: 5px; color: #555555; margin-right: -1px;outline:none; float: left;  box-sizing: border-box;}
.search input:focus{border:1px solid #338ccc}
.search button { width: 65px;line-height: 36px;background-color: #338ccc; color: #fff; float: right; }
.search button:hover { background: #6aabd9; }
.wapsearch{display:none;}
.shopsign { display: block; overflow: hidden; height: 100%; text-align: center; vertical-align: middle; }
.shopsign img { width: 100%; height: 100%; vertical-align: middle; }
/**带更多导航栏样式**/
.pgwMenu a { display: block; color: #fff; line-height: 50px; padding: 0 25px; text-decoration: none; font-size: 16px; }
.pgwMenu .pm-links.mobile, .pgwMenu .pm-viewMore > ul { background: #338ccc; box-shadow: 2px 2px 4px #777; position: absolute; left: 0; top: 100%; z-index: 1000; }
.pgwMenu .pm-viewMore { display: none; position: relative; }
.pgwMenu .pm-viewMore > a { display: inline-block; }
.pgwMenu .pm-viewMore > ul { left: auto; right: 0; }
.pgwMenu .pm-viewMore li { float: none; }
.pgwMenu .pm-viewMore span.icon, .pgwMenu .pm-viewMore span.white { border-color: #fff transparent; border-style: solid; border-width: 8px 6px 0; margin-left: 3px; display: inline-block; }
.pgwMenu .pm-links.mobile li, .pgwMenu .pm-viewMore > ul > li { display: block; clear: both;  }
.pgwMenu .pm-dropDown, .pgwMenu .pm-viewMore, .pgwMenu .pm-viewMore > ul { display: none; }
.pgwMenu .pm-dropDown a { display: inline-block; background: #338ccc; }
.pgwMenu .pm-dropDown a.active, .pgwMenu .pm-viewMore a.active { background: #6aabd9; }
.pgwMenu { background: #338ccc; height: 50px; position: relative; list-style: none; }
.pgwMenu ul { list-style: none; white-space: nowrap; margin: 0; padding: 0; }
.pgwMenu li { float: left; }
.pgwMenu li a:hover { background: #6aabd9; text-decoration: none; }
.pgwMenu li a.cur { background: #6aabd9; }
/*带二级导航栏样式*/
#cssmenu { background: #338ccc; }
#cssmenu ul ul li a { background: #6aabd9; }
#cssmenu ul li a:hover { background: #6aabd9; text-decoration: none; }

.banner {width: 100%;height: 380px;text-align: center;}
.carousel-item img { width: 100%; height: 380px;vertical-align: middle;    object-fit: cover; }
/**轮播图**/
.ft-carousel{position:relative;width:100%;height:100%;overflow:hidden}
.ft-carousel .carousel-inner{position:absolute;left:0;top:0;height:100%}
.ft-carousel .carousel-inner .carousel-item{float:left;height:100%}
.ft-carousel .carousel-item img{width:100%}
.ft-carousel .carousel-indicators{position:absolute;left:0;bottom:10px;width:100%;text-align:center;font-size:0}
.ft-carousel .carousel-indicators span{display:inline-block;width:12px;height:12px;background-color:#fff;margin:0 4px;border-radius:50%;cursor:pointer}
.ft-carousel .carousel-indicators span.active{background-color:#338ccc;-moz-opacity:0.7;opacity: 0.7;}
.ft-carousel .carousel-btn{position:absolute;top:50%;width:50px;height:45px;margin-top:-25px;cursor:pointer}
.ft-carousel .carousel-prev-btn{left:0;background:url(img/prev.png) no-repeat}
.ft-carousel .carousel-next-btn{right:0;background:url(img/next.png) no-repeat}

/**主体*/
.content { display: block; overflow: hidden; padding: 10px 20px 5px 20px;  list-style: decimal; }
.content h3 {  font-size: 16px; line-height: 40px; border-bottom: 1px solid #dddddd;}
.content h3 i{ float:right;font-size:12px;color: #888888;}
.content p { line-height:150%; margin-bottom:10px;}
.article{padding:10px 0;overflow: hidden;}
.article .info { color: #888888; line-height: 24px; margin-bottom: 10px;text-align:center; }
.article .info a{color:#2463a2;}
.article .info a:hover{ color:#23619f; }
.article .info i{ margin-right:5px;color: #888888;}
.article img { max-width: 100%; height: auto; }
.article table {border-top: solid 1px #ddd;border-left: solid 1px #ddd; width: 100%;margin-bottom: 15px; box-sizing: border-box;}
.article table td{border-bottom: solid 1px #ddd;border-right: solid 1px #ddd;padding: 5px 10px;    box-sizing: border-box;}
.article h1 {font-size: 22px; line-height: 36px;margin: 5px 0;text-align:center; }
.article h2,.article h3,.article h4,.article h5{border-bottom:0;font-weight:400;border-left:3px #338ccc solid;background:#ededed;line-height:150%;padding:5px 5px 5px 8px;margin:0 0 10px 0}
.tags{color: #888888; }
.tags a{margin-right:10px;color:#2463a2;}
.tags a:hover{ color:#23619f; }
.tags i{margin-right:10px; }
.tag a{color:#2463a2;}
.tag a:hover{ color:#23619f; }
.left{float:left;}

.right{float:right;}
.w49 {width:49%;}
.about img{width:100%;height:100%;vertical-align: middle;margin:20px 0 10px 0;}
.content .about p{color:#666666;}
/*---------------------------文章列表-----------------------*/
.qiyenews { margin: 10px 0; overflow: hidden; height: auto; }
.qiyenews li { line-height: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }

.post-ab { margin: 10px 0; overflow: hidden; height: auto;margin-right:-2%; }
.post-ab li { line-height: 32px;margin-right:2%;width:48%; float:left;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }

.breadcrumb{line-height: 36px; border-bottom: 1px solid #dddddd;color:#888888;}
.breadcrumb a{color:#888888; }
.breadcrumb i{margin:0 5px;color:#888888; }
/*---------------------------文章内容------------------------*/



.list-news li{padding: 15px 0; border-bottom: dashed 1px #dddddd;overflow: hidden;}
.list-news li h2 { font-size:16px;line-height: 24px;  max-height: 48px; overflow: hidden; display: block; }

.list-shop{margin-right:-2%;padding-top:15px;overflow: hidden;}
.list-shop li{margin-right:2%;width:23%;float:left;}
.list-shop li img{width:100%;height:170px; object-fit: cover;}
.list-shop li h2{font-size:14px;font-weight: normal; line-height:36px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;    border-bottom: 1px solid #e6e6e6;}
.list-shop li .info{text-align:left;font-size: 14px;line-height: 24px;margin:5px 0 15px 0;color: #888888;}
.list-shop li .info i{margin-right:5px;color:#888888}
.list-shop li .info span{float:right;color: #888888;font-size: 14px;}

/*---------------------------文章翻页------------------------*/
.pagebar { display: block;overflow:hidden; padding: 10px 0; margin: 10px 0; }
.pagebar .page { float:left;color: #888888; width:24px;line-height:24px;text-align:center; margin:0 5px; overflow:hidden;border-radius: 3px;display:block; }
.pagebar .now-page { color: #fff; background: #338ccc;   }
a:hover .page { color: #fff; background: #338ccc; }
/*---------------------------文章上下翻条------------------------*/
.post-nav p {line-height:24px;padding-top:10px;}
.post-nav a {border: 1px solid #d9d9d9;padding:0 10px;border-radius: 3px;color:#888888;box-sizing: border-box;}
.post-nav a i{color:#888888;font-size:14px;}

/*===========comment=================*/
/**评论样式**/
#comments h3 span { color: #FF9933; margin: 0 5px; font-style: normal }
#comments { overflow: hidden;margin-bottom:20px; }
#comments .ping { padding-bottom: 10px; border-bottom: 1px dashed #ededed; height: 24px; line-height: 24px; font-size: 20px;  }
.compost .com_name { overflow: hidden; color: #338ccc }
.compost .com_name a { color: #338ccc }
.compost .com_box { margin-bottom: 15px; }
.compost .com_box textarea { width: 100%; border: 1px solid #dddddd; display: block;  box-sizing: border-box; padding: 10px ;border-radius: 4px; background: transparent;}
.compost .com_info { margin-top: 10px; 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; border: 1px solid #dddddd; margin-bottom: 15px; border-radius: 4px;}
.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 { background-color: #338ccc; border: 0; border-radius: 3px; padding: 0 20px; line-height: 36px; color: #fff; font-size: 14px }
.compost .com_info button:hover { background: #6aabd9 }
#comments .comlist { margin-bottom: 10px; border-bottom: 1px solid #ededed }
.comlist .title { margin: 10px 0; overflow: hidden }
.comlist .title span {  }
.comlist .title i { width: 93%; height: 1px; background-color: #ededed; vertical-align: middle; display: inline-block }
.comlist ul { list-style: none; border-top: 1px solid #ededed }
.comlist ul.bordertop { border-top: 0 }
.comlist ul:hover { background-color: #fafafa }
.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%; margin-left: 12px }
.comlist li .clbody { margin-left: 64px }
.clbody .cinfo { overflow: hidden }
.clbody .cinfo h5 { float: left; height: 18px; line-height: 18px; color: #338ccc;   }
.clbody .cinfo span { float: right; margin-right: 10px }
.clbody .cinfo span a { color: #338ccc }
.clbody .cinfo span i { margin-right: 4px }
.clbody em { color: #888888; height: 24px; line-height: 24px; font-size: 12px; font-style: normal; display: block }
.clbody p { line-height: 24px; color: #555555; overflow: hidden;margin:0; }
.clbody p a { color: #338ccc }
.hottags , .links{ overflow: hidden; padding: 10px 0; height: auto; margin-right:-20px; }
.hottags li , .links li{ margin-right:20px; float: left;  line-height: 32px; }
.hottags li a , .links li a { line-height: 32px; }
footer { padding: 15px 0; border-top: 4px solid #dddddd; text-align: center;}
footer p {line-height: 28px; }

@media screen and (max-width:721px){
.bmwap{display:block;}
.banner {height: 285px;}
.carousel-item img { height: 285px;}
.left , .right{width:auto;}
.w49{width:100%;}
.list-shop li{width:48%;}
.list-shop li img{height:242px; }
}
@media screen and (max-width:481px) {
.onlywap , .wap{display:block; }
.pc , .newspic li p , .newspic li .tag{display:none;}
.logo { width: 50px; height: 50px; margin:10px; }
.logo img { width: 50px; height: 50px; }
.website { padding: 10px 0;padding-left: 10px;}
.website h1 , .website .name { font-size: 18px; line-height: 30px;height: 30px;overflow:hidden;}
.website h3 { font-size: 12px; max-height:36px;overflow:hidden;}
.search { padding:5px 0; float: none;border-bottom:1px solid #e6e6e6;width:100%;display: none}
.search form{width:95%;margin:0 auto;}
.search input{ width:80%; padding:0 5px;}
.search button{width:20%;float:none;}
.wapsearch{display:block;float:right;width:50px;overflow: hidden;height:70px;line-height:70px;text-align: center;}
.wapsearch i{font-size:20px;color:#888888;font-weight: bold}
.pgwMenu{height:40px;}
.pgwMenu a{line-height:40px;padding: 0 15px;}
.content { padding: 5px 10px; }
.banner , .carousel-item img{height: 190px;}
.post-ab , .list-shop{margin-right:0;}
.post-ab li , .list-shop li{ width: 100%;margin-right:0; }
.list-shop li img{height:240px; }
footer { padding: 15px 10px; }
}
@media screen and (max-width:361px) {.banner {height: 145px;}
.carousel-item img { height: 145px;}}