#bar1 { background: #F7F7F7 } #bar1 * { line-height: 36px; font-size: 12px; color: #7B7B7B; opacity: .988; transition: all .3s } #bar1 .con { position: relative } #bar1 .brand { position: absolute; right: 100px; height: 35px; overflow: hidden; text-indent: 2000px } #bar1 .brand .cover { } #bar1 .brand img { } #bar1 .con.txtr { } #bar1 .con.txtr a { position: relative; padding-left: 34px } #bar1 a:hover { color: #0079CD } #bar1 .con.txtr a i { display: inline-block; width: 18px; height: 18px; vertical-align: middle; background: url(../images/zh.png) no-repeat; margin-right: 5px } #bar1 .con.txtr a:hover { opacity: 1 } #bar1 .con.txtr a:after { background: #ffffff; content: ""; display: block; position: absolute; width: 1px; height: 13px; top: 3px; left: 13px } #bar1 .con.txtr a:first-child:after { display: none } #hd1 { } .sitelogo { margin-top: 0 } .sitelogo .webLogo { height: auto; float: left;margin-top: -6px; } .sitelogo .fl2 { position: relative; padding-left: 0; margin-top: 12px; font-family: webfont; transform: translate3d(17px, 0, 0) } .sitelogo p { } .sitelogo .fl2:before { content: ""; display: block; position: absolute; width: 1px; height: 24px; top: 0px; left: 8px; border-left: 1px solid #C2C0C0 } .sitelogo .p1 { padding-left: 10px; font-size: 20px; color: #333333; line-height: 26px; /*width: 120px;*/ margin-bottom: 0; font-weight: bold; float: left; padding-top: 6px; position: relative } .sitelogo .p1:after { display: block; width: 1px; height: 30px; background: #ddd; content: ""; position: absolute; right: -6px; top: 14px } .sitelogo .s1 { display: block } .sitelogo .s11 { font-size: 24px; font-weight: bold; color: #7B1F56 } .sitelogo .s12 { font-size: 12px; color: #7B1F56 } .sitelogo .s13 { font-size: 16px } .sitelogo .s14 { margin-top: -5px; font-size: 15px } .sitelogo .p2 { display: block; color: #444; font-weight: normal; font-size: 16px; line-height: 26px; padding-left: 26px; float: left; padding-top: 6px } .sitelogo > a { display: block; float: left; padding-top: 22px; padding-bottom: 8px; padding-bottom: 7px } .sitelogo > a i { font-size: 28px; font-family: SourceHanSansCN; font-weight: 500; color: #FFFFFF; line-height: 48px; font-style: normal; position: relative; top: 11px; display: inline-block; margin-left: 10px; padding-left: 14px; position: relative } .sitelogo > a i:before { width: 1px; height: 13px; content: ""; display: block; position: absolute; top: 18px; left: 0; background: #fff } .sitelogo .d1 { float: left; padding: 17px 0 0 13px } .sitelogo .d1 .p1 { font-size: 16px; margin-bottom: 4px } .sitelogo .d1 .p2 { font-size: 18px; font-weight: bold; color: #9b2424 } .header { width: 100%; top: 0; left: 0; z-index: 999 } .header { } .head_contact { font-size: 14px; padding-left: 52px; background: url(../images/phone1.png) no-repeat left top; margin-top: 28px } .head_contact .p1 { margin-bottom: 0; color: #555; font-weight: 400; font-size: 14px } .head_contact .s1 { } .head_contact .p2 span { font-size: 14px } .head_contact .s2 { margin-left: 10px } .head_contact .p2 { font-size: 25px; line-height: 1.4; color: #333; font-style: normal; font-weight: bold; font-family: arial; line-height: 1.1; text-indent: -3px } #mainnav { z-index: 9999; height: 50px; border-top: 1px solid #E5E5E5 } #navbarcontainer { width: 100vw; border-top: 1px solid #eaeaea; background: #f7f7f7; _width: 100% } .navbar { display: block; width: auto; min-height: 0; margin: 0; margin-left: 0; border: none } #navbar { padding: 0 } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #333; background-color: transparent } ul.nav { line-height: 0; float: none; clear: both; width: 100%; min-width: 1px; margin-top: 0; margin-left: auto; margin-right: 60px; text-align: right; text-align: left; white-space: nowrap; text-align: center } ul.nav > li { display: inline-block; float: none; transition: all .3s; text-align: center; vertical-align: middle; padding-right: 2px } ul.nav > li.nav_li1 > a { font-size: 16px; line-height: 100px; position: relative; padding: 0 24px 0; color: #111; font-weight: 500; transition: color .3s } ul.nav > li.nav_li1 > a:hover { color: #cf1d1d } ul.nav.little > li.nav_li1 > a { padding: 0 16px 0 } .nav>li>a:focus, .nav>li>a:hover { background-color: transparent } ul.nav > li i.fg { background: url(http://cdn.bestandsafest.cn/static/images/bg_fg.png) no-repeat; display: inline-block; width: 22px; height: 16px; margin: 0; margin-right: 1px; margin-left: -2px; position: relative; top: 1px } ul.nav > li.active i.fg, ul.nav > li:hover i.fg { background-position: -207px center } ul.nav > li.nav_li1:last-child { background: none } ul.nav > li:first-child { } ul.nav > li > a { font-size: 16px; line-height: 28px; position: relative; display: inline-block; padding: 0; white-space: nowrap; color: #333 } ul.nav > li > a>span { font-family: wfont_en } ul.nav > li:first-child > a { padding-left: 0 } ul.nav > li:first-child > a:before { left: 0 !important; width: calc(100% - 48px) !important } ul.nav > li:first-child > a:before { left: 0 !important; width: calc(100% - 48px) !important } ul.nav > li:last-child > a:after { display: none } ul.nav > li.nav_li1:hover > a, ul.nav > li.nav_li1.active > a { position: relative; color: #7B1F56 } ul.nav > li.nav_li1:hover > a:before, ul.nav > li.nav_li1.active > a:before { content: ""; display: block; position: absolute; width: calc(100% - 96px); height: 1px; top: 0px; left: 46px; background: #1E80DB; display: none } ul.dropdown-menu { top: 100%; width: 100%; min-width: 1px; padding: 2px 0; padding-top: 0; border: none; border-bottom-width: 2px; border-image: initial; background: transparent; background: rgb(207 29 29 / 14%); box-shadow: none; box-shadow: none; display: none !important } .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:first-child { } ul.dropdown-menu li a { font-size: 14px; width: 100%; min-width: 1px; padding: 8px 0; color: #fff; border-bottom: none } .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: #fff; background: #cf1d1d } ul.nav li.phone { font-size: 18px; font-weight: bold; margin-left: 90px; padding-top: 19px; padding-left: 22px; background: url(https://tx.ce365.cn/yuanda2020/images/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(https://tx.ce365.cn/yuanda2020/images/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 } .dropdown-toggle { display: none } 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 } .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 } .body_index dl#contactusf { color: #8A5A41; font-weight: 400 } #header .search { } #header .search form { width: 130px; transition: all .6s; white-space: nowrap } #header .search .ipt1 { width: 0px; border-radius: 50px; border: none; height: 39px; line-height: 40px; padding: 0 8px; padding-right: 50px; box-sizing: content-box; transition: all .6s; float: right } #header .search form.full .ipt1 { width: 100px; border: 1px solid #eee } #header .search .ipt2 { float: right; background: transparent url(../images/bg1.png) no-repeat center; width: 23px; height: 23px; border: none; margin-left: -41px; vertical-align: middle; margin-top: -4px } .searchbar form { width: 35px; position: relative; margin-top: 34px; min-width: 35px; height: 35px; overflow: hidden } #submit { display: none } .searchbar form .icon, .searchbar form .submit { width: 35px; height: 35px; background: transparent url(../images/fdj.png) no-repeat center; display: block; position: absolute; top: 0; opacity: 1 !important; right: 0 } .searchbar form #search { -webkit-appearance: none; height: 35px; width: 0; position: absolute; padding: 0; opacity: 0; border: none; outline: none; position: absolute; right: 35px; border-bottom: 1px solid #eee; background: transparent } .searchbar form #search::placeholder { color: #fff } #location { } #location * { line-height: 48px; font-size: 14px } #location b { font-weight: normal; padding-left: 26px; margin-top: 26px; background: url(../images/lct.png) no-repeat left } #location b a { } #location b a span.fg { } .leftside { padding-right: 10px } .xiangguanwenzhang { background: #ececec; padding: 10px 10px 30px } .xiangguanwenzhang li { position: relative; padding: 10px 0 10px 20px; border-bottom: 1px solid #ddd } .xiangguanwenzhang li:before { content: ""; display: block; position: absolute; width: 6px; height: 6px; border-radius: 500px; top: 15px; left: 4px; background: #b5b5b5 } .xiangguanwenzhang li a { } .xiangguanchanping { background: #ececec; padding: 20px 0 } .xiangguanchanping li { padding: 0px 20px } .xiangguanchanping li a:last-child { display: block; text-align: center; padding: 10px 0; margin-bottom: 10px; font-size: 16px; background: #fff; border-top: 1px solid #eee } .xiangguanchanping li .nail { } .xiangguanchanping li .nail img { } .xiangguanchanping li .nail+a { display: block; text-align: center; line-height: 1.8; padding: 10px 0px 10px } @media screen and (max-width:1706px) { ul.nav > li.nav_li1 > a { } ul.nav > li.nav_li1 > a > i { display: none } .header { } } @media screen and (max-width:1366px) { ul.nav > li.nav_li1 > a { padding: 0 16px 0; font-size: 18px } .header { } } @media screen and (max-width:1200px) { ul.nav > li.nav_li1 > a { padding: 0 1vw 0 } .header { } #mainnav { } } @media (max-width:769px) { #mainnav { height: auto; background: transparent } ul.nav > li.nav_li1 > a { } ul.nav > li.nav_li1 > a >span { display: none } #searchbar .con1 a { padding-right: 20px; color: #444; font-size: 14px; line-height: 45px } #searchbar .con1 span { line-height: 45px; font-size: 14px } #searchbar { padding: 8px 0 } #searchbar .con2 { padding-top: 7px } }