@charset "utf-8";

/****产品导航*******/
.p-nav{padding: 10px; padding-left: 8px; padding-bottom: 0; position: relative; background: #f5f5f5; border-bottom: 1px solid #e8e8e8;}
.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: #666; 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: #fa7d0e; color: #fff;}
.morelist{display:none; position: absolute; right: 10px; top: 10px; padding-right:16px; padding-left:5px; height: 24px; line-height: 24px; background: url("../png/icon_down.png") no-repeat center; color: #fff; font-size: 14px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; cursor: pointer;}
.up{background: url("../png/icon_up.png") no-repeat center;}


.sl-key{float: left; width: 120px; font-size: 14px; text-align: right; color: #333;}
/****产品导航*******/

.navigation,.navigation a{color: #666;  font-size: 14px; font-weight: normal; display: inline-block; text-decoration: none;}
.navigation div{float: left; height: 50px; line-height: 50px; 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:#064b91; padding-left:20px; height: 50px; line-height: 50px; color: #fff; -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;}
.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:#064b91 url("../png/home-2.png") no-repeat 20px center; padding-left:50px;}
.titlebg h1,.titlebg h2{float: left; height: 50px; line-height: 50px; 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-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;border-bottom: 1px solid #f3f3f3;}
.imgblock .left-arrow{position: absolute; z-index:10; left:0; top: 0; width:200px; height: 100%; }
.leftarrow{background: url("../png/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("../png/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;}
.jcarousel-skin-tango .jcarousel-item{width: auto; height: auto; 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: 2px solid #f3f3f3; padding: 1px; /*  width: 100px;height: 100px; */ margin: 0 auto;}
.jcarousel-skin-tango p.actived{border: 2px solid #fa7d0e; padding: 1px;}
.jcarousel-skin-tango p.time{font-size:12px; height: 30px; line-height: 30px; text-align: center; color: #313131;}
.toolbar{border-bottom:1px solid #f3f3f3; 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("../png/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("../png/play.png") no-repeat left center; padding-left: 20px;}
.toolbar .share{right:180px; background: url("../png/share.png") no-repeat left center; padding-left: 20px;}
.toolbar .zoom{right: 100px; background: url("../png/zoom.png") no-repeat left center; padding-left: 20px;}
.toolbar .print{right: 20px; background: url("../png/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("../png/dian-2.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;border-bottom: 1px solid #f3f3f3;} 
.product-property li {float: left; line-height: 26px; height: 26px;}
.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("../png/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: 170px; 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;
}

#text {padding: 10px; min-height: 400px;}
#text table tr td,#text table tr td a{font-size: 14px; padding: 10px;}
#text .title {
    color: red;
    font-size: 34px;
    font-weight: bold;
    margin: 10px auto;
    text-align: center; height: 40px; line-height: 40px;
}
#text .title a{color: red; font-size: 34px; font-weight: bold;}
#text .subhead {
	font-size:18px;
    font-weight: bold;
    text-align: center; padding-bottom: 10px;
}
#text .subhead a{font-size:18px; font-weight: bold;}
#text .author {
    font-size: 14px;
    padding: 10px 0;
    text-align: center;
}
#text .writing p {
    font-size: 16px;
    line-height: 32px;
    text-align: justify;
    text-indent: 2em;
}
.ctitle,.number{width: 600px; margin: 0 auto;}
.number{text-align: center; font-size: 18px; padding: 20px; font-weight: bold;}
#text .writing td{font-size: 16px; padding: 10px;}

.nodata{text-align: center; padding: 30px;}

#context{
	display:none;
	position:absolute;
	z-index:10;
	border:1px solid #AAAAAA;
	background-color:#FFFFFF;
	font-size:12px;
	font-family: 'Microsoft Yahei',Arial,Helvetica,sans-serif;
	/*opacity: 0.8;*/
}

.table{border-collapse:collapse;}
.table th {
    background: url("../sprite.html") repeat scroll right -30px #ECEFF6;
    border-bottom: 1px solid #D6D6D6;
    border-right: 1px solid #D6D6D6;
    color: #666666;
    font-weight: normal;
    padding: 5px 10px;
    text-align: right;
    white-space: nowrap;
}
.table th,.table td{ border:1px solid #D6D6D6; text-align:center; height:26px; line-height:26px;padding-left: 10px; padding-right: 10px;}
.table tbody tr:hover{
    background: none repeat scroll 0 0 #FEFACC;
}





.mytoolbar{overflow:hidden; text-align:center;padding:10px 0; padding-left:10px; border-bottom:1px solid #f3f3f3;}
.mytoolbar div.icon{width:28px; height:28px; cursor: pointer; margin-right:10px;}
.mytoolbar .myselect,.mytoolbar .playtime{display:inline-block;margin-top:4px;}
.mytoolbar .firstpic{float:left;background:url('../png/icon_first.png') no-repeat center;}
.mytoolbar .prepic{float:left;background:url('../png/icon_prev.png') no-repeat center;}
.mytoolbar .tplay{float:left;background:url('../png/icon_player.png') no-repeat center;}
.mytoolbar .tstop{float:left;background:url('../png/icon_pasue.png') no-repeat center;}
.mytoolbar .nextpic{float:left;background:url('../png/icon_next.png') no-repeat center;}
.mytoolbar .lastpic{float:left;background:url('../png/icon_last.png') no-repeat center;}
.mytoolbar .share{float:right;background:url('../png/icon_share.png') no-repeat center;}
.mytoolbar .zoom{float:right;background:url('../png/icon_zoom.png') no-repeat center;}
.mytoolbar .print{float:right;background:url('../png/icon_print.png') no-repeat center;}