@charset "utf-8";

.header-top { background-color: rgb(248, 248, 248); border: 1px solid rgb(224, 224, 224); height: 38px; }

.ldk { position: absolute; right: 0px; display: flex; align-items: center; }

.ldk > div img { display: inline-block; margin-right: 4px; }

.ldk > div { line-height: 38px; font-size: 13px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: rgb(51, 51, 51); display: flex; align-items: center; }

.ldk > div:first-child { font-size: 16px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: rgb(51, 51, 51); margin-right: 20px; position: relative; top: 0px; }

.ldk > div:first-child span { font-size: 16px; letter-spacing: 0px; color: rgb(76, 75, 208); font-weight: bold; }

.ldk > div:nth-child(2) { margin-right: 10px; }

.ldk > div:nth-child(3) { margin-right: 10px; }

.ldk > div:nth-child(4) { margin-right: 10px; }

.header-bottom { width: 100%; position: relative; min-height: 108px; }

.lvd { height: 108px; display: flex; align-items: center; justify-content: space-between; }

.hb-left { }

.hb-left img { width: auto; height: 70px; }

.hb-right { display: flex; align-items: center; }

.hb-right li { width: 104px; height: 108px; text-align: center; line-height: 108px; }

.hb-right li a { font-size: 16px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: rgb(51, 51, 51); display: block; line-height: 108px; }

.hb-right li:hover, .hb-right li.on { background-color: rgb(76, 75, 208); }

.hb-right li:hover a, .hb-right li.on a { color: rgb(255, 255, 255); }

.index-title p:first-child { font-size: 32px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: rgb(34, 34, 34); }

.index-title p:nth-of-type(2) { font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 36px; letter-spacing: 1px; color: rgb(51, 51, 51); margin-top: 12px; }

.index-about { overflow: hidden; padding: 47px 0px 20px; }

.index-banner { min-width: 1200px; }

.index-about .container { margin-top: 0px; }

.pr_nav { width: 254px; float: left; margin-top: 35px; }

.nav_title { height: 92px; text-align: center; background: url("../../images/cpzx.png") center center no-repeat; }

.nav_title strong { font-size: 24px; font-weight: bold; font-stretch: normal; line-height: 92px; letter-spacing: 0px; color: rgb(255, 255, 255); }

.pr_navCon li { border: 1px solid rgb(228, 228, 228); }

.pr_navCon li strong { display: block; line-height: 50px; background-color: rgb(240, 240, 240); }

.pr_navCon li strong a { display: inline-block; background: transparent; position: relative; left: -6px; }

.pr_navCon li a { display: block; line-height: 38px; position: relative; background: white; }

.pr_navCon li a span { display: inline-block; background: url("../images/index_right1.png") left center no-repeat; padding-left: 38px; height: 40px; line-height: 40px; font-size: 14px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: rgb(51, 51, 51); }

.pr_navCon li a span:nth-child(2) { position: absolute; right: 20px; }

.littejx { width: 6px; height: 6px; border: 1px solid rgb(153, 153, 153); display: inline-block; position: relative; left: 15px; top: -2px; }

.pr_list { position: relative; width: 890px; float: right; margin-top: 35px; }

.pr_listPic { width: 425px; height: 261px; background-color: rgb(255, 255, 255); }

.index-about .container img { width: auto; height: auto; }

.pr_listCon { width: 900px; }

.pr_listCon li { width: 425px; height: 300px; background-color: rgb(255, 255, 255); display: inline-block; margin-bottom: 28px; border: 1px solid rgb(201, 201, 201); }

.pr_listCon li:nth-child(2n) { }

.pr_listCon li a p { height: 39px; line-height: 39px; text-align: center; background-color: rgb(240, 240, 240); font-size: 18px; font-weight: normal; font-stretch: normal; letter-spacing: 1px; color: rgb(51, 51, 51); }

.pr_listCon li:hover { border: 1px solid rgb(94, 93, 213); }

