.floor-bn{clear:both;margin:0 auto;width:1200px;overflow:hidden;padding-top:5px;}
.main-bg{position:relative;margin:0 auto;top:-15px;width:1024px;overflow:hidden;background:url(../images/bg-main.png) top no-repeat;}
.main-box{overflow:hidden;padding:30px 40px;}

/** slide **/
.slide {position:relative;width:1200px;height:350px}
.slide-item {overflow:hidden;height:350px}
.slide-tab {position:absolute;right:120px;top:320px;}
.slide-tab a {display:block;float:left;width:16px;height:16px;background-color:#9EC8E9;border:1px solid #fff;margin-left:8px;cursor:pointer;}
.slide-tab a.on {background-color:#569CD8;}

/** index **/
.col-app, .col-left{float:left;overflow:hidden;width:620px;}
.col-app{float:right;}
.col-app ul{clear:both;padding:0 0 20px 0;}
.col-app li{float:left;width:90px;margin-left:30px;}
.col-app li.first{margin:0;}
.col-app li img{width:90px;height:60px;}
.col-app li p{margin:8px 0 0 0;width:90px;overflow:hidden;white-space:nowrap;}

.col-cat, .col-right{float:right;overflow:hidden;width:250px;}
.col-cat{float:left;}
.col-cat ul{padding:15px 0 10px 0;}
.col-cat li{clear:both;padding:0 0 10px 0;}
.col-cat .icon{float:left;width:100px;border:1px solid #eee;text-align:center;padding:5px 0;}
.col-cat .h{float:right;width:130px;}
.col-cat h3 a{font-size:14px;font-weight:300;}
.col-cat li:hover .icon{border:1px solid #bbb;}

.col-left, .col-right{margin-top:20px;}
.col-left li{float:left;width:200px;border:2px solid #fff;}
.col-left li:hover{border:2px solid #eee;}
.col-left li img{width:180px;height:180px;}
.col-left li.line{width:620px;height:1px;border-top:1px dotted #eee;margin:15px 0;}
.col-left .b{margin:0 auto;width:180px;}
.col-left li:hover, .col-left a:hover{text-decoration:none;}

.col-right li{clear:both;border-top:1px dotted #eee;padding:10px 0;}
.col-right li.first{border:none;}
.col-right .img{float:left;width:110px;}
.col-right .img img{width:100px;height:100px;}
.col-right .t{float:right;width:130px;}
.col-right .t p{margin:5px 0 0 0;color:#999;font-family:"微软雅黑";font-size:11px;}

/** goods list **/
.col-goods1{clear:both;margin-bottom:20px;}
.col-goods1 ul{padding:10px 0;}
.col-goods1 li{float:left;padding:10px 0;width:242px;border:4px solid #FFF;}
.col-goods1 li:hover{border:4px solid #F1F1F1;}
.col-goods1 .b{width:220px;margin:0 auto;}
.col-goods1 .b img{width:220px;height:220px;}
.col-goods1 li a{text-decoration:none;font-size:11px;}

.iview{height:40px;border-bottom:1px solid #eee;}
.iview .l{float:left;}
.iview .l h2{font-size:22px;font-weight:300;line-height:37px;text-transform:uppercase;}
.iview .r{float:right;}
.iview .l li{float:left;}
.iview .l li.h{padding:10px 10px 0 0;}
.view-as{overflow:hidden;padding:10px 30px 0 0;}
.iview .page{padding-top:5px;}
.iview .page a, .iview .page span{padding:5px 10px;margin:0 0 0 8px;}

.attr, .attr .b{clear:both;overflow:hidden;}
.attr .b{border-bottom:1px dotted #ddd;padding:8px 0;}
.attr .h{float:left;width:150px;font-weight:600;}
.attr .a{float:left;width:600px;}
.attr .a a{display:inline-block;margin:2px 8px 0 0;padding:0 5px;color:#464646}
.attr .a a:hover, .attr .a a.on{background-color:#464646;text-decoration:none;color:#fff;}

.glist1{padding:15px 0;}
.glist1 li{float:left;width:25%;}
.glist1 .b{width:250px;margin:0 auto;text-align:center;border:1px solid #FFF;padding:10px 0;margin-top:50px;}
.glist1 .b img{width:250px;height:250px;}
.glist1 li:hover .b{border:1px solid #DDD;-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);box-shadow: 0 2px 2px rgba(0,0,0,0.2);}
.glist1 li.line{width:100%;height:1px;border-top:1px dotted #DDD;margin:20px 0;}
.glist1 p{text-align:left;padding:0 5px;margin:6px auto;}
.glist1 a{color:#555;text-align:center;}
.glist1 .b p{text-align:center;}

/** goods info **/
.goods-info{clear:both;padding-bottom:30px; margin:30px 0 0 0;}
.goods-info .gleft{float:left;width:52%;position:relative;}
.goods-info .gright{float:right;width:45%;}
.goods-info .img{border:1px solid #eee;}
.goods-info h2{font-size:32px;font-weight:500;text-transform:uppercase;}
.goods-info .hr1{height:1px;border-top:1px solid #eee;margin:25px 0;}
.goods-info .op{margin-top:30px;background-color:#F7F7F7;padding:20px; }
.goods-info .op input{vertical-align:middle;}
.goods-price{font-family:"微软雅黑";font-size:18px;color:#F00;}
@media(max-width:767px){
	.goods-info .gleft{float:none;width:100%; }
	.goods-info .gright{float:none;width:100%;}
	.gtab{ height:auto; border:none;}
	.gtab li{width:100%;}
}
#zoom{position:absolute;z-index:2;width:150px;height:150px;background-color:#FFF;filter:alpha(opacity:50);opacity:0.5;border:1px solid #333;display:none;cursor:move;}
#zoomimg{position:absolute;z-index:3;width:480px;height:480px;border:1px solid #EEE;display:none;background-color:#FFF;overflow:hidden;}

.gallery{overflow:hidden;padding:15px 20px; position:relative; min-height:116px;}
.gallery li{float:left;}
.gallery div.gr,.gallery div.gl{width:17px;height:80px;margin-top:3px; position:absolute; top:50%; margin:-40px 0 0 0; left:0;}
.gallery div em{display:block;height:80px;background:url(../images/arrow-1.gif) 0 0 no-repeat;}
.gallery em:hover{opacity:0.8; cursor:pointer;}
.gallery div.gr{ left:auto; right:0;}
.gallery div.gr em{background:url(../images/arrow-r.gif) 0 0 no-repeat; background-size:17px 64px;}

.gallery div.gb{margin:0;margin-left:5px; width:100%; overflow:hidden;height:84px;}




.gallery ul{height:92px;padding:0;}
.gallery li img{width:80px;height:80px;border:1px solid #EEE;}
.gallery li{border:2px solid #FFF;margin-left:5px;width:83px;}
.gallery li.on{border:2px solid #1C96BF;}

.gtab{position:relative;overflow:visible;height:35px;border-bottom:2px solid #DDD;background-color:#fff;}
.gtab li{float:left;border:1px solid #DDD;height:35px;line-height:35px;padding:0 20px;margin-right:8px;background-color:#F5F5F5;cursor:pointer;font-weight:bold;color:#999;}
.gtab li:hover{background-color:#F1F1F1;}
.gtab li.on{background-color:#FFF;border-top:2px solid #1C96BF;border-bottom:none;color:#000;}
.tabs-box{padding-bottom:30px;}

.gdesc{overflow:hidden;margin-bottom:30px;}
.gdesc ul{padding:15px 25px;list-style:disc;}
.gdesc ul li{list-style:disc;}
.gdesc ol{padding:15px 25px;list-style:decimal;}
.gdesc ol li{list-style:decimal;}
.gdesc p{margin:15px 0;}
.gdesc .left{float:left;margin:15px 15px 15px 0;}
.gdesc .right{float:right;margin:15px 0 15px 15px;}
.gdesc span{font-size:100%;color:inherit;}

.gconsult .txt{width:70%;padding:6px 10px;}

.goods-app{}
.goods-app li{float:left;position:relative;width:25%;padding:0 40px 0 0;}
.goods-app li span{right:0; background:url(../images/add.png) center center no-repeat;display:block; width:40px; height:40px; position:absolute; right:0; top:80px;}
.goods-app li:nth-last-child(2) span{background:none;}
.goods-app li:last-child{padding:0 0 0 40px;}
.goods-app li:last-child span{left:0;right:auto; background:url(../images/deng.png) center center no-repeat;}
.goods-app li.line{width:960px;height:1px;border-top:1px dotted #eee;margin:15px 0;}
.goods-app .b{width:100%;}
.goods-app .thumb{}
.goods-app .thumb img{max-width:100%;}
.goods-app .t{}

.goods-doc{padding:0 20px;}
.goods-doc li{list-style-image:url(../images/icon/li-2.png);padding:2px 5px;}
.goods-doc li a{color:#184686;}
.goods-doc li a.btn-a{color:#fff;margin-left:15px;}

/** category **/
.cat{background-color:#F7F7F7;}
.cat ul{overflow:visible;}
.cat h2{color:#FFF;font-size:16px;font-weight:500;height:40px;line-height:40px;padding:0 8px;text-transform:uppercase;background-color:#000;}
.cat li{position:relative;border-bottom:1px solid #F1F1F1;}
.cat .h, .cat-sub-show a{transition:all 0.25s ease 0s;-webkit-transition:all 0.25s ease 0s;-moz-transition:all 0.25s ease 0s;-o-transition:all 0.25s ease 0s;}
.cat .h{height:45px;position:relative;}
.cat .h i{display:block;position:absolute;right:15px;top:20px;width:3px;height:5px;background:url(../images/sprite.png) -16px -101px no-repeat;}
.cat h3{font-family:"微软雅黑";font-weight:500;font-size:14px;line-height:45px;padding-left:10px;}
.cat h3 a{display:block;padding:0 0px;text-decoration:none;background:url(../images/icon/li-3.gif) left no-repeat;}
.cat-sub{display:none;position:absolute;top:0;left:200px;background-color:#fff;z-index:200;border:1px solid #eee;-webkit-box-shadow:2px 3px 6px rgba(0,0,0,0.4);box-shadow:2px 3px 6px rgba(0,0,0,0.4);}
.cat-sub a{display:block;white-space:nowrap;padding:6px 20px;text-decoration:none;}
.cat-sub a:hover{background-color:#F7F7F7;}
.cat li.hover .h, .cat li.on .h{background-color:#f1f1f1;}
.cat li.on .h a{color:#0072DE}
.cat li.hover .h i{display:none;}
.cat li.on .h i{background:url(../images/sprite.png) -20px -101px no-repeat;width:5px;height:3px;top:22px;}
.cat li.hover .cat-sub{display:block;}
.cat-sub-show{background-color:#ECECEA;}
.cat-sub-show a{display:block;text-decoration:none;padding:5px 20px;}
.cat-sub-show a:hover{color:#0072DE;background-color:#E1E1DD;}
.cat-sub-show a.on{color:#0072DE;text-decoration:underline;}

#cat-tree .two {}
#cat-tree .two li{padding-left:10px;}
#cat-tree .two li.twos{ transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; -o-transition:all ease .5s; -webkit-transition:all ease .5s;}
#cat-tree .two li.twos ul{ display:none; transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; -o-transition:all ease .5s; -webkit-transition:all ease .5s;}
#cat-tree .two li.twos:hover ul{ display:block;}
#cat-tree .two li.twos ul li.threes{ transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; -o-transition:all ease .5s; -webkit-transition:all ease .5s;}
#cat-tree .two li.twos ul li.threes ul,#cat-tree .two li.twos:hover ul li.threes ul{ display:none; transition:all ease .5s; -moz-transition:all ease .5s; -ms-transition:all ease .5s; -o-transition:all ease .5s; -webkit-transition:all ease .5s;}
#cat-tree .two li.twos ul li.threes:hover ul{ display:block;}










/** table **/
.tab-attr{border-collapse:collapse;border:1px solid #A9C6C9;}
.tab-attr th{background-color:#C3DDE0;padding:4px 8px;text-align:left;font-size:14px;}
.tab-attr td{padding:5px 10px;border:1px solid #A9C6C9;font-size:12px;}
.tab-attr td.left{background-color:#F0F5F7;width:120px;}

.tab-main{border-collapse:collapse;}
.tab-main th{text-align:left;background-color:#f4f4f4;border:2px solid #ddd;}
.tab-main td{border:1px solid #eee;}
.tab-main th, .tab-main td{padding:5px 10px;border-left:none;border-right:none;}

/** application **/
.app-tree{overflow:hidden;padding:5px 0 25px 0;}
.app-tree dl{padding:8px 0;}
.app-tree dt{background:url(../images/icon/li-1.gif) left no-repeat;padding:2px 0 2px 10px;font-weight:bold;}
.app-tree dd{padding:2px 0 2px 10px;}
.app-tree dd.on a{color:#4A89BF;text-decoration:underline;}

.app-info{overflow:hidden;margin-bottom:40px;}
.app-info .img{float:left;width:180px;}
.app-info .info{float:right;width:550px;}
.app-info h1{font-size:28px;font-weight:500;text-transform:uppercase;}

.goods-relate li{float:left;width:190px;}
.goods-relate li.line{height:1px;width:760px;margin:20px 0;border-top:1px dotted #eee;}
.goods-relate .b{margin:0 auto;width:150px;}
.goods-relate img{width:150px;height:150px;border:1px solid #eee;}

/** attr **/
.goods-attr {margin-bottom:30px;}
.goods-attr .h{clear:both;height:30px;border-bottom:1px solid #EEE;width:100%;overflow:visible;}
.goods-attr .h h3{float:left;height:31px;line-height:30px;padding:0 15px;font-size:14px;background-color:#FFF;border:1px solid #EEE;border-bottom:none;}
.goods-attr ul{margin:0;padding:15px 0;border:1px solid #EEE;border-top:none;}
.goods-attr li{margin:5px 15px;}
.goods-attr li h4{font-size:12px;padding:6px 8px;background-color:#F7F7F7;cursor:pointer;}
.goods-attr li.on h4, .goods-attr li:hover h4{background-color:#F1F1F1;border-left:2px solid #FF7F00;color:#FF7F00;}
.goods-attr .abox{padding:15px;}

@media(max-width:1199px){
	.glist1 li{ width:240px;}
	.glist1 .b{ width:220px;}
	.download-list .t{ width:170px;}
	
}
@media(max-width:999px){
	.nav a.p{ padding:0 6px;}
	.download-list li{ width:100%;}
}
@media(max-width:767px){
	#cat-tree h2{ background:#000;}
	
	
	
}
@media(max-width:430px){
	.lang-box{ display:none;}
}