@charset "utf-8";
@import url("/iures/iconfont/iconfont.css");

body, html{ height:100%; -webkit-tap-highlight-color:transparent; margin:0px; padding:0px; color:#333; background-color:#eee; font-size:16px;}
li,ul,ol{ list-style:none outside; margin:0px; padding:0px;}
a,a:link,a:visited{ color:#000;}
a:hover{ color:#c00;}

video::-internal-media-controls-download-button{ display:none;}
video::-webkit-media-controls-enclosure{ overflow:hidden;}
video::-webkit-media-controls-panel{ width: calc(100% + 30px);}

/*.pager { font-size:14px; text-align:center; padding:10px 0px 30px 0px; color:#666; line-height:1.5em;}
.pager > span{ display:inline-block; margin:0px 10px; vertical-align:bottom; line-height:27px;}
.pager .xx cite,.pager .xx em{ font-style:normal; color:#000;}
.pager a,.pager a:link,.pager a:visited{ background-color:#eee; color:#333; min-width:21px; display:inline-block; padding:3px 5px; margin:0px 3px;}
.pager a:hover{ border:0px #F90 solid; background-color:#c00; color:#fff;}
.pager a.cur{ border:0px #F90 solid; background-color:#c00; text-decoration:none; color:#fff; font-weight:bold;}
.pager a.no{ border:0px #ccc solid; text-decoration:none; color:#ccc;}
.pager a.no:hover{ background-color:#eee;}
.pager .in{ width:36px; height:25px; line-height:25px; border:1px #ccc solid; vertical-align:top; text-align:center;}
.pager .btn{ width:27px; height:27px; padding:0px; vertical-align:top; background-color:#c30d23; color:#fff; border:0px;}*/

/*分页样式*/
.iupager{ font-size:16px; color:#333; vertical-align:top; padding:16px 0px; text-align:center;}
.iupager .tpage{ margin:0px 10px;}
.iupager .tpage a{ display:inline-block; padding:3px 11px 2px 11px; border:1px #ddd solid; border-left-width:0px;}
.iupager .tpage a:first-child{ border-left-width:1px;}
.iupager .tpage .more{ color:#ccc; text-decoration:none;}
.iupager .tpage .cur{ background-color:#009688; color:#fff; text-decoration:none;}
.iupager .tpage .no{ color:#ccc; text-decoration:none;}
.iupager .tcount em{ font-style:normal; font-size:12px; color:#666; margin:0px 3px;}
.iupager .jump{ display:inline-block; border:0px #ddd solid; padding:3px 12px 2px 12px;}
.iupager .jump .in{ display:inline-block; border:1px #ddd solid; width:50px; margin-left:5px; padding:3px 5px 2px 5px; text-align:center;}
.iupager .jump .btn{ display:inline-block; width:30px; background-color:#009688; padding:3px 5px 2px 5px; margin:0px; border:0px; border-radius:2px; color:#fff; cursor:pointer; height:28px;}
.iupager .tsize .layui-form-select{ display:inline-block; width:100px;}
.iupager .tsize .layui-input{ width:100%; height:30px;}
.iupager .icofont{ font-size:12px;}


.in{ border:1px #ccc solid; font-size:16px; line-height:1.5em; padding:6px 8px 4px 8px; outline:none; width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; vertical-align:middle;}
.in::-webkit-input-placeholder, .in::-webkit-input-placeholder, .in::-webkit-input-placeholder{ color:#999;}
.in[readonly]{ background-color:#f2f2f2; color:#888; border-color:#ddd;}
.in.w1{ width:4.0em;}
.in.w2{ width:8.0em;}
.in.w3{ width:12.0em;}
.in.w4{ width:20.0em;}
.in.w5{ width:30.0em;}
.in.w6{ width:40.0em;}
.in.w7{ width:60.0em;}

.btn{ border-radius:0px; color:#fff; border-width:0px; padding:6px 15px; font-size:15px; height:33px; vertical-align:top; outline:none;}
.btn:hover{ filter:brightness(1.08); -webkit-filter:brightness(1.08); -o-filter:brightness(1.08); -moz-filter:brightness(1.08);}
.btn.r{ background-color:#C00;}
.btn.g{ background-color:#093;}
.btn.b{ background-color:#09C;}
.btn.h{ background-color:#333;}

.gbook .tform{ background-color:#eee; width:100%;}
.gbook .tform td{ background-color:#fff;}
.tform .txm{ width:90px; text-align:right; font-style:normal; padding-right:9px; color:#666; position:relative;}
.tform cite.txm{ display:inline-block; height:100%;}
.tform .required:after{ content:'*'; color:red; position:absolute; right:2px;}
.tform .tinfo{ padding:0px 5px; color:#999;}

/*================*/
.kj{ width:1200px; margin:0px auto; background-color: #fff;}
.mask{ width:100%; height:100%; position:fixed; z-index:98; top:0; bottom:0; background-color:#000; filter:alpha(Opacity=25); -moz-opacity:0.25; opacity:0.25; display:none;}
.mtop{ margin-top:20px;}

.header{ height: 80px; background-color: #eee;}
.header .kj{ background-color: #eee;}
.header .t0{ display: none;}
.header .t1{ font-size: 35px; line-height: 80px; color: #369; font-weight: bold;}
.menu{ height:50px; float: right; margin-top: 20px; font-size: 18px;}
.menu li{ display: inline-block; line-height: 50px; padding: 0px 20px;}
.menu li a:visited, .menu li a:link{ color: #069;}
.menu li a:hover{ color: #c00;}

.syc1{ margin-top: 20px;}
.syc1 .kj > div{ width: 46%; display: inline-block; vertical-align: top; margin: 0px 2%;}

.syc2{ margin-top: 0px; vertical-align: top;}
.syc2 .kj{ padding-bottom: 20px;}
.syc2 .sybt{ margin: 0px 2%;}
.syc2 li{ width: 95%; margin-left:2%;}

.syli{ padding: 15px; min-height: 200px;}
.syli li{ border-bottom: 1px #ccc dotted; padding: 5px;}
.syli span{ float: right; color: #aaa;}

.sydl dl{width: 33.33%; display: inline-block; padding-top: 25px;}
.sydl dl div{ margin: 0px 5%;}
.sydl dl div img{ width: 100%;}
.sydl dl dt{ margin: 0px 15px; height: 50px; line-height: 25px; overflow: hidden; text-align: center;}
.sydl2{ margin: 0px 20px;}

.sybt{ border-bottom: 1px #eee solid; padding-top: 15px;}
.sybt b{ font-size: 30px; color: #f60; font-weight: normal;}
.sybt a{ float: right; margin: 16px 12px 0px 0px; color: #999;}
.sybt a:hover{ color: #c00;}

.u_login0{ height: 200px;}
.u_login{ width: 270px; height: 280px; margin: 0px auto 0px auto; padding: 30px 50px; background-color: #fff; border-radius: 10px; box-shadow: 0 5px 5px rgba(0,0,0,0.3);}
.u_login > div{ padding-top: 20px;}
.u_login input{ font-size: 16px; line-height: 30px; padding: 3px 10px 0px 10px; border: 1px #ccc solid; border-radius: 0px; width: 180px; box-shadow: 0 5px 5px rgba(0,0,0,0.05);}
.u_login .btn{ background-color: #090; color: #fff; height: 2.8em; line-height: 2.2em; }

.u_nav > div{ height: 45px; background-color: #333; color:#fff; padding: 10px 0px 0px 15px;}
.u_nav > div > div{ float: right; padding: 8px 12px 0px 0px; font-size: 14px;}
.u_nav > div b{ font-weight: normal; font-size: 22px;}
.u_nav > div span{ display: inline-block; margin-left: 10px; line-height: 18px; background-color: #555; padding: 5px; border-radius: 3px; cursor: pointer;}
.u_nav ul{ background-color: #666; padding: 0px 1%;}
.u_nav ul li{ width: 18%; display: inline-block; padding: 8px 1% 10px 1%; text-align: center;}
.u_nav ul li a{ display: block; width: 100%; background-color: #555; line-height: 2.0em; color: #fff;}
.u_nav ul li a:hover{ background-color: #fff; color: #c30;}

.ordercart{ height: 80px; margin-bottom: 15px;}
.ordercart .t1{ float: left;}
.ordercart .t2{ padding-left: 100px;}
.ordercart .t21{ height: 25px; line-height: 25px; font-size: 18px; font-weight: bold; overflow: hidden;}
.ordercart .t22{ height: 25px; line-height: 25px; font-size: 13px; color: #999; overflow: hidden;}
.ordercart .t23{ padding-top: 5px; text-align: right;}
.ordercart .t23 span{ display: inline-block; border: 1px #999 solid; width: 25px; height: 25px; border-radius: 8px; font-size: 16px; font-weight: bold; line-height: 25px; text-align: center; margin: 0px 6px; vertical-align: top; cursor: pointer;}
.ordercart .t23 em{ font-style: normal; font-size: 18px; display: inline-block;}
.ordercart .t23 span.tr{ width: 50px; font-size: 16px; font-weight: normal; background-color: #c00; color: #fff; border-color: #f00;}
.ordercart .t23 cite{ margin-right: 20px;}

.u_nk{ padding: 20px; font-size: 14px;}
.u_bar{ font-size: 16px; font-weight: bold; padding-bottom: 10px;}
.u_bar em{ padding:0px 5px; color: #999; font-size: 14px; font-weight: normal;}
.u_bar span{ float: right;}
.u_bar span a{ color: #fff; line-height: 1.5em; padding: 4px 8px; border-radius: 5px;}
.u_nk .bge .btn{ color: #fff; line-height: 1.5em; padding: 4px 8px; border-radius: 5px;}

.footer a:link, .footer a:visited{ color:#9ba9c2;}
.footer a:hover{ color:#ff0;}
.footer .kj{ background-color: #eee; text-align: center; padding-top: 30px; padding-bottom: 25px; color: #999;}

.wk{ margin:20px 0px 0px 0px;}
.nk{ padding:0px 0px 30px 0px; min-height:700px;}

.swiper-container img{ display:block; width:100%;}
.swiper-container .swiper-pagination{ width:100%; height:40px; line-height:40px; overflow:hidden; bottom:0;/* background:url(tm50.png); background-size:100% auto;*/ padding-top:0px; }
.swiper-container .swiper-pagination-bullet{ background-color:#fff; filter:alpha(Opacity=100); -moz-opacity:1.0; opacity:1.0; margin-top:0px;  width:13px; height:13px; border-radius:6px; }
.swiper-container .swiper-pagination-bullet-active{ background-color:#57a540;}

.weizhi{ border-bottom:1px solid #eee; line-height:2.5em; color:#999; margin:0px 50px; padding-top:25px;}
.weizhi a:link, .weizhi a:visited{ color:#999;}
.weizhi a:hover{ color:#f60;}
.weizhi > i{ font-size:16px; margin-right:6px;}

/*
.tnav{ width:25%; display:inline-block;}
.tnav .t1{ font-size:25px; margin:20px 10px 10px 10px; font-weight:bold; padding-left:10px;}
.tnav .t2{ padding:0px 20px 15px 10px;}
.tnav .t2 dl{ display:inline-block; width:29.33%; margin:1% 2%;}
.tnav .t2 dl img{ width:100%;}
*/
.tnav > div{ display: inline-block; padding-top: 30px;}
.tnav .tbt{ width: 120px; font-size: 15px; color: #999; text-align: right;}
.tnav li{ display: inline-block; margin: 0px 10px;}
.tnav li a{ display: block; font-size: 18px; padding: 1px 10px; border: 1px #ccc solid; background-color: #eee;}
.tnav li a:hover{ background-color: #ffe;}
.tnav li.cur a{ background-color: #fe9; border-color: #fc9; color: #f00;}

.probuy{ width: 80%; height: 150px; margin: 20px auto; border: 0px #ccc solid; padding: 20px; border-radius: 10px; background-color: #eee;}
.probuy .t1{ width: 170px; float: left;}
.probuy .t1 img{ display: block;}
.probuy .t2 cite{ font-style: normal; font-size: 14px; color: #666; }
.probuy .t2 em{ font-style: normal; font-size: 13px; color: #c00;}
.probuy .t22 b{ font-size: 16px; color: #c00;}
.probuy .t23 span{ display: inline-block; border-radius: 3px; border: 1px #0c0; background-color: #090; padding: 2px 10px 3px 10px; color: #fff; cursor: pointer;}
.probuy .t33{ height: 50px; line-height: 25px; overflow: hidden; margin-top: 10px; font-size: 15px; color: #666;}

.sw_txt{ font-size:18px; line-height:1.8em; margin:20px 50px; min-height:600px;}
.sw_txt img{ max-width:100%;}

.sw_title{ font-size:25px; text-align:center; line-height:1.5em; padding:15px; margin:0px 50px; padding-top:50px;}
.sw_info{ border-top:1px #ccc dotted; text-align:right; color:#999; margin:0px 50px 40px 50px;}
.sw_xg{ border-top:1px #ccc solid; border-bottom:1px #ccc solid; margin:20px 50px 0px 50px; padding:5px 8px;}
.sw_xg_li{ padding-top:12px; margin:0px 50px;}
.sw_xg_li li, .sw_xg_li li a:link, .sw_xg_li li a:visited{ color:#666;}
.sw_xg_li li a:hover{ color:#f60;}

.li{ margin:30px 50px;}
.li li{ font-size:18px; line-height:2.2em; border-bottom:1px #ccc dotted; padding-top:10px; padding-left:10px;}
.li li span{ float:right; font-size:15px; color:#666;}

.pic{ margin:30px 40px;}
.pic > div{ width:31.33%; padding:1%; display:inline-block; vertical-align:top;}
.pic > div .t0{ vertical-align:top;}
.pic > div a{ background:url(sybtbg.jpg) 0px center repeat-y; display:block; padding:0px 0px 5px 0px;}
.pic > div .t0 img{ width:100%; vertical-align:top;}
.pic > div .t1{ font-size:16px; text-align:center; height:2.6em; line-height:1.3em; overflow:hidden; margin:5px 6px 0px 6px;}
.pic > div a:link, .pic > div a:visited{ color:#fff;}
.pic > div a:hover{ color:#ff6;}

.pro{ margin: 20px 40px;}
.pro > div{ width: 23%; display: inline-block; padding: 20px 1% 0px 1%;}
.pro > div img{ width: 100%;}
.pro .tbt{ text-align: center; height: 50px; line-height: 25px;}
.pro .tprice{ font-size: 15px; }
.pro .tprice em{ font-style: normal; color: #999;}
.pro .tprice b{ font-size: 20px; color: #c00;}
.pro .tprice a{ float: right; border: 1px #090 solid; border-radius: 3px; background-color: #0a0; line-height: 25px; padding: 0px 6px; color: #fff;}
.pro .tprice a:hover{ color: #ff0;}


.xmlist{ margin:30px 50px;}
.xmlist > div{ width:23%; padding:1%; display:inline-block; vertical-align:top;}
.xmlist > div .t0{ vertical-align:top;}
.xmlist > div .t0 img{ width:100%; vertical-align:top;}
.xmlist > div .t1{ font-size:16px; text-align:center; height:2.6em; line-height:1.3em; overflow:hidden; margin:5px 6px 0px 6px;}

.xm .nk{ display:inline-block; width:75%; padding:0px; vertical-align:top; background-color:#fff; border-top-right-radius:20px; border-bottom-right-radius:20px;}
.xm .kj{ background-color:#eee; border-radius:20px;}

.iupager{ margin-top:30px;}

.bge{ background-color:#ccc; margin: 0px auto;}
.bge th{ background-color:#eee; text-align:center; padding: 6px 5px; line-height: 1.8em;}
.bge td{ background-color:#fff; text-align:center; padding: 5px; line-height: 1.8em;}
.bge td.tl{ text-align:left;}
.bge .xm{ width:80px; text-align:right; font-weight:bold;}

@media screen and (min-width:800px){
	.sydl2 dl{ width: 16.666%;}
}
@media screen and (min-width:800px) and (max-width:1023px){
	.kj{ width:96%;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
	.kj{ width:96%;}
}
@media screen and (min-width:1280px) and (max-width:1439px){

}
@media screen and (min-width:1440px){

}



@media screen and (max-width:799px){
	html,body{ background-color: #fff;}
	.kj{ width: 96%;}
	.header{ height: 60px; background-color: #eee;}
	.header .kj{ background-color: #eee;}
	.header .t0{ display: block; float: right; margin-top: 12px; background-color: #fff; padding: 5px; border-radius: 5px;}
	.header .t1{ font-size: 25px; line-height: 60px;}

	.header .menu{ position:absolute; right: 0; top: 40px; width: 30%; height: 320px; z-index: 999;  background-color: #fff; padding-top: 20px; display: none;}
	.menu > li{ display: block; width: 100%; height: 50px; background-color: #009; text-align: center;}
	.menu > li a{ height: 50px; line-height: 50px;}

	.syc1{ margin-top: 20px;}
	.syc1 .kj > div{ width: 95%; display: block;}

	.syli{ min-height: 200px;}

	.tnav > div{ padding: 0px 0px 10px 0px; width: 100%;}
	.tnav .tbt{ display: none; width: 100%; text-align: left;}
	.tnav li{ margin: 0px 1%; width: 23%;}
	.tnav li a{ font-size: 16px; padding: 5px 0px 3px 0px; text-align: center; }

	.weizhi{ margin:0px 10px; padding-top:0px;}
	.sw_title{ font-size:22px; padding:10px; margin:15px 15px 0px 15px;}
	.sw_info{ border-top:1px #ccc dotted; margin:0px 15px 20px 15px;}
	.sw_txt{ margin:20px 15px;}
	.sw_xg{ margin:20px 15px 0px 15px; padding:5px 8px;}
	.sw_xg_li{ margin:0px 15px;}

	.li{ margin:30px 15px;}

	.pro{ margin: 1px 0px;}
	.pro > div{ width: 47%; display: inline-block; padding: 20px 1.5% 0px 1.5%;}
	.pro .tbt{ height: 30px; line-height: 30px; overflow: hidden;}

	.probuy{ width: 100%; height: 150px; padding: 10px;}
	.probuy .t1{ width: 120px; height: 150px; padding-top: 20px;}
	.probuy .t1 img{ width: 110px;}
	.probuy .t2{ line-height: 1.5em;}
	.probuy .t21{ line-height: 1.2em;}

	.u_nk{ padding: 10px;}
	.ordercart .t2{ padding-left: 90px;}
	.ordercart .t23 span{ width: 20px; margin: 0px 3px;}
	.ordercart .t23 span.tr{ width: 25px; overflow: hidden;}
	.ordercart .t23 cite{ margin-right: 0px;}
	
	.iupager .jump{ display: none;}
	.iupager .tpage a:not(:first-child,:last-child,.cur){ display: none;}

	.footer{ background-color: #eee;}
}

@media screen and (min-width:640px) and (max-width:799px){

}

@media screen and (min-width:480px) and (max-width:639px){
	.u_login0{ height: 120px;}
	.header .menu{ width: 40%;}
}

@media screen and (max-width:479px){
	.u_login0{ height: 50px;}
	.header .menu{ width: 50%;}
}