@charset "gb2312";
@import url("reset.css");
.fl{ float: left}
.fr{ float: right}
.eytop{ width:100%; height:46px; background:#ec6d65;}
.eytop .eycen{ width:1100px; height:46px; margin:0 auto; font-size:12px; color:#fff; text-align:left; line-height:46px}
.eytop .eycen h1{ float:left;font-size:12px;}
.eytop .eycen font{ float:left;font-size:12px;}
.eytop .eycen span{ width:auto; padding-left:26px; font-size:12px; color:#fff; text-align:left; line-height:25px; float:right; margin-top:12px; margin-left:33px; transition:all 0.5s ease}
.eytop .eycen span a{ color:#fff; transition:all 0.5s ease}
.eytop .eycen span a:hover{ font-size:14px;}
.eytop .eycen span.eybg1{ background:url(../images/bg1.jpg) left center no-repeat;}
.eytop .eycen span.eybg2{ background:url(../images/bg2.jpg) left center no-repeat; cursor:pointer;}
.eyheader{ width:1100px; overflow: hidden; margin:30px auto 0;}
.eyheader a{ width:535px; height:64px; float:left;}
.eyheader .img_tel{ width:340px; height:50px; line-height: 50px; overflow: hidden; float:right; margin-top:4px;}
.img_tel .eyico{width: 130px; font-size: 16px; padding-left: 40px; float: left;overflow: hidden; cursor: pointer;}
.img_tel .eyico i{display: block;width: 30px;height: 30px; margin-right: 10px; background-color: #ccc; padding: 10px; border-radius: 50%; float: left}
.img_tel .eyico.eyi1 i{ background:#ccc url(../images/ey_ico1.png) no-repeat center}
.img_tel .eyico.eyi2 i{ background:#ccc url(../images/ey_ico2.png) no-repeat center}
.img_tel .eyico:hover i{ background-color: #ec6d65}
.img_tel .eyico:hover{ color: #ec6d65;}

.dhnav{ width:1112px; height:59px; margin:30px auto 20px; background:url(../images/dhbg.png); position:relative;}
.dhnav li{ width:108px; height:45px; float:left; margin-left:27px; margin-top:7px; position:relative;}
.dhnav li img{  position:absolute; left:0; top:0;}
.dhnav li .img1{ width:108px; height:45px; z-index:1;}
.dhnav li .img2{ width:108px; height:45px; z-index:100; display:none;}
.dhnav li .img3{ width:139px; height:176px; left:-13px; top:-80px; z-index:99; display:none;} 
.dhnav li :hover .img2{ display:block;}
.dhnav.li_dis:hover .img2,.dhnav li.li_dis:hover .img3{ display:block;}
.dhnav .jdxm{ width:197px; height:0px; position:absolute; left:-5px; top:52px; z-index:98; background:url(../images/bg4.png); overflow:hidden;}
.dhnav .jdxm span{ width:100%; height:auto; overflow:hidden; margin-top:33px; display:block;}
.dhnav .jdxm span a,.dhnav .youz span a{ width:100%; height:36px; float:left; font-size:16px; color:#fff; text-align:center; line-height:36px;}
.dhnav .jdxm span a:hover,.dhnav .youz span a:hover{ color:#ec6d65;}
.dhnav .youz{ width:407px; height:0px; position:absolute; left:-8px; top:52px; z-index:98; background:url(../images/bg6.png); overflow:hidden;}
.dhnav .youz span{  height:auto; overflow:hidden; float:left; margin-top:47px;}
.dhnav .youz span a{ text-align:left;}
.dhnav .youz span.zuo{width:160px; margin-left:40px;}
.dhnav .youz span.you{width:202px;}
/*bannerÂÖ²¥css*/
#banner{ height:640px;}
.bannerSlide {width:100%;height:640px;overflow:hidden; position:absolute; z-index:1;}
.bannerSlide .slideBox,.bannerSlide .slideBox .tempWrap {width:100%;height:640px;}
.bannerSlide .slideBox li {position:relative;width:100%;height:640px;overflow:hidden;}
.bannerSlide .slideBox li a {display:block;width:100%;height:100%;position:relative;}
.bannerSlide .slideBox li img {position:absolute;left:50%;top:0;margin-left:-950px;-moz-transform:scaleX(1.03) scaleY(1.03);-ms-transform:scaleX(1.03) scaleY(1.03);-o-transform:scaleX(1.03) scaleY(1.03);-webkit-transform:scaleX(1.03) scaleY(1.03);transform:scaleX(1.03) scaleY(1.03);}
.bannerSlide .slideBox li.active img {-moz-transition:-moz-transform 4s linear 0s;-ms-transition:-ms-transform 4s linear 0s;-o-transition:-o-transform 4s linear 0s;-webkit-transition:-webkit-transform 4s linear 0s;transition:transform 4s linear 0s;-moz-transform:scaleX(1) scaleY(1);-ms-transform:scaleX(1) scaleY(1);-o-transform:scaleX(1) scaleY(1);-webkit-transform:scaleX(1) scaleY(1);transform:scaleX(1) scaleY(1);}
.bannerSlide .focus {width:100%;bottom:9px;z-index:10;text-align:center;}
.bannerSlide .focus span {width:15px;height:15px; background-color:#ccc;display:inline-block;margin:0 5px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.bannerSlide .focus span.active { background-color:#ec6d65;}
.bannerSlide .preBtn {left:150px;top:50%;display:block;width:74px;height:74px;margin-top:-37px; background-color:rgba(0,0,0,.3);z-index:7;display:none; transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; -webkit-transition: all ease 0.5s;}
.bannerSlide .preBtn i {display:block;width:26px;height:48px;margin-left:24px;margin-top:13px; background-position:0 -45px;}
.bannerSlide .nextBtn {right:150px;top:50%;display:block;width:74px;height:74px;margin-top:-37px; background-color:rgba(0,0,0,.3);z-index:7;display:none; transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; -webkit-transition: all ease 0.5s;}}
.bannerSlide .nextBtn i {display:block;width:26px;height:48px;margin-left:24px;margin-top:13px; background-position:-33px -45px;}
.bannerSlide .preBtn:hover,.bannerSlide .nextBtn:hover { background-color:rgba(0,0,0,.7);}
.preBtn{background:url(http://www.ybs120.com/images/icon-b.png) no-repeat 23px; display:block}
.nextBtn{background:url(http://www.ybs120.com/images/icon-b.png) no-repeat -70px; display:block}

.xdh{ width:1099px; height:100px; margin:55px auto 0;}
.xdh a{ width:157px; height:100px; float:left;  color:#828282; transition:all 0.5s ease}
.xdh a i{ width:56px; height:56px; margin:8px auto 0; display:block; background:#828282; border-radius:30px; border:1px solid #828282;}
.xdh a i img{ width:56px; height:56px; }
.xdh a span{ width:100%; height:40px; font-size:14px; text-align:center; line-height:40px; display:block}
.xdh a:hover{ background:#ec6d65; color:#fff;}
.xdh a:hover i{ background:#ec6d65; border:1px solid #fef8f7;}
.et_ckzx{ width:656px; height:254px; padding-right:447px;margin:38px auto 0; background:url(../images/ck1.jpg) right no-repeat;}
.et_ckzx img{ width:310px; height:46px; float:left; margin-top:11px;}
.et_ckzx p{ width:100%; float:left; margin-top:20px; font-size:16px; color:#999; line-height:36px; text-indent:2em;}
.et_ckzx1{ width:408px; height:280px; padding-left:695px; background:url(../images/ck2.jpg) 14px top no-repeat; margin:40px auto 0;}
.et_ckzx1 .din{ width:100%; height:50px;}
.et_ckzx1 .din img{ width:196px; height:46px; float:left; margin-top:4px;}
.et_ckzx1 .din a{ width:86px; height:27px; float:right; margin-right:7px; font-size:12px; color:#828282; text-align:center; line-height:27px; background:#f0f0f0; transition:all 0.5s ease}
.et_ckzx1 .din a:hover{ font-size:14px;color:#ec6d65;}
.et_ckzx1 ul{ width:372px; height:180px; margin-top:35px;}
.et_ckzx1 ul li{ width:334px; height:36px; float:left; font-size:14px; padding-left:38px; line-height:36px; background:url(../images/bg7.png) 15px center no-repeat;}
.et_ckzx1 ul li:nth-of-type(odd){ background:#f5f5f5 url(../images/bg7.png) 15px center no-repeat;;}
.et_ckzx1 ul li a{color:#666; transition:all 0.5s ease}
.et_ckzx1 ul li a:hover{ color:#ec6d65;}
.et_tit1{ width:650px; height:77px; padding-left:453px; margin:45px auto 0;}
.et_tit1 .img1{ width:190px; height:53px; float:left; margin-top:16px;}
.et_tit1 .img2{ width:315px; height:77px; float:right;}
.et_zzxm{ width:1103px; height:382px; margin:34px auto 0; padding-bottom:30px;}
.et_zzxm .zuob{ width:195px; height:382px; float:left; border-radius:5px; -moz-box-shadow:5px 5px 8px #cc; -webkit-box-shadow:5px 5px 8px #ccc; box-shadow:5px 5px 8px #ccc;}
.et_zzxm .zuob h5{ font-size:20px; color:#fff; text-align:center; line-height:47px; background:#ec6d65; font-weight:100;}
.et_zzxm .zuob ul{ width:164px; height:334px; padding:0 15px; border-top:1px solid #ededed; border-left:1px solid #ededed; overflow:hidden;}
.et_zzxm .zuob ul li{ width:100%; height:41px; float:left; font-size:16px; color:#828282; text-align:center; line-height:41px; border-bottom:1px dashed #d2d2d2; cursor:pointer;}
.et_zzxm .zuob ul li a{color:#828282;transition:all 0.5s ease}
.et_zzxm .zuob ul li.active{ background:url(../images/bg12.jpg) 140px center no-repeat;}
.et_zzxm .zuob ul li.active a,.et_zzxm .zuob ul a.gdwt:hover,.et_zzxm .youb .youc ul li a:hover{ color:#ec6d65;}
.et_zzxm .zuob ul a.gdwt{width:100%; height:38px; float:left; font-size:16px; color:#828282; text-align:center; line-height:38px; font-weight:bold;}
.et_zzxm .youb_n{width:849px; height:305px; float:right; padding:38px 15px 38px 26px;border-top:1px solid #ededed; border-left:1px solid #ededed; -moz-box-shadow:5px 5px 8px #cc; -webkit-box-shadow:5px 5px 8px #ccc; box-shadow:5px 5px 8px #ccc; border-radius:5px;}
.et_zzxm .youb{ width:849px; height:305px; }
.et_zzxm .youb img{ width:245px; height:305px; float:left;}
.et_zzxm .youb .youc{ width:582px; height:305px; float:right;}
.et_zzxm .youb .youc p{ width:515px; height:130px; padding-left:67px; font-size:14px; color:#343434; line-height:24px; background:url(../images/bg9.jpg) 4px 28px no-repeat;}
.et_zzxm .youb .youc p font{ font-size:16px; color:#ec6d65;}
.et_zzxm .youb .youc ul{ width:515px; height:124px; padding-left:67px; background:url(../images/bg10.jpg) 4px 16px no-repeat;}
.et_zzxm .youb .youc ul h5{ width:100%; font-size:16px; color:#ec6d65; text-align:left; line-height:35px; font-weight:100; float:left;}
.et_zzxm .youb .youc ul li{ width:257px; height:35px; float:left; font-size:14px; line-height:36px;}
.et_zzxm .youb .youc ul li a{ color:#343434;transition:all 0.5s ease}
.et_zzxm .youb .youc span{ width:515px; height:51px; padding-left:67px; background:#ec6d66 url(../images/bg11.jpg) 12px center no-repeat; border-radius:5px; display:block; font-size:14px; color:#fff; line-height:51px;}
.et_zzxm .youb .youc span a{color:#fff;}
.et_zzxm .youb .youc span a:hover{ text-decoration:underline;}
.et_zj{ width:100%; height:978px; margin:25px auto 0; background:url(../images/bg13.jpg) repeat-x;}
.et_tit2{ width:650px; height:83px; padding-left:453px; margin:0 auto; padding-top:65px;}
.et_tit2.img1{ width:199px; height:53px; float:left; margin-top:11px;}
.et_tit2 .img2{ width:293px; height:83px; float:right;}
.in_anli{width:1118px; height:660px; margin:67px auto 0;position:relative; }
.in_anli .wzjs{ width:463px; height:135px; position:absolute; left:0; top:0;}
.in_anli .wzjs a{ width:88px; height:26px; background:#fff; float:right; border:1px solid #fff; font-size:16px; color:#ec6d65; text-align:center; line-height:26px;transition:all 0.5s ease}
.in_anli .wzjs a:hover{ background:none; color:#fff; font-size:18px;}
.in_anli .wzjs p{ width:100%; float:left; margin-top:7px; font-size:16px; color:#fff; text-indent:2em; line-height:30px;}
.in_anli #prevqs,.in_anli #nextqs{height:33px; width:37px; position: absolute; z-index: 99;top:53px; cursor: pointer; }
.in_anli #prevqs{ background: url(../images/al_l.jpg) no-repeat; left: 0;}
.in_anli #nextqs{ background: url(../images/al_r.jpg) no-repeat; right: 0;}
.in_anli #prevTops{display:none}
.in_anli #nextTops{display:none}
.in_anli li{float:left;}
.in_anli .cf li{position:relative;color:#fff;}
.in_anli .picBox{width:1080px; height:470px; position: relative; overflow: hidden; margin:auto 0 auto 38px;}
.in_anli .picBox ul{position:absolute; left:0;}
.in_anli .picBox li{ width:1080px; height:470px;}
.in_anli .picBox li img{ width:470px; height:470px; float:left;}
.in_anli .picBox li .youc{ width:540px; height:470px; float:right; margin-right:15px;}
.in_anli .picBox li .youc span{ width:100%; height:146px; margin-top:15px; font-size:16px; color:#fff; text-align:left; line-height:30px; display:block;}
.in_anli .picBox li .youc span a{ font-size:24px; color:#fff; font-weight:bold;}
.in_anli .picBox li .youc span a:hover{ text-decoration:underline;}
.in_anli .picBox li .youc p{ width:100%; height:215px; font-size:14px; color:#fff; line-height:28px;}
.in_anli .picBox li .youc p font{ font-size:20px; font-weight:bold;}
.in_anli .picBox li .youc i{ width:100%; height:49px; display:block;}
.in_anli .picBox li .youc i a{ width:286px; height:47px; float:left; background:#fff; font-size:24px; color:#ec6d65; text-align:center; line-height:49px; border:1px solid #fff; transition:all 0.5s ease}
.in_anli .picBox li .youc i a:hover{ background:none; color:#fff; font-size:26px;}
.smImgBox{ width:577px; height:137px;  position: relative; margin:0 auto 51px; float:right;  }
.in_anli .listBox{ width:474px; height:137px; margin: 0 auto; position: relative; overflow: hidden; }
.in_anli .listBox ul{height:137px;position:absolute; padding-left:0px;}
.in_anli .listBox li{ width:137px; height:137px; cursor: pointer; position: relative; padding:0 10px; float:left;  }
.in_anli .listBox li span{width:123px; height:123px;border:7px solid #f5b1a0; border-radius:70px; background:#cfcdcd; overflow:hidden; display:block;}
.in_anli .listBox li span img{ width:123px; height:123px;}
.in_anli .listBox li.on span{ background:#fff;}
.et_hj{ width:973px; height:248px; margin:60px auto 0; border-bottom:7px solid #ec6d65; padding-top:96px; background:url(../images/tit7.jpg) center top no-repeat;}
.et_hj li{ width:196px; height:248px; float:left; margin-right:63px;  position:relative; cursor:pointer;}
.et_hj li:nth-of-type(4){ margin-right:0;}
.et_hj li img{ width:196px; height:209px; position:absolute; left:0; top:0;}
.et_hj li img.img1{ z-index:1;}
.et_hj li img.img2{ z-index:2; display:none;}
.et_hj li.active .img2{ display:block;}
.et_hj li.active{ background:url(../images/bg14.jpg) center bottom no-repeat;}
.et_hjnr{ width:904px; height:410px; margin:24px auto 0; position:relative;}
.et_hjnr img{ width:904px; height:410px; position:absolute; left:0; top:0; z-index:1;}
.et_hjnr p{ position: absolute;width: 480px; top: 150px; left: 222px; color: #fff; font-size: 16px; line-height: 30px; z-index: 2; text-shadow: 0px 0px 5px #000}
#ethj_Content0 p{text-align: center}
.et_hjnr a{ width:203px; height:41px; position:absolute; z-index:2; display:block; left:356px; bottom:77px; font-size:16px; color:#fff; text-align:center; line-height:41px;transition:all 0.5s ease}
.et_hjnr a:hover{ font-size:18px;}
.et_xyy{ width:100%; height:498px; margin:60px auto 0; background:url(../images/bg15.jpg) repeat-x;}
.et_xyy .cen{ width:554px; height:141px; margin:0 auto; padding:260px 0 62px 546px; background:url(../images/bg16.jpg) center 103px no-repeat; }
.et_xyy .cen p{ width:100%; height:109px; float:left; font-size:18px; color:#fff; text-indent:2em; line-height:30px;}
.et_xyy .cen a{ width:113px; height:30px; float:left; background:#fff; font-size:18px; color:#ec6d65; text-align:center; line-height:32px; border:1px solid #fff; transition:all 0.5s ease}
.et_xyy .cen a:hover{ background:none; color:#fff; font-size:19px;}
.et_dimg{ width:1102px; height:512px; margin:8px auto 107px;}
.et_dimg img{width:1102px; height:512px;}
.er_footer{ width:100%; height:398px; background:#f1f1f1; padding-top:60px;}
.er_footer .dlogo{ width:391px; height:45px; margin:0 auto;}
.er_footer span{ width:100%; height:20px; margin-top:47px; display:block; text-align:center; line-height:20px;}
.er_footer span a{ font-size:16px; color:#303030; margin:0 8px; transition:all 0.5s ease}
.er_footer span a:hover{ color:#ec6d65;}
.er_footer p{ font-size:16px; color:#303030; text-align:center; line-height:20px; margin-top:10px;}
.er_footer .tel{ width:337px; height:51px; padding-left:223px; display:block; margin:26px auto 0; background:url(../images/telbg.jpg) left no-repeat; font-size:47px; color:#303030; line-height:51px;}
.er_footer .dzx{ width:192px; height:90px; margin:33px auto 0;}
.er_footer .dzx a{ width:58px; height:90px; float:left; margin: 0 19px; font-size:14px; color:#303030; text-align:center; line-height:20px;}
.er_footer .dzx a i{ width:58px; height:70px; display:block; transition:0.5s ease; -moz-transition:0.5s ease; -ms-transition:0.5s ease; -o-transition:0.5s ease; -webkit-transition:0.5s ease; transform-style:preserve-3d; -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; -o-transform-style:preserve-3d; -webkit-transform-style:preserve-3d}
.er_footer .dzx a i.i01{ background:url(../images/di01.jpg) center top no-repeat;}
.er_footer .dzx a i.i02{ background:url(../images/di02.jpg) center top no-repeat;}
.er_footer .dzx a:hover i{transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);-webkit-transform:rotateY(180deg); }
.er_footer .dzx a:hover{ font-weight:bold;}
.er_bot{ width:100%; height:55px; background:#303030;}
.er_bot p{ width:1103px; margin:0 auto; font-size:12px; color:#fff; text-align:right;  line-height:55px;}