﻿/*--通用基础样式 开始--*/
body{margin:0; padding:0; font-size:12px; font-family:Arial, "宋体", Helvetica, sans-serif; background:#FFFFFF; color:#000;}
a{hide-focus: expression(this.hideFocus=true); outline: none;}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,p,input{margin:0; padding:0;}
a:link,a:visited{text-decoration:none; color:#333;}
a:hover{text-decoration:underline; color:#FF0000;}
img{border:0;}
li{list-style:none;}
i,em{font-style:normal;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.pt15{padding-top:15px;}
.mt15{margin-top:15px;}
.pb20{padding-bottom:20px;}
.height20{height:20px;}
.height30{height:30px;}
/*--通用基础样式 结束--*/

/*--通用顶部导航--*/
.czdtopnav_box{width:auto; height:36px; margin:0 auto; border-bottom:#ccc solid 1px; background:#F6F6F6;}
.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;}
.czdtopnav_a:hover{color:#fff; transition: background 0.5s ease 0s; text-decoration:none; background:#559100; border-radius:3px 0;}
.czdtopnav span{float:left; line-height:36px; color:#999; padding:0 3px}

/*--导航下拉--*/
.czdtopnavxl_btn{width:auto;*width:70px; height:36px; position:relative; z-index:168; 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(../images/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 a{text-decoration:none; color:#333;}
.czdtopnavxl_c{ position:absolute; z-index:160; display:none;}
.topnavwz_a{width:1000px; height:100%; right:-304px; top:36px;}
.topnavwz_a_c{width:998px; height:auto; overflow:hidden; background:#fff; border:#999 solid 1px; box-shadow:2px 2px 2px #ccc; z-index:99998; padding-bottom:25px;}
.topnavwz_a_c dl{width:208px; height:auto; overflow:hidden; float:left; padding:0 20px; border-right:#ccc dashed 1px;}
.topnavwz_a_c dl:nth-last-of-type(4n+1){border-right:none;}
.topnavwz_a_c dl dt{width:208px; height:30px; overflow:hidden; float:left;}
.topnavwz_a_c dl dt i{width:11px; height:11px; overflow:hidden; display:block; background:url(../images/topnav_icon.png) no-repeat -145px 0; float:left; margin:10px 5px 0 0px;}
.topnavwz_a_c dl dd{float:left;}
.topnavwz_a_c dl dt a:link,.topnavwz_a_c dl dt a:visited{text-decoration:none; line-height:30px; font-weight:600; color:#559100;}
.topnavwz_a_c dl dt a:hover{text-decoration:underline; color:#FF0000;}
.topnavwz_a_c dl dd a:link,.topnavwz_a_c dl dd a:visited{text-decoration:none; color:#333; line-height:30px; background:url(../images/topnav_icon.png) no-repeat -165px 13px; padding-left:8px;  margin-right:20px; width:auto; height:30px; display:block; float:left;}
.topnavwz_a_c dl dd a:hover{text-decoration:underline; color:#FF0000;}
.topnavwz_b{width:200px; height:100%; right:-55px; top:36px;}
.topnavwz_c{width:200px; height:100%; right:0; top:36px;}
.topnavwz_a_c2{width:198px; height:auto; overflow:hidden; background:#fff; border:#999 solid 1px; box-shadow:2px 2px 2px #ccc; z-index:99998; padding-bottom:25px;}
.topnav_ewm_a{width:200px; height:auto; overflow:hidden; line-height:22px; font-weight:600; color:#333; text-align:center; margin-top:20px;}
.topnav_ewm_b{width:200px; height:auto; overflow:hidden; line-height:22px; color:#999; font-size:14px; text-align:center;}


/*--小图标悬挂左右摆动动画--*/
@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)}
}
.iconrock_a{width:15px; height:15px; overflow:hidden; background:url(../images/topnav_icon.png) no-repeat -15px 0; float:left; margin:10px 3px 0 0px;*margin:9px 3px 0 0px;}
.iconrock_b{width:14px; height:13px; overflow:hidden; background:url(../images/topnav_icon.png) no-repeat -35px 0; float:left;margin:10px 3px 0 0px;*margin:9px 3px 0 0px;}
.iconrock_c{width:8px; height:11px; overflow:hidden; background:url(../images/topnav_icon.png) no-repeat -55px 0; float:left; margin:13px 5px 0 0px;*margin:12px 5px 0 0px;}
.iconrock_d{width:18px; height:14px; overflow:hidden; background:url(../images/topnav_icon.png) no-repeat -100px 0; float:left; margin:11px 5px 0 0px;*margin:10px 5px 0 0px;}
.iconrock_e{width:18px; height:16px; overflow:hidden; background:url(../images/topnav_icon.png) no-repeat -70px 0; float:left; margin:11px 5px 0 0px;}
.topnavwz_a_tag{width:11px; height:5px; overflow:hidden; background:url(../images/topnav_icon.png) no-repeat -125px 0; z-index:99999; top:-4px; left:644px; position:absolute;}
.topnavwz_a_tag2{width:11px; height:5px; overflow:hidden; background:url(../images/topnav_icon.png) no-repeat -125px 0; z-index:99999; top:-4px; left:174px; position:absolute;}
.topnavwz_a_tag3{width:11px; height:5px; overflow:hidden; background:url(../images/topnav_icon.png) no-repeat -125px 0; z-index:99999; top:-4px; left:119px; position:absolute;}
.czdtopnav_b{float:left; line-height:36px; display:block; margin-right:8px;}
.czdtopnav_b em{float:left;}
.czdtopnav_b:hover{text-decoration:none; color:#333;}
.czdtopnav_b:hover .iconrock_a,.czdtopnav_b:hover .iconrock_b,.czdtopnav_b:hover .iconrock_c,.czdtopnav_b:hover .iconrock_d,.czdtopnav_b:hover .iconrock_e{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 .iconrock_a{background:url(../images/topnav_icon.png) no-repeat -15px -20px;}
.czdtopnav_b:hover .iconrock_b{background:url(../images/topnav_icon.png) no-repeat -35px -20px;}
.czdtopnav_b:hover .iconrock_c{background:url(../images/topnav_icon.png) no-repeat -55px -20px;}
.topnav_ewm{float:left; width:180px; height:180px; margin:9px 0 0 9px;}
.topnavwz_a_c2xl{float:left; margin:20px 0 0 41px;}