@charset "gb2312";
@import url("/yedental/css_ybs/reset.css");

body,html{ width: 100%; height: 100%;}
#in_main,.section{ padding-top: 90px} /**/
.section{ position: relative}


.in_top{ height: 90px; width: 100%; background: #000; color: #fff; overflow: hidden; position:fixed; top: 0; left: 0; z-index: 5;}
.logo{ display: block; width: 194px; height: 100%; margin: 0 0 0 40px; float: left; background: url(/yedental/images_ybs/logo.png) no-repeat center}
.nav{ width: 832px; float: right; overflow: hidden; position: relative}
.nav ul{ width: 750px; float: left; overflow: hidden;}
.nav ul>li,.item_list>a{ width: 107px; text-align: center; font-size: 14px; float: left}
.nav ul>li a,.item_list>a{ color: #fff; display: block; height: 100%;}
.nav ul>li a:hover,.item_list>a:hover{ background: #c2996d}
.nav .item_a{ width: 59px; height: 100%; position: absolute; right: 0; cursor: pointer; background: url(/yedental/images_ybs/head_tqh.png) no-repeat left; float: right;}
.nav .item_a i{display: block; width: 59px; height: 100%; position: absolute; right: 0; z-index: 2}
.item_a .item_list{ width: 642px; margin-left: 59px; overflow: hidden; float: left}
.in_top a{ line-height: 90px;}
.in_top.on{ height: 70px;}
.in_top.on .item_a,.at_con.on .item_a{ width: 731px; background:#333 url(../images_ybs/clost.png) no-repeat 672px}
.in_top.on .item_a .item_list,.at_con.on .item_a .item_list{ margin-left: 0}
.in_top.on a,.at_con.on a{ line-height: 70px;}
.in_top.on1{ height: 90px;}
.in_top.on1 a{ line-height: 90px;}

.art_top{ width: 100%; height: 70px; background: #000; position: fixed; top: 0; z-index: 5}
.at_con{ width: 1200px; height: 100%; margin: 0 auto; color: #fff; overflow: hidden; position: relative}
.at_con a{ line-height: 70px;}

/*banner轮播css*/
#banner{ height:100%; position: relative}
.bannerSlide { width:1920px;height:100%;overflow:hidden; position:absolute; left: 50%; margin-left: -960px; z-index:1;}
.bannerSlide .slideBox,.bannerSlide .slideBox .tempWrap {width:100%;height:891px;}
.bannerSlide .slideBox li {position:relative;width:100%;height:891px;overflow:hidden;  background-size: 100%;}
.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:18%;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:#b18250;}
.bannerSlide .preBtn {left:8%;top:45%;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:8%;top:45%;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(/yedental/images_ybs/icon-b.png) no-repeat 23px; display:block}
.nextBtn{background:url(/yedental/images_ybs/icon-b.png) no-repeat -70px; display:block}

.bannerSlide .slideBox li{ background-size:cover}
.bannerSlide .slideBox li *{ transition:transform 0.5s ease 0s; -o-transition:transform 0.5s ease 0s; -ms-transition:transform 0.5s ease 0s; -webkit-transition:transform 0.5s ease 0s; -moz-transition:transform 0.5s ease 0s;}

.b1_bg{ height: 100%; background: url(/yedental/images_ybs/banner/b1_bg.jpg) no-repeat center 0; background-size: 100%; position: relative}
.b1_bg *{ position: absolute; left: 50%; opacity: 0}
.b1_1{ width: 209px; height: 31px; top: 11%; margin-left: -105px; background: url(/yedental/images_ybs/banner/b1_1.png) no-repeat; transform: translateY(200%) scale(0);}
.b1_2{ width: 123px; height: 28px; top: 16%; margin-left: -61px; background: url(/yedental/images_ybs/banner/b1_2.png) no-repeat; transform: translateY(200%) scale(0);}
.b1_3{ width: 821px; height: 67px; top: 21%; margin-left: -410px; background: url(/yedental/images_ybs/banner/b1_3.png) no-repeat; transform: scale(0);}
.b1_4{ width: 589px; height: 19px; top: 31%; margin-left: -294px; background: url(/yedental/images_ybs/banner/b1_4.png) no-repeat; z-index: 2;}
.b1_5{ width: 616px; height: 680px; top: 29%; margin-left: -258px; background: url(/yedental/images_ybs/banner/b1_5.png) no-repeat;}
.b1_6{ width: 186px; height: 147px; top: 46%; margin-left: -600px; background: url(/yedental/images_ybs/banner/b1_6.png) no-repeat; transform: translateX(200px);}
.b1_7{ width: 300px; height: 52px; top: 66%; margin-left: -600px; background: url(/yedental/images_ybs/banner/b1_7.png) no-repeat; transform: scale(1.5); cursor: pointer;}
.slideBox li.active .b1_1,.slideBox li.active .b1_2,.slideBox li.active .b1_3{ opacity: 1}
.slideBox li.active .b1_1{ transform: translateY(0) scale(1);}
.slideBox li.active .b1_2{ transform: translateY(0) scale(1); transition-delay: 0.2s}
.slideBox li.active .b1_3{ transform: scale(1); transition-delay: 0.6s; transition-duration: 1s}
.slideBox li.active .b1_4{ animation:slideInDown ease 1s 1.2s forwards}
.slideBox li.active .b1_5{ animation:slideInDown ease 1.5s 1.2s forwards,ud ease 3s 2.7s alternate infinite}
.slideBox li.active .b1_6{ animation:slideInRight ease 1.5s 2.2s forwards}
.slideBox li.active .b1_7{ animation:zoomIn ease 1s 3.2s forwards,zoom linear 0.5s 4.2s alternate infinite}

.b1_1,.b1_2{ -o-transform: translateY(200%) scale(0); -ms-transform: translateY(200%) scale(0); -webkit-transform: translateY(200%) scale(0); -moz-transform: translateY(200%) scale(0);}
.b1_3{ -o-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0);}
.b1_6{ -o-transform: translateX(200px); -ms-transform: translateX(200px); -webkit-transform: translateX(200px); -moz-transform: translateX(200px);}
.b1_7{ -o-transform: scale(1.5); -ms-transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5);}
.slideBox li.active .b1_1,.slideBox li.active .b1_2{ transform: translateY(0) scale(1); -o-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); -webkit-transform: translateY(0) scale(1); -moz-transform: translateY(0) scale(1);}

.b2_bg{ height: 100%; background: url(/yedental/images_ybs/banner/b2_bg.jpg) no-repeat center 0; background-size: 100%; position: relative}
.b2_bg *{ position: absolute; left: 50%; opacity: 0}
.b2_1{ width: 385px; height: 65px; top: 10%; margin-left: -741px; background: url(/yedental/images_ybs/banner/b2_1.png) no-repeat;}
.b2_2{ width: 297px; height: 72px; top: 31%; margin-left: -451px; background: url(/yedental/images_ybs/banner/b2_2.png) no-repeat; transform: translate(100%,100%) scale(0);}
.b2_3{ width: 297px; height: 72px; top: 31%; margin-left: 155px; background: url(/yedental/images_ybs/banner/b2_3.png) no-repeat; transform: translate(-100%,100%) scale(0);}
.b2_4{ width: 232px; height: 218px; top: 22%; margin-left: -119px; background: url(/yedental/images_ybs/banner/b2_4.gif) no-repeat;}
.b2_5{ width: 762px; height: 87px; top: 50%; margin-left: -382px; background: url(/yedental/images_ybs/banner/b2_5.png) no-repeat;}
.b2_6{ width: 300px; height: 52px; top: 68%; margin-left: -150px; background: url(/yedental/images_ybs/banner/b2_6.png) no-repeat; transform: translateX(200px); cursor: pointer;}
.slideBox li.active .b2_2,.slideBox li.active .b2_3{ opacity: 1}
.slideBox li.active .b2_1{ animation:h ease 1s forwards}
.slideBox li.active .b2_2{ transform: translate(0) scale(1); transition-delay: 0.2s; transition-duration: 1s}
.slideBox li.active .b2_3{ transform: translate(0) scale(1); transition-delay: 0.2s; transition-duration: 1s}
.slideBox li.active .b2_4{ animation:zoom2 ease 1s 0.8s forwards}
.slideBox li.active .b2_5{ animation:slideInDown ease 1.5s 1.2s forwards}
.slideBox li.active .b2_6{ animation:slideInDown ease 1.5s 2.2s forwards}
.b2_6:hover{ transform: scale(1.1)}

.b3_bg{ height: 100%; background:#353535; position: relative}
.b3_bg *{ position: absolute; left: 50%; opacity: 0}
.b3_1{ width: 394px; height: 36px; top: 20.7%; margin-left: 219px; background: url(/yedental/images_ybs/banner/b3_1.png) no-repeat; transform: translateX(-200%) scale(0);}
.b3_2{ width: 749px; height: 72px; top: 28.1%; margin-left: -133px; background: url(/yedental/images_ybs/banner/b3_2.png) no-repeat; transform: translateX(-200%) scale(0);}
.b3_3{ width: 389px; height: 26px; top: 37.9%; margin-left: 225px; background: url(/yedental/images_ybs/banner/b3_3.png) no-repeat; transform: translateX(-200%) scale(0);}
.b3_4{ width: 776px; height: 108px; top: 47.56%; margin-left: -165px; background: url(/yedental/images_ybs/banner/b3_4.png) no-repeat; z-index: 2;}
.b3_5{ width: 716px; height: 656px; left: 0; top: 5.7%; background: url(/yedental/images_ybs/banner/b3_5.jpg) no-repeat; transform: translateX(-200%)}
.b3_6{ width: 313px; height: 68px; top: 66.2%; margin-left: -216px; background: url(/yedental/images_ybs/banner/b3_6.png) no-repeat;}
.b3_7{ width: 242px; height: 42px; top: 67.6%; margin-left: 104px; background: url(/yedental/images_ybs/banner/b3_7.png) no-repeat; transform: scale(1.5); cursor: pointer;}
.b3_8{ width: 242px; height: 42px; top: 67.6%; margin-left: 371px; background: url(/yedental/images_ybs/banner/b3_8.png) no-repeat; transform: scale(1.5); cursor: pointer;}
.slideBox li.active .b3_1,.slideBox li.active .b3_2,.slideBox li.active .b3_3,.slideBox li.active .b3_5{ opacity: 1}
.slideBox li.active .b3_1{ transform: translateX(0) scale(1);}
.slideBox li.active .b3_2{ transform: translateX(0) scale(1); transition-delay: 0.2s}
.slideBox li.active .b3_3{ transform: translateX(0) scale(1); transition-delay: 0.6s;}
.slideBox li.active .b3_4{ animation:slideInDown ease 1s 0.8s forwards}
.slideBox li.active .b3_5{ transform: translateX(0); transition-delay: 1.2s;transition-duration: 1.5s}
.slideBox li.active .b3_6{ animation:slideInLeft ease 1.5s 1.5s forwards,lr ease 0.8s 3s alternate infinite}
.slideBox li.active .b3_7{ animation:zoomIn ease 1s 2s forwards }
.slideBox li.active .b3_8{  animation:zoomIn ease 1s 2s forwards}

.section .intit{ width: 306px; height: 65px; font-size: 24px; color: #333; padding:30px 0 0 70px; margin:5% auto 0; background: url(/yedental/images_ybs/tit_x.png) no-repeat left; transform: translateX(60px)}
.intit>i{ display: block; height: 13px; margin-top: 5px}
.e1 .intit>i{ background: url(/yedental/images_ybs/tit_e1.png) no-repeat}
.e2 .intit>i{ background: url(/yedental/images_ybs/tit_e2.png) no-repeat}
.e3 .intit>i{ background: url(/yedental/images_ybs/tit_e3.png) no-repeat}
.e4 .intit>i{ background: url(/yedental/images_ybs/tit_e4.png) no-repeat}
.e5 .intit>i{ background: url(/yedental/images_ybs/tit_e5.png) no-repeat}
.e6 .intit>i{ background: url(/yedental/images_ybs/tit_e6.png) no-repeat}

.e2 .intit,.e3 .intit{ margin:4% auto 0;}

.news{width: 1200px; margin: 4% auto 0; overflow: hidden;}
.news_c{ width: 562px;}
.news_c .nc_top{overflow: hidden;}
.nc_top img{display: block; float: left; width: 287px; height: 220px;}
.nc_top .nc_text{display: block; float: left; width: 231px; height: 160px; padding:30px 22px; background: url(/yedental/images_ybs/newsbg.jpg)}
.nc_top .nc_text h2{ padding-bottom: 10px; font-size: 18px; border-bottom: 1px solid #ccc}
.nc_top .nc_text h3{  height: 30px; overflow: hidden; padding: 10px 0 5px; font-size: 14px; color: #000;}
.nc_top .nc_text h3 a{ color: #c69f76;}
.nc_top .nc_text p{ color: #999;}
.news_c .nc_con{ overflow: hidden;}
.news_c .nc_con li{overflow: hidden; margin-bottom: 10px}
.news_c .nc_con li span{display: block; width: 62px; height: 52px; padding:10px 5px; float: left; border-radius: 10px; background: #c69f76; color: #fff; text-align: center}
.news_c .nc_con li span *{display: block;}
.news_c .nc_con li span b{ font-size: 40px; padding: 5px 0}
.news_c .nc_con li span i{ font-size: 14px}
.news_c .nc_con li .ncr{ width: 470px; float: right}
.nc_con li .ncr h3{ font-size: 14px; width: 45px; padding-bottom: 5px; border-bottom: 1px solid #ccc}
.nc_con li .ncr a{display: block; width: 500px;}
.nc_con li .ncr p{ padding-top: 2px; line-height: 20px; color: #999;}
.nc_con .nc_pn{ width: 100%; margin: 18px 0 14px; overflow: hidden;}
.nc_pn a{display: block; width: 16px; height: 16px; margin: 0 3px; float: right; border: 1px solid #9c9c9c; line-height: 16px; text-align: center}
.nc_pn a:hover{ border:1px solid #c69f76}

.e1 .zxbtn{ width: 100%; height: 120px; overflow: hidden; background: #333; position: absolute; bottom:90px; color: #fff;}
.e1 .zxbtn .zx_l,.e1 .zxbtn .zx_r{width: 50%; padding: 25px 0; height: 70px; cursor: pointer; font-size: 26px;}
.e1 .zxbtn .zx_l{ float: left; text-align: right;}
.e1 .zxbtn .zx_r{ float: right;}
.e1 .zxbtn i{display: block; width: 70px; height: 70px; border-radius: 50%; background-color:#c2996d; background-position: center; background-repeat: no-repeat}
.zxbtn .zx_l i{ background-image: url(/yedental/images_ybs/p1_zx1.png); float: right; margin:0 34px 0 25px}
.zxbtn .zx_r i{ background-image: url(/yedental/images_ybs/p1_zx2.png); float: left; margin:0 25px 0 34px}
.e1 .zxbtn p{ font-size: 18px; padding-top: 9px}
.e1 .zxbtn .zx_l:hover,.e1 .zxbtn .zx_r:hover{ background: #c2996d}
.e1 .zxbtn .zx_l:hover i,.e1 .zxbtn .zx_r:hover i{ background-color: #333}

.ck_con{ width: 1240px; margin: 3% auto 0;}
.ck_con .ck_tit{ text-align: center; overflow: hidden; *width: 672px; margin: 0 auto}
.ck_con .ck_tit li{ font-size: 18px; height: 33px; padding-right: 35px; padding-left: 5px; background: url(/yedental/images_ybs/p2_i2.png) no-repeat right; display: inline-block; *float: left}
.ck_con .ck_tit li a{display: block; height: 33px; background: url(/yedental/images_ybs/p2_i1.png) no-repeat -20px bottom;}
.ck_con .ck_tit li.active a{  background: url(/yedental/images_ybs/p2_i1.png) no-repeat 36px bottom; color: #c2996d;}
.ck_con .ck_tit li:last-child{ background: none; padding-right: 0}
.ck_o{ width: 100%; height: 440px; overflow: hidden;}
.ck_con .ck_main{ padding-top: 10px;}
.ck_con .ck_main .ck_sub{ text-align: center; font-size: 14px}
.ck_con .ck_main .ck_sub a{ padding: 0 10px; color: #999;}
.ck_con .ck_main .ck_sub a:hover{ color: #c2996d;}
.ck_con .ck_main .ckm_m{ padding-top: 45px; overflow: hidden;}
.ckm_m .ckm1{width: 401px; margin: 0 19px; float: left}
.ckm_m .ckm2{width: 321px; margin: 46px 19px 0; float: left}
.ckm_top{ position: relative;}
.ckm_top img{ width:100%; height: 100%;}
.ckm1 .ckm_top{ width:401px; height: 214px;}
.ckm2 .ckm_top{ width:321px; height: 168px;}
.ckm_top .mask{ position: absolute; width: 100%; height:0; bottom: 0; overflow: hidden; padding: 0; box-sizing: border-box; z-index: 2; background:rgba(0,0,0,0.6); transition:ease 0.4s all}
.ckm_top .mask p{ font-size: 26px; text-align: center; position: relative}
.ckm_top .mask p:before{ content:""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #fff}
.ckm_top .mask p:after{ content:""; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #fff}
.ckm_top .mask a:after{ content:""; position: absolute; right: 0; top: 0; height: 1px; width: 100%; background: #fff}
.ckm_top .mask a:before{ content:""; position: absolute; left: 0; top: 100%; height: 1px; width: 100%; background: #fff}
.ckm_top .mask p a{display: block; color: #fff;}
.ckm_top .mask p span{display: block;}
.ckm_top .mask p a i{display: block; font-size: 18px; margin-top: 10px;}
.ckm1 .ckm_top .mask p a{ height: 104px; padding-top: 60px}
.ckm2 .ckm_top .mask p a{ height: 83px; padding-top: 35px}
.ckm_top:hover .mask{ height: 100%; padding: 30px;}
.ckm_top:hover p:before,.ckm_top:hover p:after{ animation: af ease 1s}
.ckm_top:hover a:before,.ckm_top:hover a:after{ animation: be ease 1s}
.ckm_top:hover p span{ animation: tr ease 1s}

.ckm_bottom{ width: 300px; margin: 35px auto 0; position: relative}
.ckm_bottom .ckm_pn{ width: 80px; background: #fff; line-height: 22px; overflow: hidden; position: absolute; top:0px; right:-10px; z-index: 2; text-align: center}
.ckm_p,.ckm_n{ width: 29px; font-family:"宋体"; cursor: pointer;}
.ckm_bottom .ckm_pn .ckm_p{ float: left;}
.ckm_bottom .ckm_pn .ckm_n{ float: right;}
.ckm_bottom .ckm_pn a{ display: block; width: 22px; height: 22px; cursor: pointer; color: #fff; border-radius: 50%; background: #c2996d; float: left;}
.ckm_bottom ul{overflow: hidden; height: 105px;}
.ckm_bottom ul li i{ display: block; font-size: 14px; color: #c2996d;}
.ckm_bottom ul li b{display: block; font-size: 14px; height: 24px; overflow: hidden; font-weight: 100; color: #333;}
.ckm_bottom ul li p{ line-height: 18px; font-size: 12px; padding-top: 5px; color: #666;}

.e3{ background: url(/yedental/images_ybs/p4.jpg) no-repeat 80% 85%;}
.e3 .case{ width: 1160px; margin:0 auto 0; position: relative}
.case_p{ width: 532px; font-size: 14px; left: 190px; line-height: 30px; position: absolute; top: 70px;}
.case .case_list{ width: 832px; position: absolute; top: 152px; left: 0;}
.case_list li{ width: 127px; height: 140px; background: url(/yedental/images_ybs/p4_m1.png) no-repeat; position: absolute;}
.case_list li img{ width: 127px; height: 140px; opacity: 0.4; display: block; position: absolute}
.case_list li.on img{ opacity: 1;}
.case_c1{left: 0; top: 0;}
.case_c2{left: 72px; top: 123px;}
.case_c3{left: 212px; top: 123px;}
.case_c4{left: 352px; top: 123px;}
.case_c5{left: 422px; top: 248px;}
.case_c6{left: 562px; top: 248px;}
.case_c7{left: 632px; top: 123px;}
.case .case_main{ width: 350px; height: 385px; position: absolute; right: 0;}
.case .case_main img{ width: 350px; height: 385px; overflow: hidden; position: relative}
.case .case_main p{ width:318px; height: 90px; overflow: hidden; line-height: 20px; background: #000; color: #c2996d; padding:10px 16px 0; font-size: 14px; position: absolute; top: 145px; left: 0; z-index: 2}
.case .case_main p i{display: inline-block; margin-bottom: 10px; margin-right: 10px; border-radius: 5px; padding: 0 5px; background: #c2996d; color: #000;}
.more{ width: 127px; height: 140px; text-align: center; line-height: 140px; font-size: 18px; background: url(/yedental/images_ybs/p4_8.png) no-repeat; position:absolute; left: 702px; top: 400px;}
.e3.active .case_c1{ animation-delay:0s}
.e3.active .case_c2{ animation-delay:0.2s}
.e3.active .case_c3{ animation-delay:0.4s}
.e3.active .case_c4{ animation-delay:0.6s}
.e3.active .case_c5{ animation-delay:0.8s}
.e3.active .case_c6{ animation-delay:1s}
.e3.active .case_c7{ animation-delay:1.2s}
.e3.active .more{ animation:bounceIn ease 1s 1.4s forwards;}
.case_list li,.more{transform: perspective(400px) rotate3d(0, 1, 0, 90deg);}
.e3.active li{ animation:flipInY ease 1s forwards;}
.e3.active .case_con{ animation:flipInY ease 0.5s}

.ys{ width: 1184px; margin: -5% auto 0}
.ys_main{ width: 960px; height:457px;overflow: hidden; margin: 0 auto;}
.ys_top{ overflow: hidden;}
.ys_top .yst_l{ width: 498px; font-size: 14px; margin-top:140px; position: relative; padding: 20px 30px; background: url(/yedental/images_ybs/newsbg.jpg); float: left;}
.yst_l b{ font-size: 24px; padding-bottom: 5px; color: #666;display: block;}
.yst_l .yct_c{ font-size: 14px; width: 75px; height: 100px; line-height: 25px; margin: 15px 0; padding: 18px 0; border-top:1px solid #c2996d; border-bottom:1px solid #c2996d}
.yst_l p{ width: 498px;}
.yst_l span{ font-size:14px; display: block;}
.yst_l span i{color: #c2996d;}
.yst_l em{display: block; width: 37px; height: 24px; position: absolute; top: 25px; right: 30px; background: url(/yedental/images_ybs/p5_gj.jpg) no-repeat}
.ys_top .yst_r{ width: 377px; height:457px; overflow: hidden; text-align: center; float: right; position: relative}
.yst_r em{display: block; width: 320px; position: absolute; bottom: 25px; left: 50px; overflow: hidden;}
.yst_r em i{display: block; width: 120px; height: 38px; cursor: pointer; float: left; margin:0 20px; text-align: center; line-height: 38px; color: #fff; font-size: 14px; background: #7f7f7f}
.yst_r em i:nth-of-type(1){ background: #c2996d}
.yst_r em i:hover{ transform: scale(1.1)}
.ys_bottom{overflow: hidden; position: relative}
.ys_bottom ul{ width: 1037px; overflow: hidden;}
.ys_bottom ul li{ width: 148px; height: 148px; background: #000; float: left}
.ys_bottom ul li b{ opacity: 0.6}
.ys_bottom ul li.on{ background: #303030}
.ys_bottom ul li.on b{ opacity: 1}
.ys_bottom>a{ width: 148px; height: 148px; position: absolute; top: 0; right: 148px; text-align: center; background: #7f7f7f; color: #fff; line-height: 148px; font-size: 18px;}
.ys_bottom>a:hover{ background: #c2996d}
.e4.active .ys_bottom ul li,.e4.active .ys_bottom>a{transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation:flipInY ease 1s forwards;}
.e4.active .ys_bottom li:nth-of-type(1){ animation-delay: 0s}
.e4.active .ys_bottom li:nth-of-type(2){ animation-delay: 0.2s}
.e4.active .ys_bottom li:nth-of-type(3){ animation-delay: 0.4s}
.e4.active .ys_bottom li:nth-of-type(4){ animation-delay: 0.6s}
.e4.active .ys_bottom li:nth-of-type(5){ animation-delay: 0.8s}
.e4.active .ys_bottom li:nth-of-type(6){ animation-delay: 1s}
.e4.active .ys_bottom li:nth-of-type(7){ animation-delay: 1.2s}
.e4.active .ys_bottom>a{ animation-delay: 1.4s}

.e5{ background: url(/yedental/images_ybs/p5.jpg) no-repeat right 30%;}
.jg{ width: 1110px; margin: 4% auto 0; position: relative}
.jg a,.jg i,.jg em{display: block; width: 127px; height: 140px; position: absolute; text-align: center; color: #666;}
.jg a *{ transition: ease 0.5s all;}
.jg a{ background: url(/yedental/images_ybs/p4_8.png) no-repeat}
.jg i{ background: url(/yedental/images_ybs/p4_8.png) no-repeat; font-size: 40px; line-height: 110px;}
.jg em{ background: url(/yedental/images_ybs/p4_m.png) no-repeat; line-height: 140px;}
.jg a img{ opacity: 1; display: block; transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg)}
.jg a p{display: block; width: 107px; height: 85px; padding: 55px 10px 0; position: absolute; left: 0; top: 0; font-size: 14px; z-index: 2; text-align: center; opacity: 0; transform: rotateY(-180deg);}
/*
.jg a b{display: block; position: absolute;font-size: 14px; z-index: 2; text-align: center; color: #c2996d; width: 85px; height: 30px; line-height: 30px; left: 0; right: 0;top: 0; bottom: 0; margin: auto; border: 1px solid #c2996d; border-radius: 5px}
.jg a b{ opacity: 0}
.jg a:hover b{ opacity: 1; font-weight: 100;}
*/

.e2.active .jg .jg1{ top: 0; left: 72px;animation-delay:0.05s;}
.e2.active .jg .jg2{ top: 0; left: 211px;animation-delay:0.1s;}
.e2.active .jg .jg3{ top: 0; left: 351px;animation-delay:0.15s;}
.e2.active .jg .jg4{ top: 0; left: 491px;animation-delay:0.2s;}
.e2.active .jg .jg5{ top: 0; left: 631px;animation-delay:0.25s;}
.e2.active .jg .jg6{ top: 0; left: 771px;animation-delay:0.3s;}
.e2.active .jg .jg7{ top: 0; left: 911px;animation-delay:0.35s;}
.e2.active .jg .jg8{ top: 124px; left: 0;animation-delay:0.75s;}
.e2.active .jg .jg9{ top: 124px; left: 141px;animation-delay:0.7s;}
.e2.active .jg .jg10{ top: 124px; left: 281px;animation-delay:0.65s;}
.e2.active .jg .jg11{ top: 124px; left: 421px;animation-delay:0.6s;}
.e2.active .jg .jg12{ top: 124px; left: 561px;animation-delay:0.55s;}
.e2.active .jg .jg13{ top: 124px; left: 701px; animation-delay:0.5s;}
.e2.active .jg .jg14{ top: 124px; left: 841px; animation-delay:0.45s;}
.e2.active .jg .jg15{ top: 124px; left: 981px; animation-delay:0.4s;}
.e2.active .jg .jg16{ top: 248px;left: 72px; animation-delay:0.8s;}
.e2.active .jg .jg17{ top: 248px;left: 211px; animation-delay:0.85s;}
.e2.active .jg .jg18{ top: 248px;left: 351px; animation-delay:0.9s;}
.e2.active .jg .jg19{ top: 248px;left: 491px; animation-delay:0.95s;}
.e2.active .jg .jg20{ top: 248px;left: 631px; animation-delay:1s;}
.e2.active .jg .jg21{ top: 248px;left: 771px; animation-delay:1.05s;}
.e2.active .jg .jg22{ top: 248px;left: 911px; animation-delay:1.1s;}
/*
.e2.active .jg .jg23{ top: 370px;left: 0; animation-delay:3s;}
.e2.active .jg .jg24{ top: 370px;left: 141px; animation-delay:2.9s;}
.e2.active .jg .jg25{ top: 370px;left: 281px; animation-delay:2.8s;}
.e2.active .jg .jg26{ top: 370px;left: 421px; animation-delay:2.7s;}
.e2.active .jg .jg27{ top: 370px;left: 561px; animation-delay:2.6s;}
.e2.active .jg .jg28{ top: 370px;left: 701px; animation-delay:2.5s;}
.e2.active .jg .jg29{ top: 370px;left: 841px; animation-delay:2.4s;}
.e2.active .jg .jg30{ top: 370px;left: 981px; animation-delay:2.3s;}
*/

.jg a,.jg i,.jg em{opacity: 0; transform: translate3d(0, 2000px, 0) ;}
.e2.active .jg a,.e2.active .jg i,.e2.active .jg em{ animation:fadeInUpBig ease 0.5s forwards; }
.e2.active .jg a.on img{animation:flip1 ease 0.5s forwards}
.e2.active .jg a.on p{animation:flip2 ease 0.5s forwards}
.e2.active .jg a b{ opacity: 0;display: block; position: absolute;font-size: 14px; font-weight: 100; z-index: 2; text-align: center; color: #fff; width: 85px; height: 30px; line-height: 30px; left: 0; right: 0;top: 0; bottom: 0; margin: auto; border: 1px solid #fff; border-radius: 5px;}
.e2.active .jg a:hover{ background: url(/yedental/images_ybs/p4_m1.png) no-repeat;}
.e2.active .jg a:hover img{ animation:rata ease 0.5s forwards;}
.e2.active .jg a:hover p{ animation:rata1 ease 0.5s forwards}
.e2.active .jg a:hover b{ opacity: 1; background: rgba(194,153,109,0.9); border: none}

@keyframes rata{
	0%{ opacity: 0; transform: rotateY(180deg)}
	100%{ opacity: 0.6; transform: rotateY(0deg)}
}
@keyframes rata1{
	0%{ opacity: 1; transform: rotateY(0deg);}
	100%{ opacity: 0; transform: rotateY(-180deg);}
}

@keyframes fadeInUpBig{
	from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes flip1{
	from {
    opacity: 1;
    transform: rotateY(0deg);
  }

  to {
    opacity: 0;
     transform: rotateY(180deg);
  }
}
@keyframes flip2{
	from {
    opacity: 0;
    transform: rotateY(-180deg);
  }

  to {
    opacity: 1;
     transform: rotateY(0deg);
  }
}


.about{ width: 1200px; margin: 4% auto 0; position: relative}
.about p{ font-size: 14px; line-height: 29px; text-align: center}
.about .a_con{overflow: hidden; padding: 20px 0}
.about .a_con i,.about .a_con em{display: block; width: 94px; height: 95px; text-align: center; float: left; color: #fff; padding-top: 47px}
.about .a_con i{ background: #3d3d3d;}
.about .a_con em{ background: #c2996d}
.about .a_con img{display: block; width: 274px; height: 142px; float: left}
.about .sublogo{ display: block; width: 194px; height: 42px; margin: 0 auto 20px; background:url(/yedental/images_ybs/sublogo.png) no-repeat}
.about .submenu{ width: 840px; margin: 0 auto; font-size: 14px; padding: 10px 0; text-align: center; border-bottom: 1px solid #ccc; position: relative; border-top: 1px solid #ccc;}
.about .submenu>li{ display: inline-block; *float: left; height: 30px; line-height: 30px;}

.flink{ height: 0; overflow: hidden; text-align: center; margin:0px 0 }
.flink.on{height: auto; margin:20px 0 20px}
.flink>li{ display: inline-block; *float: left; padding: 0 10px}


.about .copyright{ text-align: center; padding: 20px 0}

#menu { margin: 0;width: 108px; padding: 0; position: fixed; right: 20px; top: 35%; list-style-type: none; z-index: 70;}
#menu li { margin: 0 0 15px 0; height: 15px; font-size: 14px; position: relative}
#menu a { color: #c2996d; overflow: hidden; display: block;}
#menu a *{ transition: ease 0.5s all}
#menu a i{display: block; width:86px; float: left; text-align: right;/* transform:rotateY(-90deg);*/ color: #333;}
#menu a b{display: block; position: absolute; right: 0; margin-top: 4px; width: 10px; height: 10px; border: 2px solid #666; border-radius: 50%;}
#menu .active{margin: 0 0 15px 0;}
#menu .active a i{display: block; transform:rotateY(0deg); color: #c2996d;}
#menu .active a b{ border: 2px solid #c2996d;}

@keyframes be{
	0%{ width: 0;}
	100%{ width: 100%;}
}
@keyframes af{
	0%{ height: 0;}
	100%{ height: 100%;}
}
@keyframes tr{
	0%{opacity: 0; transform: scale(1.4)}
	100%{opacity: 1; transform: scale(1)}
}

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
	  opacity: 0;
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
	  opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
	  opacity: 0;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
	  opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
	  opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
	  opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes zoomIn {
  from {
	  opacity: 0;
    transform:scale(1.2);
  }

  to {
	  opacity: 1;
	  transform:scale(1);
  }
}
@keyframes zoom {
  from {
    transform:scale(1);
  }

  to {
	  transform:scale(1.1);
  }
}
@keyframes zoom2 {
  from {
	  opacity: 0;
    transform:scale(0);
  }

  to {
	  opacity: 1;
	  transform:scale(1);
  }
}
@keyframes ud {
  from {
    transform: translateY(0px);
  }

  to {
	 transform: translateY(20px);
  }
}
@keyframes lr {
  from {
    transform: translateX(0px);
  }

  to {
	 transform: translateX(-20px);
  }
}
@keyframes h {
  from {
    opacity: 0
  }

  to {
	 opacity: 1
  }
}


/*列表页*/
.art_banner{ width: 100%; height: 468px; overflow: hidden; position: relative; color: #fff; margin-top: 70px}
.ab1{ width:100%; height: 468px; background:url(/yedental/images_ybs/yczz_banner.jpg) no-repeat center; background-size: cover; z-index: 1; animation: ab1 linear 15s alternate infinite}
.art_banner .mask{width: 100%; height: 100%; background: url(/yedental/images_ybs/mask.png); z-index: 2;}
.art_banner .abtit{ width: 100%; height: 82px; padding-top: 182px; text-align: center; font-size: 48px; text-shadow: 0 0 5px #666; z-index: 3; background: url(/yedental/images_ybs/ab_yczz.png) no-repeat center bottom}
.ab1,.mask,.abtit{ position: absolute; left: 0; top: 0;}
.ab_ico{ position: absolute; bottom: 20px; width: 648px; left: 50%; margin-left: -324px; z-index: 3}
.ab_ico a.abi1{ background-image:url(/yedental/images_ybs/b_ico1.png)}
.ab_ico a.abi2{ background-image:url(/yedental/images_ybs/b_ico2.png)}
.ab_ico a.abi3{ background-image:url(/yedental/images_ybs/b_ico3.png)}
.ab_ico a.abi4{ background-image:url(/yedental/images_ybs/b_ico4.png)}
.ab_ico a.abi5{ background-image:url(/yedental/images_ybs/b_ico5.png)}
.ab_ico a.abi6{ background-image:url(/yedental/images_ybs/b_ico6.png)}
.ab_ico a{ display: block;width: 68px; height: 68px; font-size: 14px; background-color: rgba(59,59,59,0.8); border-radius: 10px; margin: 0 20px; float: left; background-position: center; background-repeat: no-repeat}
.ab_ico a:hover{ background-color: rgba(197,155,115,0.8);}
.ab_ico a>i{ display: block; width: 80px; height: 30px; line-height: 30px; text-align: center; color: #fff; background-color: rgba(197,155,115,0.8); border-radius: 5px; margin: -45px 0 0 -6px; position: relative; transform: translateY(30px) scale(0); }
.ab_ico a>i:before{ position: absolute; left: 35px; bottom: -3px; width: 10px; height: 10px; background-color: rgba(197,155,115,0.8); transform: rotate(45deg); -webkit-transform: rotate(45deg); content: ""}
.ab_ico a:hover i{ transform: translateY(0) scale(1); -webkit-transform: translateY(0) scale(1);}

@keyframes ab1{
	from{ background-position: center top}
	to{ background-position: center bottom}
}
@-webkit-keyframes ab1{
	from{ background-position: center top}
	to{ background-position: center bottom}
}

.art_con{ width: 1200px; margin: 30px auto 80px;}
.breadcrumbs{ border-bottom: 1px solid #ccc; padding-bottom: 20px; font-size: 16px; color: #666; overflow: hidden;}
.wzt_con{ width: 300px;height:30px; overflow: hidden; float: right; background: url(/yedental/images/ggico.png) no-repeat left}
.wzt_con i{display: block; width: 90px; float: left}
.wzt_con ul{ width: 210px; float:left}
.art_list{ padding: 40px 0 0;}
.art_list{ overflow: hidden;}
.art_list>li{ width: 580px; overflow: hidden; float: left; padding-bottom: 25px; border-bottom: 1px solid #ccc; margin-bottom: 25px}
.art_list>li:hover{ border-bottom: 1px solid #c59b73}
.art_list>li span{ display: table; background: #eee; width: 195px; height: 146px; float: left}
.art_list>li span a{display: table-cell; vertical-align:middle}
.art_list>li span img{display: block; max-width: 195px; max-height: 146px; margin: 0 auto}
.art_list>li .al_r{ /*width: 360px; float: right*/}
.art_list>li .al_r b{ font-size: 16px; color: #333; height: 35px; display: block; line-height: 35px; overflow: hidden;}
.art_list>li .al_r b>i{ font-size: 14px; color: #999; float: right; font-weight: 100; margin-left: 10px; margin-top: 2px}
.art_list>li .al_r b>a{}
.art_list>li .al_r em{ display: block; height:24px; margin-bottom: 26px; overflow: hidden; color: #666; font-size: 14px;}
.art_list>li .al_r em>i{ color: #c59b73;}
.art_list>li .al_r p{ display: block; color: #666; font-size: 14px;}
.art_list>li:nth-child(even){ float: right}

.arc_page{padding: 20px 0 60px; margin-bottom: 55px; text-align:center;border-bottom: 1px solid #999;}
.arc_page li {border: 1px solid #cdcdcd; display:inline-block; height: 35px;line-height:35px;margin-right: 6px; border-radius: 5px;}
.arc_page li:hover{border: 1px solid #c59b73;}
.arc_page li a { color: #555; display: block; padding: 0 12px}
.arc_page li:hover a{ color: #fff; background: #c59b73}
.arc_page li.thisclass,.arc_page li.thisclass a, .arc_page li.thisclass a:hover {background-color: #c59b73; color: #fff;font-weight: bold; padding: 0 10px}
.arc_page p{display: inline-block;}

.art_b{overflow: hidden;}
.art_b .artb_tit{ overflow: hidden;}
.artb_tit span{ display: block; width: 110px; height: 35px; padding-left: 40px; line-height: 35px; border-bottom: 1px solid #ccc; font-size: 18px; float: left}
.art_b .artb_con{ padding-top: 20px}
.zxtw .artb_tit span{ background: url(/yedental/images_ybs/b_ico1.jpg) no-repeat left}
.ystd .artb_tit span{ background: url(/yedental/images_ybs/b_ico2.jpg) no-repeat left}
.jstj .artb_tit span{ background: url(/yedental/images_ybs/b_ico3.jpg) no-repeat left}

.art_b .zxtw{width: 295px; float: left}
.art_b .ystd{width: 305px; float: left; padding-left: 145px; position: relative}
.art_b .jstj{width: 335px; float: right; position: relative}

.wenda_main{ height:155px; overflow:hidden; padding-left: 5px}
.wenda_main li{ overflow:hidden; font-size:14px; line-height:21px; padding-bottom:2px; margin-bottom:10px}
.wenda_main li:last-child{ border-bottom:none}
.wenda_main li p{ color:#999; height:42px; overflow:hidden; margin-top:5px;}
.wenda_main li a:hover{ color: #c59b73}
.wenda_main li i,.wenda_main li b{ display: inline-block; margin-right:8px; margin-top:2px; line-height:22px; font-style:normal; color:#fff; width:25px; height:22px; font-weight:lighter; text-align:center; -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px}
.wenda_main li i{ background:#c59b73}
.wenda_main li b{ background:#484848; margin-bottom:21px; float:left}

.ystd_main{ height:177px; overflow:hidden;}
.ystd_main li{overflow: hidden;}
.ystd_main span{display: block; width: 131px; height: 177px; float: left}
.ystd_main p{ width: 157px; padding-top: 18px; float: right}
.ystd_main p i{display: block; color: #3330; font-size: 18px}
.ystd_main p em{ display: block; padding-top: 10px; height: 80px; font-size: 12px}
.ystd_main p b{ background: #484848; display: block; color: #fff; text-align: center; height: 36px; line-height: 32px; font-weight: 100; cursor: pointer;}
.ystd_main p b:hover{ background: #c59b73}

.artb_prev,.artb_next{width: 15px; height: 15px; border:1px solid #ccc; text-align: center; line-height: 15px; position: absolute; top: 8px; font-family: Arial; cursor: pointer;}
.artb_prev{ right:20px;}
.artb_next{ right:0;}
.artb_prev:hover,.artb_next:hover{ border-color: #c59b73; color: #c59b73;}

.ystd_main{ height:164px; overflow:hidden;}
.ystd_main li{overflow: hidden;}

.jstj_main{ overflow: hidden; text-align: center}

/*文章页*/
.art_info{ padding: 50px 0 80px}
.art_info h1{ font-size: 22px; color: #5e5e5e; text-align: center}
.art_info .art_p{ text-align: center; padding: 20px 0 0}
.art_info .art_p i{ background: url(/yedental/images_ybs/zjzx.jpg) no-repeat left; padding-left: 24px; color: #c59b73;}
.art_info .art_p i,.art_info .art_p em{cursor: pointer;}
.art_info .art_main{ padding: 20px 75px 0; line-height: 30px; color: #666;}

.art_bzx{overflow: hidden; text-align: center; width: 700px; margin: 10px auto 30px}
.art_bzx dt{display: block; float: left;width: 100px; padding-top: 32px; font-size: 14px}
.art_bzx dd{width: 275px; float: left; margin: 0 12px; overflow: hidden; cursor: pointer;}
.art_bzx dd>p{display: block;width: 110px; height: 110px;overflow: hidden; position: relative; background:#ccc; float:left; color: #666; font-weight: 100; font-size: 14px; border-radius: 50%;}
.art_bzx dd>p>span{width: 100%; height: 80px;display: block; background: #b18250; margin-top: 38px;}
.art_bzx dd>p>span>em{width: 90px; height: 90px;display: block; background: #fff; position: absolute; top: 10px;left: 10px; border-radius: 50%;}
.art_bzx dd>p i{font-size: 30px; color: #b18250;display: block; font-weight:bold; margin: 20px 0 0px}
.art_bzx dd>em{display: block; float: right;width: 150px;height: 70px; line-height: 35px; margin-top: 20px; border:2px solid #b18250; color: #b18250; border-radius: 5px;overflow: hidden;}
.art_bzx dd>em>i{display: block;width: 100%; height: 35px; font-size: 18px; line-height: 33px; background: #b18250; color: #fff;}
.art_bzx dd.artbr>p>span{ background: #FDA201; margin-top: 65px;}
.art_bzx dd.artbr>p i{ color: #FDA201;}
.art_bzx dd.artbr>em{ border:2px solid #FDA201; color: #FDA201;}
.art_bzx dd.artbr>em>i{ background: #FDA201;}
.art_bzx dd *{ transition-duration: 0.8s}
.art_bzx dd:hover>p>span{ animation: artb 1s ease infinite alternate}
.art_bzx dd:hover>em{ transform:rotateX(360deg)}

@keyframes artb{
	0%{width: 0;}
	100%{width:100%;}
}

.words{ padding:25px 75px; color: #c59b73;}
.words a{color:#999; display:inline-block; padding:0 4px}
.words a:hover{ color:#b18250}
.art_pn{ padding:0 20px; overflow:hidden; width: 800px; margin: 0 auto}
.art_pn p{ width:50%; float:left}

.art_b .art_dxal{ width: 307px; float: left; position: relative}
.art_dxal .dxal_con{ height: 220px; overflow: hidden;}
.art_dxal .artb_tit span{ background: url(/yedental/images_ybs/channel_ico4.jpg) no-repeat left}
.zjgx .artb_tit span{ background: url(/yedental/images_ybs/b_ico1.jpg) no-repeat left}

.zjgx{ width: 280px; float: right;}
.zjgx_con li{ height: 36px; line-height: 36px; text-align: center; margin-bottom: 6px}
.zjgx_con li a{display: block; height: 36px; background: #f0f0f0; color: #333;}
.zjgx_con li a:hover{ background: #c2996d; color: #fff;}
.newxg{ margin-right: 65px}

.art_jstj{ margin-right:64px}
.art_bc{ width: 1050px; margin: 0 auto}
.art_jstj p{ padding-top: 10px; font-size: 16px}

/*频道页*/
.art_fiexd{ position:absolute; margin:50px 0 0 -180px}
.art_fiexd li{ width: 150px; height: 65px; line-height: 65px; font-size: 18px; background: #f0f0f0; margin-bottom: 10px; text-align: center}
.art_fiexd li a{display: block; height: 65px;}
.art_fiexd li.active{ border-right:7px solid #c2996d}

.channel_l{ width: 809px; float: left; padding-right: 28px; border-right: 1px solid #ccc; margin-top: 50px}
.channel_l .zzlx{overflow: hidden; background:#f0f0f0; padding-right: 30px; margin-bottom: 24px}
.channel_l .zzlx b{display: block; width: 32px; height: 118px; float: left; background: #484848; color: #fff; text-align: center; font-size: 18px; padding: 20px 15px 0}
.channel_l .zzlx .zzlx_c{ width: 512px; float: left; padding-top: 25px; overflow: hidden; padding-left: 20px}
.zzlx .zzlx_c a{display: block; width: 87px; height: 87px; margin: 0 19px; float: left; border-radius: 10px;overflow: hidden; background: #484848; color: #fff; text-align: center; font-size: 18px; position: relative}
.zzlx .zzlx_c a img{ opacity: 0.4}
.zzlx .zzlx_c a i{display: block; padding: 20px 20px 0; position: absolute; top: 0;}
.zzlx .zzlx_r{ width: 158px; float: right;}
.zzlx .zzlx_r a{ display: block; height: 44px; line-height: 44px; color: #fff; text-align: center; margin-top: 15px}
.zzlx .zzlx_r a.co1{ background: #c59b73; }
.zzlx .zzlx_r a.co2{ background: #3b3b3b; }

.channel_tit{ width: 147px; border-bottom: 1px solid #ccc; height: 38px; line-height: 38px; font-size: 18px; padding-left: 38px;}

.channel_l>.jstj{ width: 450px; float: left;}
.jstj .channel_tit{ background: url(/yedental/images_ybs/channel_ico1.jpg) no-repeat left}
.jstj .jstj_con{ padding: 17px 0 0}
.jstj_con .jc_l{ width: 199px; height: 219px; float: left;}
.jstj_con .jc_r{ width: 219px; height: 194px; float: right; padding:25px 16px 0; background: #f0f0f0}
.jstj_con .jc_r b{}
.jstj_con .jc_r em{display: block; padding-top: 12px; overflow: hidden;}
.jstj_con .jc_r em i{display: block; width: 95px; height: 32px; line-height: 32px; float: left; text-align: center; background: #333; color: #fff; margin: 0 5px; cursor: pointer;}
.jstj_con .jstj_art{clear: both; padding-top: 22px; overflow: hidden; text-align: center}
.jstj_art .jstja_l{ width: 105px; height: 59px; background: #efefef; float: left; padding-top: 10px; cursor: pointer;}
.jstj_art .jstja_r{ width: 345px; float: right; overflow: hidden}
.jstja_r a{display: block; width: 167px; height: 30px; line-height: 30px; background: #efefef; margin: 0 0 5px 5px; float: left}

.channel_l>.liaojie{ width:327px; float: right;}
.liaojie .channel_tit{ background: url(/yedental/images_ybs/channel_ico2.jpg) no-repeat left}
.liaojie ul{ padding: 17px 0 0}
.liaojie ul li{overflow: hidden; margin-bottom: 10px}
.liaojie ul li span{ display: block; width: 85px; padding-top: 62px; float: left; text-align: center}
.liaojie ul li span.s1{ background: url(/yedental/images_ybs/ljico1.png) no-repeat center 5px}
.liaojie ul li span.s2{ background: url(/yedental/images_ybs/ljico2.png) no-repeat center 5px}
.liaojie ul li span.s3{ background: url(/yedental/images_ybs/ljico3.png) no-repeat center 5px}
.liaojie ul li p{ width: 215px; float: right; padding-bottom: 12px; font-size: 12px; line-height: 21px; border-bottom: 1px dashed #ccc}
.liaojie ul li p a{color: #c2996d; display: block; font-size: 14px}

.channel_l>.wztj{ padding-top: 10px; clear: both}
.wztj .channel_tit{ background: url(/yedental/images_ybs/channel_ico3.jpg) no-repeat left}
.wztj .wztj_con{ padding: 17px 0 0}
.wztj_con span{display: block; float: left; width: 145px; height: 107px; background: #ccc}
.wztj_con span img{ max-width: 145px; max-height: 107px;}
.wztj_con p{ float: left; width: 355px; padding-left: 20px; color: #999;}
.wztj_con p a{display: block; font-size: 18px; padding-bottom: 8px}
.wztj_con em{ float: right; display: block; width:240px;}
.wztj_con em a{display: block; text-align: center; line-height: 32px; height: 32px; background: #efefef; margin-bottom: 5px}
.wztj_con em a:hover{color: #fff; background: #c59b73}

.channel_r{ width: 317px; float: right;; margin-top: 50px}
.channel_r>.dxal{ }
.dxal .channel_tit{ background: url(/yedental/images_ybs/channel_ico4.jpg) no-repeat left; margin-bottom: 17px}
.dxal .dxal_con{ height: 220px; overflow: hidden;}
.dxal_con a{display: block; text-align: center}
.dxal_con span{display: block; width: 307px; height: 91px; background: #000; position: relative; margin-top: 15px}
.dxal_con span img{ width: 307px; height: 91px;}
.dxal_con span i{display: none;width: 63px; height: 55px; padding-top: 8px; cursor: pointer; border-radius: 50%; background: #c59b73; color: #fff; text-align: center; position: absolute; top: 14px; left: 50%; margin-left: -31px; font-size: 16px;}
.dxal_con span:hover img{ opacity: 0.5}
.dxal_con span:hover i{display: block;}
.dxal_con p{ padding-top: 15px; text-indent: 2em}
.dxal_btn{overflow: hidden; padding-top: 10px}
.dxal_btn li{ width: 10px; height: 10px; text-indent: -999px; overflow: hidden; float: right; margin-left: 5px; border-radius: 50%; background: #ccc}
.dxal_btn li.on{ background: #666}

.channel_r>.ystd{ margin-top: 25px; float: none; position: relative}
.ystd .channel_tit{ background: url(/yedental/images_ybs/channel_ico5.jpg) no-repeat left; margin-bottom: 17px;}

.channel_r .zzcx{ padding-top: 25px;}
.zzcx .channel_tit{ background: url(/yedental/images_ybs/channel_ico6.jpg) no-repeat left}
.zzcx .zzcx_con{ padding: 17px 0 0}
.zzcx_con .ss{ background: #f0f0f0; overflow: hidden; border: 1px solid #ccc; height: 39px; line-height: 39px; padding: 0 17px}
.zzcx_con .ss .s_text{ width: 245px; height: 39px; float: left;}
.zzcx_con .ss .s_btn{ display: block; width: 39px; height: 39px; font-size: 16px; float: right; cursor: pointer; background: url(/yedental/images_ybs/search.png) no-repeat center}
.zzcx_con p{ text-align: center; padding-top: 15px}

/*通用底部*/
footer{ width: 100%; padding: 30px 0 50px; background: #f0f0f0}
.foot_cen{ width: 1200px; margin: 0 auto; overflow: hidden;}
.foot_cen .fc_l{width: 830px; margin: 45px auto 0; padding: 78px 0 20px; background: url(/yedental/images_ybs/sublogo_art.png) no-repeat center top;}
.foot_cen {width: 835px;}
.foot_cen .fcr_t{overflow: hidden;width: 835px; margin: 0 auto}
.foot_cen .fcr_t li{ width: 125px; height: 38px; background: #000; line-height: 38px; float: left; text-align: center; color: #fff; margin-left: 14px}
.foot_cen .fcr_t li a{display: block; height: 38px; color: #fff;}
.foot_cen .fcr_t li.active,.foot_cen .fcr_t li a:hover{ background: #c59b73}

.fcr_b{ padding-top: 18px; overflow: hidden;}
.fcr_b p{ padding: 0 15px; width: 95px; float: left; margin-left: 14px}
.fcr_b p i{ height: 25px;display: block; border-bottom: 1px solid #ccc; margin-bottom: 10px;color: #000;}
.fcr_b p b a{color: #000;}
.fcr_b p a{display: block;}

.foot_b{ text-align: center; padding-top: 30px; clear: both; color: #666;}
.foot_b p{width: 287px; height: 35px; line-height: 35px; margin: 0 auto 15px;}
.foot_b p i{ display: block; width: 70px; float: left}
.foot_b p img{display: block; float: left; margin-left: 15px; cursor: pointer;}
.foot_b p img:hover{ transform: rotateY(180deg)}