@charset "utf-8";
html,body{ font-family: "Microsoft Yahei","微软雅黑",Verdana,Tahoma,"宋体",Arial,Helvetica; font-size:14px; line-height:180%; color:#333; background:#fff; -webkit-text-size-adjust:none;margin: 0;padding: 0;}
div,h1,h2,h3,h4,h5,h6,dl,dt,li,dd,th,td,p,pre,form,input,button,textarea,hr{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-family: 'microsoft yahei',tahoma,verdana}
ul,li { list-style:none; padding:0px; margin:0px;}
* {box-sizing: border-box;}
a{ color:#404040; text-decoration:none;}
a:hover{ color:#f03333;}
h2, h3, h4, h5 {font-weight: normal;}
.lf{ float:left;}
.ri{ float:right;}
.ptp{ padding-top:10px;}
.mtp {margin-top:10px;}
.br-bg{ background:#FFFFFF; border:0px solid #d7d7d7;}
.n-st { font-size: 14px;}
.list-none{ list-style:none; padding:0px; margin:0px;}
.clear{ clear:both;}
.cc {color:#aaa}
.f16 { font-size: 16px;}
.txtc {text-align:center;}
.pimg img { image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
.clearfix:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
/*导航*/

.inner{ width:1200px; margin:0 auto; position:relative;}

header{zoom:1; background-color: #ffffff; height:110px; margin-bottom: 10px;}
.top-head {padding-top:0px;}
.top-logo {min-height:75px; _height:75px;float:left; width:160px;  margin-top: 32px;}
.top-logo img { height: 50px; }
.top-nav {float:right; width:1010px;  z-index:1; margin-top:20px;}
.top-nav .txt{height:30px; text-align:right;}
.top-nav .txt span {background: #fbefef; color: #ee6666; padding: 5px 14px; border-radius: 4px;}

.nav {margin-top:20px; height:40px; }
.nav .inner{z-index:999999;}

.u_nav { list-style:none; padding:0px; margin:0px; height:40px; zoom:1; float:right;}
.u_nav li{ float:left; display:inline; height:40px; line-height:40px; text-align:center;white-space:nowrap; position:relative;z-index:999999; margin:0px 2px;}
.u_nav li a{ font-size:16px; color:#333; display:block; padding:0px 12px; transition: all 0.25s; }
.u_nav li a:hover { text-decoration:none;background:#e00000; color:#fff}

.u_nav li dl{position: absolute;top:40px; left:0px; display:none;margin:0;background:#f6f6f6; z-index: 9999; -webkit-box-shadow: 0px 4px 10px rgba(96, 96, 96, 0.5); -moz-box-shadow: 0px 4px 10px rgba(96, 96, 96, 0.5); box-shadow: 0px 4px 10px rgba(96, 96, 96, 0.5);}
.u_nav li dd {margin:0;z-index:99999}
.u_nav li dd a{height:36px;line-height:36px;font-size:15px; color: #333;}
.u_nav li dd a:hover{background-color: #ee5555;color:#ffffff;}

.head-menu { width: 24px;
    height: 24px;
    display: none;
    background: url(/images/ico_caidan.png) center center no-repeat;
    background-size: 24px;
    cursor: pointer;
    }


/*首页*/
.p-d{ padding:10px 0px;}
.index .mlf{ width:580px; position:relative;}
.index .mri{ width:398px;}

.index .pd-w{padding:0px 20px; position:relative;z-index:2;}
.index .news{ width:248px; overflow:hidden;}
.index .pd-tp{ padding-top:20px;}

h3.ti{ height:32px; line-height:32px;zoom:1; font-size:14px; color:#333; margin-bottom:4px; border-bottom:1px dotted #ccc; }
h3.ti .more{ float:right; padding-left:5px; font-weight:normal;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;}

.index .txtlist li{ height:28px; line-height:28px; overflow:hidden; background:url(../images/li-01.gif) no-repeat left 12px; padding-left:12px;}
.index .txtlist li a{ font-size:14px;}
.index .txtlist li span.time{ float:right; padding-left:10px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;}
*html .index .txtlist li img{ margin-top:11px;}

.ind_box1 {height:480px; background:#f2f2f2; padding: 50px 0px;}
.ind_sign {height:50px ;position: absolute; left: 0px; top:25px; }
.ind_m2 { margin-top:95px; float:left; width:588px;}
.ind_m2 .con { margin-top:20px; padding:32px 32px; line-height:28px; background:#333333; color:#ffffff; font-size:14px; text-align: justify;}
.ind_m2 .t1 {text-align:center; font-size:36px; margin-top:20px;}
.ind_m2 .t2 {text-align:center; font-size:18px; margin-top:26px;}
.ind_m1 { height:480px; width:480px; margin-right: 30px; float:right; }

.index .newlist{ padding:12px;}
.index .newlist li{ height:28px; line-height:28spx; background:url(../images/li-01.gif) no-repeat left 11px; overflow:hidden; padding-left:12px;}
.index .newlist li span.time{ float:right; padding-left:10px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;}
.index .newlist li a{ font-size:14px;}

/*幻灯片*/
.sidebar{ margin-top:16px;}
.sidebar .sb_nav{ float:right; width:270px; position:relative;}
.sidebar .sb_nav h3.line{ margin-top:15px; }

.r_box{ overflow:hidden; zoom:1;}
.r_box h3 {height:50px ;line-height:50px; border-bottom: 1px solid #d7d7d7;}
.r_box h3 span {border-left:4px solid #e00000; padding-left:10px; line-height:45px;  font-size:20px; }
.r_box .active{ padding:0px 0px 10px 0px; zoom:1; } 

.sidebar .sb_nav h3.title2{ height:36px; line-height:36px; border:1px solid #d7d7d7; padding-left:22px; overflow:hidden; font-size:14px; color:#ffffff; background:url(../images/title_li.gif) 180px center no-repeat; background-color:#ce2b5d;}
.sidebar .sb_nav .ct-con{ padding-top:10px; color:#666;}

.listpic {margin: 0px auto 0px; width:100%; line-height:0; position: relative; text-align: center;}
.listpic img {max-width:100%;}
.listpic .inner { position: absolute;  z-index: 21; top: 0; left: 50%; transform: translate(-50%);}
.listpic .pinfo  { color:#ffffff; font-size:16px; line-height: 1.8;}
.listpic .pinfo p {position: absolute;;}
.listpic .title { font-size:30px;}

.jmt-jianjie { padding: 16px 16px; background: #e00000; border-radius: 10px; margin-top: 6px; color: #ffffff;}
.jmt-jianjie p { margin: 0.5rem; line-height: 180%; text-indent: 1.75rem; text-align: justify;}
.jmt-jianjie p span {font-size:24px;}

.r_box  dl{margin:15px 0px 10px 0px}
.r_box  dl dt{border:1px solid #d7d7d7; border-radius:5px; height:40px; float:left; width:42%; margin:10px 0px 5px 15px; text-align:center;}
.r_box  dl dt:hover{border:1px solid #f02222; }
.r_box  dl dt a{font-size:15px; display:block; line-height:40px;}
.r_box  dl dt a:hover{color:#f02222;}

.sb_box { float:left; width:900px;  overflow:hidden; }
.mlist_box{ }
.mlist_box h3.title{  border-bottom:1px solid #d7d7d7; height:50px; line-height:50px; position:relative;}
.mlist_box h3.title span{ font-size:30px; border-bottom:0px solid #f00000; padding:0px 5px; line-height: 44px;  display: inline-block;  }
.mlist_box h3.title i { color: #aaaaaa; margin-left: 15px; font-size: 20px; }
.mlist_box h3.ind-title{ margin-top:30px; line-height:50px; position:relative; text-align:center;}
.mlist_box h3.ind-title span{ font-size:30px;padding:0px 5px; line-height: 44px;  display: inline-block;  }
.mlist_box h3.ind-title i { color: #aaaaaa; margin-left: 15px; font-size: 20px; }
.mlist_box h3.title div.position{ float:right; font-weight:normal; position:relative; top:3px; right:15px; color:#808080;}
.mlist_box h3.title div.position a{ margin:0px 3px; }
.mlist_box h3.title div.position a:hover{ }


.index-sb_box {float:left; width:900px; overflow:hidden; font-family: 'microsoft yahei','宋体'}

/* list */
.ind-info-box {display: flex;  flex-direction: row;  flex-wrap: wrap;  justify-content: space-around;}
.index-list-box {width:30%;}
.index-list-box .list-title {border-bottom: 1px solid #e3e3e3; height: 40px; line-height: 40px;font-size: 16px; font-weight: bold;}
.index-list-box .list-title a { line-height: 38px; display: inline-block;  border-bottom: 2px solid #f00000;  padding: 0px 10px;}
.index-list-box .list-title a:hover { text-decoration:none; }
.index-sb_box .b-fl {float:left;}
.index-sb_box .b-fr {float:right;}

.index-list-box .list-body {height: 295px; overflow:hidden; margin-top: 8px;}
.index-list-box .list-body ul {margin:8px 0px}
.index-list-box .list-body li {height:30px; line-height:150%; font-size:14px; padding-left:16px; background:url(../images/index-list-dot.gif) no-repeat 4px 7px;  word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/*首页小图*/
/*
.headPhotoList {width: 1100px;position:relative;overflow:hidden; display:block; margin-left:0px;}
.headPhotoList li {width: 185px; height: auto; display: inline-block; margin: 10px 8px 10px 0px;  -webkit-transition: .3s ease-out all; transition: .3s ease-out all; background-color: #fff; transform-style: preserve-3d; border:1px solid #ccc; border-bottom:3px solid #dddddd;}
.headPhotoList li a{position:relative;display:block;width:185px;overflow:hidden;text-decoration:none;}
.headPhotoList li a img{width:185px; height:125px;}
.headPhotoList li a h3{height:40px;padding:0px 4px; line-height:18px; font-size:14px; font-weight:normal; color:#3c3c3c; margin-bottom:3px; overflow:hidden; text-overflow:ellipsis; transition:.2s ease all;-webkit-transition:.2s ease all;-moz-transition:.2s ease all}
.headPhotoList li:hover {border-color:#C00; background-color: #ffe1e1; }

*/

.index_left {float:left; width:710px;  overflow: hidden;}
.index_right {float:right; width:450px; overflow: hidden; zoom: 1;}

.index_title {margin-top:10px; padding-left:10px; line-height:40px; font-size:24px; font-family: 'microsoft yahei','微软雅黑'; border-bottom:1px solid #e6e6e6;}
.index_title span { color:#999999; margin-left:15px; font-size: 18px;}

#headPhotos .title {margin-top:18px; padding-left:10px; line-height:30px; font-size:20px; font-weight: bold; font-family: 'microsoft yahei','微软雅黑';}
#headPhotos .title span { font-family: "Times New Roman"; color:#d51133; margin-left:15px;}

.index_left {padding:0;}
.index_left .list { padding:16px 10px 16px 14px; border-bottom:1px solid #e6e6e6; position: relative; min-height: 97px;_height:97px;}
.index_left .list:hover {background-color: #f9f9f9;}
.index_left .list h3 {padding:0; margin:0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index_left .list p{padding-left:16px; width:138px; height:95px; position: absolute;left: 0;top: 18px;}
.index_left .list p img {width: 100%;height: 100%; border:0;}
.index_left .haveimg {padding-left: 170px;}
.index_left .list h3 a{ font-size:18px;font-weight: 700; }
.index_left .desc { margin-top:15px; margin-bottom: 0px; height:42px; overflow:hidden; color:#777; font-size:14px; line-height: 150%;}

.index_right ul {width: 460px;  overflow: hidden;}
.index_right li {width: 210px; height: auto; display: inline-block; margin: 16px 12px 10px 5px;  -webkit-transition: .3s ease-out all; transition: .3s ease-out all; background-color: #fff; transform-style: preserve-3d; border-bottom:3px solid #dddddd;}
.index_right li a{position:relative;display:block; overflow:hidden;text-decoration:none;}
.index_right li a img{width:210px; height:150px;}
.index_right li a h3{height:40px;padding:0px 4px; line-height:18px; font-size:14px; font-weight:normal; color:#3c3c3c; margin-bottom:3px; overflow:hidden; text-overflow:ellipsis; transition:.2s ease all;-webkit-transition:.2s ease all;-moz-transition:.2s ease all}
.index_right li:hover {border-color:#e00; background-color: #ffeeee; }
#headPhotos .title {margin-top:18px; padding-left:10px; line-height:30px; font-size:20px; font-weight: bold; font-family: 'microsoft yahei','微软雅黑';}
#headPhotos .title span { font-family: "Times New Roman"; color:#d51133; margin-left:15px;}

.index_about { background:#f5f5f5; padding: 10px 0px;}
.index_about .box1 {float:left; width:680px; color:#111111; }
.index_about .title { margin:24px 0px 24px; border-bottom: 1px solid #999999; text-align:center;}
.index_about .title span{background: #f5f5f5; padding: 6px 20px; line-height:32px; font-size: 28px;}
.index_about .desc {font-size:14px; margin-left: 5px; text-indent: 28px; text-align: justify; }
.index_about .desc p {margin:12px 0px; line-height: 28px;}
.index_about .box2 {float:right; width:480px; text-align: center;}

/*pinpai*/
.ind-pinpai-box {margin-top:30px; display: flex; flex-direction: row;  flex-wrap: nowrap;  justify-content:space-around;}
.ind-pinpai-box li {width:360px; padding: 14px; margin:0px 12px; border-radius: 3px;}
.ind-pinpai-box li:hover { box-shadow: 0 0 12px rgb(0 0 0 / 20%); }
.ind-pinpai-box .logo {text-align: center; }
.ind-pinpai-box .txt {font-size: 24px; color: #505050; text-align: center; padding-bottom: 24px;}
.ind-pinpai-box .pic {line-height:1; text-align: center;}
.ind-pinpai-box .pic img {max-width:100%;}

/*友链*/
.flink{ padding-top:16px; height:25px;color:#333;white-space:nowrap;height:25px; line-height:25px;    border-top: 0px solid #e0e0e0;}
*html .flink{ padding-top:12px;}
*+html .flink{ padding-top:12px;}
.flink a {margin-right:8px;}

/*列表0*/
#imglist{ padding:15px 15px}
#imglist li{ float:left; display:inline; text-align:center;}
#imglist li a.img{ font-size:0px; display:block;}
#imglist li a.img img{ margin:auto;  border:1px solid #ccc; }
#imglist li h3{ padding:5px 0px 10px; font-weight:normal; line-height:1.5;}

/*页底*/
footer{ background:#333333; margin-top:14px; color:#888;  padding: 6px 0px;}
footer a{ color:#ccc;}
footer a:hover{ color:#fff;}
.foot-nav{ text-align:center;height:25px; line-height:25px; padding-top:10px;}
.foot-nav span{ font-size:10px; margin:0px 8px;}
.foot-text{ text-align:center; padding:5px 0px 10px;}

/*文章列表*/
#newslist {padding:15px 15px 15px 0px;}
#newslist .list { padding:30px 14px 10px 275px; border-bottom:1px solid #e6e6e6; position: relative; min-height: 155px; _height: 155px; transition: .3s ease-out all;}
#newslist .list:hover {background-color: #f9f9f9;}
#newslist .list h3 {padding:0; margin:0;}
#newslist .list p{padding-left:10px;  width:240px; height:155px; position: absolute;left: 0;top: 25px;  overflow: hidden; margin: 0;}
#newslist .list p img {width: 100%; min-height: 100%; border:0;}
#newslist .haveimg0 {padding-left: 156px;}
#newslist .haveimg {/*padding-left: 220px;*/}
#newslist .list h3 a{ font-size:20px; font-weight: bold;}
#newslist .list h3 span{ float:right; color:#aaa;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px; margin-top:6px;font-weight:normal;}
#newslist .desc { margin:16px 0 10px; color:#454545; height:40px; overflow:hidden; font-size:14px;  line-height: 150%; }
#newslist a.sort {color:#F63366;}
#newslist .list1 {padding:10px 14px 10px 14px;}
#newslist .list h3.f16 a {font-size:16px;font-family: '宋体',tahoma,verdana;}

#shownews {padding:0px 16px 15px;  position:relative;}
#shownews h1{ font-size:24px; text-align:center; padding:5px 10px; margin:30px 0px 20px 0px; line-height: 150%;}
#shownews .title3 {height:30px; line-height:24px;margin:6px 0px;}
#shownews .title3 .date {float:right; display:flex;}

.editor{ line-height:28px; padding:0px 0px; font-size:14px; word-wrap: break-word;font-family:Microsoft YaHei, Arial, tahoma, "\5b8b\4f53"}
.editor strong, .editor strong {color:#f00000; }
.editor img {    max-width: 100%;}
.editor p { margin-bottom:18px; margin-top:12px; font-size:16px; text-align: justify;}
.editor a{ color:#dd0000; text-decoration: underline;}
.editor a:hover { color:#e00000; text-decoration: underline;}
.editor .benwen {margin-top:12px;}
.editor .benwen a {color:#666666; text-decoration:none;}

.editor .zhaiyao {padding: 10px 14px;margin: 16px 0; border: 1px solid #e0e0e0; background: #f8f8f8; color: #606060; font-size: 14px;line-height: 24px;}
.tags a {font-size:12px; text-decoration:none; display: inline-block; height:26px; line-height: 26px; padding:0px 10px; margin: 3px; background: #f1f1f1;  border-radius: 4px; color:#555555;}
.tags a:hover { background: #fbefef;}
.news-rlist li{ line-height:20px; margin:12px 0px; font-size:14px; background:url(../images/li-02.png) no-repeat 3px 8px; padding-left:14px;}

/*product*/
.product-rlist li{ line-height:20px; margin:12px 0px 18px 0px; font-size:14px; transition: .3s ease-out all;  background-color: #fff;  transform-style: preserve-3d;  border-bottom: 3px solid #dddddd;}
.product-rlist li:hover { border-color: #e00;  background-color: #ffeeee;}
.product-rlist li a {position: relative; display: block; overflow: hidden; text-decoration: none;}
.product-rlist li img {width:100%; height:270px;}
.product-rlist li img:hover {-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);    -webkit-transition: -webkit-transform .5s;  transition: -webkit-transform .5s; -moz-transition: transform .5s,-moz-transform .5s; transition: transform .5s; transition: transform .5s,-webkit-transform .5s,-moz-transform .5s;}
.product-rlist li h4 { height: 40px; padding: 5px 4px; line-height: 18px; font-size: 16px; font-weight: normal; color: #3c3c3c; margin-bottom: 3px; overflow: hidden; text-overflow: ellipsis; transition: .2s ease all; -webkit-transition: .2s ease all; -moz-transition: .2s ease all; }

.product-list {width: 1230px; overflow: hidden; padding: 10px;}
.product-list li {width: 286px;display: inline-block; margin:4px 4px 10px 4px; -webkit-transition: .3s ease-out all; transition: .3s ease-out all; background-color: #fff; transform-style: preserve-3d; }
.product-list li a {padding:12px; position:relative; display:block; overflow:hidden; text-decoration:none;}
.product-list li .img {width100%; height:200px;  overflow:hidden; border-radius: 5px;}
.product-list li .img img {width:100%; min-height: 100%;  -webkit-transition: -webkit-transform .3s;  transition: -webkit-transform .3s; -moz-transition: transform .3s,-moz-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s,-moz-transform .3s;}
.product-list li h3{ padding:12px 8px 4px; color:#333; overflow:hidden; text-overflow:ellipsis; font-size: 16px; word-break: keep-all;  white-space: nowrap; text-align: center; }
.product-list li:hover { box-shadow: 0 0 12px rgb(0 0 0 / 20%); }
.product-list li:hover img {-webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);  }

.showproduct {padding:0px 16px; margin: 24px 0px 10px;  position:relative;}
.showproduct .tag { background: #f00000; color: #fff;  padding: 3px 8px; border-radius: 3px; margin-right:8px; font-size: 16px;}
.product_head {display:flex;}
.product_head .headimg {width:360px; height:360px;}
.product_head .headimg img {width:100%; height:100%; line-height:100%;}
.product_head .right {width:480px; margin-left: 20px; position: relative; }
.product_head .title {font-size:24px; text-align:left; padding:5px 0px; line-height: 150%;}
.product_head .zhaiyao {padding: 10px 10px;margin: 16px 0px; background: #f6f6f6; color: #666666; font-size: 14px; line-height: 24px}
.product_head .price {margin-top: 1.5rem; display: flex; align-items: baseline; flex-wrap: wrap; font-size: 1rem; line-height: 1.25rem; color: #f00000;}
.product_head .price1 { font-size: 1.75rem; line-height: 2rem;} 
.product_head .price2 { margin-left:1rem; color: #999; font-size: 1rem; line-height:1rem; text-decoration: line-through; font-weight: 400;}
.product_head .tuan-ewm {text-align:left;    padding-left: 50px;}
.product_head .tuan-ewm img {max-height:200px;}
.product_head .goumai {float:right; display: flex; align-items: center; flex-wrap: wrap; position: absolute; bottom: 5px; right: 10px;}
.product_head .goumai span {cursor: pointer; width: 7rem; text-align: center; padding: 0.25rem 1.5rem; background: #F00000; font-weight: bold; color: #ffffff; display: block; height: 3rem; font-size: 1.375rem; line-height: 3rem;}
.product_head .goumai span.gm {background: #F00000; }
.product_head .goumai span.xj {background: #ff6600; margin-left: 10px; }
.product_head .goumai i {cursor: pointer; display: block;  width: 3rem; height: 3rem; background: url(/images/ico-jmt-kf3.png) center center no-repeat; margin-right: 2rem;}

.product_more {text-align: left;  padding: 0.68rem 0 0.35rem 0;  font-size: 1.125rem; font-weight: bold !important; margin: 2rem 0 0 0; padding-left: 0.5rem; border-bottom: 1px solid #e3e3e3;}
.product_info { margin-top: 18px; line-height:24px; padding:0px 0px; font-size:14px; word-wrap: break-word; font-family:Microsoft YaHei, Arial, tahoma, "\5b8b\4f53"}
.product_info strong, .editor strong {color:#f00000; }
.product_info p { margin-bottom:18px; margin-top:12px; font-size:16px;}
.product_info img {max-width: 860px;vertical-align: middle;}
.product_info a{ color:#f00000;text-decoration: underline;}
.product_info a:hover { color:#e00000; text-decoration: underline;}
.product_info .benwen {margin-top:12px;}


/*about*/
#about{padding:15px 15px; line-height:24px;zoom:1; font-size:14px; }

/*内容页底*/
.met_hits{ position:absolute; right: 4px;bottom: 8px; color:#fff;}
.met_hits span {color:#ffffff}

#shownews .met_page {line-height:30px; clear:both; margin-top:16px;}
#shownews .met_page li{text-align:left;}

#wzlist {padding:8px 0px 8px 14px}
#wzlist .list {float:left; width:218px; margin:6px 10px 10px 0px; padding:3px 6px 3px 8px; height: 135px; color:#333333; border:1px solid #dddddd;overflow:hidden; background-color:#ffffff;}
#wzlist .list:hover { border:1px solid #cc0033; background-color:#fff8fa;}
#wzlist .list h3 a {color:#cc0033; font-size:14px;}
#wzlist .list h3 {line-height:30px;overflow:hidden;white-space: nowrap; display:inline; }
#wzlist .list .desc {color:#666666;}/*height:42px; overflow:hidden;*/
#wzlist .list .info {font-family: Verdana, Arial, Helvetica, sans-serif;}
#wzlist .list .zd {color:#ff6600;}
#wzlist .list .wx {color:#009900;}
#wzlist .list .wz {color:#3366cc;}
#wzlist .list .visits {color:#999999;}

#showwz {padding:16px 15px 15px 20px; position:relative; }
#showwz .logo { position:absolute; left:12px; top:22px; width:150px; height:112px; border:1px solid #cccccc; overflow:hidden ;display:none;}
#showwz .logo img {width:150px; text-align:center;}
#showwz h3 a {color:#cc0033;font-size:16px;line-height:30px;}
#showwz .title {color:#1144dd;font-size:14px;line-height:28px;}
#showwz .desc {color:#666666; margin:6px 0px;}
#showwz {font-family: Verdana, Arial, Helvetica, sans-serif}
#showwz .zd {color:#ff6600;}
#showwz .wx {color:#009900;}
#showwz .wz {color:#3366cc;background:url("/images/visit.gif") no-repeat right;padding-right:15px;margin-right:10px;}
#showwz .visits {color:#999999;}

.sbar {height:12px;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7; background-color:#f3f3f3;}
.lxwm_box {padding:12px 0px;}
.lxwm_box1 {float:left; width:350px;text-align:center;}
.lxwm_box2 {float:right; width:350px;text-align:center;}


/*联系*/
.lx-main {margin:30px 24px 30px 30px; position:relative;}
.lxti {line-height:30px; font-size:24px; margin:18px 0px;}
.lxsm {line-height:30px; font-size:15px; }
.lxsm p {margin:16px 0px;}
.lxewm { width: 25%; text-align: center; margin-top: 24px; margin-bottom:24px;}
.lx-ewm-box {display:flex;  flex-direction: row; flex-wrap: wrap; justify-content: space-around;}

.taglist { margin-top:24px;margin-bottom:24px;}
.taglist a {    background-color: #fcfcfc; border-radius: 4px;  display: inline-block;  margin-left: 8px;  margin-top: 9px !important;  padding: 3px 12px 3px 12px;  background: #F5F5F5; border-radius: 6px;}
.taglist a:hover {text-decoration: none;   background-color: #fff6f6;}

/*页码*/
#flip{ margin:12px 0px 0px 0px;}
.pages{ padding:3px; margin:3px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.metpager a, .metpager span { padding:4px 8px; margin:3px; color:#404040; border-radius: 5px; } 
.metpager a:hover { background-color:#ffe0e0;} 
.metpager span.current { color:#666; background-color:#f0f0f0;} 
.metpager span.disabled, .metpager span.nolink {color:#bbb;}


/* float-box  */
.side-bar a,.chat-tips i {background-image: url(/images/icon-ft.png); background-repeat: no-repeat;}
.side-bar {width: 45px; position: fixed; bottom: 30px; right: 10px; font-size: 0; line-height: 0; z-index: 1000;}
.side-bar a {width: 45px; height: 45px; display: inline-block; background-color: #ff4444; margin-bottom: 6px; border-radius: 5px;}
.side-bar a:hover { background-color: #e00000;}
.side-bar .icon-chat {background-position: -8px  -8px;	position: relative;}
.side-bar .icon-chat:hover .chat-tips {	display: block;}
.side-bar .icon-totop {background-position: -8px -69px;}
.chat-tips {padding: 0px; border: 1px solid #d3d3d3; position: absolute; right: 55px; top: -116px; background-color: #ffffff; display: none;}
.chat-tips i { width: 9px; height: 16px; display: inline-block; position: absolute;	right: -9px; top: 132px;	background-position:-61px -56px;}
.chat-tips img {width: 160px;height: 160px;}

.mask { position: fixed; top: 0; left: 0; z-index: 9999;  background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; display: none;}
.msgbox {width:320px; max-width:640px; position: fixed; display: none; left: 50%; top: 50%; z-index: 10000;  -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; border-radius:10px; overflow: hidden; line-height:0;  -webkit-animation: first 0.3s;  -o-animation: first 0.3s;  animation: first 0.3s; }
.msgbox img {width:100%; overflow: hidden;}
.msgclose {display: inline-block; font-size: 20px; cursor: pointer; position: absolute; user-select: none;  color: rgba(255, 255, 255, 0.9); top: 0.625rem; right: 0.625rem; background-color: rgb(0,0,0,0.4); width: 1.5rem; height: 1.5rem; line-height: 100%; text-align: center; border-radius: 4px;}
.msgbox2 {width:320px;  position: fixed; display: none; left: 50%; top: 50%; z-index: 10001;  -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; border-radius:3px; overflow: hidden; line-height:0;  -webkit-animation: first 0.3s;  -o-animation: first 0.3s;  animation: first 0.3s; }

.msg2-body {margin:0.625rem 0.625rem;}
.msg2-headimg {width:100%;}
.msg2-headimg img {width:100%; overflow: hidden;}
.msg2-title { font-size: 1rem;  line-height:1.5rem; margin: 0.625rem 0; height: 3rem; overflow: hidden;}
.msg2-title .tag { background: #F00000; color: #fff;  padding: 0.1rem 0.25rem;  border-radius: 0.125rem;  margin-right: 0.375rem; font-size: 0.875rem;}
.msg2-main { position: relative; height: 7.125rem;}
.msg2-price { margin-top: 0.15rem; align-items: baseline; flex-wrap: wrap; font-size: 1rem; line-height: 1.25rem; color: #f00000;}
.msg2-price .price1 { font-size: 1.5rem; line-height: 2rem;} 
.msg2-price .price2 { color: #999; font-size: 0.875rem; line-height:1rem; text-decoration: line-through; font-weight: 400;   margin-top: 0.5rem;}
.msg2-main .qianggou { width: 6.5rem; background: #cc0099 url('/images/ico-buy-right.png') 6.375rem center no-repeat; border-radius: 0.4rem; text-align: left; padding-left: 1.5rem; font-size: 1rem; font-weight: bold; color: #ffffff; display: block; height: 2.325rem; line-height: 2.325rem;  top: 4rem; left: 0; position: absolute; }

#msg2-qcode-0 {display:none;}
#msg2-qcode {width:6.625rem; height:6.625rem; position: absolute;  right: 0.875rem; top: 0;}
#msg2-qcode img {width: 100%;}
.msg2-bottom {text-align:center; font-size:0.875rem;line-height: 130%;}

/* 响应式设计*/

@media screen and (max-width: 768px) {
	.inner{ width:100%;}
	header{height:40px; }
	.top-head {display: flex; height: 40px;}
	.top-logo { width:110px;  margin-top: 4px;}
	.top-logo img { height: 36px; }
	.top-nav {width:auto;  margin-top: 0px; }
	.top-nav .txt {height:auto; text-align:left; line-height: 18px; padding: 4px 30px 0px 12px; height: 40px; overflow: hidden;}
	.top-nav .txt span {background: none; color: #4f4f4f; font-size:12px; padding:0px;}
	
	.head-menu { display: block; position: absolute; top: 8px; right: 4px;   }
	.nav {display:none; margin-top:0px; position: absolute; top: 40px; right:0px;}

	.u_nav {background:#ffffff; height: auto; box-shadow: 0px 4px 10px rgba(96, 96, 96, 0.5);}
	.u_nav li{ float:none; display:block; height:40px;}
	.u_nav li dl{  left: inherit;  right: 120px; top: 0px; background: #ffffff; }

	.index_about .box1 {float:none; width:100%; }
	.index_about .box2 {float:none; width:100%; }
	.index_about .box2 img { max-width: 90%;}
	
	.index_about .desc {padding:0px 12px;}
	
	/*pinpai*/
	.ind-pinpai-box {display:block;}
	.ind-pinpai-box li {width: auto;  margin: 10px 10px;}
	.ind-pinpai-box .logo img {  max-width: 60%;}

	.index_left {float:none; width:100%; }
	.index_right {float:none; width:100%; }
	.index_right ul {  width: 100%;  display: flex; flex-direction: row; justify-content: space-around; flex-wrap: wrap;}
	.index_right li {  width: 44%; text-align: center;}
	.product-list {float:none; width:100%;}
	.product-list li {width:47%}
	.product-list li .img { height: 150px;}
	.index-list-box { width: 100%; margin: 0px 0px;}
	.index-list-box .list-body {height: auto; margin: 0px 12px;}
	.index_left .list h3 { white-space: inherit;}

	.lxewm { width: 50%;}
	.lxewm img {max-width:100%}

	.foot-nav, .foot-text  {height: auto; line-height: 18px; padding:4px 8px;}

    .n-st { font-size: 12px;}
    
    .sb_box {float: none; width: 100%; }
    .sidebar .sb_nav { float: none; width: 100%; }
    #newslist .list p { width: 200px; height: 130px;}
    #newslist .list { padding: 30px 14px 10px 235px;}
    .r_box { padding: 0px 8px;}
    .r_box dl dt { width: 100px; height: 30px; margin: 5px 0px 5px 10px;}
    .r_box dl dt a { font-size: 12px; line-height: 30px;}
    .lxwm_box {display: flex; flex-direction: row; justify-content: space-around; flex-wrap: wrap;}
    .lxwm_box .active {width:30%;}
    
    .product-rlist li img {height: auto;}
    
    .product_head { display: block;}
    .product_head .headimg {width: 100%; height: auto;}
    .product_info img { max-width: 100%;}  
    .product-rlist { display: flex; flex-direction: row; justify-content: space-around; flex-wrap: wrap;}
    .product-rlist li {width:45%;}
	.product_head .right { width: 100%; margin-left: 0px;}
    .product_head .tuan-ewm { padding-left: 0px;}
    
    
    
    
}

@media screen and (max-width: 560px) {
    .lxwm_box .active {width:45%;}
    #newslist .list p { width: 150px; height: 100px;}
    #newslist .list { padding: 20px 10px 10px 175px;}
	.index_left .list p { width: 110px;  height: 75px; padding-left: 10px;}
	.index_left .haveimg { padding-left: 132px;}
	.index_left .desc {  margin-top: 6px;  height: 36px;  font-size: 12px; line-height: 150%;}
	.index_left .list {min-height: 74px;}
	#newslist .list { padding: 10px 6px 6px 130px; min-height: auto;}
	#newslist .list p { width: 110px; height: 85px; top: 18px;}
	#newslist .list h3 a { font-size:16px;}
	#newslist .desc { margin: 6px 0 4px; height: 35px; font-size: 12px;}
	.editor .benwen, #shownews .met_page { font-size: 12px; line-height: 24px;}
	.tags a { height: 20px; line-height: 20px; padding: 0px 6px;}
	.product_head .goumai i {  margin-right: 0rem;}
	.product_head .goumai span {width:auto; padding: 0.15rem 1.5rem; font-size: 1.2rem;  line-height: 3rem;}
	.product-rlist li h4 {height: 33px;  font-size: 15px;}
	.met_page { font-size: 12px; line-height: 24px;}
	.product-list {  padding: 4px;}
	.product-list li {  margin: 4px 4px 4px 4px;}
	.product-list li a { padding: 6px;}
	.product-list li h3 { padding: 10px 4px 4px; font-size: 15px;}
	
}

@media screen and (min-width: 1201px) {
  h1 {
    font-size: 4em;
  }
}*/