.jump li:hover, .jump li.on { background: rgb(94, 93, 213) !important; }

.footer { height: 446px; background: url("../../images/dbbj.png"); margin-top: 122px; }

.footer-top ul { display: flex; align-items: center; justify-content: center; height: 80px; border-bottom: 1px solid rgb(89, 89, 89); }

.footer-top ul li { font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 19px; letter-spacing: 0px; color: rgb(197, 197, 197); padding-left: 40px; padding-right: 40px; border-right: 1px dashed rgb(148, 147, 147); height: 19px; }

.coone { height: 60px; background: url("../../images/dblogo.png") center center no-repeat; margin: 50px auto; }

.cotw { display: flex; justify-content: center; }

.cotw ul p { font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: rgb(197, 197, 197); }

.cotw ul:nth-child(2) { margin-left: 122px; }

.cotw div { margin-left: 157px; }

.footer-content { margin-bottom: 28px; }

.footer-bt { font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 37px; letter-spacing: 1px; color: rgb(180, 180, 180); text-align: center; }

.footer-bt a { color: rgb(180, 180, 180); }

.footer-top li a { font-size: 14px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: rgb(197, 197, 197); }

.index-tip { border-bottom: 2px solid rgb(230, 230, 230); height: 52px; }

.index-tip ul { width: 1200px; height: auto; margin: 0px auto; }

.index-tip div { width: 100%; z-index: 9999; background: rgb(255, 255, 255); border-bottom: 2px solid rgb(230, 230, 230); height: 52px; }

.index-tip li { float: left; margin-left: 71px; height: 52px; }

.index-tip li:first-child { margin-left: 0px; }

.index-tip li.on, .index-tip li:hover { border-bottom: 3px solid rgb(94, 93, 213); }

.index-tip li.on a, .index-tip li:hover a { color: rgb(76, 75, 208); }

.index-tip li a { font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 52px; letter-spacing: 0px; color: rgb(60, 60, 60); }

.index-tip ul { overflow: hidden; }

.position { margin-top: 40px; margin-bottom: 35px; }

.position .container { font-size: 14px; color: rgb(102, 102, 102); }

.wzdt { display: inline-block; margin-left: 5px; margin-right: 10px; position: relative; top: 5px; }

.position a { font-size: 14px; color: rgb(102, 102, 102); line-height: 22px; }

.position span { color: rgb(76, 75, 208); }

.cotw div p { font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 28px; letter-spacing: 0px; color: rgb(197, 197, 197); text-align: center; }

.pr_navCon li a:hover span { color: rgb(76, 75, 208); }

.pr_navCon li a.on span { color: rgb(76, 75, 208); }

.header-nav-down { display: none; position: absolute; top: 108px; left: 0px; width: 100%; z-index: 9999; background-color: rgba(0, 0, 0, 0.7); }

.hb-right li:hover .header-nav-down { display: block; }

.header-nav-a1 { height: 45px; line-height: 45px; text-align: right; }

.header-nav-a1 a { height: 45px; padding: 0px 36px; color: rgb(255, 255, 255); display: inline-block !important; line-height: 45px !important; }

.header-nav-a1 a:hover { background-color: white; color: rgb(76, 75, 208) !important; }

.header-nav-dl { width: 100%; height: auto; padding: 4px 0px 6px; }

.header-nav-dl dl { float: left; text-align: left; min-height: 284px; width: 210px; padding: 0px 0px 0px 10px; }

.header-nav-dl dt { height: 56px; line-height: 54px; font-size: 16px; font-weight: 600; margin-bottom: 15px; }

.header-nav-dl dt span { color: rgb(255, 255, 255); display: inline-block; line-height: 54px; border-bottom: 2px solid rgb(255, 255, 255); padding: 0px 2px 0px 0px; }

.header-nav-dl dt a { line-height: 54px !important; }

