.animated { animation-duration: 1s; animation-fill-mode: both; }
.fadeInRight { animation-name: fadeInRight; }
#nav-mob .clearfix > li { width: 100%; float: left; border-bottom: 1px solid rgb(93, 93, 93); position: relative; }
html { overflow-x: hidden; }
body { margin: 0px; font-family: PingFangSC, Arial, Helvetica, calibri, sans-serif; font-size: 20px; }
ul { margin: 0px; padding: 0px; }
li { margin: 0px; padding: 0px; list-style-type: none; }
a { text-decoration: none; }
a:hover { color: rgb(230, 33, 41); }
input[type="submit"] { cursor: pointer; transition: all 0.6s ease 0s; }
.clear { clear: both; }
#container { float: left; width: 100%; position: relative; }
#nav .clearfix > li { float: left; padding-left: 12px; padding-right: 12px; transition: all 0s ease 0s; position: relative; padding-bottom: 20px; }
#nav .clearfix > li:hover::before { background: url("../images/upjian2.png") no-repeat; }
#nav .clearfix > li#h-h-n:hover > a { color: rgb(230, 33, 41) !important; }
#nav .clearfix > li:hover .justify { display: block; }
#nav .clearfix li a { height: 100%; float: left; color: rgb(77, 77, 77); font-size: 12px; white-space: nowrap; }
.jd { float: left; width: 100%; position: relative; }
#nav-mob .clearfix > li { width: 100%; float: left; border-bottom: 1px solid rgb(93, 93, 93); transition: all 0.6s ease 0s; position: relative; }
#nav-mob .clearfix li a { float: left; white-space: nowrap; line-height: 48px; width: 100%; margin-left: 0px; margin-right: 0px; color: rgb(255, 255, 255); }
#nav-top .clearfix li a { float: left; color: rgb(255, 255, 255); margin-left: 20px; margin-right: 20px; text-align: center; line-height: 52px; white-space: nowrap; }
#nav-top .clearfix > li { width: 100%; float: left; border-bottom: 1px solid rgb(22, 92, 169); transition: all 0s ease 0s; position: relative; }
#nav-top .clearfix > li::before { content: ""; border-bottom: 1px solid rgb(51, 125, 206); position: absolute; left: 0px; top: 0px; width: 100%; }
#nav .clearfix > li#h-h-n-fix:hover #nav2-a { color: rgb(236, 115, 0); }
img, div::before, div::after, a, a::before, a::after, li, p, b { transition: all 0.6s ease 0s; }
.jd { float: left; width: 100%; }
.jd { float: left; width: 100%; }
.patchmid { margin-top: 10px; float: left; width: 100%; text-align: right; }
.patchmid a { color: rgb(102, 102, 102); font-size: 12px; }
.patchmid .patchend { color: rgb(229, 126, 18); }
#banner-in { float: left; width: 100%; margin-top: 0px; position: relative; }
#banner-in img { width: 100%; }
#main_pro { width: 1200px; margin-left: auto; margin-right: auto; height: auto; overflow: hidden; background: rgb(255, 255, 255); position: relative; padding-bottom: 90px; }
#main_pro::before { position: absolute; width: 1px; height: 100%; background: rgb(207, 206, 205); left: 25%; }
#main_pro-t2 { width: 1240px; margin-left: auto; margin-right: auto; position: relative; }
#main_pro-t2::after { content: "Products"; position: absolute; left: 2px; top: -20px; width: 230px; background: rgb(34, 103, 177); color: rgb(255, 255, 255); font-size: 35px; text-align: center; height: 55px; line-height: 55px; z-index: 98; }
#main_pro .left { float: left; width: 25%; }
.left-product-cat { float: left; width: calc(100% - 60px); }
.patchmid { margin-top: 10px; float: left; width: 99%; text-align: right; }
.patchmid a { color: rgb(102, 102, 102); font-size: 12px; }
.patchmid .patchend { color: rgb(229, 126, 18); }
#banner-in { float: left; width: 100%; margin-top: 0px; position: relative; }
#banner-in img { width: 100%; }
#main_pro {width:90%;/* margin-left: 10%; */height: auto;overflow: hidden;background: rgb(255, 255, 255);position: relative;padding-bottom: 90px;}
@media only screen and (max-width:1400px) {
  #main_pro {width:90%; margin-left: 10%;height: auto;overflow: hidden;background: rgb(255, 255, 255);position: relative;padding-bottom: 90px;}
}
@media only screen and (max-width:1200px) {
  #main_pro {width:80%; margin-left: 10%;height: auto;overflow: hidden;background: rgb(255, 255, 255);position: relative;padding-bottom: 90px;}
 .w1180 { width: 80% !important;margin-left:20% !important; }
}
@media only screen and (max-width:1440px) {
  #main_pro {width:90%; margin-left: 10%;height: auto;overflow: hidden;background: rgb(255, 255, 255);position: relative;padding-bottom: 90px;}
.deanfttop{margin-left:5%;}#box1{margin-left:12%;}
}
#main_pro::before { }
#main_pro-t2 { width: 1240px; margin-left: auto; margin-right: auto; position: relative; }
#main_pro-t2::after { content: "Products"; position: absolute; left: 2px; top: -20px; width: 230px; background: rgb(34, 103, 177); color: rgb(255, 255, 255); font-size: 35px; text-align: center; height: 55px; line-height: 55px; z-index: 98; }
#main_pro .left { float: left; width: 25%; }
.left-product-cat { width: 10%; height: 100%; position: fixed; z-index: 9999; background: rgb(255, 255, 255); top: 90px; box-shadow: rgba(0, 0, 0, 0.2) 5px 0px 30px; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal;  line-height: 13px; font-family: VWHeadWeb-Regular; }
* { word-wrap: break-word; }
body { }
body, input, button, select, textarea { font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 12px; line-height: 1.5; font-family: Tahoma, Helvetica, SimSun, sans-serif; color: rgb(68, 68, 68); }
textarea { resize: none; }
table { empty-cells: show; border-collapse: collapse; }
caption, th { text-align: left; font-weight: 400; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
em, cite, i { font-style: normal; }
a { color: rgb(51, 51, 51); text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
label { cursor: pointer; }
.cl::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.cl { zoom: 1; }
hr { display: block; clear: both; }
.area hr { margin-left: 0px !important; margin-right: 0px !important; }
#hd { border-bottom: 0px solid rgb(244, 244, 244); }
#hd .wp { padding: 10px 0px 0px; }
#hd h2 { padding: 0px 20px 8px 0px; float: left; }
#space #hd h2 { margin-top: 0px; }
#hd .fastlg { padding-top: 10px; }
#scrolltop { visibility: hidden; position: fixed; bottom: 100px; display: block; margin: -30px 0px 0px 2px; width: 40px; background: rgb(244, 244, 244); border-width: 0px 1px 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(205, 205, 205); border-bottom-color: rgb(205, 205, 205); border-left-color: rgb(205, 205, 205); border-image: initial; border-radius: 3px; border-top-style: initial; border-top-color: initial; cursor: pointer; }
#scrolltop:hover { text-decoration: none; }
.ie6 #scrolltop { position: absolute; bottom: auto; }
#scrolltop a { display: block; width: 30px; height: 24px; padding: 3px 5px; line-height: 12px; text-align: center; color: rgb(120, 120, 120); text-decoration: none; background: url("../../static/image/common/scrolltop.png") 0px 0px no-repeat; border-top: 1px solid rgb(205, 205, 205); }
#scrolltop a b { visibility: hidden; font-weight: normal; }
.tedt .area { padding: 4px; background: rgb(255, 255, 255); zoom: 1; }
.frame, .frame-tab { margin-bottom: 10px; border: 1px solid rgb(237, 237, 237); background: rgb(255, 255, 255); }
.frame .mn { margin-bottom: 0px; }
.frame .sd { min-height: 0px; }
.frame-1-2 .mn, .frame-1-2 .col-r, .frame .frame-1-2 .mn, .frame .frame-1-2 .col-r { float: right; width: 66.6%; }
.frame-1-2 .sd, .frame-1-2 .col-l, .frame .frame-1-2 .sd, .frame .frame-1-2 .col-l { float: left; width: 33.3%; }
.frame-2-1 .mn, .frame-2-1 .col-l, .frame .frame-2-1 .mn, .frame .frame-2-1 .col-l { float: left; width: 66.6%; }
.frame-2-1 .sd, .frame-2-1 .col-r, .frame .frame-2-1 .sd, .frame .frame-2-1 .col-r { float: right; width: 33.3%; }
.frame-1-3 .mn, .frame-1-3 .col-r, .frame .frame-1-3 .mn, .frame .frame-1-3 .col-r { float: right; width: 74.9%; }
.frame-1-3 .sd, .frame-1-3 .col-l, .frame .frame-1-3 .sd, .frame .frame-1-3 .col-l { float: left; width: 24.9%; }
.frame-3-1 .mn, .frame-3-1 .col-l, .frame .frame-3-1 .mn, .frame .frame-3-1 .col-l { float: left; width: 74.9%; }
.frame-3-1 .sd, .frame-3-1 .col-r, .frame .frame-3-1 .sd, .frame .frame-3-1 .col-r { float: right; width: 24.9%; }
.frame .frame-1-1-1 .col-l, .frame .frame-1-1-1 .col-c, .frame .frame-1-1-1 .col-r { padding: 0px; width: 33%; }
.frame .frame-1-1 .col-l, .frame .frame-1-1 .col-r { width: 49.9%; }
.frame .title .titletext, .block .title .titletext { float: left; }
.block { margin: 10px 10px 0px; }
.frame-1-2 .sd .block, .col-l .block, .frame-2-1 .mn .block, .frame-1-1-1 .col-c .block, .frame-1-3 .sd .block, .frame-3-1 .mn .block { margin-right: 10px; }
.frame-1-2 .mn .block, .col-r .block, .frame-2-1 .sd .block, .frame-1-1-1 .col-c .block, .frame-1-3 .mn .block, .frame-3-1 .sd .block { margin-left: 10px; }
body#space .block { margin: 0px 5px 10px; }
.temp { margin: 1px; }
#ct .frame { margin: 0px; border: none; }
.drag .block .title { margin-bottom: 0px; padding-left: 0px; font-size: 14px; font-weight: 700; }
#ct .sd .block { margin: 0px; }
.block .xl1 ul li { padding-left: 10px; background: url("../../static/image/common/dot.gif") 0px 50% no-repeat; }
.ie_all .block .xl1 ul li { background-position: 0px 6px; }
.xfs_nbd .block { margin-top: 0px; margin-bottom: 10px; }
.xfs_nbd .col-l .block, .xfs_nbd .frame-1-1-l .block, .xfs_nbd .frame-2-1-l .block, .xfs_nbd .frame-1-2-l .block, .xfs_nbd .frame-3-1-l .block, .xfs_nbd .frame-1-3-l .block, .xfs_nbd .frame-1-1-1-l .block { margin-left: 0px; }
.xfs_nbd .sd .block, .xfs_nbd .col-r .block, .xfs_nbd .frame-1-1-r .block, .xfs_nbd .frame-2-1-r .block, .xfs_nbd .frame-1-2-r .block, .xfs_nbd .frame-3-1-r .block, .xfs_nbd .frame-1-3-r .block, .xfs_nbd .frame-1-1-1-r .block { margin-right: 0px; }
.xbs .dxb_bc { padding-bottom: 6px; background: 100% 100% no-repeat transparent; }
.xbs_1 .dxb_bc { padding: 9px 10px; }
.xbs_2 .dxb_bc { background-image: url("../../static/image/diy/bs_2_ft_r.png"); }
.xbs_3 .dxb_bc { background-image: url("../../static/image/diy/bs_3_ft_r.png"); }
.xbs_4 .dxb_bc { background-image: url("../../static/image/diy/bs_4_ft_r.png"); }
.xbs_5 .dxb_bc { padding-bottom: 10px; background-image: url("../../static/image/diy/bs_5_ft_r.png"); }
.xbs_6 .dxb_bc { background-image: url("../../static/image/diy/bs_6_ft_r.png"); }
.xbs_7 .dxb_bc { background-image: url("../../static/image/diy/bs_7_ft_r.png"); }
.cl_block_bm .dxb_bc { margin: 0px !important; }
.frame-1 { height: auto; background-color: transparent !important; background-image: none !important; border: 0px none !important; margin: 0px !important; padding: 0px !important; }
.frame-1-c { height: auto; background-color: transparent !important; background-image: none !important; border: 0px none !important; margin: 0px !important; padding: 0px !important; }
.move-span { height: auto; background-image: none !important; border: 0px none !important; margin: 0px !important; padding: 0px !important; }
.move-span .content { height: auto; background-color: transparent !important; background-image: none !important; border: 0px none !important; margin: 0px !important; padding: 0px !important; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
* { padding: 0px; margin: 0px; }
ul li { list-style: none; }
img { border: none; }
.clear { clear: both; }
body { font-family: "Microsoft JhengHei", "Microsoft Yahei", SimHei; background: rgb(255, 255, 255) !important; }
.w1180 { width: 1180px; margin: 0px auto; }
#hd .wp { padding: 0px; width: 100%; }
body#space .block { background: rgb(255, 255, 255); margin: 0px 5px 10px !important; border: 1px solid rgb(221, 221, 221) !important; }
.move-span { background: none; }
#hd { background: rgb(255, 255, 255); height: 60px; }
.deanhdtop_l { width: 1200px; margin: 0px auto; }
#deanheader { width: 100%; min-width: 1180px; height: 60px; background: rgb(255, 255, 255); position: relative; z-index: 100000; }
.deanlogo { width: 135px; height: 38px; float: left; }
.deanlogo img { }
#hd .p_pop { background: rgb(29, 39, 56); overflow: hidden; box-shadow: none; min-width: 125px; border: 0px; padding: 0px !important; }
#hd .p_pop a { padding: 0px 20px; color: rgb(255, 255, 255); font-size: 12px; border-bottom: 1px solid rgb(45, 55, 74); border-top: 0px; height: 40px; line-height: 40px; display: block; transition: all 0.3s linear; }
#hd .p_pop a:last-child { border-top: 0px; }
#hd .p_pop a:hover { background: rgb(230, 33, 41); color: rgb(255, 255, 255); }
.deansidetls { width: 58px; z-index: 999999; position: fixed; right: 2%; top: 35%; }
.deansidetools { position: relative; }
.deansidetools ul { }
.deansidetools ul li { width: 58px; height: 58px; margin: 0px auto; position: relative; text-align: center; background-color: rgb(255, 255, 255); cursor: pointer; box-shadow: rgba(7, 17, 27, 0.1) 0px 6px 12px 0px; }
.deanstout { width: 23px; height: 39px; position: relative; top: 16px; left: 19px; z-index: 22; border-bottom: 1px solid rgb(237, 241, 242); }
.deanstout img { width: 23px; height: 23px; position: absolute; top: 0px; left: 0px; z-index: 23; }
.deanstout span { width: 26px; height: 26px; line-height: 14px; display: block; position: absolute; top: 0px; left: -3px; text-align: center; font-size: 12px; color: rgb(230, 33, 41); opacity: 0; transition: all 0.3s linear; }
.deansidetools ul li:hover .deanstout span { opacity: 1; }
.deansidetools ul li:hover .deanstout img { opacity: 0; }
.deansthds { width: 160px; height: 280px; background-color: rgb(255, 255, 255); box-shadow: rgba(7, 17, 27, 0.1) 0px 4px 12px 0px; position: absolute; right: 60px; top: 0px; display: none; }
.deansthdstops { text-align: center; width: 130px; margin: 15px auto 8px; padding-bottom: 15px; border-bottom: 1px solid rgb(237, 241, 242); }
.deansthdstops img { }
.deansthdstops a { display: block; width: 100px; height: 20px; line-height: 20px; margin: 15px auto 10px; border: 1px solid rgb(181, 185, 188); font-size: 12px; color: rgb(181, 185, 188); border-radius: 24px; }
.deansthdstops a:hover { border: 1px solid rgb(230, 33, 41); color: rgb(230, 33, 41); }
.deansthdstops a p { font-size: 12px; color: rgb(181, 185, 188); }
.deansthdcbtms { text-align: center; }
.deansthdcbtms h5 { font-size: 14px; color: rgb(230, 33, 41); font-weight: 500; margin-bottom: 10px; height: 20px; line-height: 20px; }
.deansthdcbtms p { height: 25px; font-weight: 500; line-height: 25px; overflow: hidden; font-size: 20px; color: rgb(181, 185, 188); margin-bottom: 10px; }
.deansthdcbtms h4 { font-size: 14px; color: rgb(230, 33, 41); font-weight: 500; margin-bottom: 10px; height: 20px; line-height: 20px; }
.deansthdcbtms span { display: block; height: 25px; line-height: 25px; overflow: hidden; font-size: 14px; color: rgb(181, 185, 188); margin-bottom: 10px; }
.deansidetools ul li.deansd_kf:hover .deansthds { display: block; }
.deansidetools ul li.deansd_app:hover .deansthds { display: block; }
.deansthds_app { height: 220px; }
.deansidetools ul li.deansd_wx { }
.deansidetools ul li.deansd_wx:hover .deansthds { display: block; }
.deanstwxsd { width: 130px; margin: 15px auto; }
.deanstwxsd p { font-size: 12px; color: rgb(181, 185, 188); overflow: hidden; height: 23px; line-height: 23px; }
.deanstwxsd img { width: 130px; height: 130px; display: block; margin-top: 10px; }
.deanstout_wx img { width: 23px; height: 23px; }
.deanstout_up { border-bottom: 0px; }
#scrolltop { visibility: hidden; position: absolute; bottom: -57px; display: block; margin: 0px; width: 58px; background: rgb(255, 255, 255); border: 0px; border-radius: 0px; cursor: pointer; }
#scrolltop a { display: block; padding: 0px; text-align: center; text-decoration: none; background: none; border-top: 0px; }
.deanfooter { margin-top: 30px; width: 100%; min-width: 1180px; background: rgb(21, 30, 40); }
.deanfttop { width: 100%; min-width: 1180px; padding: 0px 0px 30px; }
.deanftcons { margin-bottom: 20px; }
.deanftcons ul li { width: 333.333px; height: 50px; padding: 35px 30px; float: left; }
.deanftcons ul li i { display: block; width: 50px; height: 50px; float: left; }
.deanftcons ul li.deanftc1 { background: rgb(205, 159, 39); }
.deanftcons ul li.deanftc2 { background: rgb(175, 136, 34); }
.deanftcons ul li.deanftc3 { background: rgb(144, 112, 27); }
.deanftcons ul li.deanftc1 i { background: url("../../template/dean_product_170622/deancss/footer/map.png") center center no-repeat; }
.deanftcons ul li.deanftc2 i { background: url("../../template/dean_product_170622/deancss/footer/tel.png") center center no-repeat; }
.deanftcons ul li.deanftc3 i { background: url("../../template/dean_product_170622/deancss/footer/email.png") center center no-repeat; }
.deanftctop { float: right; width: 268px; }
.deanftctop h5 { height: 20px; line-height: 20px; font-size: 14px; color: rgb(255, 255, 255); }
.deanftctop p { height: 30px; line-height: 30px; overflow: hidden; font-size: 12px; color: rgb(255, 255, 255); font-weight: 500; }
.deanftctop p a { display: block; height: 30px; line-height: 30px; overflow: hidden; font-size: 26px; color: rgb(255, 255, 255); font-weight: 500; }
.deanftghyus { }
.deanftitems { width: 300px; float: left; margin-right: 50px; }
.deanftitems h5 { height: 55px; line-height: 55px; margin-bottom: 20px; }
.deanftitems h5 span { display: block; float: left; height: 55px; line-height: 55px; font-size: 18px; color: rgb(238, 238, 238); border-bottom: 1px solid rgb(230, 33, 41); font-weight: 500; letter-spacing: 1px; }
.deanftlogo { width: 300px; height: 55px; padding: 25px 0px; }
.deanftlogo img {width: 169px;/* height: 60px; */}
.deanftitems1 { width: 234px; }
.deanab_us { }
.deanab_us ul li { width: 100px; height: 30px; line-height: 30px; float: left; overflow: hidden; padding-left: 17px; background: url("../../template/dean_product_170622/deancss/id_ar.png") left center no-repeat; }
.deanab_us ul li a { color: rgb(238, 238, 238); }
.deanab_us ul li a:hover { color: rgb(24, 184, 95); }
.deanftitems2 { float: right; margin-right: 0px; width: 260px; }
.deanguanzhu { }
.deanguanzhu ul { }
.deanguanzhu ul li { width: 120px; float: left; margin-right: 20px; }
.deangzpics { width: 120px; height: 120px; margin-bottom: 5px; }
.deangzpics img { width: 120px; height: 120px; }
.deanguanzhu ul li p { height: 22px; line-height: 22px; font-size: 12px; color: rgb(238, 238, 238); text-align: center; }
.deanqqcontact { margin-top: 20px; }
.deanqqcontact a { display: block; width: 185px; height: 40px; line-height: 40px; background: url("../../template/dean_product_170622/deancss/footer/kf.png") 20px center no-repeat rgb(230, 33, 41); font-size: 14px; color: rgb(255, 255, 255); text-indent: 50px; }
.deanqqcontact a:hover { opacity: 0.8; }
.deanftbottom { padding: 10px 0px; width: 100%; min-width: 1180px; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.12); }
.deanftbottom p { height: 40px; line-height: 40px; }
.deanftbottom p, .deanftbottom a { font-size: 12px; color: rgb(132, 133, 134); }
.deanftbottom p.deanpp span { display: none; }
.deanftbottom p.deanpp a { margin-right: 10px; }
.deanftbottom p a:hover { color: rgb(3, 195, 107); }
.idx_h2 { padding-top: 10px; }
.idx_h2c ul li a { display: block; width: 239px; height: 164px; position: relative; background-color: rgb(211, 211, 211); overflow: hidden; }
.idx_h2c ul li:first-child { border: 0px; }
.idx_h2c li a > i { overflow: hidden; }
.idx_h2c li a > i img { opacity: 0; transform: scale(1); transition: all 0.5s; }
.idx_h2c li:hover a > i img { display: block; opacity: 1; transform: scale(1.1); transition: all 0.5s; }
.idx_h2c li a > i img { width: 100%; height: 100%; }
.idx_h2cz { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: all 0.5s; }
.idx_h2cz span { width: 46px; height: 48px; display: block; margin: 30px auto 10px; transition: all 0.5s; z-index: 2; }
.idx_h2c li:hover a .idx_h2cz span { margin-top: 20px; }
.idx_h2cz span.s1 { background: url("../../../../../../images/idx_h2a.png") center center no-repeat !important; }
.idx_h2cz span.s2 { background: url("../../../../../../images/idx_h2b.png") center center no-repeat !important; }
.idx_h2cz span.s3 { background: url(".../../../../../../images/idx_h2c.png") center center no-repeat !important; }
.idx_h2cz span.s4 { background: url("../../../../../../images/idx_h2d.png") center center no-repeat !important; }
.idx_h2cz span.s5 { background: url("../../../../../../images/idx_h2e.png") center center no-repeat !important; }
.idx_h2cz p { color: rgb(51, 51, 51); font-size: 16px; text-align: center; display: block; z-index: 2; }
.idx_h2cz font { display: none; text-align: center; margin-top: 10px; z-index: 2; }
.idx_h2c li:hover a .idx_h2cz font { display: block; }
.idx_h2c li:hover a .idx_h2cz p { color: rgb(255, 255, 255); }
.idx_h2cz em { display: block; text-align: center; color: rgb(178, 178, 178); font-size: 12px; }
.idx_h2c li:hover a .idx_h2cz em { display: none; }
.idx_h2c ul li { float: left; border-left: 1px solid rgb(255, 255, 255); }
.idx_h2c li a .idx_h2cz i { position: absolute; left: 50%; top: 50%; right: 0px; bottom: 0px; width: 0px; height: 0px; background: rgb(230, 33, 41); opacity: 0; transition: all 0.4s; }
.idx_h2c li:hover a .idx_h2cz i { width: 240px; height: 164px; margin-left: -120px; margin-top: -82px; opacity: 0.75; transition: all 0.6s; }
.idx_h2n { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 100; }
.idx_h2c li:hover a .idx_h2cz span.s1 { background: url("../../../../../../images/idx_h2a2.png") center center no-repeat !important; }
.idx_h2c li:hover a .idx_h2cz span.s2 { background: url("../../../../../../images/idx_h2b2.png") center center no-repeat !important; }
.idx_h2c li:hover a .idx_h2cz span.s3 { background: url("../../../../../../images/idx_h2c2.png") center center no-repeat !important; }
.idx_h2c li:hover a .idx_h2cz span.s4 { background: url("../../../../../../images/idx_h2d2.png") center center no-repeat !important; }
.idx_h2c li:hover a .idx_h2cz span.s5 { background: url("../../../../../../images/idx_h2e2.png") center center no-repeat !important; }
.width_1200 { width: 1200px; margin: 0px auto; }
.deanpro_l {float: left;width: 450px;}
.deanpro_l img {width: 450px;height:332px;}
.deanpro_r { float: right; width: 600px; }
.deanotherfgsd a { display: block; float: left; padding: 0px 30px; font-size: 12px; width: 70px; text-align: center; color: rgb(255, 255, 255); border-radius: 4px; height: 40px; line-height: 40px; margin-right: 10px; }
.deanotherfgsd a.deanqqtalks { background: rgb(230, 33, 41); color: rgb(255, 255, 255); font-size: 14px; margin-top: 10px; }
.deanotherfgsd a.deabgotobug { background: rgb(24, 186, 96); }
.deanotherfgsd a:hover, .deanotherfgsd span:hover { opacity: 0.8; }
.deancpdetail { margin: 4px 0px; }
.deancpdetail ul li { font-size: 12px; color: rgb(51, 51, 51); line-height: 40px; overflow: hidden; }
.deancpdetail ul li span { margin-right: 10px; }
.deanproductsinfo { margin-top: 50px; }
.deanpro_ttops h5 { font-size: 20px; }
#navt ul { margin-top: 10px; }
#navt ul li { float: left; font-size: 16px; padding-right: 5px; }
#navt ul li a { color: rgb(230, 33, 41); font-weight: bold; }
#navt ul li .float_layer { width: 400px; height: 120px; position: absolute; background: rgba(0, 0, 0, 0.8); padding: 10px; margin-top: 10px; display: none; }
#navt ul li .float_layer a { font-size: 14px; line-height: 24px; color: rgb(255, 255, 255); }
.deancpdetail ul { margin-top: 10px; width: 500px; }
.deancpdetail ul li { font-size: 14px; line-height: 24px; }
.main_product { margin-top: 60px; }
.cpxq { width: 54%; float: left; font-size: 14px; line-height: 30px; }
.cpsp { width: 42%; float: right; }
.deanwzpdtitle { line-height: 35px; border-bottom: 1px solid rgb(237, 237, 237); margin-bottom: 20px; }
.deanwzpdtitle h4 { font-size: 22px; float: left; color: rgb(41, 48, 71); padding-left: 10px; border-left: 5px solid rgb(230, 33, 41); height: 23px; line-height: 23px; }
.deanwzpdtitle a { float: right; }
.cpxqq { border: 1px solid rgb(221, 221, 221); padding: 4%; margin-bottom: 4%; min-height: 457px; }
.cpspqx { border: 1px solid rgb(221, 221, 221); }
.lianxi { padding: 4%; font-family: 微软雅黑; font-size: 16px; }
.lianxi p span { color: rgb(102, 102, 102); line-height: 36px; }
.lianxi h3 { font-size: 30px; color: rgb(230, 33, 41); }
.pslc { margin-top: 70px; }
.sjtc { margin-top: 50px; float: right; }
.pslt { float: left; }
.pslt dl { clear: both; padding-top: 30px; }
.pslt dl dt { float: left; }
.pslt dl dt img { width: 100px; }
.pslt dl dd { float: left; padding-left: 30px; padding-top: 20px; }
.pslt dl dd h3 { font-size: 18px; }
* { word-wrap: break-word; }
body { }
body, input, button, select, textarea { font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 12px; line-height: 1.5; font-family: Tahoma, Helvetica, SimSun, sans-serif; color: rgb(68, 68, 68); }
textarea { resize: none; }
table { empty-cells: show; border-collapse: collapse; }
caption, th { text-align: left; font-weight: 400; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
em, cite, i { font-style: normal; }
a { color: rgb(51, 51, 51); text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: none; }
label { cursor: pointer; }
.cl::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.cl { zoom: 1; }
hr { display: block; clear: both; }
.area hr { margin-left: 0px !important; margin-right: 0px !important; }
#hd { border-bottom: 0px solid rgb(244, 244, 244); }
#hd .wp { padding: 10px 0px 0px; }
#hd h2 { padding: 0px 20px 8px 0px; float: left; }
#space #hd h2 { margin-top: 0px; }
#hd .fastlg { padding-top: 10px; }
#scrolltop { visibility: hidden; position: fixed; bottom: 100px; display: block; margin: -30px 0px 0px 2px; width: 40px; background: rgb(244, 244, 244); border-width: 0px 1px 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(205, 205, 205); border-bottom-color: rgb(205, 205, 205); border-left-color: rgb(205, 205, 205); border-image: initial; border-radius: 3px; border-top-style: initial; border-top-color: initial; cursor: pointer; }
#scrolltop:hover { text-decoration: none; }
.ie6 #scrolltop { position: absolute; bottom: auto; }
#scrolltop a { display: block; width: 30px; height: 24px; padding: 3px 5px; line-height: 12px; text-align: center; color: rgb(120, 120, 120); text-decoration: none; background: url("../../static/image/common/scrolltop.png") 0px 0px no-repeat; border-top: 1px solid rgb(205, 205, 205); }
#scrolltop a b { visibility: hidden; font-weight: normal; }
.tedt .area { padding: 4px; background: rgb(255, 255, 255); zoom: 1; }
.frame, .frame-tab { margin-bottom: 10px; border: 1px solid rgb(237, 237, 237); background: rgb(255, 255, 255); }
.frame .mn { margin-bottom: 0px; }
.frame .sd { min-height: 0px; }
.frame-1-2 .mn, .frame-1-2 .col-r, .frame .frame-1-2 .mn, .frame .frame-1-2 .col-r { float: right; width: 66.6%; }
.frame-1-2 .sd, .frame-1-2 .col-l, .frame .frame-1-2 .sd, .frame .frame-1-2 .col-l { float: left; width: 33.3%; }
.frame-2-1 .mn, .frame-2-1 .col-l, .frame .frame-2-1 .mn, .frame .frame-2-1 .col-l { float: left; width: 66.6%; }
.frame-2-1 .sd, .frame-2-1 .col-r, .frame .frame-2-1 .sd, .frame .frame-2-1 .col-r { float: right; width: 33.3%; }
.frame-1-3 .mn, .frame-1-3 .col-r, .frame .frame-1-3 .mn, .frame .frame-1-3 .col-r { float: right; width: 74.9%; }
.frame-1-3 .sd, .frame-1-3 .col-l, .frame .frame-1-3 .sd, .frame .frame-1-3 .col-l { float: left; width: 24.9%; }
.frame-3-1 .mn, .frame-3-1 .col-l, .frame .frame-3-1 .mn, .frame .frame-3-1 .col-l { float: left; width: 74.9%; }
.frame-3-1 .sd, .frame-3-1 .col-r, .frame .frame-3-1 .sd, .frame .frame-3-1 .col-r { float: right; width: 24.9%; }
.frame .frame-1-1-1 .col-l, .frame .frame-1-1-1 .col-c, .frame .frame-1-1-1 .col-r { padding: 0px; width: 33%; }
.frame .frame-1-1 .col-l, .frame .frame-1-1 .col-r { width: 49.9%; }
.frame .title .titletext, .block .title .titletext { float: left; }
.block { margin: 10px 10px 0px; }
.frame-1-2 .sd .block, .col-l .block, .frame-2-1 .mn .block, .frame-1-1-1 .col-c .block, .frame-1-3 .sd .block, .frame-3-1 .mn .block { margin-right: 10px; }
.frame-1-2 .mn .block, .col-r .block, .frame-2-1 .sd .block, .frame-1-1-1 .col-c .block, .frame-1-3 .mn .block, .frame-3-1 .sd .block { margin-left: 10px; }
body#space .block { margin: 0px 5px 10px; }
.temp { margin: 1px; }
#ct .frame { margin: 0px; border: none; }
.drag .block .title { margin-bottom: 0px; padding-left: 0px; font-size: 14px; font-weight: 700; }
#ct .sd .block { margin: 0px; }
.block .xl1 ul li { padding-left: 10px; background: url("../../static/image/common/dot.gif") 0px 50% no-repeat; }
.ie_all .block .xl1 ul li { background-position: 0px 6px; }
.xfs_nbd .block { margin-top: 0px; margin-bottom: 10px; }
.xfs_nbd .col-l .block, .xfs_nbd .frame-1-1-l .block, .xfs_nbd .frame-2-1-l .block, .xfs_nbd .frame-1-2-l .block, .xfs_nbd .frame-3-1-l .block, .xfs_nbd .frame-1-3-l .block, .xfs_nbd .frame-1-1-1-l .block { margin-left: 0px; }
.xfs_nbd .sd .block, .xfs_nbd .col-r .block, .xfs_nbd .frame-1-1-r .block, .xfs_nbd .frame-2-1-r .block, .xfs_nbd .frame-1-2-r .block, .xfs_nbd .frame-3-1-r .block, .xfs_nbd .frame-1-3-r .block, .xfs_nbd .frame-1-1-1-r .block { margin-right: 0px; }
.xbs .dxb_bc { padding-bottom: 6px; background: 100% 100% no-repeat transparent; }
.xbs_1 .dxb_bc { padding: 9px 10px; }
.xbs_2 .dxb_bc { background-image: url("../../static/image/diy/bs_2_ft_r.png"); }
.xbs_3 .dxb_bc { background-image: url("../../static/image/diy/bs_3_ft_r.png"); }
.xbs_4 .dxb_bc { background-image: url("../../static/image/diy/bs_4_ft_r.png"); }
.xbs_5 .dxb_bc { padding-bottom: 10px; background-image: url("../../static/image/diy/bs_5_ft_r.png"); }
.xbs_6 .dxb_bc { background-image: url("../../static/image/diy/bs_6_ft_r.png"); }
.xbs_7 .dxb_bc { background-image: url("../../static/image/diy/bs_7_ft_r.png"); }
.cl_block_bm .dxb_bc { margin: 0px !important; }
.frame-1 { height: auto; background-color: transparent !important; background-image: none !important; border: 0px none !important; margin: 0px !important; padding: 0px !important; }
.frame-1-c { height: auto; background-color: transparent !important; background-image: none !important; border: 0px none !important; margin: 0px !important; padding: 0px !important; }
.move-span { height: auto; background-image: none !important; border: 0px none !important; margin: 0px !important; padding: 0px !important; }
.move-span .content { height: auto; background-color: transparent !important; background-image: none !important; border: 0px none !important; margin: 0px !important; padding: 0px !important; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
* { padding: 0px; margin: 0px; }
#main_pro1{max-width:1200px;margin:0 auto}
ul li { list-style: none; }
img { border: none; }
.clear { clear: both; }
body { font-family: "Microsoft JhengHei", "Microsoft Yahei", SimHei; background: rgb(255, 255, 255) !important; }
.w1180 { width: 1180px; margin: 0px auto; }
#hd .wp { padding: 0px; width: 100%; }
body#space .block { background: rgb(255, 255, 255); margin: 0px 5px 10px !important; border: 1px solid rgb(221, 221, 221) !important; }
.move-span { background: none; }
#hd {background: rgb(255, 255, 255);height: 60px;}
.deanhdtop_l { width: 1200px; margin: 0px auto; }
#deanheader { width: 100%; min-width: 1180px; height: 90px; background: rgb(255, 255, 255); position: relative; z-index: 100000; }
.deanlogo { width: 135px; height: 38px; float: left; }
.deanlogo img {/* height: 10px; */margin-top: 30px;width:180px;}
#hd .p_pop { background: rgb(29, 39, 56); overflow: hidden; box-shadow: none; min-width: 125px; border: 0px; padding: 0px !important; }
#hd .p_pop a { padding: 0px 20px; color: rgb(255, 255, 255); font-size: 12px; border-bottom: 1px solid rgb(45, 55, 74); border-top: 0px; height: 40px; line-height: 40px; display: block; transition: all 0.3s linear; }
#hd .p_pop a:last-child { border-top: 0px; }
#hd .p_pop a:hover { background: rgb(230, 33, 41); color: rgb(255, 255, 255); }
.deansidetls { width: 58px; z-index: 999999; position: fixed; right: 2%; top: 35%; }
.deansidetools { position: relative; }
.deansidetools ul { }
.deansidetools ul li { width: 58px; height: 58px; margin: 0px auto; position: relative; text-align: center; background-color: rgb(255, 255, 255); cursor: pointer; box-shadow: rgba(7, 17, 27, 0.1) 0px 6px 12px 0px; }
.deanstout { width: 23px; height: 39px; position: relative; top: 16px; left: 19px; z-index: 22; border-bottom: 1px solid rgb(237, 241, 242); }
.deanstout img { width: 23px; height: 23px; position: absolute; top: 0px; left: 0px; z-index: 23; }
.deanstout span { width: 26px; height: 26px; line-height: 14px; display: block; position: absolute; top: 0px; left: -3px; text-align: center; font-size: 12px; color: rgb(230, 33, 41); opacity: 0; transition: all 0.3s linear; }
.deansidetools ul li:hover .deanstout span { opacity: 1; }
.deansidetools ul li:hover .deanstout img { opacity: 0; }
.deansthds { width: 160px; height: 280px; background-color: rgb(255, 255, 255); box-shadow: rgba(7, 17, 27, 0.1) 0px 4px 12px 0px; position: absolute; right: 60px; top: 0px; display: none; }
.deansthdstops { text-align: center; width: 130px; margin: 15px auto 8px; padding-bottom: 15px; border-bottom: 1px solid rgb(237, 241, 242); }
.deansthdstops img { }
.deansthdstops a { display: block; width: 100px; height: 20px; line-height: 20px; margin: 15px auto 10px; border: 1px solid rgb(181, 185, 188); font-size: 12px; color: rgb(181, 185, 188); border-radius: 24px; }
.deansthdstops a:hover { border: 1px solid rgb(230, 33, 41); color: rgb(230, 33, 41); }
.deansthdstops a p { font-size: 12px; color: rgb(181, 185, 188); }
.deansthdcbtms { text-align: center; }
.deansthdcbtms h5 { font-size: 14px; color: rgb(230, 33, 41); font-weight: 500; margin-bottom: 10px; height: 20px; line-height: 20px; }
.deansthdcbtms p { height: 25px; font-weight: 500; line-height: 25px; overflow: hidden; font-size: 20px; color: rgb(181, 185, 188); margin-bottom: 10px; }
.deansthdcbtms h4 { font-size: 14px; color: rgb(230, 33, 41); font-weight: 500; margin-bottom: 10px; height: 20px; line-height: 20px; }
.deansthdcbtms span { display: block; height: 25px; line-height: 25px; overflow: hidden; font-size: 14px; color: rgb(181, 185, 188); margin-bottom: 10px; }
.deansidetools ul li.deansd_kf:hover .deansthds { display: block; }
.deansidetools ul li.deansd_app:hover .deansthds { display: block; }
.deansthds_app { height: 220px; }
.deansidetools ul li.deansd_wx { }
.deansidetools ul li.deansd_wx:hover .deansthds { display: block; }
.deanstwxsd { width: 130px; margin: 15px auto; }
.deanstwxsd p { font-size: 12px; color: rgb(181, 185, 188); overflow: hidden; height: 23px; line-height: 23px; }
.deanstwxsd img { width: 130px; height: 130px; display: block; margin-top: 10px; }
.deanstout_wx img { width: 23px; height: 23px; }
.deanstout_up { border-bottom: 0px; }
#scrolltop { visibility: hidden; position: absolute; bottom: -57px; display: block; margin: 0px; width: 58px; background: rgb(255, 255, 255); border: 0px; border-radius: 0px; cursor: pointer; }
#scrolltop a { display: block; padding: 0px; text-align: center; text-decoration: none; background: none; border-top: 0px; }
.deanfooter { margin-top: 30px; width: 100%; min-width: 1180px; background: rgb(21, 30, 40); }
.deanfttop { width: 100%; min-width: 1180px; padding: 0px 0px 30px; }
.deanftcons { margin-bottom: 20px; }
.deanftcons ul li { width: 333.333px; height: 50px; padding: 35px 30px; float: left; }
.deanftcons ul li i { display: block; width: 50px; height: 50px; float: left; }
.deanftcons ul li.deanftc1 { background: rgb(227, 38, 49); }
.deanftcons ul li.deanftc2 { background: rgb(187, 13, 23); }
.deanftcons ul li.deanftc3 { background: rgb(159, 6, 16); }
.deanftcons ul li.deanftc1 i { background: url("../../template/dean_product_170622/deancss/footer/map.png") center center no-repeat; }
.deanftcons ul li.deanftc2 i { background: url("../../template/dean_product_170622/deancss/footer/tel.png") center center no-repeat; }
.deanftcons ul li.deanftc3 i { background: url("../../template/dean_product_170622/deancss/footer/email.png") center center no-repeat; }
.deanftctop { float: right; width: 268px; }
.deanftctop h5 { height: 20px; line-height: 20px; font-size: 14px; color: rgb(255, 255, 255); }
.deanftctop p { height: 30px; line-height: 30px; overflow: hidden; font-size: 12px; color: rgb(255, 255, 255); font-weight: 500; }
.deanftctop p a { display: block; height: 30px; line-height: 30px; overflow: hidden; font-size: 26px; color: rgb(255, 255, 255); font-weight: 500; }
.deanftghyus { }
.deanftitems { width: 300px; float: left; margin-right: 50px; }
.deanftitems h5 { height: 55px; line-height: 55px; margin-bottom: 20px; }
.deanftitems h5 span { display: block; float: left; height: 55px; line-height: 55px; font-size: 18px; color: rgb(238, 238, 238); border-bottom: 1px solid rgb(230, 33, 41); font-weight: 500; letter-spacing: 1px; }
.deanftlogo { width: 300px; height: 55px; padding: 25px 0px; }
.deanftlogo img {width: 200px;/* height: 60px; */padding-top:50px;}
.deanftitems1 { width: 234px; }
.deanab_us { }
.deanab_us ul li { width: 100px; height: 30px; line-height: 30px; float: left; overflow: hidden; padding-left: 17px; background: url("../../template/dean_product_170622/deancss/id_ar.png") left center no-repeat; }
.deanab_us ul li a { color: rgb(238, 238, 238); }
.deanab_us ul li a:hover { color: rgb(24, 184, 95); }
.deanftitems2 { float: right; margin-right: 0px; width: 260px; }
.deanguanzhu { }
.deanguanzhu ul { }
.deanguanzhu ul li { width: 120px; float: left; margin-right: 20px; }
.deangzpics { width: 120px; height: 120px; margin-bottom: 5px; }
.deangzpics img { width: 120px; height: 120px; }
.deanguanzhu ul li p { height: 22px; line-height: 22px; font-size: 12px; color: rgb(238, 238, 238); text-align: center; }
.deanqqcontact { margin-top: 20px; }
.deanqqcontact a { display: block; width: 185px; height: 40px; line-height: 40px; background: url("../../template/dean_product_170622/deancss/footer/kf.png") 20px center no-repeat rgb(230, 33, 41); font-size: 14px; color: rgb(255, 255, 255); text-indent: 50px; }
.deanqqcontact a:hover { opacity: 0.8; }
.deanftbottom { padding: 10px 0px; width: 100%; min-width: 1180px; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.12); }
.deanftbottom p { height: 40px; line-height: 40px; }
.deanftbottom p, .deanftbottom a { font-size: 12px; color: rgb(132, 133, 134); }
.deanftbottom p.deanpp span { display: none; }
.deanftbottom p.deanpp a { margin-right: 10px; }
.deanftbottom p a:hover { color: rgb(3, 195, 107); }
.idx_h2 { padding-top: 10px; }
.idx_h2c ul li a { display: block; width: 239px; height: 164px; position: relative; background-color: rgb(211, 211, 211); overflow: hidden; }
.idx_h2c ul li:first-child { border: 0px; }
.idx_h2c li a > i { overflow: hidden; }
.idx_h2c li a > i img { opacity: 0; transform: scale(1); transition: all 0.5s; }
.idx_h2c li:hover a > i img { display: block; opacity: 1; transform: scale(1.1); transition: all 0.5s; }
.idx_h2c li a > i img { width: 100%; height: 100%; }
.idx_h2cz { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: all 0.5s; }
.idx_h2cz span { width: 46px; height: 48px; display: block; margin: 30px auto 10px; transition: all 0.5s; z-index: 2; }
.idx_h2c li:hover a .idx_h2cz span { margin-top: 20px; }
.idx_h2cz span.s1 { background: url("../../../../../../images/idx_h2a.png") center center no-repeat !important; }
.idx_h2cz span.s2 { background: url("../../../../../../images/idx_h2b.png") center center no-repeat !important; }
.idx_h2cz span.s3 { background: url(".../../../../../../images/idx_h2c.png") center center no-repeat !important; }
.idx_h2cz span.s4 { background: url("../../../../../../images/idx_h2d.png") center center no-repeat !important; }
.idx_h2cz span.s5 { background: url("../../../../../../images/idx_h2e.png") center center no-repeat !important; }
.idx_h2cz p { color: rgb(51, 51, 51); font-size: 16px; text-align: center; display: block; z-index: 2; }
.idx_h2cz font { display: none; text-align: center; margin-top: 10px; z-index: 2; }
.idx_h2c li:hover a .idx_h2cz font { display: block; }
.idx_h2c li:hover a .idx_h2cz p { color: rgb(255, 255, 255); }
.idx_h2cz em { display: block; text-align: center; color: rgb(178, 178, 178); font-size: 12px; }
.idx_h2c li:hover a .idx_h2cz em { display: none; }
.idx_h2c ul li { float: left; border-left: 1px solid rgb(255, 255, 255); }
.idx_h2c li a .idx_h2cz i { position: absolute; left: 50%; top: 50%; right: 0px; bottom: 0px; width: 0px; height: 0px; background: rgb(230, 33, 41); opacity: 0; transition: all 0.4s; }
.idx_h2c li:hover a .idx_h2cz i { width: 240px; height: 164px; margin-left: -120px; margin-top: -82px; opacity: 0.75; transition: all 0.6s; }
.idx_h2n { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 100; }
.idx_h2c li:hover a .idx_h2cz span.s1 { background: url("../../../../../../images/idx_h2a2.png") center center no-repeat !important; }
.idx_h2c li:hover a .idx_h2cz span.s2 { background: url("../../../../../../images/idx_h2b2.png") center center no-repeat !important; }
.idx_h2c li:hover a .idx_h2cz span.s3 { background: url("../../../../../../images/idx_h2c2.png") center center no-repeat !important; }
.idx_h2c li:hover a .idx_h2cz span.s4 { background: url("../../../../../../images/idx_h2d2.png") center center no-repeat !important; }
.idx_h2c li:hover a .idx_h2cz span.s5 { background: url("../../../../../../images/idx_h2e2.png") center center no-repeat !important; }
.width_1200 { width: 1200px; margin: 0px auto; }
.deanproduct { padding-bottom: 20px; margin-top: 70px; }
.deanpro_btms { }
.deanpro_btms ul li { display: none; }
.deanprobgh { margin-top: 35px; }
.deanprobgh dl { width: 1210px; }
.deanprobgh dl dd { float: left; margin: 0px 15px 15px 0px; background: rgb(255, 255, 255); box-shadow: rgb(237, 237, 237) 0px 2px 3px; width: 283.75px; transition: all 0.3s ease-in-out; }
.deanprobgh dl dd:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 15px 30px; transform: translate3d(0px, -2px, 0px); }
.deanproinfosd { padding: 15px 10px; height: 20px; text-align: center; }
.deanproinfosd h5 { height: 22px; line-height: 22px; overflow: hidden; }
.deanproinfosd h5 a { font-size: 16px; color: rgb(51, 51, 51); font-weight: 500; letter-spacing: 1px; }
.deanproinfosd h5 a:hover { color: rgb(230, 33, 41); }
.deanproinfosd p { font-size: 12px; color: rgb(153, 153, 153); }
.deancaseintro { height: 44px; line-height: 22px; font-size: 12px; color: rgb(153, 153, 153); overflow: hidden; margin-top: 10px; }
.deancasepicbx { width: 281.75px; height: 240px; position: relative; z-index: 1; overflow: hidden; }
.deancasepicbx img { width: 281.75px; height: 240px; position: absolute; top: 0px; left: 0px; z-index: 2; }
.deancasepicbx i { display: block; width: 281.75px; height: 240px; background: rgba(159, 6, 16, 0.6); position: absolute; top: 0px; left: 0px; z-index: 3; transition: all 0.3s ease-in-out; opacity: 0; }
.deancasepicbx a { display: block; width: 54px; height: 54px; border: 2px solid rgb(230, 33, 41); position: absolute; top: 100px; transition: all 0.3s ease-in-out; z-index: 5; }
.deancasepicbx a.deancasein { left: -70px; background: url("../../template/dean_product_170622/deancss/en.png") center center no-repeat rgb(255, 255, 255); }
.deancasepicbx a.deansortin { right: -70px; background: url("../../template/dean_product_170622/deancss/sort.png") center center no-repeat rgb(255, 255, 255); }
.deancasepicbx:hover i { opacity: 1; }
.deancasepicbx:hover a.deancasein { left: 70px; }
.deancasepicbx:hover a.deansortin { right: 70px; }
.deanfooter { margin-top: 0px; }
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button { margin: 0px; padding: 0px; border: 0px; list-style: none; line-height: 1; display: block; position: relative; box-sizing: border-box; }
#cssmenu #menu-button { display: none; }
#cssmenu { width: 1000px; float: right; font-family: 微软雅黑; line-height: 1; background: rgb(255, 255, 255); }
#menu-line { position: absolute; top: 0px; left: 0px; height: 3px; transition: all 0.25s ease-out; }
#cssmenu > ul > li { float: left; }
#cssmenu.align-center > ul { font-size: 0px; text-align: center; }
#cssmenu.align-center > ul > li { display: inline-block; float: none; }
#cssmenu.align-center ul ul { text-align: left; }
#cssmenu.align-right > ul > li { float: right; }
#cssmenu.align-right ul ul { text-align: right; }
#cssmenu > ul > li > a { font-size: 16px; font-weight: bold; padding: 0px 21px; line-height: 90px; text-decoration: none; text-transform: uppercase; color: rgb(51, 51, 51); transition: color 0.2s ease; }
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a { color: rgb(255, 255, 255); background: rgb(85, 85, 85); }
#cssmenu > ul > li.has-sub > a { }
#cssmenu ul ul { position: absolute; left: -9999px; }
#cssmenu li:hover > ul { left: auto; }
#cssmenu.align-right li:hover > ul { right: 0px; }
#cssmenu ul ul ul { margin-left: 100%; top: 0px; }
#cssmenu.align-right ul ul ul { margin-left: 0px; margin-right: 100%; }
#cssmenu ul ul li { height: 0px; transition: height 0.2s ease; }
#cssmenu ul li:hover > ul > li { height: 36px; }
#cssmenu ul ul li a { padding: 20px; width: 200px; font-size: 14px; background: rgb(85, 85, 85); text-decoration: none; color: rgb(221, 221, 221); transition: color 0.2s ease; }
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: rgb(230, 33, 41); }
#cssmenu.align-right ul ul li.has-sub > a::after { right: auto; left: 10px; border-width: 1px 0px 0px 1px; border-bottom-style: initial; border-bottom-color: initial; border-right-style: initial; border-right-color: initial; border-top-style: solid; border-top-color: rgb(221, 221, 221); border-left-style: solid; border-left-color: rgb(221, 221, 221); }
#cssmenu ul ul li.has-sub:hover > a::after { border-color: rgb(255, 255, 255); }
.list_dt { color: white; padding-left: 8%; line-height: 24px;padding:0 0 0 8% ; cursor: pointer; overflow: hidden; text-overflow: ellipsis;  position: relative; border-bottom: 1px solid rgb(187, 187, 187); }
.list_dt a {color: rgb(68, 68, 68);font-size:16px;}
.list_dt:hover { background: rgb(230, 33, 41); }
.list_dt:hover ._after { display: block; width: 3px; height: 100%; position: absolute; left: 0px; top: 0px; }
.list_dt:hover a { color: rgb(255, 255, 255); }
#open ._after { display: block; width: 3px; height: 100%; position: absolute; left: 0px; top: 0px; background: rgb(41, 48, 71); }
.list_dt_icon { position: absolute; right: 10px; top: 11px; display: block; width: 12px; height: 12px; background-size: cover; }
#open .list_dt_icon { background-size: cover; }
.list_dd { display: none; }
.list_li { list-style-type: none; color: white; width: 93%; line-height: 46px; padding-left: 7%; cursor: pointer; border-bottom: 1px solid rgb(187, 187, 187); }
.list_li:hover { background: rgb(230, 33, 41); }
.list_li:hover a { color: rgb(255, 255, 255); }
.list_li a { color: rgb(51, 51, 51); }