﻿/*jqzoom*/
.jqzoom {width:400px;position:relative;}
.zoomdiv {left:859px;width:380px;}

.jqzoom {position:relative;width:340px;margin:0 auto;padding:0;text-align:center;overflow:hidden;}
.zoomdiv {width:320px;z-index:100;position:absolute;top:1px;left:0px;display:none;border:1px solid #e4e4e4;text-align:center;overflow:hidden;background:url('../images/loading2.gif') #FFF no-repeat center center;}
.bigimg {width:800px;height:800px;}
.jqZoomPup {width:50px;height:50px;z-index:10;position:absolute;top:0px;left:0px;border:1px solid #AAA;background:#FFF 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:pointer;visibility:hidden;}
.imgInit {width:340px;border:0px #666666 solid;margin:0px;text-align:center;}
div.jqZoomTitle {z-index:100;text-align:center;font-size:11px;font-family:Tahoma;height:16px;padding-top:2px;position:absolute;top:0;left:0;width:100%;color:#FFF;background:#999;}
.preload {-moz-opacity:.8;opacity:.8;filter:alpha(opacity = 80);color:#333;font-size:12px;font-family:Tahoma;text-decoration:none;border:1px solid #CCC;background-color:white;padding:8px;text-align:center;background-image:url('../images/zoomloader.gif');background-repeat:no-repeat;background-position:43px 30px;width:90px;*width:100px;height:43px;*height:55px;z-index:10;position:absolute;top:3px;left:3px;}
.jqZoomWindow {border:1px solid #999999;background:#FFFFFF;}
#intro {width:100%;overflow:hidden;}
#intro div {float:left;}
.introShow {width:340px;padding:10px 0 5px 0px;}
.introShow .mainShow {width:100%;text-align:center;min-height:300px;_height:300px;overflow:hidden;}
.introShow .mainShow img {width:320px;}
.introShow .scroll {margin:10px 0px 0px 0px;width:340px;height:65px;overflow:hidden;}
.scroll a span {display:none;}
.scroll a:hover {text-decoration:none;}
.scroll .prevView,.scroll .nextView,.scroll .prevView.prevStop,.scroll .nextStop {float:left;margin-top:25px;width:7px;height:12px;background:url('../images/bgimg.gif') no-repeat -132px -17px;}
.scroll .prevView {background-position:-139px -17px;}
.scroll .prevStop {background-position:-132px -17px;cursor:default;}
.scroll .nextView,.scroll .nextStop {float:right;background-position:-160px -17px;}
.scroll .prevView:hover {background-position:-146px -17px;}
.scroll .nextView:hover {background-position:-167px -17px;}
.scroll .nextStop,.scroll .nextStop:hover {background-position:-153px -17px;}
#thumList {float:left;width:300px;height:66px;overflow:hidden;padding-left:15px;}
#thumList li {float:left;margin-bottom:3px;}
#thumList li a {display:block;width:60px;height:60px;margin-right:10px;border:1px solid #CCCCCC;padding:1px;}
#thumList li a:hover {border:1px solid #f60;}
#thumList li img {width:60px;height:60px;}

/* RSS */
channel {width:100%;font-size:12px;background:#FFFFFF;padding:10px 10px 15px 10px;font-family:verdana, arial, helvetica, sans-serif;margin:0px auto;text-align:center;}
channel title {display:block;font-weight:bold;font-size:18px;z-index:1;position:relative;height:auto;}
item {width:90%;line-height:100%;padding:10px 10px 2px 10px;display:block;font-size:14px;margin:20px 0px;text-align:left;}
rss,item title,item link,item description,item pubDate,item author,item {display:block;font-weight:normal;font-size:14px;margin:5px;background:#F0F8FB;}
item title {font-weight:bold;font-size:16px;display:block;height:auto;position:relative;z-index:1;}
item link {margin-bottom:0;}
link {display:block;color:Blue;text-decoration:underline; }
info {display:block;margin:3em 4em 3em 4em;color:Black;text-align:center;padding:1.5em;font-family:mono;font-size:small;}
managingEditor, webMaster, title, link, description, copyright, lastBuildDate, pubDate {display:block;font-size:14px;line-height:150%;}

/* jqzoomPage  */
.product1 {float:left; width:50%; border:1px solid #E0E0E0;text-align:center;}
.product1_1 {width:100%;text-align:center;}
.product2 {float:right;width:46%;overflow:hidden;}
.shorttitle {line-height:40px;border-bottom:1px solid #CCCCCC;}
.shorttitle span {padding:0px 0px 0px 5px;color:#333333;font-weight:bold;font-size:16px;}
.shortdesc {padding:15px 0px 0px 10px;color:#333333;font-size:14px;word-break:break-all;}
.shortdesc strong {float:left; font-weight:normal;text-align:right;}
.shortdesc span{float: right;width: calc(100% - 80px);} 
.pd_hotline {padding:15px 0px 0px 10px;word-break:break-all;line-height: 35px;}
.pd_hotline strong {float:left;font-weight:normal;font-size:16px;color:#333333;text-align:right;}
.pd_hotline span {font-size:24px;color:#272727;float: right;width: calc(100% - 80px);}
.propar {display: none; text-align:center;padding-top:15px;}
.propar a {display:block;width:135px;margin:0 auto;height:40px;line-height:40px;text-align:center;color:#FFFFFF;border-radius:0px;
	background:#2783f4;font-size:16px;font-weight:bold;text-decoration:none;}
.propar a:hover {background:#333;}

/* caigou */
.caigou {float:left;width:687px;background:#065FA5;color:white;padding:5px;margin:5px 0;font-size:12px;} 
.caigou strong {font-size:14px;font-weight:bold;padding-left:5px;}
.caigou .span_1 {float:right;padding-right:5px;}
.caigou_div {float:left;width:100%;}
.caigou_tab {line-height:25px;margin-bottom:10px;color:#666666;}
.caigou_tab td {height:30px;}
.caigou_tab .tt {vertical-align:top;text-align:right;}
.caigou_tab .span_b {font-weight:bold;color:#CE0404;}
.caigou_tab .textarea {margin-top:3px;border:1px solid #8A8484;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.red_x {color:#FF0000;display:inline;font-size:14px;font-weight:bold;}
.b15,.b16,.b19,.b20,.b21,.b22 {background:url('../images/SkinsVIBtn.jpg') no-repeat;border:0;cursor:pointer;overflow:hidden;}
.b15 {background-position:-79px -650px;width:60px;height:24px;line-height:24px;color:#FBF8FD;font-size:14px;font-weight:bold;}
.b16 {background-position:-184px -650px;width:60px;height:24px;line-height:24px;color:#FBF8FC; font-size:14px;font-weight:bold;}
.b19 {background-position:-882px -294px;width:80px;height:22px;line-height:22px;padding-left:11px; color:#666;}
.b20 {background-position:-882px -326px;width:82px;height:22px;line-height:22px;padding-left:11px;color:#666;}
.b21 {background-position:-183px -295px;width:80px;height:22px;line-height:22px;padding-left:11px; color:#666;}
.b22 {background-position:-542px -294px;width:80px;height:22px;line-height:22px;padding-left:11px;color:#666;}
a.probuy,a.probuy:visited,a.probuy:hover,a.probuy:active {width:126px;height:34px;line-height:28px;background:url('../images/btnbuy1.gif') no-repeat;font-size:14px;color:#333;display:block;text-decoration:none;}

.p_online {border-top:1px solid #e5e5e5;margin:50px 0 0 0;padding:30px 5px 0 5px;}
.p_online strong {font-size:16px;line-height:25px;color:#333333;}
.p_online strong.pc_title {font-size:15px;color:#666666;font-weight:normal;}
.p_online ul {padding:10px 0 0 0;}
.p_online ul li {margin-bottom:20px;}
.p_online li span {display:inline-block;width:80px;font-size:14px;color:#4a4a4a;text-align:right;line-height:46px;}
.p_online li span em {padding-right:2px;font-style:normal;}
.p_online li input {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.p_online li img {vertical-align:middle;cursor:pointer;}
.p_online .li01 {float:left;width:50%;}
.p_online .li02 {float:right;width:50%;}
.p_online .li04 {clear:both;vertical-align:middle;}
.p_online .li04 .in {border:1px solid #CCCCCC;}
.p_online .li05 {margin:10px 0 30px 0; text-align: center;}
.inp {width:calc(100% - 90px);height:46px;line-height:46px;background-color:#ffffff;background-repeat:no-repeat; background-position: center right 10px;
 overflow:hidden;border:1px #eeeef0 solid;padding:0 5px 0 5px;}
.inp1 {background-image:url('../images/iconfont-lianxiren.png');}
.inp2 {background-image:url('../images/iconfont-phone.png');}
.inp3 {background-image:url('../images/iconfont-youxiang.png');}
.inp4 {background-image:url('../images/iconfont-lianxiren.png');}
.inp5 {width:calc(100% - 90px);height:100px;background:none;overflow:hidden;line-height:36px;border:1px solid #eeeef0;resize:none;
	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.inp6 {width:20%;height:46px;line-height:46px;border:1px solid #eeeef0;vertical-align:middle;}
.imgOcode {margin:0 auto; width:20%;height:50px;line-height:50px;vertical-align:middle;cursor:pointer;border-radius:5px;
	-moz-border-radius:5px;-webkit-border-radius:5px;} 
.p_online .btn1 {width:30%;height:50px;line-height:50px;border:0;background:#2783f4;border-radius:5px;color:#fff;cursor:pointer;font-size: 22px;}
.p_online .btn2 {width:20%;height:50px;line-height:50px;border:0;margin:0px 0 0 0;background:#666;border-radius:5px;color:#fff;cursor:pointer;}

/*放大镜*/
#MagnifierWrap2{position: relative;width:100%;margin:0px auto;}
.MagnifierMain{position: relative;width: 100%;height:auto;}
.MagnifierMain img{width: 100%;} 
.MagnifierDrag{position: absolute;top:0;left: 0;width:20px;height:20px; background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;}

.MagnifierPop{position: absolute;top:0;overflow: hidden; 
	background:#fff url(../images/loading2.gif) no-repeat center center; }
.MagnifierImg{position: absolute;top:0; left: 0;}

.spec-items{position: relative;width:80%;height: 69px;overflow: hidden;padding-top: 10px;margin: 0 auto;box-sizing: border-box;}
.spec-items ul{width:500%;position: absolute;top:10px;left: 0;}
.spec-items ul *{-webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.spec-items li{ width:80px;height:50px;float: left;overflow: hidden;margin-right: 5px;border: 2px solid #fff;cursor: pointer;}
.spec-items li.on{border:2px solid #b50f0f;}
.spec-items li img{width: 100%;} 
.spe_leftBtn,.spe_rightBtn{position: absolute;bottom: 0px;display: block;width: 20px;height: 69px;line-height: 69px;font-family: "黑体";text-align: center;font-size: 30px;color: #ddd;cursor: default;background-color: #f9f9f9;}
.spe_leftBtn.on,.spe_rightBtn.on{background-color: #ccc;color: #999;cursor: pointer;} 
.spe_leftBtn{left: 0;}
.spe_rightBtn{right: 0;}

@media screen and (max-width:991px) {
	.product1{width: 100%;}
	.product2{width: 100%;margin-top: 50px;}
	.MagnifierDrag,.MagnifierPop,.MagnifierImg{display: none;}
	.p_online .li01 {float:left;width:100%;}
	.p_online .li02 {float:left;width:100%;}
}

@media screen and (max-width:767px) {
	.shorttitle {line-height:30px;}
	.shortdesc {padding:10px 0px 0px 5px;}
	.pd_hotline{padding:15px 0px 0px 5px;}
	.p_online ul li {margin-bottom:10px;}
	.p_online li span{text-align: left;display:block;}
	.inp {width:100%;}
	.inp5 {width:100%;}
	.inp6{width:50%;}
	.p_online .btn1{width: 100%;font-size: 16px;}
}