#topbar { background: #1C222E }
#topbar * { color: #BDBCC1; line-height: 30px; font-size: 12px }
#header .s2 { color: #fff }
#topbar .fr a { display: inline-block; padding: 0 }
#topbar .fr a:hover { color: #fff }
#topbar .fr a:after { content: ""; display: inline-block; background: #333842; width: 1px; height: 14px; position: relative; top: 3px; margin: 0 8px }
#topbar .fr a:last-child:after { display: none }
.sitelogo { margin-top: 0 }
.sitelogo > a { display: block; float: left }
.sitelogo img { height: auto }
.sitelogo img.webLogo:first-child { display: none }
.sitelogo img.webLogo:first-child {display: block;width: 138px;}
.sitelogo .webLogo2 { display: none }
.sitelogo .weblogo2 { display: none }
.sitelogo .sitename { float: left; padding: 6px 8px 0 22px; position: relative }
.sitelogo .sitename:after { content: ""; height: 53px; width: 3px; background: #EDEDED; display: block; right: -6px; top: 12px; position: absolute }
.sitelogo .f { float: left; margin-top: 23px; margin-left: 22px }
.sitelogo .sitename .p1 { font-size: 30px; margin-bottom: 0; color: #333; font-weight: 400; letter-spacing: 3px }
.sitelogo .sitename .p2 { font-size: 14px; font-weight: 400; color: #999999; text-transform: uppercase; letter-spacing: 0.9px }
.header { position: absolute; width: 100%;height: auto; z-index: 8; overflow-x: unset; overflow: visible; background: rgba(36, 42, 55, .5);}

.body_gonglue .header {
    background: #333943;
    position: static;
}
.header:before { content: ""; display: block; position: absolute; width: 100%; height: 1px; top: 74px; left: 0; background: rgba(233, 233, 233, 0.1) }

.body_gonglue .header:before {
    top: 107px;
}
.navbarcontainer { width: 100%; background: #B41017; _width: 100%; margin-top: 20px }
.navbar { display: block; width: 100%; min-height: 0; margin: 0; margin-left: 0; border: none }
#navbar { padding-right: 0; padding-left: 0 }
#navbar_m.navbar-collapse.collapse { display: none !important }
ul.nav { line-height: 0; clear: both; min-width: 1px; margin-left: 0; text-align: left; white-space: nowrap;width: 100%;}
ul.nav > li { display: block; float: none; transition: all .3s; text-align: center; vertical-align: middle; padding: 15px 20px; position: relative; float: left;width:25%;}
ul.nav.citynav > li:first-child { padding-left: 67px }
ul.nav > li:first-child i { font-style: normal }
ul.nav > li > .nv {font-size: 16px;padding: 0;white-space: nowrap;text-transform: uppercase;float: left;display: block;line-height: 1.7;margin-right: 13px;position: relative;}
ul.nav > li > a:after { }
ul.nav > li > a:hover:after { }
ul.nav > li:first-child:before { display: none }
ul.nav > li i a { font-size: 16px; font-style: normal; color: rgba(255, 255, 255, 0.6); display: block; font-weight: bold }
ul.nav > li img { margin: 0 auto 1px; display: block }
ul.nav > li img+span { font-size: 14px; color: #fff;transition: all .1s;float: right;margin-left: 10px;}
ul.nav > li> p { float: left;position: relative;top:-1px;width:35%;}
ul.nav > li p a { display: block; line-height: 24px; font-size: 14px; color: #fff }
ul.nav > li p a:hover { color: #FFF600 }
#sitenavbar { }
#sitenavbar .cl1 { }
#sitenavbar .call1 { padding-left: 42px; background: url(./image/ic1.png) no-repeat left center }
#sitenavbar .call1 .s1 { color: #B9BCC5; font-size: 14px; display: block; line-height: 1.1 }
#sitenavbar .call1 .s2 { font-size: 24px; line-height: 1.4 }
#sitenavbar .cl2 { }
#sitenavbar .cl2 { }
ul.nav > li:first-child > a { margin-right: 0 }

ul.nav > li.quyu:hover {
    /* pointer-events: none; */
}

ul.nav > li.quyu > a:hover,ul.nav > li.quyu > a:hover * {
    pointer-events: none;
    color: #fff;
}
.nav img{min-width: auto !important;visibility: unset !important;width:auto !important;float:left;}
ul.nav > li.quyu > a:hover i {
    color: #FFF000;
}
.dhdw{    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: auto;
    background:rgba(0, 83, 218, 0.6);
    border-radius: 100px;}
.nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: transparent }
.nav>li>a:focus span, .nav>li>a:hover span, .nav>li>a:focus span i, .nav>li>a:hover span i { color: #004ED7; text-decoration: none; font-weight: bold; font-size: 16px }
ul.dropdown-menu { }
.navbar-nav > li.fj1 > .dropdown-menu { width: 150px; border: none }
.navbar-nav > li.fj1 > .dropdown-menu li { margin: 0 }
ul.dropdown-menu:before { position: absolute; z-index: 99; top: 11px; left: 50%; display: block; display: none; width: 10px; height: 10px; margin-left: -11px; content: ''; border: 16px solid transparent; border-bottom: 13px solid #fff }
ul.dropdown-menu li { width: 100%; min-width: 1px; text-align: center }
ul.dropdown-menu li a { font-size: 14px; width: 100%; min-width: 1px; padding: 10px 0; color: hsla(0, 0%, 100%, 0.6); border-bottom: 1px solid rgba(230, 230, 230, 1) }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background: #9b2424 }
ul.dropdown-menu li:last-child a { border: none }
ul.dropdown-menu li a:hover { color: rgba(255, 255, 255, 0.8); background: #b41017 }
ul.nav li.phone { font-size: 18px; font-weight: bold; margin-left: 90px; padding-top: 19px; padding-left: 22px; background: url(./image/bg1.png) no-repeat -329px -592px }
ul.nav li.search { float: right; width: 42px; height: 22px; margin: 20px 0 0 22px; padding-left: 20px; cursor: pointer; background: url(./image/bg1.png) no-repeat -485px -612px }
ul.nav li.search:before { position: absolute; top: 0; left: 0; display: block; width: 1px; height: 22px; content: ''; background: #7d7d7d }
ul.nav li.search ul { right: -30px; left: auto; width: 318px; padding-top: 0; text-align: right; border: none; background: transparent }
ul.nav li.search ul:after { position: static; top: 0; left: 0; display: block; width: 10px; height: 110px; content: '' }
ul.nav li.search ul li { padding: 40px 20px; border-radius: 0 0 5px 5px; background: #fff }
ul.nav li.search ul li form { vertical-align: middle }
ul.nav li.search ul li input { font-size: 14px; line-height: 28px; float: right; width: 230px; height: 28px; padding: 0 2px; vertical-align: middle }
ul.nav li.search ul li a { font-size: 14px; line-height: 28px; position: relative; left: -3px; float: right; width: auto; height: 28px; padding: 0 6px 0 6px; vertical-align: middle; color: #fff; background: #0e90e2 }
#formSeach { border: none; position: relative; margin-top: 46px }
#formSeach a { display: inline-block; width: 30px; height: 30px; background: transparent url(http://www.400ds.com/templates/400dianhua/images/bg0.png) no-repeat; position: absolute; right: 13px; top: 3px; text-indent: -200px; overflow: hidden }
#formSeach #input_keyword { border: 1px solid #dddddd; line-height: 45px; border-radius: 100px; padding: 0 30px; width: 300px }
.hotline { margin-top: 30px; margin-left: 50px }
.hotline i { background: url(http://www.400ds.com/templates/400dianhua/images/bg1.png) no-repeat left center; display: block; vertical-align: middle; margin-right: 10px; font-style: normal; padding-left: 28px; margin-bottom: 2px }
.hotline .s1 { font-size: 16px; display: block; float: left; color: #666666 }
.hotline .phone { font-size: 30px; color: #B41017; font-style: normal; font-weight: 400; display: block; font-family: arial; line-height: 1.2 }
.dropdown-toggle { }
ul.nav li.lang { display: none }
ul.nav li.lang a { font-size: 18px; position: relative; top: -1px; padding: 0 10px }
ul.nav li.colmenu { float: right }
ul.nav li.colmenu a { padding: 0 }
ul.nav li.fj a:active, ul.nav li.fj a:focus { background-color: transparent !important }
ul.nav > li.fj:hover > a { background-color: transparent }
ul.nav > li.fj1 ul li { margin-left: -14px; padding-bottom: 10px }
ul.nav > li.fj3 { top: 1px; margin-right: 0 }
li.fj a { color: #666 }
li.fj a:after { display: inline-block; padding: 0 7px; color: #999 }
ul.nav li.fj2:before { position: absolute; top: 0; left: 0; display: block; width: 1px; height: 22px; background: #7d7d7d }
ul.nav li.fj > a:after { position: absolute; right: 3px; display: inline-block; width: 10px; height: 100%; content: ''; border-right: 1px solid #cdcdcd }
ul.nav li.fj1 a:after { right: auto; left: 32px }
ul.nav li.fj2 ul { right: -9px; left: auto; width: 318px; padding-top: 33px; text-align: right; border: none; background: transparent }
ul.nav li.fj2 ul:after { position: static; top: 0; left: 0; display: block; width: 10px; height: 110px; content: '' }
ul.nav li.fj2 ul li { padding: 20px 20px 40px; border-radius: 0 0 5px 5px; background: #fff }
ul.nav li.fj2 ul li form { vertical-align: middle }
ul.nav li.fj2 ul li input { font-size: 14px; line-height: 28px; float: right; width: 230px; height: 28px; padding: 0 2px; vertical-align: middle }
ul.nav li.fj2 ul li a { font-size: 14px; line-height: 28px; position: relative; left: -3px; float: right; width: auto; height: 28px; padding: 0 6px 0 6px; vertical-align: middle; color: #fff; background: #9b2424 }
li.fj .phone { font-size: 20px; line-height: 32px; position: relative; top: -1px; display: inline-block; padding-left: 0; letter-spacing: 0; color: #333 }
li.fj .wx { display: inline-block; overflow: hidden; width: 35px; height: 23px; margin-left: 5px; padding-right: 58px; text-indent: -130px; background: url(http://www.400ds.com/templates/400dianhua/images/bgs.png) no-repeat -612px 0 }
li.fj .search { position: relative; top: 0; display: inline-block; overflow: hidden; width: 43px; height: 23px; margin-left: 10px; text-indent: -100px; background: url(http://www.400ds.com/templates/400dianhua/images/bgs.png) no-repeat left top }
.head_top { width: 100%; height: 30px; background: #ebebeb }
.head_top ul { margin: auto }
.head_top ul li:first-child { line-height: 30px; float: left; color: #666 }
.head_top ul li:last-child { float: right }
.head_top ul li:last-child > p { line-height: 30px; float: left; width: 90px; height: 30px; text-align: center; color: #666; border-left: 1px solid #ddd }
.head_top ul li:last-child > p:last-child { border-right: 1px solid #ddd }
.leng { display: none }
.head_top ul li:last-child > p > a { color: #666 }
#sitesearch { background: transparent; padding: 0; margin-top: 31px; margin-right: -20px; z-index: 9999 }
#sitesearch .bt {border: none;display: inline-block;width: 15px;height: 17px;overflow: hidden;text-indent: 100px;background: url(./image/ic8.png) no-repeat;position: relative;top: 4px;left: -38px;z-index: 99999;}
#sitesearch .txt { background: transparent; border: none; position: relative; top: 2px; right: 0; width: 228px; color: #bdbcc1; width: 260px; height: 40px; background: rgba(255, 255, 255, 0.1); border-radius: 20px; color: #BEBCC2; z-index: 9999; text-indent: 1.5em }
#sitesearch .txt::placeholder { color: #fff }
#sitesearch .txt::placeholder { color: #BEBCC2 }
#footer .wxwb a { display: inline-block; width: 34px; height: 34px; background: rgba(56, 56, 56, 1); border-radius: 50%; text-align: center; padding-top: 6px; margin-right: 10px; position: relative }
#footer .wxwb { margin-top: 30px }
#footer .wxwb .img1 { display: inline }
#footer .wxwb .img2 { display: none }
#footer .wxwb a:hover .img1 { display: none }
#footer .wxwb a:hover .img2 { display: inline }
#footer .wxwb a:hover .qrimg { display: block; transform: scale(1) }
#footer .wxwb .qrimg { position: absolute; top: -174px; left: -52px; text-align: center; width: 140px; display: none; transition: all .3s }
#footer .wxwb .qrimg img { display: block }
#footer .wxwb .qrimg>div.top { padding: 10px; background: #fff }
#footer .wxwb .qrimg .shanjiaoxing { margin: 0 auto; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 13px solid white }
#footer .wxwb .sm { font-size: 12px; font-family: Microsoft YaHei; font-weight: 400; color: #535353 }
#footer .call { margin-top: 17px; margin-bottom: 15px; padding-left: 47px; position: relative; float: right; width: 230px; text-align: left }
#footer .call:before { display: inline-block; width: 40px; height: 40px; background: url(./image/call.png) no-repeat center; content: ""; border-radius: 400px; border: 1px solid grey; position: absolute; top: 2px; left: 0 }
#footer .call .s1 { color: #8B8B8B; font-size: 13px; display: block }
#footer .call .tel { color: #FFFFFF; font-size: 22px }
#footer .friendslinks { border-top: 1px solid #383838; display: block }
#footer .friendslinks .con { padding: 28px 0 20px }
#footer_nav { padding-bottom: 25px }
#footer_nav .depth1 { margin: 65px auto 25px; display: flex; justify-content: flex-start }
#footer_nav .depth1 > li.li_first { flex: 0 0 290px }
#footer_nav .depth1 > li { flex: 1 }
#footer_nav .depth1 > li > a { font-size: 16px; position: relative; display: block; padding-top: 0; color: #fff }
#footer_nav .depth1 > li > a.kefu { font-size: 15px; line-height: 41px; width: 192px; margin-top: 30px; margin-left: 0; padding: 0 30px; border-radius: 70px }
#footer_nav .depth1 > li > a.kefu i { position: relative; top: -2px; display: inline-block; margin-right: 10px }
#footer_nav .depth2 { position: relative; padding-top: 13px }
#footer_nav .depth2 li a { font-size: 14px; line-height: 30px; color: #717171; padding: 0; display: block }
#footer_nav .depth2 li a:hover { color: #fff }