@charset "utf-8";
/* CSS Document */
.deantypes{ display:none;}
body{ background:#fff!important;}
.wp,#wp{ width:100%;}
.deanhdtopbg{ width:100%; min-width:1180px; height:400px; background:url(hd_banner.jpg) center no-repeat;}
.deanhdtopbg h4{font-size: 36px; max-width:300px; position:relative; top:160px; text-align:center; letter-spacing:4px; color: #fff; height: 70px; line-height: 70px; font-weight:400; overflow:hidden;}
.deanhdtopbg i{ display:block; width:49px; height:25px; position:absolute;}
.deanhd_items{ float:right; margin-top:30px;width:420px; padding:15px; border:1px solid rgba(255,255,255,0.3); background:rgba(255,255,255,0.4);}
.deanhd_items ul li{ height:33px; line-height:33px; font-size:16px; color:#fff; overflow:hidden;}


.deanluxian{}
.deanadvanced{ padding:30px 0; width:100%; min-width:1180px;}
.deanadvtops{ text-align:center;}
.deanadvtops h5{ height:40px; line-height:40px;overflow:hidden; font-size:28px; color:#333; font-weight:500; letter-spacing: 4px;}
.deanadvtops em{ display:block; width:20px; height:20px; background:url(seps.png) no-repeat; margin:10px auto;}
.deanadvtops p{ height:25px; line-height:25px; overflow:hidden; font-size:16px; color:#999; font-weight:500;letter-spacing: 2px;}
.deanadvitems{ margin-top:40px;}
.deanadvitems ul{}
.deanadvitems ul li{ float:left; width:295px; text-align:center;}
.deanadvitems ul li img{ width:68px; height:68px; display:block; margin:0 auto;}
.deanadvitems ul li h5{ height:40px; line-height:40px; margin:10px 0; overflow:hidden; font-size:22px; color:#666; font-weight:500;letter-spacing: 2px;}
.deanadvitems ul li p{ height:20px; line-height:20px; overflow:hidden; font-size:14px; color:#999;}

.deanhd_lists{ padding:30px 0 40px 0; width:100%; min-width:1180px; background:#f6f6f8; position:relative;}
.deanhd_grids{ margin-top:20px;}
.deanhd_grids ul{ width:1210px;}
.deanhd_grids ul li{ float:left; width:380px; margin:0 20px 20px 0;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;}
.deanhd_grids ul li:hover{ box-shadow: 0 5px 15px rgba(45,50,55,.2); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px);}
.deanhdpicbox{}
.deanhdpicbox a{ display:block; width:380px; height:220px; position:relative;}
.deanhdpicbox a img{ width:380px; height:220px;}

.deanhdbottom{background:#fff; border:1px solid #ededed; border-top:0;}
.deanhdbtop{ padding:15px; }
.deanhdbtop h5{ height:25px; line-height:25px; overflow:hidden;}
.deanhdbtop h5 a{ font-size:18px; color:#333; font-weight:500;letter-spacing: 2px;}
.deanhdbtop h5 a:hover{ color:#01C26F;}
.deanhdtypes{ height:20px; line-height:20px; margin:10px 0; overflow:hidden; font-size:14px; color:#F6BB42; font-weight:500;letter-spacing: 2px;}
.deanhdinfosd{ float:left; width:230px;}
.deanhdinfosd span{ display:block; height:22px; line-height:22px; overflow:hidden; font-size:12px; color:#999;}
.deanhdinfosd span.deanhddidian{ width:228px; padding-left:22px; background:url(place.png) left center no-repeat;text-overflow:ellipsis; white-space:nowrap; }
.deanhdinfosd span.deanhdshijian{ width:228px;padding-left:22px; background:url(date.png) left center no-repeat;text-overflow:ellipsis; white-space:nowrap; color:#333;  }
.deanenterhd{ float:right;}
.deanenterhd span{ font-size:14px; color:#f40; height:22px; line-height:22px;display:block; font-weight:500;letter-spacing: 2px;}
.deanenterhd em{ display:block; height:22px; line-height:22px;  font-size:12px;color:#333; text-align:right; }
.deanmore_hds{}
.deanmore_hds a{ display:block; width:120px; height:30px; line-height:30px; border-radius:24px; background:#01C26F; font-size:14px; color:#fff; margin:0 auto; position:relative; text-indent:20px;}
.deanmore_hds a i{ display:block; width:19px; height:5px; background:url(more_gg.png) no-repeat; position:absolute; right:15px; top:13px;}
.deanmore_hds a:hover{ opacity:0.8;}
.deanhd_trangles{ width:80px; height:40px; background:url(ups.png) no-repeat; position:absolute; left:48%; bottom:0;}
.deanlearnmore{ padding:40px 0;width:100%; min-width:1180px; background:#fff; position:relative;}

.deansdfsfd{ margin-bottom:20px;height:25px; line-height:25px; overflow:hidden; font-size:16px; color:#999; font-weight:500;letter-spacing: 2px;}
.deanreports{padding:40px 0;width:100%; min-width:1180px; background:url(hd_re.jpg) no-repeat; background-size:cover; background-attachment:fixed; }
.deanadvtopsx h5{color:#fff; }
.deanadvtopsx em{ background:url(seps1.png) no-repeat;}
.deanadvtopsx p{ color:#fff; }
.deancasebx{ margin-top:30px;position:relative;}
.deancasebx ul{ width:1200px;}
.deancasebx ul li{ float:left; width:283.75px; background:rgba(255,255,255,0.6);margin:0 15px 15px 0;}
.deancasepicbx{ width:284.75px; height:200px; position:relative; z-index:1; overflow:hidden;}
.deancasepicbx img{width:284.75px; height:200px; position:absolute; top:0; left:0; z-index:2;}
.deancasepicbx i{ display:block;width:284.75px; height:240px; background:rgba(0,0,0,0.6); position:absolute; top:0; left:0; z-index:3;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity:0;}
.deancasepicbx a{ display:block; width:54px; height:54px;border:1px solid #01C26F; position:absolute; top:75px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index:5;}
.deancasepicbx a.deancasein{ left:-70px; background:#fff url(en.png) center no-repeat;}
.deancasepicbx a.deansortin{ right:-70px;background:#fff url(sort.png) center no-repeat;}
.deancasepicbx:hover i{ opacity:1;}
.deancasepicbx:hover a.deancasein{ left:75px;}
.deancasepicbx:hover a.deansortin{ right:75px;}
.deancasebtms{ padding:15px; background:rgba(255,255,255,0.6);}
.deancasebtms h5{ height:25px; line-height:25px; overflow:hidden; margin-bottom:4px;}
.deancasebtms h5 a{ font-size:16px; color:#333; font-weight:500;letter-spacing: 2px;}
.deancasebtms h5 a:hover{color:#01C26F;}
.deancasebtms p{ height:20px; line-height:20px; font-size:12px; color:#333;}
.deancasebtms p span{ color:#01C26F; padding-right:5px; font-weight:500;}
.deancasethy{ height:40px; line-height:40px; background:rgba(255,255,255,0.8); padding:0 15px;}
.deancasethy span{ display:block; float:left; height:40px; line-height:40px; font-size:12px; color:#999; padding-left:22px; background:url(slider_clock.png) left center no-repeat;}
.deancasethy em{ display:block; float:right; height:40px; line-height:40px; font-size:12px; color:#999; padding-left:25px; background:url(slider_views.png) left center no-repeat;}
.deancasebx .prev,.deancasebx .next{ display:block; position:absolute; top:-50px;  width:20px; height:20px;   }
.deancasebx .prev{right:30px; background:url(arrow-L.png) center no-repeat}
.deancasebx .next{ right:0px;background:url(arrow-R.png) center no-repeat}
.deancasebx .prev:hover{background:url(arrow-L1.png) center no-repeat}
.deancasebx .next:hover{background:url(arrow-R1.png) center no-repeat}


.deanfooter{ margin-top:0;}