.header-nav-dl dl dd { float: left; min-height: 30px; line-height: 30px; background: url("../../images/tj15.png") 0px center no-repeat; font-size: 14px; padding: 0px 0px 0px 20px; width: 200px; }

.header-nav-dl dl dd a { color: rgb(255, 255, 255); line-height: 30px !important; }

.header-nav-dl dl:hover { background-color: rgb(76, 75, 208); }

.header-nav-dl dl dd a:hover { color: rgb(233, 163, 73) !important; }

.header-nav-dl dl:nth-child(1) { width: 510px; }

.header-nav-dl dl:nth-child(1) dd { width: 215px; }

.header-nav-dl2 { width: 100%; height: auto; padding: 4px 0px 6px; }

.header-nav-dl2 dl { float: left; text-align: left; min-height: 284px; width: 230px; padding: 0px 0px 0px 10px; }

.header-nav-dl2 dt { height: 56px; line-height: 54px; font-size: 16px; font-weight: 600; margin-bottom: 15px; }

.header-nav-dl2 dt span { color: rgb(255, 255, 255); display: inline-block; line-height: 54px; border-bottom: 2px solid rgb(255, 255, 255); padding: 0px 2px 0px 0px; }

.header-nav-dl2 dt a { line-height: 54px !important; }

.header-nav-dl2 dl dd { min-height: 30px; line-height: 30px; background: url("../../images/tj15.png") 0px center no-repeat; font-size: 14px; padding: 0px 0px 0px 20px; width: 210px; }

.header-nav-dl2 dl dd a { color: rgb(255, 255, 255); line-height: 30px !important; }

.header-nav-dl2 dl:hover { background-color: rgb(76, 75, 208); }

.header-nav-dl2 dl dd a:hover { color: rgb(233, 163, 73) !important; }

.swiper-pagination-bullet { width: 70px; height: 5px; background-color: rgb(183, 183, 183); border-radius: 4px; opacity: 0.8; }

.swiper-pagination-bullet-active { background-color: rgb(112, 112, 112); }

.video { width: 930px; }

.home-product .index-title p:first-child { color: white; }

.home-product .index-title p:nth-of-type(2) { color: white; }

.pr_listCon { width: auto; }

.pr_listCon li { width: 364px; height: 256px; background-color: rgb(255, 255, 255); display: inline-block; margin-bottom: 50px; border: 1px solid rgb(201, 201, 201); margin-right: 46px; }

.index-about .container img { width: auto; height: auto; max-width: 100%; max-height: 100%; }

.pr_listCon li:nth-child(3n) { margin-right: 0px; }

.pr_listCon li a p { height: 33px; line-height: 33px; text-align: center; background-color: rgb(240, 240, 240); font-size: 15px; font-weight: normal; font-stretch: normal; letter-spacing: 1px; color: rgb(51, 51, 51); }

.pr_listPic { width: 364px; height: 223px; background-color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; }

.yy-in { display: flex; align-items: center; width: 222px; padding-bottom: 10px; border-bottom: 4px solid rgb(196, 196, 196); margin-bottom: 28px; }

.yy-in p { font-size: 32px; font-weight: bold; font-stretch: normal; line-height: 32px; letter-spacing: 0px; color: rgb(51, 51, 51); margin-left: 3px; }

.yy-itme { width: 1033px; margin-bottom: 50px; }

.yy-itme li { display: inline-block; margin-right: 40px; line-height: 31px; }

.yy-itme li a { font-size: 20px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: rgb(51, 51, 51); }

.yy-itme li a:hover, .yy-itme li.on a { color: rgb(76, 75, 208); }

.index-about:nth-child(2n+1) { padding: 47px 0px 20px; background: rgb(242, 242, 242); }

.index-about:nth-child(2n+1) .container img { width: auto; height: auto; max-width: 100%; max-height: 100%; }

.ftop { background: url("../../images/clan-slider.png") -45px 0px black; width: 48px; height: 48px; position: fixed; right: 15px; bottom: 200px; z-index: 9999; }