/* CSS Document */
*{ margin:0px auto;}
html,body{margin:0px auto; padding:0px;font-family: "Raleway", Helvetica, sans-serif;font-weight: 200;overflow-x: hidden;background:#F3F3F3;}
img { border: 0; display: block;}
ul, li {margin:0px auto; padding:0px; }
.clear,.cl{ clear:both;}
a { text-decoration: none; color: #000; }
a:hover { color: #218af1; text-decoration: none; }
.blank { height: 10px }
header{width: 100%;background: #FFFFFF;}
.top{min-width:320px;max-width:1170px;margin:0 auto;width:100%; padding:0px;}
.top img{ float:left; width:33%; margin-left:3%;}
.top .h{float:right; margin-top:6%; width:61%; text-align:center;font-size:32px;color:#0067d2;}
.top .h h1{font-size:32px;color:#0067d2; font-weight:normal;}
.top .h h2{font-size:22px;font-weight:normal;color: #000000;}
nav{overflow-x: hidden; width:100%; background:#0067d2; position:relative;}
.conter{width:1170px; margin:0px auto; padding:0px;}
nav .conter li{float:left; line-height:50px;  height:50px;font-size:16px; width:16.499999%;border-left: 1px solid #0053aa;
border-right: 1px solid #0576ec; text-align:center;list-style-type: none;overflow: hidden;white-space: nowrap;}
nav .conter li:first-child{border-left: none;}
nav .conter li:last-child{border-right:none;}
nav .conter li a{ color:#fff; text-decoration:none; display:block; padding:0 10px;font-size: 16px;text-shadow: 0 1px 0 #000;}
nav .conter li a:hover{ background:#0576ec;  color:#ffffff; display:block;text-shadow:none;}
article{min-width:320px;max-width:1170px;margin:0 auto;width:100%; padding:0px;}
.banner{ margin-top:1px; width: 100%;height: auto;
    background: -o-linear-gradient(bottom right, #0053aa, #006fe2,#0053aa); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, #0053aa, #006fe2,#0053aa); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right, #0053aa, #006fe2,#0053aa);}
.bimg{width: 25%;float: left;margin-left: 30px;margin-top: 50px;margin-bottom: 30px;}

.bimg img{width:100%; display:block;border-radius:10% 50%;}
.bzi{width: 60%;float:left;font-size: 55px;margin-top: 100px;color: #ffffff;text-align: right;margin-bottom: 20px;font-weight: bold;text-shadow: 0 0 2px #686868,
            0 1px 1px #ddd,
            0 2px 1px #d6d6d6,
            0 3px 1px #ccc,
            0 4px 1px #c5c5c5,
            0 5px 1px #c1c1c1,
            0 6px 1px #bbb,
            0 7px 1px #777,
            0 8px 3px rgba(100, 100, 100, 0.4),
            0 9px 5px rgba(100, 100, 100, 0.1),
            0 10px 7px rgba(100, 100, 100, 0.15),
            0 11px 9px rgba(100, 100, 100, 0.2),
            0 12px 11px rgba(100, 100, 100, 0.25),
            0 13px 15px rgba(100, 100, 100, 0.3);}
.bzi b{color:#BB2426;font-style: normal;}
.jiejue img{width: 100%;}
/*.bt{background:#0067d2; height:60px; color:#FFF; line-height:60px; padding-left:20px; font-size:24px; border-radius:3px;-webkit-box-shadow: 1px 2px 1px rgba(0,0,0,0.2);margin-top:8px; text-shadow: 0 1px 1px #000;}
.bt a{color:#FFF; text-decoration:none;} */
.weizhi{background:#ffffff; height:60px; color:#525252; line-height:60px; padding-left:20px; font-size:14px; border-radius:5px;margin-top:8px;}
.weizhi a{text-decoration: none;color:#525252; }

.bt {border-bottom: #e4e3e3 1px solid;overflow: hidden;background: #fff; height: 60px;line-height: 60px;padding-left: 20px;border-radius: 3px;margin-top: 10px;}
.bt h2 {color: #1487f4;font-size: 28px;position: relative;float: left;/* width: 84px; */text-align: center;margin: 0px auto;padding: 0px;font-style: normal;font-weight:250;}
.bt h2 a { color: #1487f4; }
.bt h2:after {content: "";background: #1487f4;background: linear-gradient(to right, #0062ff 0%, #00a0ec 100%);width: 100%;height: 2px;position: absolute;bottom: 0px;left: 0;}

.whitebg { background: #fff; -webkit-box-shadow: 1px 2px 1px rgba(0,0,0,0.2); border-radius:5px; }
.bei{ background:#ffffff; border-radius:5px; margin-top:10px; -webkit-box-shadow: 1px 2px 1px rgba(0,0,0,0.2); height:auto;overflow: hidden;padding:20px; }
.bei ol{margin: 0px auto;padding: 0px;}
.bei li{width:96%; height:50px; line-height:50px; border-bottom:#DFCBCB 1px dashed; font-size:22px;}
.bei li:last-child{border-bottom:none;}
.liu{width:25%; float:left;}  
.liu img{width:95%;border-radius:50%;position:relative; margin:0px auto; padding:0px;}
.liu p{margin-top:2px; text-align:center; font-size:18px;}
.liu p a{text-decoration:none; color:#000;}
.liu img:hover{opacity:0.5;}
.xiangmu li{width:50%; float:left; height:auto; margin-top:2%; padding-bottom:1%;}
.xiangmu li img{width:25%; float:left;border-radius:5%; border:#666 1px solid;}
.xiangmu li img:hover{opacity:0.5;}
.xiangmu .xmjs{width:68%; float:left; padding:0 0 2% 2%;}
.xmjs h3{font-size:20px;font-weight:normal;}
.xmjs h3 a{text-decoration:none; color:#0067d2;}
.xmjs p{font-size:16px; color:#666; line-height:30px;}
/*pics*/
.pics {position: relative;padding-bottom: 20px; margin: auto; overflow: hidden; }
/*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: #1487f4; 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: #1487f4; }
.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; }
.plr20 {padding:0px 20px;}
/*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; border-radius:5px;}
.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;border-radius:5px; }
.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; }
/*pagelist*/
.pagelist { text-align: center; color: #666; width: 100%; clear: both; margin: 0 0 10px; }
.pagelist a { color: #666; margin: 0 5px 10px; padding: 5px 10px; background: #F7F7F7; display: inline-block; }
.pagelist a:nth-child(1) { display: none }
.pagelist a:hover, .pagelist > b { color: #3690cf; color: #FFF; background: #1C2327; }
.pagelist > b { padding: 5px 10px; }
a.curPage { color: #ffffff; font-weight: bold; background: #000; }
/*news-title*/
.news-title {border-bottom: #e4e3e3 1px solid;margin: 20px;padding-bottom: 10px;overflow: hidden;}
.news-title h2 {color: #1487f4;font-size: 16px;font-weight: normal;position: relative;float: left;/* width: 84px; */text-align: center;}
.news-title h2 a { color: #1487f4; }
.news-title h2:after {content: "";background: #1487f4;background: linear-gradient(to right, #0062ff 0%, #00a0ec 100%);width: 100%;height: 2px;position: absolute;bottom: -10px;left: 0;}
.news-title li{list-style: none;}
/*shopview*/
.shopbox { overflow: hidden;margin-top: 10px; }
.shopview { width: 40%; float: left; border: #f1f1f1 1px solid; padding: 0 10px; margin: 0 0 20px 20px; }
.shopview .swiper-container { margin-bottom: 30px;margin-top: 30px; }
.swiper-container img{width: 100%;}
.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: #1487f4; }
.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: #1487f4; width: 3px; height: 100%; left: -10px; bottom: 0; }
.product-content img { max-width: 100% !important; height: auto !important }
/*newstext-box*/
.newstext-box { padding: 0 20px 20px; }
.news-title-h1 {font-size: 22px;margin-bottom: 20px;}
.keywords {overflow: hidden;}
.keywords a {display: block;float: left;border: #1487f4 1px solid;color: #1487f4;padding: 2px 8px;margin: 0 5px 5px 0;border-radius: 3px;font-size: 14px;}
.keywords a:nth-child(1), .keywords a:hover { background: #1487f4; color: #fff }
.picview-other { overflow: hidden; color: #888; margin-bottom: 15px; }
.picview-other span { float: left; margin-right: 15px; 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 ol{padding-left: 20px;list-stylee: decimal !important; }
.newstext ol li{list-style: decimal !important; list-style-position:inside;}
.newstext span{display:inline}
.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: #1487f4; 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;background-size: 16px;}
.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: #1487f4 }
.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 }
/*video*/
.video {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;margin-bottom: 20px;}
.video iframe,.video object,.video embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*info-pre-next*/
.info-pre-next { overflow: hidden; margin: 20px 0; }
.info-pre-next ul li { width: 50%; float: left; overflow: hidden; }
.info-pre-next ul li a { display: block; overflow: hidden; }
.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: 80px; 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: 80px; text-align: center; background: rgba(0,0,0,.2); z-index: 1; }
.info-pre-next img { width: 100%; transition: .5s; }
.info-pre-next h2 { font-size: 15px; 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); }
/*product-suiji*/
.product-suiji{padding-top: 5px;}
.product-love{margin-top: 10px;}
.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 20px 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; }
/*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; }
/*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: #1487f4; color: #fff }
/*otherlink*/
.otherlink{ padding-top: 5px;}
.otherlink ul { padding: 20px 20px 20px; overflow: hidden; }
.otherlink ul li { position: relative; line-height: 40px; width: 48%; float: left; list-style: none;}
.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: 15px;}
/*paihang*/
.paihang { padding:20px;margin-top: 10px; }
.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; }
/*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: #1487f4; color: #fff; }
/*links*/
.links{padding-top: 5px;}
.links ul { margin: 0 20px 20px; overflow: hidden; }
.links ul li{list-style: none;margin: 0px auto;padding: 0px;}
.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: #1487f4; 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; }
/*blogs*/

.lanmu {overflow: hidden;padding: 20px;}
.lanmu img {width: 20%;float: left;margin-right: 20px;transition: .5s;}
.lanmu h1 {font-size: 20px;color: #1487f4;margin: 10px 0;}
.lanmu h1 a{color: #1487f4;}
.lanmu p {color: #888;line-height: 20px;font-size: 14px;}
.blogs-box{padding-top: 5px;margin-top: 10px;}
.blogs-list ul { padding: 0 20px 20px; }
.blogs-list ul li {overflow: hidden;border-bottom: 1px dashed #d3d3d3;padding: 20px 0;}
.blogs-list ul li:first-child{ padding-top:0;}
.blogs-list li h2 {font-size: 16px;margin-top: 5px;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 {color: #1487f4;}

.blogs-list li i {width: 200px;height: 120px;line-height: 100%;overflow: hidden;float: left;margin-right: 15px;}
.blogs-list li i img {width: 100%;min-height: 120px;display: inline-block;transition: .5s;}
.blogs-list li i:hover img { transform: scale(1.2); }
.blogs-list li p {color: #888;line-height: 22px;height: 43px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;font-size: 14px;margin-top: 10px;}
.blogs-list li span {font-size: 14px;margin-top: 10px;overflow: hidden;}
.blogs-list li span a { display: inline-block; color: #0976dc; border: #1487f4 1px solid;padding: 3px 10px;border-radius: 3px;margin-right: 5px; font-size: 12px;margin-bottom: 5px;}
.blogs-list li span a:nth-child(1) { background: #1487f4; color: #fcfeff; }
.blogs-list ul li h2:hover a { color:#000; }
/*page*/
.page { overflow: hidden; padding: 20px; }
.page-title { width: 230px; float: left; }
.page-title li { margin-bottom: 10px;list-style: none;}
.page-title li a { display: block; text-align: center; padding: 8px 0; border: #f1f1f1 1px solid; border-radius: 3px; }
#pagecurrent, .page-title li a:hover { background: #1487f4; color: #fff; border: #1487f4 1px solid; }
.page-box { width: 830px; 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: #000; 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; ; }
.page-box-content p { margin-bottom: 15px; }
.page-box-content img { max-width: 100%; margin: 10px auto ;}
.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: #1487f4; width: 3px; height: 100%; left: -32px; bottom: 0; }
.page-box-content a { color: #39F; }

.albei{ padding:1%; background:#ffffff; border-radius:7px; width:98%; margin-top:15px; -webkit-box-shadow: 1px 2px 1px rgba(0,0,0,0.2); height:auto; }
ul.anli{ overflow:hidden;}
ul.anli li { float:left; width:25%; margin:1% 0 2% 0; list-style:none; border:none;overflow:hidden;}
.anli li i { height: 190px; line-height: 190px; overflow: hidden; display: block; background: #fcfcfc; }
ul.anli li img { width:100%; display:block; margin:0 auto;height:auto;border-radius:5px;}
ul.anli li a { width:90%; display:block; background:#fff; color:#fff; border:3px solid #FFF; overflow:hidden; box-shadow:0 3px 8px rgba(0,0,0,0.1); margin:0 auto; position:relative; text-decoration:none;}
ul.anli li span { background:rgba(0,0,0,0.5); width:100%; overflow: hidden;position:absolute; right:0px; bottom:0px; text-align:center; font-size:16px; padding:2% 0 2% 0; }
.list{overflow:hidden;}
.list li{width:39%; float:left; padding:1% 0 1.5% 1%; border-bottom:#DFCBCB 1px dashed;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; margin:1% 2% 0 2%; list-style:disc;list-style-position:outside;}
.list li a{text-decoration:none; color:#000;}
.list li a:hover{color:#0067d2;}
.list li:before {content: "";display: inline-block;width:3px;height:3px;background-color: #000;border-radius: 50%; margin-right:8px;}
/*二级页*/
.jieshao{font-size:16px; line-height:30px; color:#333; width:95%; margin:0px auto; padding:0px;}
.jieshao span{ float:left; position: relative; }  
.jieshao span:nth-child(1){  -webkit-animation:jump 1s linear 0s infinite alternate;  }  
.jieshao span:nth-child(2){  -webkit-animation:jump 1s linear 0.2s infinite alternate;  }  
@-webkit-keyframes jump  {  0%{top:0px; color:red; }  50%{ top:-5px;  color:green;  }  100%{  top:5px;  color:blue;  }  }  
.zuo{width:70%; float:left;}
.zbei{ padding:2%; background:#ffffff; border-radius:7px; width:95%; margin-top:15px; -webkit-box-shadow: 1px 2px 1px rgba(0,0,0,0.2); height:auto; line-height:28px;}
.you{width:29%; float:left; margin-left:1%;}
.cbt{background:#0067d2; height:60px; color:#FFF; line-height:60px; padding-left:20px; font-size:20px; border-radius:3px;-webkit-box-shadow: 1px 2px 1px rgba(0,0,0,0.2);margin-top:8px; text-shadow: 0 1px 1px #000;}
.tuijian{margin:0px auto; padding:0px;}
.tuijian li{ list-style:none; padding-top:3%; padding-bottom:3%; height:auto;}
.tuijian li img{width:30%; float:left;}
.tuijian .xgtj{width:68%; float:left; padding:1%;}
.xgtj h3{font-size:16px; font-weight:normal;}
.xgtj p{font-size:14px; line-height:20px; color:#999;}
.tuijian a{text-decoration:none; color:#000;}

.footer{ padding:1%; color:#FFF; width:98%; margin-top:15px; -webkit-box-shadow: 1px 2px 1px rgba(0,0,0,0.2); height:auto; height:250px; text-align:center;background: -webkit-linear-gradient(left top, #0053aa, #006fe2,#0053aa); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right, #0053aa, #006fe2,#0053aa); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, #0053aa, #006fe2,#0053aa); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right, #0053aa, #006fe2,#0053aa);}
.footer p{padding:1%;}
.footer p a{text-decoration:none; color:#FFF;}
/*底部导航*/

.social_nav5{ height:45px; background:#0067d2; line-height:45px; position:fixed; bottom:0;width:100%; z-index:999;} 
.social_nav5 a{text-decoration:none;}
.social_nav5 ul li{ float:left; width:33.11111%; position:relative; border-left: 1px solid #0053aa;
border-right: 1px solid #0576ec; text-align:center; height:45px; line-height:45px;list-style: none;}

.social_nav5 ul li a{ color:#fff; display:block; font-size:18px; text-shadow:none; text-decoration:none;}
.social_nav5 ul li img{ width:50px; height:50px; margin-top:-22px;}
.wechatBox { display: none;  height: 100%; position: fixed;  top: 0; width: 100%; z-index: 5;}
.wechat { background: #fff; border-radius: 20px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 1);  color: #666; display: none; left: 10%; padding: 30px 0; position: fixed; right: 10%; text-align: center; top: 20%; width: 50%;  z-index: 5000;}
.wechat .p1 { font-size: 18px;}
.wechat .pm1{display: none;font-size: 18px;}
.wechat .p2sao a{  font-size: 18px; text-decoration:none;}
.wechat .p2{display: none;}
.wechat .p2 a{  font-size: 18px; text-decoration:none;}
.wechat .wxid {  background-color:red; color: #fff; font-size: 40px;  margin: 30px 0; padding: 10px;display: none;}
.wechat .wxid span{background:yellow;color:red;border-radius: 3px; padding:5px;}
.icon-top {background: url(../images/istop.png) no-repeat center #fff;background-size: 22px;width: 40px;height: 40px;position: fixed;right: 20px;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; }
/*移动适配*/
@media screen and (min-width: 1024px) and (max-width: 1170px) {
body { overflow-x: hidden; }
.pics-list-price li i { height: 120px; line-height: 120px }
}
@media screen and (min-width: 960px) and (max-width: 1023px) {
body { overflow-x: hidden; }
.product { margin: 0 10px; }
.product-suiji li { width: 33.333%; }
.product-suiji li:last-child { display: none; }
.page-title { width: 23%; }
.page-box { width: 70%; }
}
 @media screen and (min-width: 840px) and (max-width: 959px) {
body { overflow-x: hidden ;}
.top{padding-top: 40px;}
.top .h{ margin-top:6%;font-size:22px;}
.top .h h1{font-size:22px; font-weight:normal;}
.top .h h2{ font-size:14px;font-weight:normal;}
nav{height:auto;}
.conter{width:100%; margin:0px auto; padding:0px;}
nav .conter li{float:left; height:auto; padding:1% 0; width:16.5%;border-left: 1px solid #0053aa;
border-right: 1px solid #0576ec; text-align:center;list-style-type: none; border-top:1px solid #0576ec;border-bottom: 1px solid #0053aa;}
nav .conter li:nth-child(3){border-right: none;}
nav .conter li:nth-child(4){border-left: none;}
nav .conter li a{font-size:14px;}
.bt{ font-size:20px;padding-left:15px;border-radius:0px;}
.bei li{height:auto; font-size:20px; line-height:30px; padding:3% 0;}
.liu p{font-size:14px;}
.xiangmu h3{font-size:18px;}
.xiangmu p{font-size:14px; line-height:22px;}
.social_nav5 ul li{width:32.69%;}
.wechat{width:80%;}
.cbt{height:45px; line-height:45px;border-radius:0px;}
.pics-list-price li i { height: 110px; line-height: 110px; }
.pics-list-price li a { margin: 0 2px; }
.page-title { width: 23%; }
.page-box { width: 68%; }
}
@media screen and (max-width: 839px) {
body { overflow-x: hidden; }
.top{padding-top: 40px;}
.top .h{ margin-top:6%;font-size:22px;}
.top .h h1{font-size:22px; font-weight:normal;}
.top .h h2{ font-size:14px;font-weight:normal;}
nav{height:auto;}
.conter{width:100%; margin:0px auto; padding:0px;}
nav .conter li{float:left; height:45px; line-height: 45px; width:16.5%;border-left: 1px solid #0053aa;
border-right: 1px solid #0576ec; text-align:center;list-style-type: none; border-top:1px solid #0576ec;border-bottom: 1px solid #0053aa;}
nav .conter li:nth-child(3){border-right: none;}
nav .conter li:nth-child(4){border-left: none;}
nav .conter li a{font-size:14px;}
.bimg,.bimg img{display: none;height: 0px;margin: 0px;width: 0px;float: none;}
.bzi{font-size: 28px;float: none;width: 100%;text-align: center;margin-top: 0px;line-height: 60px;padding-bottom: 30px;padding-top: 30px;}
.bt{ font-size:15px;padding-left:15px;border-radius:0px;}
.bei li{height:auto; font-size:20px; line-height:30px; padding:3% 0;}
.liu p{font-size:14px;}
.xiangmu h3{font-size:18px;}
.xiangmu p{font-size:14px; line-height:22px;}
.social_nav5 ul li{width:32.69%;}
.wechat{width:80%;}
.wechat .p1,.wechat .wxsao,.wechat .p2sao {display: none;}
.wechat .pm1,.wechat .wxid,.wechat .p2{display:block;}
.cbt{height:45px; line-height:45px;border-radius:0px;}
.pics-list-price li a { margin: 0 5px 5px; }
.pics-list-price li i { height: 110px; line-height: 110px; }
.product { width: 45% ;}
.you{display: none;}
.product-suiji li { width: 33.333%; }
.product-suiji li i { height: 90px; line-height: 90px; }
.product-suiji li:last-child { display: none; }
.tags ul a { width: 14% ;}
.tags ul a:nth-child(n+22) { display: none; }
.blogs-list li i { width: 140px; height: auto; }
}

@media screen and (max-width: 768px) {
.endmenu { display: block; }
.lanmu h1 { margin: 5px 0; }
.blogs-list li i img { height: 60px; min-height: auto; }
.page-title { width: 30%; float: left; }
.page-box { width: 60%; }
}
 @media screen and (max-width: 700px) {
.top{padding-top: 40px;}
.top .h{ margin-top:4%;font-size:18px;}
.top .h h1{font-size:18px; font-weight:normal;}
.top .h h2{ font-size:12px;font-weight:normal;}
nav{height:auto;}
.conter{width:100%; margin:0px auto; padding:0px;}
nav .conter li{float:left; height:45px; line-height: 45px; width:32.69%;border-left: 1px solid #0053aa;
border-right: 1px solid #0576ec; text-align:center;list-style-type: none; border-top:1px solid #0576ec;border-bottom: 1px solid #0053aa;}
nav .conter li:nth-child(3){border-right: none;}
nav .conter li:nth-child(4){border-left: none;}
nav .conter li a{font-size:16px;}
.bt{font-size:14px;padding-left:15px;border-radius:0px;}
.bei li{height:auto; font-size:18px; line-height:28px; padding:3% 0;}
.liu p{font-size:14px;}
.xiangmu li{width:100%;}
.xiangmu h3{font-size:18px;}
.xiangmu p{font-size:14px; line-height:22px;}
ul.anli li{width:33%;}
.anli li i { height: 120px; line-height: 120px; }
.anli li:nth-child(4){display: none;}
ul.anli li span{font-size:12px;}
.list li{ width:95%;}
.social_nav5 ul li{width:32.69%;}
.wechat{width:80%;}
.zuo{width:100%; float:none;}
.you{width:100%; float:none; margin-left:0px;}
.cbt{height:45px; line-height:45px;border-radius:0px;}
.pics-list-price li { width: 33.3333% }
}
@media screen and (max-width: 480px) {
.top{padding-top: 40px;}
.top .h{ margin-top:4%;font-size:16px;}
.top .h h1{font-size:16px;}
.top .h h2{ font-size:10px;}
nav{height:auto;}
.conter{width:100%; margin:0px auto; padding:0px;}
nav .conter li{float:left; height:45px; line-height: 45px; font-size:18px; width:32.69%;border-left: 1px solid #0053aa;
border-right: 1px solid #0576ec; text-align:center;list-style-type: none; border-top:1px solid #0576ec;border-bottom: 1px solid #0053aa;}
nav .conter li:nth-child(3){border-right: none;}
nav .conter li:nth-child(4){border-left: none;}
nav .conter li a{font-size:14px;}
.bt{ font-size:14px;padding-left:15px;border-radius:0px;}
.bei li{height:auto; font-size:14px; line-height:20px; padding:3% 0;}
.liu p{font-size:12px;}
.xiangmu li{width:100%;}
.xiangmu h3{font-size:16px;}
.xiangmu p{font-size:12px; line-height:22px;}
ul.anli li{width:33%;}
ul.anli li span{font-size:10px;}
.list li{ width:95%;}
.social_nav5 ul li{width:32.69%;}
.wechat{width:80%;}
.zuo{width:100%; float:none;}
.you{width:100%; float:none; margin-left:0px;}
.cbt{height:45px; line-height:45px;border-radius:0px;}
.pics-list-price li { width: 50%; margin-bottom: 10px; }
.pics-list-price span.pics-btn, .pics-list-price li p { display: none; }
.pics-list-price li h2 { line-height: 20px; font-size: 14px; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; white-space: inherit; height: 40px; }
.pics-list-price li i { height: 100px; line-height: 100px; }
#tab { width: 800px; }
.tab-a-more { display: none; }
#tab { margin: 10px 0; }
#tab-content { margin: 0; padding: 0 10px; }
#tab li:hover:after, #tab li.tab-current:after { left: 10px; width: 66px; }
.news-title { margin: 10px 0; }
.news-title h2 { width: fit-content; padding-left: 10px; }
.news-title h2:after { left: 10px; width: 90%; }
.shopview { width: 90%; padding: 0; border: 0; margin: auto; float: none; }
.product { padding: 0 20px; margin-right: 0; float: none; width: 90%; }
.newstext-box { padding: 0 20px 0; }
.news-title-h1 { font-size: 18px; margin-top: 20px; }
.keywords a { font-size: 12px; }
.keywords a:last-child { margin-bottom: 20px; }
span.po-classname, .po-view { display: none; }
.share { display: block }
.share img { float: none; margin: 10px auto; }
.share-text { padding: 0 10px; word-break: break-all; }
.info-pre-next ul li { width: 100%; overflow: hidden; float: none; margin-bottom: 10px; border-bottom: #eee 1px solid; padding-bottom: 10px; }
.info-pre-next ul li:last-child { border-bottom: none ;}
.info-pre-next ul li:nth-child(1) a { margin-right: 0; }
.info-pre-next ul li:nth-child(2) a { margin-left: 0; }
.info-pre-next em { line-height: 70px; font-size: 12px; }
.info-pre-next ul li i { width: 70px; height: 70px; }
.info-pre-next img { height: 70px; width: auto }
.newstext-box { padding: 0 20px 0; }
.info-pre-next { margin: 10px 0; }
.otherlink, .pinglun-box { overflow: hidden ;}
.otherlink ul li { width: 100% ;}
.product-suiji li { width: 50%; }
.product-suiji li i { height: 110px; line-height: 110px; }
.product-suiji li:nth-child(n+3) { display: none ;}
.tags ul a { width: 33.333%; }
.tags ul a:nth-child(n+13) { display: none; }
.tags ul, .links ul { margin: 0 10px 10px; }
.blogs-box { overflow: hidden ;}
.blogs-list li span { display: none; }
.blogs-list ul li { border-bottom: #eee 1px solid; padding: 10px 0; }
.blogs-list li i { width: 60px; height: 60px; float: right; margin-right: 0; margin-left: 10px; }
.blogs-list li i img { width: auto; }
.blogs-list li h2 { white-space: inherit; overflow: hidden; margin-top: 0; font-size: 16px; font-weight: normal; height: 60px; display: table-cell; vertical-align: middle; }
.blogs-list li h2 a { color: #000; }
.blogs-list li p { display: none; }
#pageContents { overflow-x: scroll; }
#pageContents ul { width: 800px; }
.page-title { width: 100%; float: left; }
.page-box { width: 100%; margin-left: 0; padding-left: 0; border: none; margin-top: 10px; }
.page-title li { width: 100px; float: left; margin-right: 10px ;}
}