@charset "utf-8";
/*reset*/
/*html{overflow-x:hidden;} 去除横轴滚动条*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body{font-family:Arial,"Microsoft YaHei","微软雅黑","宋体"; font-size:12px; line-height: 24px; color:#333;}
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
ul,ol ,li{ list-style:none; }
fieldset, img, input { border:0; }
table { border-collapse: collapse; border-spacing: 0; }
td{ padding:0 5px; line-height: 26px;}
select,input,img,select{vertical-align:middle;}
button, input, select, textarea { font-size:100%; }
textarea { resize:none; }
a{ color:#333;text-decoration:none;outline:none;}
a:hover{ text-decoration:none; color:#333;}

/*页面翻页 返回*/
.pages,.back{ width:94%; margin:0 auto; background:#f5f5f5 none repeat scroll 0 0; line-height:30px; margin-top:20px; padding-right:20px;}
.back{ text-align:center;}
.pages{ text-align:right;}
.pages .zi{border:1px solid #ddd;display:inline-block;height:20px;line-height:20px;margin:6px 2px;text-align:center;vertical-align:middle;width:170px}
.pages .current,.pages .num,.pages span{border:1px solid #ddd;display:inline-block;height:20px;line-height:20px;margin:6px 2px;text-align:center;vertical-align:middle;width:20px}
.pages .current{background:#1499db; color:#fff;}
.pages .next,.pages .prev{padding:3px;}
.pages  a:hover{background:#1499db; color:#fff;}
.pages span{width:160px}
.pageimg{ margin-bottom:5px; border:#CC9900 1px dotted; padding:5px;}
.m4zz{width: 100%; position: absolute; top: 40px; left: 0;filter:alpha(opacity=70); /*IE滤镜，透明度70%*/-moz-opacity:0.7; /*Firefox私有，透明度70%*/opacity:0.7;/*其他，透明度70%*/}
#rtt { position:fixed; right:40px; bottom:40px; z-index:100; display:none; width:40px; height:40px; background: #888 url("../images/backtop.png") no-repeat scroll -42px center; text-align:center; border-radius:6px; line-height:16px; cursor:pointer;}
.rtt-con{display:none;border-radius:6px;background: #666; color:#fff;padding:4px 0;}
#rtt:hover .rtt-con{display:block;}
/*头部*/

/* nav */
.nav{background: #008bd8; height: :42px; line-height: 42px; }
.nav li{float: left;padding: 0 23px;}
li.red-on,.nav li:hover{background: #de3027;border-bottom: 1px solid #666;}
.hotkey{line-height: 36px;background: #DEE9ED;}
	/*banner*/
#banner { width:1423px; height:446px; margin: 0 auto;}
.luara-left{position:relative;padding:0;overflow: hidden;}
.luara-left ul{position: relative;padding: inherit;margin: 0;}
.luara-left ul li{float: left;padding: inherit;margin: inherit;list-style: none;}
.luara-left ul li img{width: inherit;height: inherit;}
.example2 ol{position:relative;width: 180px;height: 20px;top:-30px;left:650px;}
.example2 ol li{float:left;width: 15px;height: 15px;margin: 5px;background: #fff; -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;}
.example2 ol li.seleted{background: #851e1a;}
/*主体*/
	/*con1*/
.m1-left{width: 226px;border: 2px solid #157acc;}
.m1l-tit{height: 100px;background: url(../images/prod-top.jpg) no-repeat center;padding: 22px 0 0 ;text-align: center;}
.ind-more{width: 60px;height: 24px;display: block; border: 1px solid #fff;margin: 6px auto;}
.ind-prodlist,.reasionfive{border: 1px solid;border-left-color:#4291d6;border-right-color:#4291d6;border-top: none;border-bottom-color:#4291d6;}
.ind-prodlist li{background: url(../images/bg-prodlist.jpg) no-repeat center; height: 36px;line-height: 36px;padding-left: 36px;border-top: 1px solid #ececec; position: relative;}
.zan{position: absolute;right: 0;top:3px;width: 34px; height: 31px; background: url(../images/zan.png) no-repeat center; }
.reasionfive  dd{position: relative;line-height: 35px;padding-left: 26px;}
.rfl{position: absolute;width: 19px; height: 30px;background: url(../images/bg-num.png) no-repeat center; color: #e60502;left: -8px;top:0; padding: 0 0 8px 10px; }
.hzrx{width: 222px;height: 40px;line-height: 40px;text-align: center;background: #008bd8;margin: 1px;}
.m1-right{width: 740px;}
.m1r-tit{border-bottom:1px solid #eee;}
.m1r-tit h2{width: 100px;height: 50px;line-height: 50px; background: #008bd8; border: 1px solid rgba(223,240,250,.5);text-align: center;}
.shuru{display:inline-block;padding-left:16px;width:170px;height:26px;background:#f6f6f6; border: 1px solid #e5e5e5;border-right: none; color:#333;line-height:26px;}
.submit{display:inline-block;width:62px;height:28px;background:rgba(0,0,0,0) url(../images/sr.jpg) no-repeat scroll 0 0;text-indent:9999px;cursor:pointer;}
.m1r-con li{float: left;border-bottom: 3px solid #0466ad; margin: 1% 2.4% 1% 0;width: 31.6%;}
.m1r-con li:nth-child(3n){margin-right: 0;}
.m1picbox{width:100%;height:142px;overflow:hidden;}
.m1r-con p{line-height: 32px; background: #dcedfb;border-top: 1px solid #fff;text-align: center;}
	/*con2*/
.ind-tit{text-align: center;line-height: 60px;font-size: 32px;background: url(../images/bg-ind-tit.png) no-repeat center ; color: #008bd8;font-weight: 600;}
#jsweb8_cn_left .pic{width:230px;float:left;text-align:center;height:300px;overflow:hidden;padding:4px;margin:5px;background:#008bd8;border:1px solid #ccc;}
#jsweb8_cn_left .pic img{display:block;margin:0 auto;}
#jsweb8_cn_left .pic p{line-height:26px;color:#505050;}
#jsweb8_cn_left a:link,#jsweb8_cn_left a:visited{color:#fff;text-decoration:none;}
#jsweb8_cn_left a:hover{color:#f00;text-decoration:underline;}


	/*con3*/
.m3box{background: #f1f1f1;padding: 30px 0;}
.m3-subtit{width: 546px;margin:0 auto;}
.m3-left,.m3-mid,.m3-right{width: 31%;margin: 0 1%;float: left;}
.m3-subtit li{float: left;padding-left: 30px;background: url(../images/gou.png) no-repeat left; line-height: 40px;margin: 0 20px}
.m3-img{margin-bottom: 14px;}
.m3-left li,.m3-mid p{line-height: 26px;}
.m3-more{display: block;text-align: center;width: 100px;height: 36px;line-height: 36px;background: #4dabf3; margin: 10px 0; border: 1px solid #36cce4}
.m3-right a{display: block; float: left; width: 150px;height: 43px;margin: 6px 2px;background: url(../images/clink.jpg) no-repeat ; border-radius: 2px}
.m3-right .link1{background-position: 0 0;}
.m3-right .link2{background-position: -161px 0}
.m3-right .link3{background-position: 0 -51px;}
.m3-right .link4{background-position: -161px -51px;}
.m3-right .link5{background-position: 0 -100px;}
.m3-right .link6{background-position: -161px -100px;}

	/*con4*/

/*底部*/
.footer{background: #262626; color:#fff;border-top: 3px solid #008bd8; line-height: 40px; }
.copy a,.copy a:hover{color:#fff}
.copy a:hover{text-decoration:underline;}

/*列表页*/
.pageban1{height: 294px;background: url(../images/pageban1.jpg) no-repeat center;background-size:cover;}
.pageban2{height: 294px;background: url(../images/pageban2.jpg) no-repeat center;background-size:cover;}
.pageban3{height: 294px;background: url(../images/pageban3.jpg) no-repeat center;background-size:cover;}
.pageban4{height: 294px;background: url(../images/pageban4.jpg) no-repeat center;background-size:cover;}
.pageban5{height: 294px;background: url(../images/pageban5.jpg) no-repeat center;background-size:cover;}
.pageban6{height: 294px;background: url(../images/pageban6.jpg) no-repeat center;background-size:cover;}
.pager-con-ab p{margin-top: 24px;line-height: 28px;}
.bottom-ab{width: 100%;height: 389px;}
.news_tit{ text-align:center; padding:20px 0; border-bottom:1px solid #e9e9e9;}
.pager-con-news{padding: 30px 10px;}
.pager-con-news li{padding:0 26px;line-height:40px;border-bottom:1px dashed #ddd;background:url(../images/news.gif) no-repeat 5px center}
.page-news-tit{font-size:14px;font-weight:700;border-bottom:1px solid #e9e9e9;padding:20px 0;text-align:center}
.page-news-con p{line-height:24px;padding:20px 20px 0;}
/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:340px;padding:5px; min-height:233px;border:1px solid #dfdfdf;}
.spec-scroll{clear:both;margin-top:5px;width:352px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#ebebeb;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:322px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #ff6600;padding:1px;}
.page-prod-more{margin:0 20px;line-height:60px;}
.pager-con-prod,.pager-con-al,.pager-con-lx{padding:30px 0 0;}
.pager-con-al ul li{float:left;margin:20px 10px;display:inline;width:225px;overflow:hidden;position:relative;}
.pager-con-al .photo{width:223px;height:160px;overflow:hidden; padding:3px 0; border:#CC9900 1px dotted;}
.pager-con-al .rsp{width:225px;height:180px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
.pager-con-al .text{position:absolute;width:225px;height:180px;left:-225px;top:0px;overflow:hidden;}
.pager-con-al .text h2{width:225px;margin-top:60px;line-height:40px;text-align:center;color:#fff;font-size:14px;}
.pager-con-al p{margin:8px 0;}
.pager-con-al p img{border: 3px solid #ddd;padding: 3px;background: #fff;}
.pager-con-prod ul li{float:left;margin:20px 10px;display:inline;width:225px;overflow:hidden;position:relative;}
.pager-con-prod .photo{width:223px;height:132px;overflow:hidden; padding:3px 0; border:#CC9900 1px dotted;}
.pager-con-prod .rsp{width:225px;height:189px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
.pager-con-prod .text{position:absolute;width:225px;height:186px;left:-225px;top:0px;overflow:hidden;}
.pager-con-prod .text h2{width:225px;margin-top:60px;line-height:40px;text-align:center;color:#fff;font-size:14px;}
.pager-con-prod p{text-align:center;margin:8px 0;}
.pager-con-prod p img{border: 3px solid #ddd;padding: 3px;background: #fff;}
.pager-con-prod .items li{margin:0;}
.prod-jies{width:350px;}
.prod-jies h2{font-weight:normal;}
.prod-jies p{text-align:left;}
.prod-ms{line-height:60px; height:60px;border-bottom:1px solid #ddd;margin:20px 0}
.order input{border:1px solid #ddd;padding-left:5px}
.order-main input{border: 1px solid #1a98ef; height:24px; *line-height: 24px; padding-left: 5px;}
.form-btn{display:inline-block;zoom:1;vertical-align:baseline;margin:10px 20px;outline:0;cursor:pointer;text-align:center;text-decoration:none;padding:.3em 1em;text-shadow:0 1px 1px rgba(0,0,0,.3);-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);color:#d9eef7;border:solid 1px #0076a3;background:#0095cd;background:-webkit-gradient(linear,left top,left bottom,from(#00adee),to(#0078a5));background:-moz-linear-gradient(top,#00adee,#0078a5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5')}
.form-btn:hover{text-decoration:none}
.order-mes{border:1px solid #1a98ef;padding: 5px 0 0 8px;margin:5px 0;}
.pager-con-lx ul{margin:8px 0 30px;background:url(../images/bg-lx.png) no-repeat 300px center;}
.pager-con-lx li{line-height:36px;padding:0 0 0 20px;background:url(../images/dot-7.gif) no-repeat 3px center;border-bottom: 1px dotted #CC9900;}
/*列表页*/

/*覆盖*/
li.red-on{background: #f00;}
.wrap{width:1000px;margin:0 auto;}
.clear:after{clear:both;height:0;visibility:hidden;content:"";display:block;}
.clear{zoom:1;}
.clr{ clear: both;}
.fl{float:left;}
.fr{float:right;}
.red{color:#f00;}
.mr0{margin-right:0;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.hr{border:1px solid #323232;margin:15px 0;height:0;}
.colorgary{color:#909090;}
.kg{ font-family:"宋体";}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs20{font-size: 20px;}
.fs24{font-size: 24px;}
.cw,.cw a,.cw a:hover,.cw:hover{color: #fff;}
.cb{color: #0057a9;}