@charset "utf-8";
/* Special_topic Module */
/* Author berder*/
/* 2014/5/7*/
@charset "utf-8";
.ws { width: 1024px; margin: 0 auto; }
.w { width: 1000px; margin: 0 auto; border: 0; }
body { margin: 0px; }
ul { list-style-type: none; }
table { border-collapse: collapse; }
input, textarea { outline: none; }
p, input, td, textarea, ul, dl, dt, dd { padding: 0px; margin: 0px; }
b, th { font-weight: normal; }
i, em { font-style : normal; }
u, a, s { text-decoration: none; }
body, button, input, select, textarea { font: 15px/1.5 "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", Arial, Verdana; color: #666; }
textarea { display: block; overflow: auto; resize: none; }
img, video { border: 0; /*max-width: 100%; height: auto;*/ }
img, li { vertical-align: top; }
h1, h2, h3, h4, h5 { margin: 0; font-size: inherit; font-weight: normal; }
a { text-decoration: none; color: #666; /*-webkit-transition:all 0.7s; -moz-transition:all 0.7s; -o-transition:all 0.7s; transition: all 0.7s;*/ }
a:link, a:visited { text-decoration: none; }
a:hover { color: #666666; text-decoration: none; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; font-size: 1px; height: 0; visibility: hidden; line-height: 0; }
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix { zoom: 1; }
.hk { height: 23px; line-height: 23px; }
.hks { height: 18px; line-height: 18px; }
.hka { height: 10px; line-height: 10px; }
#content { /* background: #e7e8e9; */}
#mainl { width: 650px; border: 1px solid #ccc; }
#mainaa { width: 625px; }
#mainrr { width: 360px; }
#askl { width: 676px; }
#maina { width: 650px; }
#mainr { width: 323px; }
.easy { display: none; }
/*base end*/
/*header footer*/
#headWrap {/*background: url(http://www.berder.com.cn/images/new/navwx.jpg) bottom center no-repeat;*/ width: 100%; height: 502px; position: absolute; overflow: hidden; }
#header { width: 100%; height: 159px; background: url(http://www.berder.com.cn/images/new/header.png) center no-repeat; position: absolute; top: 0; z-index: 11; }
#header #navwx { background: url(http://www.berder.com.cn/images/new/navwx.jpg) top center no-repeat; padding-top: 0px; }
.zxwz { width: 1200px; margin: 0 auto }
.zxwz_headbox { background: #fff }
.zxwz_head { height: 22px; font-size: 14px; color: #626262; line-height: 18px; }
.zxwz_head span { margin-left: 145px; float: left; line-height: 23px }
.zxwz_head_r { float: right; margin-right: 35px; position: relative; }
.zxwz_head_r p { text-indent: 6px; width: 120px; font-size: 14px; color: #626262; line-height: 22px; margin: 0px; padding: 0px; float: left; background: url(http://www.ynbode.com/static/images/zxwz/zxwz_head_r.jpg) no-repeat; background-position: 96px -1.8px; overflow: hidden; margin-left: 7px; margin-right: 16px; position: relative; }
.head_pb { position: absolute; left: 70px; display: none; top: 22px; z-index: 999; color: #aaaaaa }
.head_pb a { color: #aaaaaa }
.head_pb:hover { display: block }
.head_a:hover .head_pb { display: block }
.head_p { text-indent: 6px; background: #fff; z-index: 111; width: 120px; height: 25px; line-height: 25px; border-top: 1px solid #dcdcdc; border-left: 1px solid #959595; border-right: 1px solid #959595; }
.zxwz_head_r_p { top: 22px; }
.zxwz_head_r_pa { top: 48px; }
.zxwz_head_r_pb { top: 73px; border-bottom: 1px solid #959595; }
.zxwz_head_r p:hover { border-left: 1px solid #959595; border-right: 1px solid #959595; border-bottom: 0px; border-top: 0px }
.zxwz_head_r p:hover .zxwz_head_r_p { display: block; }
.zxwz_head_r span { font-size: 14px; color: #626262; line-height: 22px; margin: 0px; padding: 0px; float: left; }
.zxwz_head_r h1 { float: left; margin: -3px 52px 0 3px; padding: 0px }
.zxwz_head_r h1 img { float: left; }
.zxwz_head_l { background: url(http://www.ynbode.com/static/images/zxwz/zxwz_head_l.jpg) repeat-x; height: 22px }
.zxwz_head_logo { width: 1200px; height: 82px; margin: 2px auto; position: relative }
.zxwz_xxa { position: absolute; top: 114px; left: 260px; width: 18px; height: 11px; z-index: 111; }
.zxwz_xxb { position: absolute; top: 114px; left: 550px; width: 18px; height: 11px; z-index: 111; }
.zxwz_head_logo1 { float: left; width: 350px; }
.zxwz_head_logo1 span { float: left; }
.zxwz_head_logo1pa { margin: 0px; padding: 0px; font-size: 25px; float: left; color: #555454; font-family: SimSun; font-weight: 700; line-height: 43px; margin-top: 5px }
.zxwz_head_logo1pb { margin: 0px; padding: 0px; font-size: 15px; float: left; color: #707070; font-weight: 100; line-height: 0px }
.zxwz_head_logo2 { margin-left: 10px; float: left; margin-top: 4px }
.zxwz_head_logo2a { width: 60px; height: 62px; float: left; text-align: center; margin-right: 25px; background: url(http://www.berder.com.cn/images/zxwz/logo_ys.png) 10px 0px no-repeat; }
.zxwz_head_logo2b { width: 60px; height: 62px; float: left; text-align: center; margin-right: 25px; background: url(http://www.berder.com.cn/images/zxwz/logo_sb.png) 10px 0px no-repeat; }
.zxwz_head_logo2c { width: 60px; height: 62px; float: left; text-align: center; margin-right: 25px; background: url(http://www.berder.com.cn/images/zxwz/logo_bz.png) 10px 0px no-repeat; }
.zxwz_head_logo2d { width: 260px; height: 62px; float: left; margin-left: 30px; }
.zxwz_head_logo2 p { margin: 0px; padding: 0px; margin-top: 40px; color: #7D7D7D }
.zxwz_head_logo3 { float: right; }
.zxwz_head_logo3 p { line-height: 22px; font-size: 14px; margin: 10px 150px 0 0; float: left; padding: 0px; background: url(http://www.ynbode.com/static/images/zxwz/zxwz_tell.jpg) 0px -1.5px no-repeat; text-indent: 1.7em; color: #535353 }
.zxwz_head_logo3 h1 { color: #e96613; font-size: 25px; font-weight: 700; line-height: 30px; }
#navmenuw { background: url(http://www.berder.com.cn/images/20140429B.png) -24px -89px repeat-x; height: 50px; border-bottom: 1px solid #a68352; border-top: 1px solid #a68352 }
#navmenu { height: 50px; }
#navmenu ul li { width: 128px; height: 50px; background: url(http://www.berder.com.cn/images/aline.jpg) 0 3px no-repeat; float: left; position: relative; text-align: center; overflow: hidden; }
#navmenu ul li.ic { background: none; }
#navmenu ul li.ahome { width: 210px; height: 50px; background: url(http://www.berder.com.cn/images/new/20140429A.png) no-repeat; cursor: pointer; text-indent: -9999px; }
#navmenu ul li .tobg { position: absolute; width: 100%; height: 100%; top: 100%; left: 0; cursor: pointer; background: url(http://www.berder.com.cn/images/new/ahover.jpg) repeat-x; }
#navmenu ul li .ntxt { position: absolute; width: 100%; height: 50px; bottom: -80px; left: 0; color: #000;/*line-height: 80px;*/ text-align: center; font-weight: 700; font-size: 12px; text-shadow: -1px 1px #E9E9E9; }
#navmenu ul li a { display: block; float: left; color: #000; font-size: 12px; }
#navmenu ul li a i { display: block; padding-top: 10px; font-size: 12px; }
#navmenu ul li span { display: block; padding-top: 9px; color: #FFF; font-size: 11px; text-align: center; cursor: pointer; }
#navmenu ul li span i { display: block; font-size: 12px; }
/******************sub mcont*********************/
#navsub { position: relative; height: auto; z-index: -1; }
#navbox { position: absolute; left: 0px; top: -13px; z-index: -1; width: 100%; }
#navmenuw .list .now { top: 0; height: 112px; position: absolute; color: #000; background: url(../images/ahover.jpg) repeat-x; bottom: 0px; }
#navmenuw .cont { width: 100%; height: 295px; border-top: 3px solid #bb9959; border-bottom: 3px solid #bb9959; background: #FFF; margin: 0 auto; }
#navmenuw .cont .sublist { width: 300px; }
.mcont { position: relative; }
.chibd { position: absolute; left: -222px; top: 0; -webkit-animation: moveFromTop .6s ease both; animation: moveFromTop .6s ease both; }
.bzhul { width: 332px; padding: 75px 0 68px 0; margin-top: 25px; border-right: 1px solid #d6d6d6; }
.bzhul h1 { font-size: 32px; color: #000; }
.bzhul p { font-size: 18px; }
.zjin { width: 150px; margin: 83px 0 0 52px; display: inline; }
.zjin li { background: url(../images/zjin.jpg) left center no-repeat; padding-left: 30px; margin-bottom: 10px; }
.zjin li a { font: 18px/22px "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53"; color: #000; }
.zjin li a:hover { padding-left: 5px; }
.ppai { width: 455px; height: 224px; margin-top: 38px; border: 1px solid #d6d6d6; }
.ppai span { float: left; display: block; }
.ppai .ppa { width: 235px; height: 222px; margin: 1px 4px 0 1px; }
.ppai .ppb { margin: 1px 0 6px 0; }
.xtren { width: 338px; height: 286px; position: absolute; left: -86px; top: 9px; z-index: 1; -webkit-animation: moveFromLeft .6s ease both; animation: moveFromLeft .6s ease both; }
.five { width: 888px; height: 220px; position: absolute; right: 0; top: 39px; z-index: 2; }
.ulfive dl { width: 154px; height: 218px; overflow: hidden; float: left; margin-left: 22px; display: inline; }
.ulfive dl dd { width: 154px; height: 90px; overflow: hidden; position: relative; margin-bottom: 2px; }
.ulfive dl dt { }
.ulfive dl dt span { display: block; background: #000; line-height: 36px; font-size: 18px; text-align: center; color: #FFF; }
.ulfive dl dd div { display: none; width: 154px; height: 90px; overflow: hidden; position: absolute; bottom: 0px; _bottom: -1px; z-index: 3; left: 0px; color: #FFF; text-align: center; background: rgba(0, 0, 0, 0.6);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=1);
}
.ulfive dl dd div p { border-bottom: 1px solid #FFF; font-size: 16px; padding: 17px 0 5px 0; margin-bottom: 5px; }
.ulfive dl dd div b { font-size: 12px; }
.zexp { width: 403px; height: 218px; position: absolute; left: 12px; top: 45px; z-index: 1; -webkit-animation: moveFromLeft .6s ease both; animation: moveFromLeft .6s ease both; }
.zexpr { width: 568px; height: 273px; position: absolute; right: 0; top: 38px; z-index: 2; }
.ulzexp li { float: left; width: 75px; margin: 0 0 32px 18px; display: inline; }
.ulzexp li span { display: block; text-align: center; font-size: 14px; color: #000; }
.shebda { width: 307px; height: 295px; position: absolute; left: -116px; top: 0; z-index: 1; -webkit-animation: moveFromLeft .6s ease both; animation: moveFromLeft .6s ease both; }
.shebr { width: 888px; height: 253px; position: absolute; right: 0; top: 33px; z-index: 2; }
.ulsheb li { float: left; width: 160px; margin: 0 0 0 17px; display: inline; }
.ulsheb li img { border: 2px solid #c9c9c9; }
.ulsheb li img:hover { border: 2px solid #000; }
.ulsheb li p { padding-top: 8px; font-size: 12px; color: #000; font-family: "宋体"; }
@-webkit-keyframes moveFromLeft {
 from {
-webkit-transform: translateX(-100%);
}
}
@keyframes moveFromLeft {
 from {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-webkit-keyframes moveFromLeftFade {
 from {
opacity: 0.3;
-webkit-transform: translateX(-100%);
}
}
@keyframes moveFromLeftFade {
 from {
opacity: 0.3;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@-webkit-keyframes moveFromTop {
 from {
-webkit-transform: translateY(-100%);
}
}
@keyframes moveFromTop {
 from {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
/******************sub mcont end*********************/

.zpmenu { width: 997px; margin: 0 auto; height: 591px; overflow: hidden; background: #bc955e; }
.zpmenu #youa { background: url(../images/youa.jpg) bottom no-repeat; }
.zpmenu #youb { background: url(../images/youb.jpg) bottom no-repeat; }
.zpmenu #youc { background: url(../images/youc.jpg) bottom no-repeat; }
.zpmenu #youd { background: url(../images/youd.jpg) bottom no-repeat; }
.zpmenu #youe { background: url(../images/youe.jpg) bottom no-repeat; }
.zpmenu #youf { background: url(../images/youf.jpg) bottom no-repeat; }
.zpmenu dl { width: 1000px; float: left; height: 591px; _width: 1004px }
.zpmenu dt { width: 142px; float: left; height: 591px; border-left: 3px solid #FFF; cursor: pointer; }
.zpmenu .open {/*width: 0;*/ display: none; }
.yname { padding: 53px 0 10px 0; text-align: center; color: #FFF; border-bottom: 1px solid #DAC6AA; margin-bottom: 15px; }
.yname h2 { font: 700 30px/40px "宋体"; }
.yname p { text-transform: uppercase; font-size: 14px; }
.yotxt { color: #FFF; height: 168px; }
.yotxt p { padding: 0 10px 12px 10px; font: 12px/24px "宋体"; }
/*.zpmenu dt img{width:189px;display:block;float:left;height:310px;cursor:pointer}*/
.zpmenu dd { position: relative; width: 272px; display: block; float: left; height: 591px; overflow: hidden }
/*div.zpmenu dl#slider2 dd div.zpinfor{padding:12px 20px 0 20px;width:406px;display:inline;font:12px/21px "微软雅黑", "宋体";float:left;height:190px;overflow:hidden;}*/
.zpinfor { background: #bc955e; }
.zpinfor img { height: 591px; }
.zhuban { background: #1d1000; margin-top: 28px; padding: 11px 0 40px 0; }
.zhuban div { padding-top: 26px; }
.ztbtn { background: #FFF; padding: 30px 0 10px 0; }
.rollBox { width: 1143px; margin: 0 auto; }
.rollBox .LeftBotton { height: 160px; width: 47px; background: url(http://www.berder.com.cn/yatiem/images/l_btn.jpg) no-repeat; overflow: hidden; float: left; display: inline; cursor: pointer; }
.rollBox .RightBotton { height: 160px; width: 47px; background: url(http://www.berder.com.cn/yatiem/images/r_btn.jpg) no-repeat; overflow: hidden; float: left; display: inline; cursor: pointer; }
.rollBox .Cont { width: 1049px; overflow: hidden; float: left; height: 200px; }
.rollBox .ScrCont { width: 10000000px; }
.rollBox .Cont .pic { float: left; }
.rollBox .LeftBotton:hover { background: url(http://www.berder.com.cn/yatiem/images/l_btnv.jpg) no-repeat; }
.rollBox .RightBotton:hover { background: url(http://www.berder.com.cn/yatiem/images/r_btnv.jpg) no-repeat; }
.rollBox .Cont .pic p { line-height: 26px; color: #000; text-align: center; }
.rollBox .Cont .pic ul li { text-align: center; margin: 0 1px 0 6px; float: left; width: 341px; }
.rollBox .Cont .pic ul li .zj_scr { height: 23px; }
.rollBox .Cont .pic ul li .zj_scr span { margin-left: 6px; width: 61px; display: block; float: left; font-size: 12px; height: 22px; text-align: center; line-height: 22px; color: #FFF; }
.rollBox .Cont .pic ul li .zj_scr span a { color: #FFF; }
.rollBox #List1, .rollBox #List2 { float: left; }
/* banner_slide focus */
/* banner_slide end */
/*footer*/
#footer { background: url(../images/footerx.jpg) repeat-x; height: 375px; /*padding-bottom:58px;*/ }
#footer_nav { height: 48px; color: #FFF; }
#footer_nav ul li { width: 123px; float: left; position: relative; background: url(../images/linet.jpg) 0px 0px no-repeat; text-align: center; line-height: 48px; }
#footer_nav ul li.cnav { background: none; }
#footer_nav ul li a { padding: 0 6px; color: #FFF; font-weight: 700; }
#footer_nav ul li a:hover { color: #000; text-decoration: underline; }
#footer_nav #ftrmenu { display: none; width: 124px; height: 216px; background: url(../images/20140429A.png) -316px -289px no-repeat; position: absolute; left: 0; top: 1px; z-index: 3; padding-top: 10px; }
#footer_nav #ftrmenu a { margin-bottom: 17px; margin-top: 6px; display: block; height: 20px; line-height: 20px; color: #000; text-shadow: -1px 1px #FFF; }
.copy_log { width: 245px; height: 216px; background: url(../images/logo.png) no-repeat; margin: 68px 0 0 23px; display: inline; text-align: center; }
.copy_log span { display: block; padding-bottom: 15px; }
.copy_log span a { display: block; width: 190px; height: 190px; }
.copy_txt { background: url(../images/f_line.jpg) 0 45px no-repeat; padding: 53px 0 13px 0; width: 487px; }
.copy_txt p { padding: 0 0 8px 38px; line-height: 22px; color: #FFF; font: 12px/22px "宋体"; }
.copy_txt .f_tel { background: url(../images/tel.png) no-repeat; height: 39px; padding: 0 0 8px 43px; font-size: 15px; color: #FFF; margin: 0 0 15px 38px; }
.copy_txt .f_tel span, .copy_txt .f_tel b { float: left; display: block; float: left; }
.copy_txt .f_tel span { font-size: 30px; }
.copy_txt .f_tel b { margin-right: 20px; padding-top: 11px; }
.copy_txt p.pts { padding-top: 4px; }
.copy_txt p.pta { color: #aeaeae; }
.copy_txt p a { padding: 0 15px; font-size: 15px; color: #FFF; }
.weixin { text-align: center; padding-top: 33px; background: url(../images/f_line.jpg) 0 45px no-repeat; padding-left: 52px; }
.weixin p { color: #FFF; font: 12px/24px "宋体"; }
.weixin div { padding-bottom: 12px; }
.weixin div p { color: #aeaeae; }
.weixin p span { padding-top: 12px; display: block; }
/* footer end*/