@charset "utf-8";

/*******左侧**********/
.left-nav{width: 228px; float: left;}
.block .icon-shikong{background: #1a96dd url("../images/left1_img.png") no-repeat 10px center; padding-left: 32px;}
/* .left-nav li.subitem{background: url("../images/right.png") no-repeat 240px center;} */
.left-nav li a{background: url("../images/li_left_notselect.png") no-repeat 10px center; height: 30px; line-height: 30px;  padding-left: 25px; /* font-weight: bold; */ display: block; font-size: 14px;}
.left-nav li a:hover,.left-nav li a.actived{background: url("../images/li_left_select.png") no-repeat 10px center; color: #3773b2; border: 1px solid #eee; border-left: 0; border-right:0; height: 28px; line-height: 28px; }
.left-nav .block{border-bottom: 1px solid #fff; cursor: pointer;}
.left-nav .noborder{border-bottom: 0;}
.left-nav .block .content{display: none;}
.left-nav .block .bborder{border-bottom: 1px solid #d0d0d0;}
.right-container{width:974px; float: right;}

/****产品导航*******/
.p-nav{padding: 10px; padding-left: 8px; padding-bottom: 0; position: relative; background: none repeat scroll 0 0 #f9f9f9; border-bottom: 1px solid #f3f3f3;}
.p-nav ul{overflow: hidden;height: 30px; padding-right: 100px;}
.p-nav ul.show{overflow: auto; height: auto;}
.p-nav li{float: left; padding-bottom: 10px;}
.p-nav li a{color: #10689b; text-decoration: none; font-size: 14px; display: inline-block; padding: 2px 5px; margin-left: 2px;}
.p-nav li a:hover,.p-nav li a.actived{background: #74ade7; color: #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.morelist{display:none; position: absolute; right: 10px; top: 10px; padding-right:16px; padding-left:5px; height: 24px; line-height: 24px; background: #74ade7 url("../images/down.png") no-repeat 36px center; color: #fff; font-size: 14px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; cursor: pointer;}
.up{background: #74ade7 url("../images/up2.png") no-repeat 36px center;}
/* .nav1{background: #F0F8FF;}
.nav2{background: #FFF0F5;}
.nav3{background: #eee0F5;}
.nav4{background: ;} */

.sl-key{float: left; width: 100px; font-size: 14px;}
/****产品导航*******/

.navigation,.navigation a{color: #fff;  font-size: 14px; font-weight: bold; display: inline-block; text-decoration: none;}
.navigation div{float: left; height: 34px; line-height: 34px; position: relative; padding: 0 10px; z-index: 20;}
.navigation div.actived{background: #fff;color: #000;border: 1px solid #ddd; border-bottom: 0; padding: 0 9px;}
.navigation div.actived a{color: #000;}
.navigation ul{position: absolute; top: 33x; left: -1px; background: #fff; border: 1px solid #ddd; border-top:0; z-index: 10; padding: 10px 10px 10px 0; display: none; width: 240px; margin-top: -1px; box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);}
.navigation ul li{float: left; padding:0 10px; line-height: 24px; height: 24px;}
.navigation ul li a{color: #000; font-weight: normal; font-size: 12px;}
.navigation ul li a:hover{color:#ff3300;text-decoration:underline; font-weight:normal;}

.titlebg{background:#1a96dd; padding-left:20px; height: 34px; line-height: 34px; color: #fff; -webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.titlebg-noradius{-webkit-border-top-left-radius: 0;-webkit-border-top-right-radius: 0;-moz-border-radius-topleft: 0;-moz-border-radius-topright: 0;border-top-left-radius: 0;border-top-right-radius: 0;}
.home{background:#1a96dd url("../images/plist/home.png") no-repeat 20px center; padding-left:50px;}
.titlebg h1,.titlebg h2{float: left; height: 34px; line-height: 34px; font-size: 16px;}
.home h1,.home h2{font-size: 14px;}
.titlebg em{float: right; padding-right: 20px;}
.titlebg em a{color: #fff;}
.content{background:#fff; border: 1px solid #ededed; border-top: 0; position: relative;}
#leftNav .content{background: #fff;}
.popover{position: absolute; left: 178px; top:0; background: #fff; border: 1px solid #ddd; width: 220px; z-index: 100; height: 100%; width:400px; display: none; overflow: auto; box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);}
.popover dl,.popover h3{padding: 0 10px;}
.popover-title{height: 28px; line-height: 28px;}
.left-nav li .popover a{background: none; border-left: 1px solid #ccc; margin: 4px 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.left-nav li .popover dl{overflow: hidden;border-bottom: 1px solid #eee; margin: 3px 0; padding-bottom: 3px;}
.left-nav li .popover dl dt{float: left;}
.left-nav li .popover dl dd{padding-left: 100px;}
.left-nav li a.subm{color: #e4393c; margin-left: 0; padding-left: 0; width: 100px; overflow: hidden;text-overflow: ellipsis; border-left: 0; height: 14px; line-height: 14px; border-top: 0; border-bottom:0;}
.left-nav li dd a{display: inline-block; height: 14px; line-height: 14px; padding-left: 0; padding: 0 8px; margin: 4px 0;}
.left-nav li dd a:hover{color:#ff3300;text-decoration:underline; font-weight:normal; border-top: 0; border-bottom:0; height: 14px; line-height: 14px;}

.imgblock{text-align: center; position: relative; padding: 10px 0;}
.imgblock .left-arrow{position: absolute; z-index:10; left:0; top: 0; width:200px; height: 100%; }
.leftarrow{background: url("../images/plist/left-arrow.png") no-repeat 30px center; cursor: pointer;}
.imgblock .right-arrow{position: absolute; z-index:10; right:0; top: 0; width:200px; height: 100%; }
.imgblock .rightarrow{background: url("../images/plist/right-arrow.png") no-repeat 138px center; cursor: pointer;}
.jcarousel-skin-tango .jcarousel-container-horizontal,.jcarousel-skin-tango .jcarousel-clip-horizontal{width: auto; height: auto;}
.jcarousel-skin-tango .jcarousel-container{-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; background: none; border:0; border-top: 1px solid #f3f3f3;}
.jcarousel-skin-tango .jcarousel-item{width: auto; height: 134px; cursor: pointer;}
.jcarousel-skin-tango .jcarousel-prev-horizontal,.jcarousel-skin-tango .jcarousel-next-horizontal{top: 55px;}
.jcarousel-skin-tango p{text-align: center;}
.jcarousel-skin-tango p.img{border: 1px solid #a7a7a7; padding: 1px; width: 102px; margin: 0 auto;}
.jcarousel-skin-tango p.actived{border: 2px solid #3773b2; padding: 0;}
.jcarousel-skin-tango p.time{font-size:12px; height: 30px; line-height: 30px; text-align: center; color: #313131;}
.toolbar{background: #f9f9f9; border:1px solid #f3f3f3; border-left:0; border-right:0; height: 38px; line-height: 38px; font-size:14px; position:relative;}
.nob{background: none; border: 0;}
.toolbar .play,.toolbar .share,.toolbar .zoom,.toolbar .print,.toolbar .firstpic,.toolbar .prepic,.toolbar .tplay,.toolbar .tstop,.toolbar .nextpic,.toolbar .lastpic,.plist{position: absolute; top: 0; height: 38px; line-height: 38px; cursor: pointer;}
.tool-time{height: 38px; line-height: 38px;}
.tool-time select{margin-left: 20px;}

.toolbar .firstpic,.toolbar .prepic,.toolbar .tplay,.toolbar .tstop,.toolbar .nextpic,.toolbar .lastpic{background-image: url("../images/media-controls.png"); background-repeat:no-repeat;margin: 5px 0; width:29px; height: 28px; line-height: 28px; background-color: #429bd3;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.toolbar .firstpic:hover,.toolbar .prepic:hover,.toolbar .tplay:hover,.toolbar .tstop:hover,.toolbar .nextpic:hover,.toolbar .lastpic:hover{background-color: #5aaee2;}

.toolbar .firstpic{left: 20px; background-position:7px 0;}
.toolbar .prepic{left: 60px; background-position:7px -31px;}
.toolbar .tplay{left: 100px; background-position:7px -62px;}
.toolbar .tstop{left: 100px; background-position:7px -93px;}
.toolbar .nextpic{left: 140px; background-position:7px -120px;}
.toolbar .lastpic{left: 180px; background-position:7px -151px;}
.plist{left: 420px;}

.toolbar .play{right: 260px; background: url("../images/plist/play.png") no-repeat left center; padding-left: 20px;}
.toolbar .share{right:180px; background: url("../images/plist/share.png") no-repeat left center; padding-left: 20px;}
.toolbar .zoom{right: 100px; background: url("../images/plist/zoom.png") no-repeat left center; padding-left: 20px;}
.toolbar .print{right: 20px; background: url("../images/plist/print.png") no-repeat left center; padding-left: 20px;}


.hotnews{padding: 10px 2px; overflow: hidden;}
.hotnews li{width: 292px; float: left; height: 30px; line-height: 30px; padding-left: 30px; background: url("../images/plist/dian.png") no-repeat 20px center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hotnews li a{ display: block; position: relative;}
.hotnews li a span{position: absolute; right: 10px; color: #acacac;}

.about-product{overflow: hidden; padding: 20px 4px; padding-bottom: 10px;}
.about-product li{float: left; width: 190px;}
.about-product p{text-align: center; width: 149px; margin: 0 auto;}
.about-product .pimg{border: 1px solid #ededed; padding: 1px;}
.about-product .pname{margin: 6px auto;}
.about-product a{color: #3773b2; font-size: 14px;}

.product-property {background: #fff; padding: 5px 10px;} 
.product-property li {float: left;}
.product-property li a {display: inline-block; width: 50px; text-align: center; height: 26px; line-height: 26px;}
.product-property .tt-list{float: left;}
.product-property a.actived {background: url("../images/actived.png") no-repeat left center;}
.product-property .fff-list{float: right; position: relative;}
.product-property .fff-list ul{position: absolute; top: 32px; right:-10px; z-index: 100; width: 150px; background: #fff; border: 1px solid #DDD; display: none; padding-left: 10px;}

.maincontent {
box-shadow: 2px 2px 2px rgba(176,175,175,1);
background: #fff;
border: 1px solid #ededed;
}