/* by luzy at 2021-04-29 */
* { margin:0; padding:0 }body { font:15px "Microsoft YaHei", Arial, Helvetica, sans-serif; color:#000; background:#f1f1f1; font-size:15px; }
img { border:0; display:block }
ul, li { list-style:none; }
a { text-decoration:none; color:#000; }
a:hover { color:#218af1; text-decoration:none; }
h1 { font-size:28px }
h2 { font-size:18px }
h3 { font-size:16px }
i { font-style:normal; }
.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:1250px; margin:auto; overflow:hidden }
.whitebg { background:#fff; border:1px solid #eee; }
.plr20 { padding:0 20px }

/*header*/
.top{ padding:5px 0; font-size:13px; }.top ul{ float:right; }.top ul li{ float:left; }
header { margin:0; width:100%; z-index:9; transition:all 0.4s; background:#fff }
.logo-section { padding:10px 0; }
.logo { overflow:hidden }
.logo img { height:86px; float:left; margin-right:10px }
.logo-title { font-size:28px; color:#0166b6; }
.logo-text { margin-top:5px; color:#888; }

/*search*/
.search { float:right; margin-top:16px; border-radius:0 5px 5px 0; width:400px; background:#0168b5; }
.search p { margin-bottom:10px; }
.search input.input_submit { border:0; background:url(../images/search.png) no-repeat left 10px center; color:#fff; outline:none; line-height:36px; font-size:15px; width:100px; cursor:pointer; letter-spacing:5px; text-indent:1em; }
.search input.input_text { border:0; line-height:36px; height:36px; outline:none; width:300px; background:#f3f3f3; float:left; text-indent:1em; }
.blogs-box .search{ float:none; margin:0 auto; margin-top:20px; }
.sea_sum{ float:left; margin:20px 0 0 10px; color:#666; }
.sea_sum b{ color:#f00; }

/*topnav*/
.topnav { width:100%; background:#0166b6; }
.topnav h2 { color:#fff; position:fixed; top:0; padding-left:10px; font-weight:normal; height:50px; line-height:50px; display:none; }.topnav h2 img{ height:90%; margin-top:5%; }
.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:50px; width:100%; }
nav #starlist { margin:auto; width:1250px; }
#starlist li { position:relative; display:inline; float:left; font-size:15px; }
#starlist li a { display:inline; float:left; min-width:60px; padding:0 20px; color:#fff; }
#starlist li:hover { background:#0976dc; }
#selected { position:relative }
#starlist ul.sub { padding:5px 0; width:150px; position:absolute; left:0; top:50px; background-color:rgba(9,118,220,0.6); 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:hover { background:#1c8cf7; }
#starlist li:hover ul.sub { display:block }
.selected { background:#0976dc; color:#fff; }
#starlist ul.sub:before { content:""; height:15px; width:15px; background:#0976dc; -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:#0166b6; text-align:center; }
.navicon { display:block; position:relative; width:30px; height:3px; background-color:#fff; margin-top:15px; 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; }
.menu:after { content:""; position:absolute; right:5px; top:24px; width:0; height:0; border-width:4px 4px 0; border-style:solid; border-color:#fff transparent transparent; -ms-transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; }
.menu:hover:after { transform:rotate(180deg) }
.is-fixed { position:fixed; top:0; box-shadow:0px 3px 10px 1px rgba(144, 161, 180, 0.4); z-index:99; }
.sub_menu{ position:absolute; display:none; width:150px; margin-left:150px; }
.sub_menu li{ float:left; width:100%; background-color:rgba(28,140,247,0.6); }
#starlist ul.sub li:hover .sub_menu{ display:block; }
#starlist ul.sub .sub_menu li:hover{ background:#389dfd; }

/*banner*/
.banner { width:100%; float:left; height:340px; }
.swiper-slide { position:relative }
.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 }

/* con_banner */
.con_banner{ width:1248px; margin:0 auto; }
.con_banner img{ width:100%; }

/*headline-box*/
.headline-box { width:38%; float:right; }
.headline-news { overflow:hidden; padding:17px 31px 21px; }
.headline-news-title { margin-bottom:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#0092d8; }
.headline-news-title a { color:#0166b6; }
.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 { border-top:#ddd 1px solid; padding-top:10px; }
.headline-news-list li { padding-left:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:30px; position:relative }
.headline-news-list li:before { position:absolute; content:""; width:3px; height:3px; background:#000; border-radius:10px; left:0; top:15px; }

/*tab*/
.tab li { cursor:pointer; display:inline-block }
.tab-content section { display:none; }
.tab-content section:nth-child(1) { display:block }

/*tuijian-news*/
.tuijian-news { position:relative }
.tab { border-bottom:#e4e3e3 1px solid; margin:20px }
.tab li { font-size:16px; margin-right:20px; padding:0 10px 10px; position:relative }
.tab li:after { content:""; background:#0166b6; background:linear-gradient(to right, #0062ff 0%, #00a0ec 100%); width:20%; height:2px; position:absolute; bottom:-1px; left:40%; opacity:0; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; transition:all .5s ease; }
.tab li:hover:after, .tab li.tab-current:after { opacity:1; width:100%; margin:auto; display:block; left:0; }
.tab li.tab-current { color:#0166b6; }
.tab-a-more { position:absolute; right:20px; top:16px; }
.tab-a-more a { display:block; background-size:32px; overflow:hidden; width:50px; height:30px; }
.tab-content { margin:20px; overflow:hidden; }
.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);}
}
.tuijian-news-pic { width:30%; float:left; overflow:hidden; }
.tuijian-news-pic i { height:160px; width:100%; margin:auto; overflow:hidden; position:relative }
.tuijian-news-pic i img { width:100%; vertical-align:middle; display:inline-block; transition:.5s; }
.tuijian-news-pic i img:hover{ opacity:0.9; }
.tuijian-news-pic i span { position:absolute; right:0; font-size:12px; padding:2px 5px 2px 10px; margin-top:10px; background:#0CF; color:#fff; border-radius:3px 0 0 3px; line-height:normal; }
.tuijian-news .tab-content section:nth-child(n) .tuijian-news-pic span { background:#0CF; }
.tuijian-news .tab-content section:nth-child(2n) .tuijian-news-pic span { background:#F60; }
.tuijian-news .tab-content section:nth-child(3n) .tuijian-news-pic span { background:#3C0; }
.tuijian-news .tab-content section:nth-child(5n-1) .tuijian-news-pic span { background:#0CF; }
.tuijian-news-pic h2 { font-size:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin:10px 0; }

.tuijian-news-pic p { color:#888; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:3; height:60px; line-height:20px; font-size:14px; }
.btn-blue-border { width:60%; margin:16px auto 0; border:1px solid #ddd; color:#999; display:block; letter-spacing:2px; border-radius:2px; transition:all 0.3s; line-height:40px; text-align:center; }
.btn-blue-border:hover { background:#0166b6; border-color:#0976dc; color:#fff; }
.tuijian-news-list { width:70%; float:right; }
.tuijian-news-list ul li { width:50%; float:left; margin-bottom:20px; }
.tuijian-news-list ul li:nth-child(5), .tuijian-news-list ul li:nth-child(6) { margin-bottom:0 }
.tuijian-news-list ul li a { display:block; margin:0 0 0 20px; border:#ddd 1px dotted; padding:10px; transition:all 0.5s; }
.tuijian-news-list ul li span { width:70px; height:50px; padding-top:20px; font-size:12px; text-align:center; overflow:hidden; background:#77ADE5; color:#fff; float:left; margin:0 10px 0 0; transition:all 0.5s; }
.tuijian-news-list ul li b { display:block; font-size:16px; }
.tuijian-news-list ul li h3 { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:normal; margin-bottom:10px; }
.tuijian-news-list ul li p { font-size:14px; color:#888; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:2; line-height:20px; height:40px; }
.tuijian-news-list ul li:hover span { background:#0166b6 }

/*pics*/
.pics { position:relative; margin-top:20px; }

/*pic-list-img*/
.pic-list-img li { width:20%; overflow:hidden; float:left; text-align:center; }
.pic-list-img li a { display:block; margin:10px; overflow:hidden; }
.pic-list-img li span { color:#888; font-size:14px; display:block; margin-top:5px; height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.pic-list-img li i { overflow:hidden; display:block; height:130px; line-height:130px; }
.pic-list-img li i img { width:100%; vertical-align:middle; display:inline-block; transition:.5s; }
.pic-list-img li i:hover img { transform:scale(1.2); }
.pic-list-img li:first-child { width:40% }
.pic-list-img li:first-child i { height:305px; line-height:305px; position:relative; }
.pic-list-img li a:hover span { color:#0166b6 }
.pic-list-img li:first-child i em { position:absolute; right:0; font-size:12px; padding:2px 5px 2px 10px; top:10px; background:#0cf; color:#fff; border-radius:3px 0 0 3px; line-height:normal; font-style:normal; }

/*videos*/
.videos { position:relative; margin-top:20px; }
.videos-list li { width:25%; float:left; overflow:hidden; margin-bottom:10px; }
.videos-list li a { overflow:hidden; display:block; margin:0 7px; border:#f1f1f1 1px solid; }
.videos-list li i { float:left; width:100%; height:192px; line-height:100%; overflow:hidden; }
.videos-list li i img { width:100%; display:inline-block; vertical-align:middle; transition:.5s; }
.videos-list li i:hover img { transform:scale(1.2); }
.videos-list li h2 { color:#333; padding:5px 10px 5px 10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:normal; font-size:15px; background-size:20px; }
.videos-list li:hover h2 { color:#218af1; }
.videos-list li p { font-size:12px; color:#999; overflow:hidden; margin:5px 0; padding:0 10px; }
.videos-list .datetime { float:left; font-weight:normal; }
.videos-list .viewd { float:right; background:url(../images/view.png) no-repeat left center; padding-left:23px; }
.tab-content .videos-list li i img{ height:192px; }

/*ad*/
.ad { margin:20px 0; background:#ccc; overflow:hidden; text-align:center; line-height:140px }
.ad-big { width:830px; max-height:140px; }
.left-box .ad-big { width:100% }
.ad-small { width:320px; min-height:140px; }
aside .ad-small { width:100% }
.ad img { width:100% }

/*ziyuan*/
.wenzi { position:relative; float:left; width:49%; }
.wenzi-right { float:right; }
#notice{ height:140px; overflow:hidden; }
#notice-list{ position:relative; top:0; }
.wenzi-list li { margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; position:relative; padding-left:20px; }
.wenzi-list li:before { position:absolute; content:""; width:3px; height:3px; background:#000; border-radius:10px; left:0; top:10px; }
.wenzi-list li span { float:right; font-size:12px; color:#888 }

.f_col{ width:68.5%; }
.f_col_r{ width:30%; }

/*news*/
.roll_news{ float:left; width:42%; margin-right:20px; height:234px; }
.roll_news_image{width:100%; height:234px; overflow:hidden; text-align:center; }
.roll_news_image img{ height:234px; width:100%; display:none; }
.roll_news_index{ position:relative; top:-60px; margin-right:5px; float:right; }
.roll_news_index li{ list-style:none; float:left; font-size:10px;  width:18px; height:16px; line-height:16px; cursor:pointer; margin:0 3px; text-align:center; background-color:rgba(255,255,255,0.5); }
li.roll_news_index_hover{ background-color:rgba(180,0,0,0.9); color:#fff; font-size:12px;font-weight:bold; }
.roll_news_title{ position:relative; float:left; width:95%; padding:2px 2.5% 6px 2.5%; top:-52px; height:32px; line-height:32px; font-size:11px; font-weight:bold; background-color:rgba(255,255,255,0.8); }
.roll_news_title li{ float:left; width:95%; display:none; }

/*zuixin-news*/
.news { position:relative }
.news-zuixin li { width:48%; float:left; overflow:hidden; margin-bottom:20px; }
.news-zuixin li:nth-child(odd) { float:left }
.news-zuixin li:nth-child(even) { float:right }
.news-zuixin li section { border-bottom:#eee 1px solid; overflow:hidden; }
.news-zuixin-pic { display:block; overflow:hidden; width:100px; height:70px; line-height:70px; float:left; margin-right:10px; }
.news-zuixin li img { width:100%; display:inline-block; vertical-align:middle; transition:.5s; }
.news-zuixin li:hover img { transform:scale(1.2); }
.news-zuixin h2 { font-size:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:normal; margin:3px 0 5px 0; }
.news-zuixin li:hover h2 a { color:#218af1; }
.news-zuixin p { font-size:14px; color:#888; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:2; line-height:20px; height:40px; }
.news-zuixin span { width:100%; float:left; clear:both; font-size:12px; margin:10px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; height:16px; line-height:16px; }
.news-zuixin span a { display:block; float:left; margin-right:15px; position:relative; padding-left:10px; }
.news-zuixin span a:before { position:absolute; content:""; width:3px; height:3px; background:#0166b6; left:0; top:8px; }
 
/* position */
.position{ border-bottom:#eee 1px solid; margin:0 0 10px 0; padding-bottom:10px; color:#666; font-size:13px; }

/*news-title*/
.news-title { border-bottom:#e4e3e3 1px solid; margin:0 0 20px 0; padding-bottom:10px; color:#666; }
.news-title h2 { color:#000; font-size:16px; position:relative; width:104px; text-align:center; }
.news-title h2 a { color:#0166b6; }
.news-title h2:after { content:""; background:#0166b6; background:linear-gradient(to right, #0062ff 0%, #00a0ec 100%); width:100%; height:2px; position:absolute; bottom:-11px; left:0; }

/*tags*/
.tags { position:relative; overflow:hidden; }
.tags ul { margin:0 20px 20px; overflow:hidden }
.tags ul a { display:block; float:left; font-size:12px; width:10%; text-align:center; height:16px; margin-bottom:4px; background-color:#f1f1f1; color:#615f5f; padding:10px 0; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.tags ul a:after, .tags ul a:before { content:""; background:#fff; top:0; width:2px; height:100%; position:absolute; }
.tags ul a:after { right:0; }
.tags ul a:before { left:0 }
.tags ul a:hover { background:#0166b6; color:#fff; }

/*toolbar*/
.toolbar { position:fixed; right:0; top:20%; z-index:999; background:#333; width:0; min-height:360px; border-radius:5px 0 0 5px; transition:all 0.4s; }
.toolbar .toolbar-close span { background:url(../images/guanbi.png) no-repeat #333 center; background-size:16px; width:40px; height:40px; float:right; position:absolute; left:0; top:0; border-radius:5px 0 0 5px; }
.toolbar-open { background:url(../images/zhankai.png) no-repeat center #333; background-size:16px; width:40px; height:40px; position:fixed; right:0; top:20%; border-radius:5px 0 0 5px; transition:all 0.4s; }
.closed { width:40px; }
.openviewd { width:0; transition:all 0.4s; }
#toolbar-menu>li i { width:40px; height:40px; background-size:22px; }
#toolbar-menu { margin-top:80px; }
#toolbar-menu>li { border-top:#464646 1px solid; border-bottom:#252525 1px solid; cursor:pointer; position:relative }
#toolbar-menu>li:first-child { border-top:none }
.toolbar-nav section { display:none; position:absolute; right:40px; top:0; background:#fff; border:1px solid #eee; padding:30px; box-shadow:-5px 3px 3px rgba(0,0,0,.1); width:max-content; }
.toolbar-nav li:hover section { display:block; }
.side-icon-user { background:url(../images/icon-user.png) no-repeat center; }
.side-icon-qq { background:url(../images/icon-qq.png) no-repeat center; }
.side-icon-weixin { background:url(../images/icon-weixin.png) no-repeat center; }
.side-icon-dashang { background:url(../images/icon-dashang.png) no-repeat center; }
.icon-top { background:url(../images/istop.png) no-repeat center #fff; background-size:22px; width:40px; height:40px; position:fixed; right:0; bottom:10%; opacity:0; transition:all 0.3s; z-index:9999999; border:#ccc 1px solid; border-radius:100%; }
.icon-top.cd-is-visible { visibility:visible; opacity:1; }
#toolbar-content { position:absolute; right:40px; top:80px; box-shadow:-2px 2px 2px rgba(0,0,0,.1); }
.userinfo .inputText { line-height:30px; text-indent:1em; border-radius:3px; border:#ddd 1px solid; width:200px; margin-bottom:20px; display:block; }
.userinfo .inputsub-dl { display:inline-block; float:left; background:#2293f7; color:#fff; border:none; line-height:35px; width:45%; border-radius:3px; }
.userinfo .inputsub-zc { text-align:center; display:inline-block; float:right; background:#02aeb1; color:#fff; border:none; line-height:35px; width:45%; border-radius:3px; }
.userinfo .logged { text-align:center }
.userinfo .logged b { color:#f00; font-size:14px; }
.userinfo .logged a { display:block; width:100px; text-align:center; margin:10px auto; border:#ddd 1px solid; padding:5px 0; border-radius:5px; }
.qq-section, .weixin-section, .dashang-section { padding:10px !important }
.qqinfo a { display:block; text-align:center; margin:0 auto 10px; padding:5px 0; border-radius:5px; width:140px; color:#fff; background:linear-gradient(to right, #2e74e5 0%, #00c1de 100%); }
.qqinfo a:last-child { margin-bottom:0 }
.qqinfo a { display:block; color:#fff; font-size:14px; }
.weixin-info { text-align:center }
.weixin-info img { max-width:140px; margin:auto }
.weixin-info .text12 { font-size:12px; line-height:24px }
.dashang-section p { padding:0 10px 5px }
.dashang-section ul { text-align:center; }
.dashang-section ul li { display:inline-block; }
.dashang-section ul li img { width:140px !important; height:140px !important; }

/*links*/
.links{ padding-top:20px; }
.links ul { margin:0 20px 20px; overflow:hidden; }
.links ul li a { float:left; margin:0 10px; line-height:40px; padding:0 5px; position:relative; display:block; }
.links ul li a:after { content:""; background:#0166b6; background:linear-gradient(to right, #0062ff 0%, #00a0ec 100%); width:20%; height:2px; position:absolute; bottom:0; left:40%; opacity:0; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; transition:all .5s ease; }
.links ul li a:hover:after { opacity:1; width:100%; margin:auto; display:block; left:0; }

/*footer*/
footer { background:#0168b5; width:100%; padding:30px 0; color:#fff; font-size:14px; position:relative; overflow:hidden; text-align:center; }
.wxbox { overflow:hidden; float:left; margin-right:20px }
.wxbox li { float:left; margin:0 10px; text-align:center }
.wxbox img { height:100px }
.endnav b { font-size:16px; color:#34aadc; margin-bottom:15px; display:block; }
.endnav p { margin-bottom:5px }
.endnav a { color:#777 }
.endnav a:hover { text-decoration:underline }
footer a{ color:#fff; }
footer a:hover{ text-decoration:underline; color:#eee; }

/*blogs*/
.left-box { width:830px; float:left }
.right-box { width:320px; float:right }
.lanmu { overflow:hidden; padding:20px; display:table; }
.lanmu i { height:130px; width:200px; float:left; margin-right:20px; margin-bottom:10px; overflow:hidden; }
.lanmu img { height:100%; transition:.5s; }
.lanmu i:hover img { transform:scale(1.2); }
.lanmu h1 { font-size:20px; margin-bottom:10px; color:#0166b6; }
.lanmu p { color:#888; line-height:20px; height:40px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:2; font-size:14px; }
.middle-inner { display:table-cell; vertical-align:middle; }
.lanmu-keywords { margin-top:10px; }
.lanmu-keywords li { display:inline-block; color:#0976dc; border:#0166b6 1px solid; padding:3px 10px; border-radius:3px; margin-right:5px; font-size:12px; margin-bottom:5px; }
.lanmu-keywords li:hover, .lanmu-keywords li:nth-child(1) { background:#0166b6; color:#fff }
.blogs-list ul { padding:0 20px 20px; }
.blogs-list ul li {overflow:hidden;margin-bottom:10px;border-bottom:1px dashed #d3d3d3;padding-bottom:20px;}
.blogs-list li h2 { font-size:18px; margin-top:5px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:10px; }
.blogs-list li h2 em { display:inline-block; font-style:normal; font-size:12px; background:#f60; color:#fff; padding:0 3px; font-weight:normal; margin-right:10px; }
.blogs-list li h2 a:hover { color:#0166b6; }
.blogs-list li i { width:200px; height:130px; line-height:100%; overflow:hidden; float:left; margin-right:15px; background:#f1f1f1; }
.blogs-list li i img { width:100%; display:inline-block; transition:.5s; }
.blogs-list li i:hover img { transform:scale(1.2); }
.blogs-list li p { color:#9b9b9b; line-height:22px; height:66px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:3; font-size:14px; margin-top:20px; }
.blogs-list li span { font-size:14px; margin:10px 0; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; height:16px; line-height:16px; }
.blogs-list li span a { display:block; float:left; margin-right:15px; position:relative; padding-left:10px; color:#0166b6; }
.blogs-list li span a:before { position:absolute; content:""; width:4px; height:4px; border-radius:4px; background:#0976dc; left:0; top:6px; }
.blogs-list ul li:hover h2 a { color:#218af1; }

/*pagelist*/
.pagelist { text-align:center; color:#666; width:100%; clear:both; margin:0 0 10px; }
.pagelist a { color:#666; padding:5px 8px; border:1px solid #ddd; display:inline-block; border-radius:3px; vertical-align:middle; }
.pagelist a:nth-child(1) { display:none }
.pagelist a:hover, .pagelist > b { color:#3690cf; color:#FFF; background:#eee; border:1px solid #ccc; }
.pagelist > b { padding:5px 10px; }
a.curPage { color:#ffffff; font-weight:bold; background:#000; }
.pagelist input{ width:30px; padding:2px 3px; height:24px; line-height:24px; margin-top:-5px; border:1px solid #ddd; text-align:center; border-radius:3px; }
.pagelist input:hover{ border-color:#ccc; }
.p_f_ico,.p_pre_ico,.p_l_ico,.p_next_ico{ background:url(../images/page_icons.png) 0 0; background-size:40px 40px; width:20px; height:20px; overflow:hidden; vertical-align:middle; }
.p_f_ico{ background-position:0 0; }
.p_pre_ico{ background-position:-20px 0; }
.p_l_ico{ background-position:0 -20px; }
.p_next_ico{ background-position:-20px -20px; }

/*topnews*/
.topnews { display:block; margin:20px 0; background:#000; position:relative; overflow:hidden; border-radius:3px; max-height:150px; }
.topnews img { opacity:.7; transition:all 0.5s; width:100%; }
.topnews span { bottom:0; position:absolute; bottom:30%; left:0; right:0; color:#FFF; text-align:center; font-size:15px; padding:0 40px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:2; line-height:22px; }
.topnews:hover img { opacity:.9; transform:scale(1.1); }
.right-box .news-title { margin:0 }

/*side-title*/
.side-title { font-size:16px; border-bottom:1px solid #eee; color:#484848; font-weight:normal; position:relative; margin-bottom:10px; padding-bottom:10px }
.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{ float:right }
.hnav a { display:block; margin-right:10px; padding-right:10px; float:left; position:relative }
.hnav a:after { position:relative; content:"/"; right:-10px; bottom:0; color:#ccc }
.hnav a:last-child::after { content:"" }

/*tuijian*/
.tuijian { padding:20px; }
.tuijian ul { overflow:hidden; padding-top:10px }
.tuijian li { overflow:hidden; margin-bottom:10px; height:60px; }
.tuijian li i { width:70px; height:70px; margin-right:10px; overflow:hidden; display:block; float:left; }
.tuijian li i img { height:100%; max-width:100%; min-width:100%; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; transition:all .5s ease; transition:all 0.5s; }
.tuijian li p { margin-top:10px; line-height:20px; max-height:40px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:2; font-size:14px; }
.tuijian li:hover { background:#f6f6f6; }
.tuijian li:hover img { transform:scale(1.1); }

/*paihang*/
.paihang { padding:20px }
.paihang ul { overflow:hidden; }
.paihang ul li { height:30px; line-height:30px; margin-bottom:10px; 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:#FF6600; }
.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:hover { -moz-transition:all .2s ease; -webkit-transition:all .2s ease; transition:all .2s ease; }

/*cloud*/
.cloud { padding:20px; overflow:hidden }
.cloud ul { overflow:hidden; padding-top:10px }
.cloud ul a { font-size:14px; line-height:24px; height:24px; display:block; background:#f1f1f1; float:left; padding:3px 10px; margin:10px 5px 0 0; border-radius:3px; transition:all .2s; color:#525252 }
.cloud ul a:hover { background:#0166b6; color:#fff }

/*suiji*/
.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; }

/*pics-list-box*/
.pics-list-box { overflow:hidden; }
.pics-list-box ul { padding:0 10px }
.pics-list-box li { width:23%; padding:0 1%; overflow:hidden; float:left; text-align:center; margin-bottom:20px; }
.pics-list-box li a { float:left; width:100%; overflow:hidden; border:#eaeaea 1px solid; padding-bottom:10px; transition:.5s; }
.pics-list-box li i { float:left; width:100%; height:135px; display:flex; justify-content:center; align-items:center; overflow:hidden; background:#eee; }
.pics-list-box li i img { max-width:100%; max-height:100%; transition:.5s; }
.pics-list-box li i:hover img { transform:scale(1.2); }
.pics-list-box li h2 { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; font-weight:normal; padding:10px 10px 0 10px; text-align:center; }
.pics-list-box li p { font-size:13px; color:#999; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:2; line-height:20px; height:40px; margin:10px 0; padding:0 10px; }
.btn_link{ position:absolute; z-index:1000; margin:65px 0 0 7px; padding:5px 10px; background:rgba(255, 255, 255, 0.8); color:#333; font-size:14px; border:1px solid #fff; border-radius:5px; }
.btn_link:hover{ background:rgba(255, 255, 255, 1); color:#222; }
/* video-list */
.video_list{ float:left; margin-bottom:20px; }
.video_list li{ float:left; width:50%; margin-bottom:10px; }
.video_list li a{ float:left; padding:0; border:none; width:100%; }
.video_list li span{ float:left; }
.video_list li span em{ position:absolute; width:64px; height:64px; background:url(../images/video.png) no-repeat; background-size:30px 30px; margin-left:57px; margin-top:27px; }
.video_list li span:hover em{ background-size:35px 35px; margin-left:54px; margin-top:24px; }
.video_list li span img{ width:142px; height:80px; }
.video_list li .con{ float:left; width:55%; padding:0 10px; }
.video_list li h2{ float:left; text-align:left; font-size:15px; font-weight:normal; width:100%; max-height:40px; margin-bottom:10px; overflow:hidden; }
.video_list li i{ font-size:12px; color:#999; }
video{ width:100%; }

/*morepic-list*/
.morepic-list { padding:0 20px; }
.morepic-list section { clear:both; overflow:hidden; margin-bottom:30px; }
.mp-title { font-size:16px; margin-bottom:10px; }
.mp-pics { position:relative; }
.mp-pics ul { overflow:hidden; }
.mp-pics ul li { width:25%; float:left; }
.mp-pics ul li a { display:block; height:120px; line-height:120px; overflow:hidden; margin:0 5px; background:#f1f1f1; }
.mp-pics ul li a img { width:100%; min-height:100%; margin:auto; transition:.5s; display:inline-block; }
.mp-pics ul li a img:hover { transform:scale(1.2); }
span.count { position:absolute; right:8px; bottom:5px; background:rgba(20, 135, 244, .8); color:#fff; padding:0 10px; border-radius:5px; }
.mp-info { color:#888; font-size:12px; margin-bottom:10px; }
.mp-info span { display:inline-block; padding-left:20px; margin-right:20px; }
span.mp-timer { background:url(../images/date.png) no-repeat left center; background-size:16px; }
span.mp-view { background:url(../images/view.png) no-repeat left center; }

/*wztitle-list*/
.wztitle-list { padding:0 20px 40px }
.wztitle-list li { padding-left:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:30px; position:relative; }
.wztitle-list li:before { position:absolute; content:""; width:3px; height:3px; background:#000; border-radius:10px; left:0; top:15px; }
.wztitle-list li span { float:right; color:#888; font-size:12px }
.wztitle-list li:nth-child(10n) { margin-bottom:20px; border-bottom:#eee 1px solid; padding-bottom:20px }

/*side-tab*/
.side-tab { background:#fff; border:1px solid #eee; }
#sidetab { border-bottom:#e4e3e3 1px solid; margin:20px 20px 0; padding-bottom:10px; overflow:hidden; }
#sidetab li { font-size:16px; position:relative; cursor:pointer; display:inline-block; width:33.333%; float:left; text-align:center; }
#sidetab li:after { content:""; background:#0166b6; background:linear-gradient(to right, #0062ff 0%, #00a0ec 100%); width:20%; height:2px; position:absolute; bottom:-10px; left:40%; opacity:0; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; transition:all .5s ease; }
#sidetab li:hover:after, #sidetab li.sidetab-current:after { opacity:1; width:100%; margin:auto; display:block; left:0; }
#sidetab li.sidetab-current { color:#0166b6; }
#sidetab-content .topnews { margin:0 0 10px; }
#sidetab-content .suiji { padding:5px 20px }
#sidetab-content section { display:none; }
#sidetab-content section:nth-child(1) { display:block }

/*newstext-box*/
.newstext-box { padding:0 20px 20px; }
.news-title-h1 { font-size:22px; padding:10px 0 20px 0; border-bottom:1px dotted #ddd; }
.keywords { margin:15px 0; overflow:hidden; }
.keywords a { display:block; float:left; border:#0166b6 1px solid; color:#0166b6; padding:2px 8px; margin-right:5px; border-radius:5px; }
.keywords a:nth-child(1), .keywords a:hover { background:#0166b6; color:#fff }
.picview-other { float:left; width:100%; text-align:center; overflow:hidden; color:#888; margin:10px 0 25px 0; }
.picview-other span {margin-right:10px;/* padding-left:20px;*/ }
.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:24px; margin-bottom:20px; overflow:hidden; }
.newstext video { margin:20px auto; display:block; max-width:100% !important; height:auto !important; z-index:0; }
.newstext p { margin-bottom:20px; }
.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:#0166b6; 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 }
.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:#0166b6 }
.share a:hover { text-decoration:underline }
.diggit { display:block; width:160px; margin:20px auto; background:#ff5501; color:#fff; box-shadow:1px 2px 6px 0px rgba(0,0,0,.2); border-radius:3px; line-height:40px; text-align:center; }
.diggit a { color:#fff }

/* leader detail page */
.leader_pic{ float:left; width:17%; margin-top:10px; }
.leader_pic img{ width:100%; }
.leader_info{ float:left; width:80%; margin-left:3%; margin-top:10px; }

/*info-pre-next*/
.info-pre-next { overflow:hidden; margin:30px 0; }
.info-pre-next ul li { width:50%; float:left; overflow:hidden; }
.info-pre-next ul li a { display:block; overflow:hidden; color:#333; }
.info-pre-next ul li a:hover{ color:#000; }
.info-pre-next ul li:nth-child(1) a { margin-right:10px; }
.info-pre-next ul li:nth-child(2) a { margin-left:10px; }
.info-pre-next ul li i { display:block; width:130px; height:38px; 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:38px; text-align:center; background:rgba(5,140,230,0.7); z-index:1; }
.info-pre-next img { width:100%; transition:.5s; }
.info-pre-next h2 { font-size:15px; line-height:38px; margin:0; 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*/
.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:10px; }

/*pinglun*/
#plpost { margin:0 20px 20px; }
.pinglun { overflow:hidden; padding-bottom:20px; }
.saying { line-height:30px; color:#a9a6a6; }
.saying span { float:right }
.saying span a { color:#de1513; }
.pl-name, .pl-yzm { padding:5px; margin:10px 0 }
#plpost input[type="submit"] { display:block; background:#303030; color:#fff; border:0; line-height:30px; padding:0 20px; border-radius:5px; float:right; }
textarea#saytext { width:100%; }
.picview-box { margin:0 20px; }

/*page*/
.page { overflow:hidden; padding:20px; }
.page-title { width:230px; float:left; border-radius:10px 10px 0 0; }
.page-title .name{ padding:13px 0; margin-bottom:10px; text-align:center; background:#0166b6; color:#fff; font-size:16px; font-weight:bold; }
.page-title li { margin-bottom:10px }
.page-title li a { display:block; text-align:center; padding:8px 0; border:#dedede 1px solid; background:#fff; border-radius:5px; }
.page-title li ul li{ width:92%; margin:0 auto; margin-top:3px; }
.page-title li ul li a{  border-radius:0; }
#pagecurrent,.page-title li a:hover{ background:#0976dc; color:#fff; }
.page-box { width:910px; float:left; margin-left:30px; padding-left:30px; border-left:#eee 1px solid; min-height:500px; }
.page-box-title { font-size:16px; border-bottom:1px solid #eee; position:relative; margin-bottom:20px; padding-bottom:10px; }
.page-box-title:after { content:""; position:absolute; width:64px; height:2px; content:""; background:#0166b6; left:0; bottom:-1px; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; transition:all .5s ease; }
.page-box-title:hover:after { width:80px; }
.page-box-content { line-height:26px; width:100%; overflow-x:auto; }
.page-box-content p { margin-bottom:15px; text-indent:30px; }
.page-box-content img { max-width:100%; margin:10px auto; height:auto; }
.page-box h1{ text-align:center; margin-bottom:10px; }
.page-box-content h2, .page-box-content h3, .page-box-content h4, .page-box-content h5, .page-box-content h6 { font-size:16px; margin:20px 0; position:relative; }
.page-box-content h2:before, .page-box-content h3:before, .page-box-content h4:before, .page-box-content h5:before, .page-box-content h6:before { position:absolute; content:""; background:#0166b6; width:3px; height:100%; left:-32px; bottom:0; }
.page-box-content a { color:#39F }
.qq_join { overflow:hidden }
.qq_join li { float:left; width:33.333%; padding:10px; }
.qq_join li section { margin:0 20px; box-shadow:#ccc 1px 1px 5px; padding:10px; display:block; overflow:hidden; transition:all 0.5s; }
.qq_join li img { width:90%; margin:auto; background:-webkit-linear-gradient(bottom left, rgba(0,153,255,.9), rgba(42,228,197,.7)); background:-o-linear-gradient(bottom left, rgba(0,153,255,.9), rgba(42,228,197,.7)); background:linear-gradient(to top right, rgba(0,153,255,.9), rgba(42,228,197,.7)); display:block; padding:5px; }
.qq_join li p { margin:10px; }
.qq_join li b { color:#019881; margin:0 5px; }
.qq_join li a { color:#000 }
.qq_join li section:hover { box-shadow:#6f6d6d 1px 1px 5px }

/*sea-list*/
.sea-list { margin:0 20px; }
.sea-list { margin:0 20px; }
.sea-list li { overflow:hidden; position:relative; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #dcdcdc; }
.sea-list h3 { margin-bottom:15px; font-weight:normal; }
.sea-list i { float:left; width:65px; height:65px; text-align:center; display:table; margin-right:10px; }
.sea-list i img { max-width:65px; max-height:65px; vertical-align:middle; }
.sea-list p { font-size:14px; color:#9b9b9b; height:43px; line-height:22px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:2; margin-right:100px; }
.sea-list span.sea-info { font-size:12px; color:#9b9b9b; display:block; overflow:hidden; margin-top:10px; }
.sea-list h3 a{ text-decoration:underline; color:#0166b6; }
.sea-list h3 a span{ color:#f00; }
.sea-list .sea-info em { font-style:normal; margin-right:20px }
.sea-list li h3 a:hover { color:#218af1; }

/*pics-list-price*/
.pics-list-price li { width:25%; overflow:hidden; float:left; margin-bottom:20px; }
.pics-list-price li a { display:block; margin:0 10px 10px; overflow:hidden; border:#eaeaea 1px solid; padding-bottom:10px; transition:.5s; }
.pics-list-price li i { height:170px; line-height:170px; overflow:hidden; display:block; background:#fcfcfc; }
.pics-list-price li i img { width:100%; vertical-align:middle; display:inline-block; transition:.5s; }
.pics-list-price li i:hover img { transform:scale(1.2); }
.pics-list-price li h2 { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; margin:5px 0; font-weight:normal; padding:0 10px; }
.pics-list-price li p { font-size:13px; color:#999; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:2; line-height:20px; height:40px; margin:10px 0; padding:0 10px; }
.pics-list-price span.price-area { float:left; display:block; font-size:18px; color:#ff6600; padding-left:10px; }
.pics-list-price span.pics-btn { float:right; background:#ff5522; border-radius:2px; width:80px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#ffffff; margin-right:10px; }
.pics-list-price em { font-style:normal; font-weight:normal; font-size:12px; }

/*shopview*/
.shopbox { overflow:hidden }
.shopview { width:40%; float:left; border:#f1f1f1 1px solid; padding:0 10px; margin:0 0 20px 20px; }
.shopview .swiper-container { margin-bottom:0; padding-bottom:10px }
.product { width:50%; float:right; margin-right:20px; }
.product h1 { font-size:18px; margin:20px 0 }
.product p { margin:10px 0; }
.product span { display:inline-block; }
.product-jianjie { background:#f9f8f8; padding:10px; color:#555; }
.product-jianjie span { font-weight:normal; color:#0166b6; }
.product-scj em { text-decoration:line-through; color:#f00; font-style:normal; }
a.btn-add { width:180px; color:#FFF; border-color:#F40; background:#F40; font-size:16px; line-height:38px; display:block; text-align:center; border-radius:5px; margin-top:30px; }
a.btn-add:hover { border-color:#F22D00; background:#F22D00; }
.product-content { padding:0 20px 20px 20px }
.product-content p { margin-bottom:20px }
.product-content h2, .product-content h3, .product-content h4, .product-content h5, .product-content h6 { font-size:16px; margin:20px 0; position:relative; }
.product-content h2:before, .product-content h3:before, .product-content h4:before, .product-content h5:before, .product-content h6:before { position:absolute; content:""; background:#0166b6; width:3px; height:100%; left:-10px; bottom:0; }
.product-content img { max-width:100% !important; height:auto !important }

/*product-suiji*/
.product-suiji ul { overflow:hidden; padding:0 10px; }
.product-suiji li { width:25%; overflow:hidden; float:left; margin-bottom:20px; }
.product-suiji li a { display:block; margin:0 5px 10px; overflow:hidden; border:#eaeaea 1px solid; padding-bottom:10px; transition:.5s; }
.product-suiji li i { height:100px; line-height:100px; overflow:hidden; display:block; background:#fcfcfc; }
.product-suiji li i img, .product-love ul li img { width:100%; vertical-align:middle; display:inline-block; transition:.5s; }
.product-suiji li i:hover img, .product-love ul li i:hover img { transform:scale(1.2); }
.product-suiji li h2, .product-love ul li h2 { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; margin:5px 0; font-weight:normal; padding:0 10px; }
.product-suiji li p, .product-love ul li p { font-size:13px; color:#999; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:2; line-height:20px; height:40px; margin:5px 0; padding:0 10px; }
.product-suiji span.price-area, .product-love ul span.price-area { float:left; display:block; font-size:18px; color:#ff6600; padding-left:10px; }
.product-suiji span.pics-btn, .product-love span.pics-btn { float:right; background:#ff5522; border-radius:2px; width:80px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#ffffff; margin-right:10px; }
.product-suiji em, .product-love em { font-style:normal; font-weight:normal; font-size:12px; }
.product-love { padding:20px 20pxa 0 20px; overflow:hidden; }
.product-love ul { overflow:hidden }
.product-love ul li { width:100%; overflow:hidden; margin-bottom:20px; }
.product-love ul li a { display:block; margin:0 5px 10px; overflow:hidden; border:#eaeaea 1px solid; padding-bottom:10px; transition:.5s; }
.product-love ul li i { overflow:hidden; display:block; background:#fcfcfc; }

/*is-search*/
.is-search { position:fixed; top:8px; left:0px; right:0px; width:60%; height:32px; line-height:32px; color:#888; z-index:10; margin:0px auto; display:none; }
.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-page*/
.search-page { width:100%; height:100%; background:#fff; position:fixed; z-index:9999; top:0; display:none }
.search-page .search { width:80%; margin-right:20px; }
.search-page .search input.input_text { width:80% }
.search-page .search input.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; }

/*endmenu*/
.endmenu { width:100%; position:fixed; height:50px; bottom:0; background:#f8f8f8; border-top:#ddd 1px solid; font-size:12px; display:none; }
.endmenu li { width:25%; float:left; text-align:center }
.endmenu li a { display:block }
.act a { color:#09F }
.endmenu li i { display:block; width:30px; height:22px; line-height:30px; margin:4px auto; font-size:22px; }
@font-face { font-family:'iconfont'; src:url('../other/iconfont.eot'); src:url('../other/iconfont.eot?#iefix') format('embedded-opentype'), url('../other/iconfont.woff2') format('woff2'), url('../other/iconfont.woff') format('woff'), url('../other/iconfont.ttf') format('truetype'), url('../other/iconfont.svg#iconfont') format('svg'); }
.iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.icon-shouye:before { content:"\e625"; }
.icon-fenlei:before { content:"\e62f"; }
.icon-My:before { content:"\e615"; }
.icon-navicon-wzgl:before { content:"\e661"; }

/*fenlei-section*/
.fenlei-section { background:#fff; margin:0 0 60px 0; }
.menu-t { line-height:40px; border-top:#f1f1f1 solid 10px; padding-left:30px; position:relative; }
.menu-t a { display:block }
.menu-t:before { content:""; background:#0062ff; width:4px; height:24px; left:10px; top:10px; position:absolute; background:linear-gradient(to bottom, #0062ff 0%, #00a0ec 100%); border-radius:3px; }
.menu-sub { overflow:hidden; }
.menu-sub li { border-top:#f1f1f1 solid 1px; position:relative; }
.menu-t:after { content:" "; display:inline-block; height:8px; width:8px; border-width:2px 2px 0 0; border-color:#cdcdcd; border-style:solid; transform:matrix(0.71, 0.71, -0.71, 0.71, 0, 0); top:16px; position:absolute; right:20px; border-radius:1px; }
.menu-t:first-child { border-top:0 }
.menu-sub li:after { content:" "; display:inline-block; height:8px; width:8px; border-width:2px 2px 0 0; border-color:#cdcdcd; border-style:solid; transform:matrix(0.71, 0.71, -0.71, 0.71, 0, 0); top:16px; position:absolute; right:20px; border-radius:1px; }
.phone-list { background:#fff; overflow:hidden; padding:20px; margin:40px 0 20px 0; }
.phone-list li { overflow:hidden; margin-bottom:10px; display:table; width:100%; border-bottom:#eee 1px solid; }
.phone-list li a { display:block; overflow:hidden }
.phone-list h2 { font-size:16px; font-weight:normal; height:60px; padding-bottom:10px; display:table-cell; vertical-align:middle; }
.phone-list i { width:60px; height:60px; float:right; margin-left:10px; }
.phone-list i img { width:auto; height:100%; }

/*user-box*/
.user-box { background:#1b82d1; overflow:hidden; padding:20px; color:#c2def3; }
.user-box p { font-size:18px; margin-bottom:20px }
.user-box em { font-style:normal; background:#2a8ad6; padding:3px 20px; border-radius:20px; border:#3898e4 1px solid; }
.avatar { position:relative; float:left; width:70px; height:70px; border-radius:5px; border:#77b0da 4px solid; display:block; margin-right:20px; }
.avatar img { width:100%; }
.avatar::after { content:""; position:absolute; background:url(../images/v.png) no-repeat; background-size:24px; width:24px; height:24px; right:-15px; bottom:-8px; }
.user-section { background:#fff; overflow:hidden; margin-bottom:60px; }
.user-section .line { height:10px; background:#f1f1f1; overflow:hidden }
.user-section li { line-height:40px; padding-left:20px; border-top:#f1f1f1 solid 1px; position:relative }
.user-section li:after { content:" "; display:inline-block; height:8px; width:8px; border-width:2px 2px 0 0; border-color:#cdcdcd; border-style:solid; transform:matrix(0.71, 0.71, -0.71, 0.71, 0, 0); top:16px; position:absolute; right:20px; border-radius:1px; }
.user-section li a { display:block }

/* float ad */
#adfloat{ background:#000; position:fixed; left:0; top:0; z-index:1001; } 
#adfloat img{ max-width:200px; max-height:300px; }
#close{ position:absolute; right:0; width:24px; height:24px; border-radius:3px; margin:3px 3px 0 0; cursor:pointer; background:url(../images/guanbi.png) no-repeat center center; background-size:14px 14px; background-color:rgba(0,0,0,.3); }
#close:hover{ background-color:rgba(0,0,0,.5); }

/*pic_links*/
.pic_links{ padding:20px; }
.pic_links .news-title h2{ color:#0166b6; font-weight:normal; width:82px; }
.pic_links ul{ float:left; width:100%; overflow:hidden; }
.pic_links ul li{ float:left; width:23.4%; padding:5px 1% 5px 0; text-align:center; }
.pic_links ul li a img{ width:100%; height:80px; margin-bottom:5px; border:1px solid #eee; }
.pic_links ul li a img:hover{ border-color:#ddd; opacity:.9; }
.pic_links ul li a span{ float:left; width:100%; height:22px; overflow:hidden; }
.pic_links ul li a:hover:after{ opacity:1; width:100%; margin:auto; display:block; left:0; }
.pic_links .more{ float:right; margin:-10px 40px 0 0; }
.pic_links .more a i{ float:left; width:8px; height:8px; animation:bounce_fountainG 1.2s linear infinite; border-radius:8px; background:#09F; }
.pic_links .more a i:first-child{ right:20px; animation-delay:.4s; background:#09F; }
.pic_links .more a i:nth-child(2){ right:10px; animation-delay:.6s; background:#3c0; }
.pic_links .more a i:nth-child(3){ right:0; animation-delay:.8s; background:#f60; }
/*added by luzy at 2023-10-31*/
.info_box{ height:80px; margin-top:18px; }
.info_box a{ background:url(../images/icon_info.png) no-repeat left center; background-size:auto 38px; color:#0166b6; float:left; width:82%; margin-left:18%; text-indent:110px; font-size:24px; height:100%; line-height:80px; }