/** slide **/
.slide {position:relative;width:100%;height:400px}
.slide-item {overflow:hidden;height:400px}
.slide-tab {position:absolute;right:30px;bottom:20px;}
.slide-tab a {display:block;float:left;width:16px;height:16px;background-color:#CCC;border:1px solid #fff;margin-left:8px;cursor:pointer;}
.slide-tab a.on {background-color:#E62129;}

/** index **/
.col-bn{margin-bottom:50px;}
.col-cat .h{clear:both;}
.col-cat .h-l, .col-cat .h-r{float:left;border-bottom:1px solid #ddd;width:380px;height:30px;}
.col-cat .h-m{float:left;width:380px;text-align:center;}
.col-cat h2{font-size:30px;font-weight:400;text-transform:uppercase;}
.col-cat ul{padding:20px 0;}
.col-cat li{float:left;width:225px;}
.col-cat .b{margin:20px auto;width:200px;}
.col-cat h3 a{font-size:18px;font-weight:500;}
.col-cat .icon img{width:180px;height:180px;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;-webkit-box-shadow:2px 3px 6px rgba(0,0,0,0.4);box-shadow:2px 3px 6px rgba(0,0,0,0.4);}
.col-cat li:hover .icon img{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);-ms-transform: scale(1.1);filter: progid:DXImageTransform.Microsoft.Matrix( sizingMethod='auto expand', M11=1, M12=-0, M21=0, M22=1);}
.col-cat .text{margin:15px 0;width:180px;text-align:center;}

.col-left, .col-right{margin-top:20px;}
.col-left{float:left;overflow:hidden;width:800px;}
.col-left ul{padding-top:20px;}
.col-left li{float:left;width:260px;border:2px solid #fff;}
.col-left li:hover{border:2px solid #eee;}
.col-left li img{width:200px;height:200px;}
.col-left li.line{width:100%;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{float:right;overflow:hidden;width:250px;}
.col-right ul{padding-top:15px;}
.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:85px;}
.col-right .img img{width:80px;height:80px;}
.col-right .t{float:right;width:140px;}
.col-right .t p{margin:5px 0 0 0;color:#999;font-family:Arial;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;position:relative;}
.iview .l h2{font-size:18px;font-weight:400;height:40px;line-height:40px;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:3px 6px;margin:0 0 0 8px;background-color:transparent;border:1px solid #EEE;}

.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:#069}
.attr .a a:hover, .attr .a a.on{background-color:#549BDB;text-decoration:none;color:#fff;}

.glist1{padding:15px 0;}
.glist1 li{float:left;width:290px;height:330px;}
.glist1 .b{width:220px;margin:0 auto;text-align:center;border:1px solid #FFF;padding:10px 0;}
.glist1 .b img{width:220px;height:220px;}
.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:900px;height:1px;border-top:1px dotted #DDD;margin:20px 0;}
.glist1 p{text-align:center;padding:0 5px;margin:6px auto;}
.glist1 a{color:#555;}

/** goods info **/
.goods-info{clear:both;padding-bottom:30px;}
.goods-info .gleft{float:left;width:503px;position:relative;}
.goods-info .gright{float:right;width:580px;}
.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;width:400px;}
.goods-info .op input{vertical-align:middle;}
.goods-price{font-family:Arial;font-size:18px;color:#F00;}
.desc-h{font-size:32px;font-weight:300;margin-bottom:20px;text-transform:uppercase;}

#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:500px;height:500px;border:1px solid #EEE;display:none;background-color:#FFF;overflow:hidden;}

.gallery{overflow:hidden;padding:15px 0;}
.gallery div, .gallery li{float:left;}
.gallery div{width:17px;height:80px;margin-top:3px;}
.gallery div em{display:block;height:80px;background:url(('/templets/oshujian/images/arrow-1.gif') -40px 0 no-repeat;}
.gallery em:hover{opacity:0.8;}
.gallery div.gr{float:right;}
.gallery div.gr em{background-position:-60px 0}
.gallery div.gr em.on{background-position:-20px 0}
.gallery div.gl em.on{background-position:0 0}
.gallery div.gb{margin:0;margin-left:5px;width:460px;overflow:hidden;height:92px;}
.gallery ul{width:1000px;height:92px;}
.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 #01569B;}

.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: #d6223d;border-top:2px solid   #666666;border-bottom:none;color:#fff;}
.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;width:480px;}
.goods-app li.line{width:960px;height:1px;border-top:1px dotted #eee;margin:15px 0;}
.goods-app .b{width:450px;}
.goods-app .thumb{float:left;width:200px;}
.goods-app .thumb img{width:170px;height:113px;}
.goods-app .t{float:right;width:250px;}

.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{}
.cat ul{overflow:visible;}
.cat li{position:relative;border-bottom:1px solid #f4f4f4;}
.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:35px;position:relative;}
.cat .h i{display:block;position:absolute;right:15px;top:20px;width:3px;height:5px;background:url('/templets/oshujian/images/sprite.png') -16px -101px no-repeat;}
.cat h3{font-weight:400;font-size:14px;line-height:33px;}
.cat h3 a{display:block;padding:0 15px;text-decoration:none;background:url('/templets/oshujian/images/li-2.png') left no-repeat;}
.cat-sub{display:none;position:absolute;top:0;left:180px;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:#fafafa;}
.cat li.on .h a{color:#000000}
.cat li.hover .h i{display:none;}
.cat li.on .h i{background:url('/templets/oshujian/images/sprite.png') -20px -101px no-repeat;width:5px;height:3px;top:22px;}
.cat li.hover .cat-sub{display:block;}
.cat-sub-show{padding-bottom:15px;}
.cat-sub-show a{display:block;text-decoration:none;padding:10px 20px;}
.cat-sub-show a:hover{color:#000000;background-color:#F7F7F7;}
.cat-sub-show a.on{color:#01569B;text-decoration:none;}

/** table **/
.app-list{}
.app-list li{float:left;width:500px;}
.app-list .b{width:480px;margin:10px auto;}
.app-list h3{padding:15px 0;text-align:center;background-color:#F0F0F0;font-size:16px;transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;}
.app-list li:hover h3{color:#FFF;background-color:#74BAD1;}
.app-list li:hover img{opacity:0.9;}
.app-list h3 a{display:block;font-size:16px;text-decoration:none;}
.app-list li:hover h3 a{color:#FFF;}

.tab-attr{border-collapse:collapse;border:1px solid #AAD768;}
.tab-attr th{background-color:#CAE6A2;padding:4px 8px;text-align:left;font-size:14px;}
.tab-attr td{padding:5px 10px;border:1px solid #AAD768;font-size:12px;}
.tab-attr td.left{background-color:#E6F2D2;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('/templets/oshujian/images/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;border:1px solid #f2f2f2;padding:5px;margin:0 20px 20px 0;-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.04);box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.04);}
.app-info .img img{width:180px;height:120px;}
.app-info h1{font-size:28px;font-weight:400;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;}