/*--通用顶部导航--*/
.czdtopnav_box{width:100%; height:36px; border-bottom:#ccc solid 1px; background:#F6F6F6;position: fixed;z-index:2147483647;}
.czdtopnav{width:1000px; height:36px; margin:0 auto; position:relative;}
.czdtopnav_a:link,.czdtopnav_a:visited{float:left; line-height:20px; padding:0 3px 0 4px; margin-top:8px; color:#3D556A}
.czdtopnav .czdtopnav_a{font-size:12px;text-decoration:none;}
.czdtopnav .czdtopnav_a:nth-child(16),.czdtopnav .czdtopnav_a:nth-child(17){color:#f00;}
.czdtopnav_a:hover{color:#C00; text-decoration:none; text-decoration:underline;}
.czdtopnav span{float:left; line-height:36px; color:#999; padding:0 2px;text-indent:0px;}

/*--导航下拉--*/
.czdtopnavxl_btn{width:auto;*width:70px; height:36px; z-index:2147483647; float:left;}
.czdtopnavxl_b{width:auto; height:36px; position:relative; z-index:169; line-height:36px;}
.czdtopnavxl_b i{width:9px; height:5px; display:block; float:right; background:url(./topnav_icon.png) no-repeat; -moz-transition:0.2s ease-in 0s; -webkit-transition:0.2s ease-in 0s; -o-transition:0.2s ease-in 0s; transition:0.2s ease-in 0s; margin:16px 8px 0 5px;*margin:-20px 8px 0 5px;}
.czdtopnavxl_btn:hover i .czdtopnavxl_l,.czdtopnavxl_xd i{-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); margin:15px 8px 0 5px; *margin:-20px 8px 0 5px;}
.czdtopnavxl_b span{text-decoration:none; color:#3D556A;cursor:pointer;}
.czdtopnavxl_c{ position:absolute; z-index:2147483647; display:none;}
.topnavwz_a{width:1000px; height:100%; left:10%; pozition:absolute; top:36px;}
.topnavwz_a_c{box-sizing: content-box;background:#f6f6f6;width:978px; height:auto; overflow:hidden;  border:#999 solid 1px; box-shadow:2px 2px 2px #ccc; z-index:2147483647; padding:10px 10px 15px 25px; border-radius:3px;}
.topnavwz_a_c dl{box-sizing: content-box;width:210px; height:auto; overflow:hidden; float:left; padding:0 15px; border-right:#ccc dashed 1px;}
.topnavwz_a_c dl:hover{background-color:#EDEDED;border-radius:3px;}
.topnavwz_a_c dl:nth-last-of-type(4n+1){border-right:none;}
.topnavwz_a_c dl dt{width:210px; height:25px; text-align:left; overflow:hidden; float:left;}
.topnavwz_a_c dl dt i{width:11px; height:11px; overflow:hidden; display:block; background:url(./topnav_icon.png) no-repeat -145px 0; float:left; margin:8px 5px 0 0px;}
.topnavwz_a_c dl dd{float:left;}
.topnavwz_a_c dl dt span,.topnavwz_a_c dl dt a:link,.topnavwz_a_c dl dt a:visited{text-decoration:none; line-height:25px; font-weight:600!important; color:#3D556A;transition: all 400ms ease 0s;font: 12px/26px "宋体"!important;}
.topnavwz_a_c dl dt a:hover{text-decoration:underline; color:#C00;padding-left:5px;}
.topnavwz_a_c dl dd a:link,.topnavwz_a_c dl dd a:visited{text-decoration:none; color:#666; line-height:22px!important; background:url(./topnav_icon.png) no-repeat -165px 10px; padding-left:8px;  margin:0 0 0 8px!important; width:auto; height:22px; display:block; float:left;font-size:12px!important;;white-space:nowrap}
.topnavwz_a_c dl dd a:hover{text-decoration:underline; color:#C00;font-size:12px;}
.topnavwz_b{width:200px; height:100%; right:-40px; top:36px;}
.topnavwz_a_c3{text-align:left; width:260px; height:auto; overflow:hidden; background:#f6f6f6; border:#999 solid 1px; box-shadow:2px 2px 2px #ccc; z-index:2147483647; padding-bottom:25px; border-radius:3px;}

/*--小图标悬挂左右摆动动画--*/
@keyframes icon_rock{
0%{transform:rotate(0deg)}
25%{transform:rotate(-10deg)}
50%{transform:rotate(0deg)}
75%{transform:rotate(10deg)}
100%{transform:rotate(0deg)}
}
@-webkit-keyframes icon_rock{
0%{-webkit-transform:rotate(0deg)}
25%{-webkit-transform:rotate(-10deg)}
50%{-webkit-transform:rotate(0deg)}
75%{-webkit-transform:rotate(10deg)}
100%{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes icon_rock{
0%{-moz-transform:rotate(0deg)}
25%{-moz-transform:rotate(-10deg)}
50%{-moz-transform:rotate(0deg)}
75%{-moz-transform:rotate(10deg)}
100%{-moz-transform:rotate(0deg)}
}
.czd_iconrock_a{width:15px; height:15px; overflow:hidden; background:url(./topnav_icon.png) no-repeat -15px 0; float:left; margin:10px 3px 0 0px;*margin:9px 3px 0 0px;}
.czd_iconrock_b{width:14px; height:13px; overflow:hidden; background:url(./topnav_icon.png) no-repeat -35px 0; float:left;margin:11px 3px 0 0px;*margin:9px 3px 0 0px;}
.czd_iconrock_c{width:8px; height:11px; overflow:hidden; background:url(./topnav_icon.png) no-repeat -55px 0; float:left; margin:13px 3px 0 0px;*margin:12px 5px 0 0px;}
.czd_iconrock_f{width:12px; height:10px; overflow:hidden; background:url(./topnav_icon.png) no-repeat -75px -20px; float:left; margin:13px 3px 0  0px;*margin:12px 5px 0 0px;}
.topnavwz_a_tag{width:11px; height:5px; overflow:hidden; background:url(./topnav_icon.png) no-repeat -125px 0; z-index:2147483647; top:-4px; left:660px; position:absolute;}
.topnavwz_a_tag4{width:11px; height:5px; overflow:hidden; background:url(./topnav_icon.png) no-repeat -125px 0; z-index:2147483647; top:-4px; left:125px; position:absolute;}
.czdtopnav_b{float:left; line-height:36px; display:block; margin-right:8px;}
.czdtopnav_b em{float:left;color:#3D556A;}
.czdtopnav_b:hover{line-height:36px;}
.czdtopnav_b p{float:left; color:#07519A;}
.czdtopnav_b #user_head_name{float:left; color:#07519A;max-width:110px;overflow:hidden;height:36px;}
.czdtopnav_b:hover{text-decoration:none; color:#3D556A;}
.czdtopnav_b:hover .czd_iconrock_a,.czdtopnav_b:hover .czd_iconrock_b,.czdtopnav_b:hover .czd_iconrock_c,.czdtopnav_b:hover .czd_iconrock_f{transform-origin: 50% 0; animation: icon_rock 1s linear infinite; -webkit-animation: icon_rock 1s linear infinite; -moz-animation: icon_rock 1s linear infinite; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0;}
.czdtopnav_b:hover .czd_iconrock_a{background:url(./topnav_icon.png) no-repeat -15px -20px;}
.czdtopnav_b:hover .czd_iconrock_b{background:url(./topnav_icon.png) no-repeat -35px -20px;}
.czdtopnav_b:hover .czd_iconrock_c{background:url(./topnav_icon.png) no-repeat -55px -20px;}
.czdtopnav_b:hover .czd_iconrock_f{background:url(./topnav_icon.png) no-repeat -95px -20px;}

/*--登录前登录框--*/
.tb-menu-info{ height:auto; overflow:hidden; border-radius:0 2px 2px 2px; line-height:12px;}
.tb-menu li.menu-item-on .tb-menu-hover{ border:1px solid #d9d9d9; border-bottom:none; border-radius:2px 2px 0 0; background:#fff; box-shadow:0px -2px 2px #ddd; color:#4D97C5; padding:0 19px 0 9px; line-height:34px; height:26px;}
.tb-menu li.menu-item-on .tb-menu-hover s{ border-color:#4D97C5 transparent transparent; _border-color:#4D97C5 #fff #fff; top:16px; right:9px; -moz-transform:rotate(180deg);-moz-transform-origin:50% 30%;-webkit-transform:rotate(180deg);-webkit-transform-origin:50% 30%;-o-transform:rotate(180deg);-o-transform-origin:50% 30%;transform:rotate(180deg);transform-origin:50% 30%;}
.tb-menu-info dl{overflow:hidden;}
.tb-menu-info .czd_input{ border:1px solid #d9d9d9; padding:2px; width:192px; height:28px; line-height:28px; margin-left:31px;}
.tb-menu-info .czd_input:hover{ box-shadow:inset 1px 1px 2px #f5f5f5;}
.login-tip{width:100%; text-align:center; line-height:22px; color:#999;}
.czd_checkbox{float:left; margin-left:30px;}
.czd_checkbox input{float:left; margin:12px 5px 0 0;}
.btn-tg{width:90px; height:30px; display:block; margin:0 auto; background:#4F6D8A; border-bottom:#3D556A solid 3px; border-radius:3px; text-decoration:none; color:#fff; font-weight:600; line-height:30px; font-size:14px; text-align:center;}
.btn-tg:hover{background:#3D556A;cursor:pointer;}
.czd_ows1 img{padding:15px 0 0 30px;}
.czd_mybook{overflow:hidden; background:#fff; border-top:#ccc solid 1px; padding:15px 0;}
.czd_mybook p{text-align:left;line-height:22px; padding:0 15px; color:#3D556A; background:url(./topnav_icon.png) no-repeat -156px 9px; padding-left:18px;}
.czd_mybook p a{margin-right:10px;}
.czd_txt_link{line-height:22px; padding:0 15px; color:#999; padding-left:18px;}
.czd_txt_link a:link,.czd_txt_link a:visited{margin-right:8px; color:#666;}
.czd_txt_link a:hover{text-decoration:underline; color:#C00;}
.czd_tp10{margin-top:10px; height:auto; overflow:hidden;}

.tb-menu-info dt img{ width:46px; height:46px; display:block; padding:1px; border:1px solid #d9d9d9; border-radius:25px;}
.czd_ctp{ height:22px; width:175px; clear:both; line-height:22px; }
.czd_ctp i{ font-style:normal;}
.czd_ctpw{*padding-top:6px;_padding-top:0px;text-align:left;}
.czd_ap{ padding-bottom:10px;}
.czd_ap .ti{ display:block; font-size:14px; padding:10px 0 0 15px;}
.czd_ap .tia{ padding:5px 0 0 10px;display:block;}
.czd_clearfix a{float:right; margin:12px 26px 0 0;}
.czd_clearfix dt{margin-left:20px;}
.czd_clearfix dd{float:right; width:175px; margin-top:10px;}
.czd_user_name{float:left; color:#3D556A;}
.czd_clearfix dd img{float:left; border:#ccc solid 1px; border-radius:3px; margin:5px 0 0 10px;}
.czd_clearfix .czd_ctp .link_gr:link,.czd_clearfix .ctp .link_gr:visited{float:left; margin:0; background:url(./topnav_icon.png) no-repeat -155px -15px; padding-left:18px; color:#3D556A;}
.czd_clearfix .czd_ctp .link_gr:hover{text-decoration:underline; color:#C00;}
.czd_dn{margin-top:20px;}

.login-other{width:100%; text-align:center; line-height:22px; color:#999;}

/*导航悬浮的样式*/
.slide{-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}
.animated{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-4em)}
100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes slideDown{0%{-moz-transform:translateY(-4em)}
100%{-moz-transform:translateY(0)}
}
@-o-keyframes slideDown{0%{-o-transform:translateY(-4em)}
100%{-o-transform:translateY(0)}
}
@keyframes slideDown{0%{transform:translateY(-4em)}
100%{transform:translateY(0)}
}
.animated.slideDown{-webkit-animation-name:slideDown;-moz-animation-name:slideDown;-o-animation-name:slideDown;animation-name:slideDown}
@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(0)}
100%{-webkit-transform:translateY(-4em)}
}
@-moz-keyframes slideUp{0%{-moz-transform:translateY(0)}
100%{-moz-transform:translateY(-4em)}
}
@-o-keyframes slideUp{0%{-o-transform:translateY(0)}
100%{-o-transform:translateY(-4em)}
}
@keyframes slideUp{0%{transform:translateY(0)}
100%{transform:translateY(-4em)}
}
.animated.slideUp{-webkit-animation-name:slideUp;-moz-animation-name:slideUp;-o-animation-name:slideUp;animation-name:slideUp}