@charset "utf-8";
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video{margin:0;padding:0}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video{display:block}
body{font-size:100%;font-family:Helvetica,STHeiti,Droid Sans Fallback;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
table{border-collapse:collapse;border-spacing:0}
abbr,acronym,fieldset,img,button{border:0}
ul,ol,li{list-style:none}
input,select{vertical-align:middle}
button:focus,button:hover,input:focus{outline:none!important}
i{font-style:normal}
s{font-style:normal;text-decoration:none}
a{text-decoration:none;color:#333}
a:hover{color:#c00;text-decoration:none !important}
a:focus{text-decoration:none !important;outline:none !important}
img{max-width:100%}
h1,h2,h3,h4{font-weight:100}
img{display:block;max-width:100%;border:none}
.cl:after{content:"\200B";display:block;height:0;clear:both}
.cl{*zoom:1}
.fl{float:left}
.fr{float:right}
.fc{margin-left:auto;margin-right:auto;display:block}
.txc{text-align:center}
.txr{text-align:right}
.iz{float:left;margin-right:20px}
.ir{float:right;margin-left:20px}
body,select,input{font-family:Microsoft YaHei}
body{width:100%;background-image:url("https://www.smartusefulproducts.com/skin/body.jpg");}
.wrap{width:76%;margin-left:auto;margin-right:auto;}
.col21{width:49.99%;float:left}
.col31{width:33.33%;float:left}
.col32{width:66.66%;float:left}
.col41{width:24.99%;float:left}
.col43{width:74.99%;float:left}
.col35{width:34.99%;float:left}
.col40{width:39.99%;float:left}
.col52{width:39.99%;float:left}
.col53{width:59.99%;float:left}
.bk{padding:0 20px;}
.mt{margin-top:10px}
.mt2{margin-top:20px}
.mz{margin-left:10px}
.header{width:100%;min-width: 300px; height:auto; z-index:990;position: absolute;left: 0;top: 0;transition: all 0.3s ease-in-out;}
.header .wrap{width:78%;}
.logo{ width:570px;float:left;padding-top:25px;}
.logo img{display:block;width:100%;}

.nav{height:60px;position:relative;font-size: 0;white-space: nowrap;float: right;width: 100%; margin-top:2rem;}
.nav li {display:inline-block;float:left;position:relative; padding:0 30px;text-align:center;}
.nav li.active,.nav li:hover{background: #63a3f4;}
.nav li>a {display:inline-block;height:60px;line-height:60px;color:#fff;font-size:22px; font-weight:bolder;}
.nav li:hover a {color:#fff;}
.nav li .sub {display:none;position:absolute;left:0;top:60px;width:100%;z-index:100;background:#63a3f4;}
.nav li .sub li {position:relative;white-space:nowrap;vertical-align:top;_zoom:1;width:100%; padding:0;}
.nav li .sub li>a {display:block;color:#fff;height:50px;line-height:50px;font-size:18px;text-align:center;}
.nav li .sub li.hover> a,.nav li .sub li>a:hover {color:#fff!important;background-color:#0662c1;display:block;}

.header.currents{padding:0;background-color:#0662c1;box-shadow: 0 5px 10px rgba(0,0,0,0.2);border-top: none;padding:0;position: fixed;}
.header.currents .top{position: relative;z-index: 5;padding-top: 0;}
.header.currents .topNav{display: none;}
.header.currents .logo{padding: 10px 0;width:300px;border:none;}
.header.currents .logo img{}
.header.currents .nav{margin-top:0rem;}

.bg1{ margin-top:0px}
.mbg{overflow:hidden;position:relative;width:100%;z-index:-1;}
.mbg::before {background-repeat:repeat-x;background-position:left top;content:"";background-image:url("https://www.smartusefulproducts.com/skin/banner-before.png");position:absolute;content:"";left:0;top:0;right:0;z-index:1;height:237px;}
.mbg::after {background-repeat:no-repeat;background-position:center;content:"";background-image:url("https://www.smartusefulproducts.com/skin/banner-after.png");position:absolute;content:"";left:0;bottom:0;right:0;z-index:1;height:77px;}
.mbg img {width: 100%;}

.list{}
.list li{height:55px;line-height:55px;font-size:18px; white-space:nowrap; text-overflow:ellipsis;border-bottom:1px dashed #eee;overflow:hidden;}
.list li span{float:right;font-size:14px;color:#999;margin-left:5px}
.lst{min-height:480px}
.lst li{padding-left:25px;height:60px;line-height:60px;border-bottom:1px dotted #eee;background:url("https://www.smartusefulproducts.com/skin/dian.png") 10px center no-repeat;color:#888;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.lst li:nth-child(even){background-color:#fefefe}
.lst li a{font-size:20px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lst li span{float:right;font-size:14px;color:#999;margin-right:10px}
.pagenum{padding:20px;text-align:center;font-size:16px;}
.p_pages{margin-left:-5px;}
.p_fun_d, .p_no_d, .p_no_o,.p_fun a, .p_no a{border:1px solid #ccc;padding:4px 8px;margin:0px 0px 0px 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:20px;box-sizing:border-box;display:inline-block;vertical-align:middle;}
.p_t{line-height:20px;margin:0px;padding:0px;display:inline-block;vertical-align:middle;}
.p_fun_d, .p_no_d, .p_no_o{color:#ccc;}
.p_fun a, .p_no a{color:#222;}
.p_fun a:hover,.p_no a:hover{border:1px solid #e0e0e0;background-color:#f1f1f1;color:#c00;text-decoration:none}
.p_no_d{border:1px solid #f9debf;color:#c00;background-color:#f9debf;font-weight:bolder}
.p_dot{margin-left:5px;}

.wht{padding:20px 40px; display:block;}

.bx2{padding:0 20px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;clear:both;z-index:30;}
.bx2 dt{height:100px;line-height:100px; border-bottom:0px solid #f00;text-shadow:0 0 1rem rgba(0,0,0,.5);}
.bx2 dt strong{display:block;float:left;font-size:36px;color:#fff;padding:0 10px;}
.bx2 dt span.more{float:right;position:relative;font-size:18px;padding-right:10px;color:#fff;padding-left:26px;background:url("https://www.smartusefulproducts.com/skin/icon6.png") left center no-repeat;}
.bx2 dt span.more a{color:#fff;text-decoration:none}
.bx2 dd{padding:30px 0 20px;min-height:560px}

.bbg .wrap{ margin-top:-130px;display:block;padding-top:20px; clear:all;}
.article{margin:0 auto}
.article h2{height:auto;line-height:30px;text-align:center;padding:20px 0;color:#222;font:bold 24px Microsoft Yahei;}
.article .info{display:block;text-align:center;color:#7f7e7e;border-top:1px dashed #f5f3e7;line-height:30px;padding-top:8px;font-size:14px}
.article .info span{color:#ff6600;}
.article .info span.green{color:#259235}
.enrty{line-height:1.8;text-align:justify;text-justify:inter-ideograph;min-height:360px}
.enrty h1,.enrty h2,.enrty h3,.enrty h4,.enrty h5,.enrty h6{margin-bottom:10px;line-height:1.8;color:#000}
.enrty p,.enrty div{line-height:1.8;color:#555;margin:15px 0;font-size:20px}
.enrty p a,.enrty div a{}
.enrty p a:hover,.enrty div a:hover{}
.enrty img{max-width:100%;height:auto !important;margin:0 auto}
.enrty img.ir{float:right;margin-left:20px}
.enrty video{background:#000;max-width:100%;height:auto !important;margin:0 auto}
.enrty .pi{text-align:center;font-family:"\6977\4F53","\6977\4F53_GB2312";margin-top:-10px}
.enrty blockquote,.enrty pre{margin:20px;padding:0 20px;border-left:5px solid #eaeef1;color:#666}
.enrty ol,.enrty ul{margin:10px 20px}
.enrty ol li{list-style:decimal}
.enrty ul li{list-style:disc}
.enrty table{margin-bottom:20px;color:#666;border-left:1px solid #ddd;border-bottom:1px solid #ddd;font-size:16px}
.enrty td,.enrty th{padding:3px 10px;border-right:1px solid #ddd;border-top:1px solid #ddd}
.enrty th{background:#f8f8f8}
.enrty td p,.enrty th p{line-height:1;color:#555;margin:5px 0;font-size:18px}
.near{margin-top:20px;border-top:1px dashed #eee;padding:10px 20px;position:relative;}
.near li{line-height:2.4; font-size:18px}
.near li a{color:#333}
.near .more{ display:flex; display:-webkit-flex; align-items:center; justify-content:center; width:125px; height:40px; line-height:40px;font-size:14px; color:#fff; background:#0056a8; border-radius:20px; margin:0 auto; -moz-transition:.4s;-webkit-transition:.4s;transition:.4s}
.near .more{ position:absolute; top:35px; right:0;}
.near .more i{ display:block; width:7px; height:7px; border-top:1px solid #fff;border-right:1px solid #fff; -moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg); margin-left:10px;}
.near .more:hover{ background:#0056a8; color:#fff}

.footer {background:url("https://www.smartusefulproducts.com/skin/fbg.png") center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;line-height:1.6;}
.foot {display:-webkit-flex;display:flex;align-items:center;justify-content:center;padding:20px}
.foot .flogo {flex-shrink:0;margin-right:96px}
.foot .flogo img {display:block; height:60px;}
.foot .cr {flex-grow:1;padding-left:65px;position:relative}
.foot .cr::after {content:"";position:absolute;left:0;top:50%;width:1px;height:70px;background-color:#2475c8;margin-top:-35px}
.foot .cr p {font-size:16px;color:#63a3f4;line-height:30px}
.foot .ewm {padding-left:65px;width:140px;position:relative}
.foot .ewm::after {content:"";position:absolute;left:0;top:50%;width:1px;height:70px;background-color:#2475c8;margin-top:-35px}
.foot .ewm img {display:block;width:80px}
.foot .ewm p {font-size:16px;color:#95c3fd;line-height:26px;text-align:center}

p#back-to-top {position:fixed;bottom:40px;right:80px;}
p#back-to-top a {text-align:center;text-decoration:none;color:#d1d1d1;display:block;width:30px;-moz-transition:color1s;-webkit-transition:color1s;-o-transition:color1s;}
p#back-to-top a:hover {color:#979797;}
p#back-to-top a span {background:url("https://www.smartusefulproducts.com/skin/top.png") no-repeat 0 0;border-radius:6px;display:block;height:49px;width:48px;margin-bottom:5px;-moz-transition:background1s;-webkit-transition:background1s;-o-transition:background1s;}
p#back-to-top a:hover span {background:url("https://www.smartusefulproducts.com/skin/top.png") no-repeat -48px 0;}

.snav {clear:both; margin-top:30px;}
.snav dt {height:80px;line-height:80px;padding-left:60px;font-size:26px;color:#fff;border-bottom:1px solid rgba(6,131,88,0.1);background:#0662c1;}
.snav dd{padding:20px;min-height:300px;}
.snav li {margin-top:20px;}
.snav li:first-child{margin-top:0;}
.snav li a{height:60px;line-height:60px;font-size:18px;background:#fcfcfc;color:#666;display:block;padding-left:30px;border-left:5px solid #0662c1;}
.snav li a:hover {background:#f8f8f8;color:#333;text-decoration:none;border-left:5px solid #1d4d97;}
.snav li a.cur {color:#333;border-left:5px solid #1d4d97;padding-right:20px;background:#f8f8f8;}

.side {clear:both; margin-top:30px; margin-left:-20px;}
.side dt{height:80px;line-height:80px;padding-left:40px;font-size:26px;color:#fff;border-bottom:1px solid rgba(6,131,88,0.1);background:#0662c1;}
.side dd{padding:20px;min-height:300px; background:#ecf4fb;}
.list2 li {padding:0 0 20px 20px;position:relative;}
.list2 li::before {position:absolute;content:"";width:10px;height:10px;border:1px solid #DCDBDB;top:5px;border-radius:50%;background:#fff;left:-5px;}
.list2 li a {font-size:18px;line-height:32px;height:64px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:inline-block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.list2 li span {color:#666666;opacity:0.8;line-height:21px;font-size:16px;}


.link {padding:20px;padding-top:30px;border-bottom:1px solid #2475c8; font-size:18px;}
.link span {float:left;padding:0 10px;margin-right:0px;color:#63a3f4;}
.link a {padding:0 20px;position:relative;color:#fff;}
.link a:last-child {padding-right:0;margin-right:0}
.link a:last-child::after {display:none}
.link a::after {content:"";position:absolute;right:0;top:50%;width:1px;height:14px;margin-top:-7px;background-color:#2475c8}
.link a:hover {color:#63a3f4}

.clist{}
.clist li{ position: relative; margin-top: 30px;}
.clist .date{ position: absolute; left: 0px; top: 0px; width: 70px; background-color: #63a3f4; border-radius: 0 0 20px 0; padding: 16px 0; transition: all 0.2s ease;}
.clist li:hover .date{ background-color: #f7b002;}
.clist .date span{ display: block; text-align: center; color: #fff; line-height: 14px;}
.clist li:hover .date span{ color: #022135;}
.clist .date span:first-child{ letter-spacing: -0.5px; line-height: 20px; margin-bottom: 9px;}
.clist a{ display: block; width: calc(100% - 100px); overflow: hidden; margin-left: 100px; padding-bottom: 30px; border-bottom: 1px dashed rgba(2, 33, 53, 0.2);}
.clist li:last-child a{ border: none;}
.clist .img{ width: 30%; float: left;}
.clist .img img{ width:100%;}
.clist .gp-img-responsive{ padding-bottom: 62.825%;}
.clist .info{ width:68%; float: right; overflow: hidden; max-height: 170px;}
.clist .title{ color: #022135; line-height:32px; margin-bottom:16px; max-height:64px; transition: all 0.2s ease; font-size:20px;}
.clist li:hover .title{ color: #0056a8;/*  text-indent: 0.2em; */}
.clist .summary{ line-height:2;}
.clist li:hover .summary{ color: #022135;}
.clist .noImg .info{ width: 100%;}