/* PC端公用样式 */ .container1400 { width: 1400px; } .floatright { float: right; } .marginleft10 { margin-left: 10px; } .marginleft20 { margin-left: 20px; } .margintop10 { margin-top: 10px; } .margintop5 { margin-top: 5px; } .marginbottom5 { margin-bottom: 5px; } .margintop20 { margin-top: 20px; } .marginbottom20 { margin-bottom: 20px; } .paddingleft10 { padding-left: 10px; } .paddingleft20 { padding-left: 20px; } .paddingtop10 { padding-top: 10px; } .fontsize16 { font-size: 16px; font-family: MicrosoftYaHei-, MicrosoftYaHei; } /* PC端不显示的标签 */ .headerLogobox .menuIcon { display: none; } /* PC端显示的标签 */ .header { width: 100%; } .headertitlebox_PC { width: 100%; height: 32px; background: #333333; } .headertitle_PC { height: 32px; line-height: 32px; margin: 0 auto; font-size: 12px; font-family: MicrosoftYaHeiLight-, MicrosoftYaHeiLight; color: #FFFFFF; } .headerLogobox { width: 100%; height: 100px; background: #ffffff; } .headerLogobox .logoimg { width: 496px; height: 53px; top: 22px; left: 10px; } .headerLogobox .linediv { width: 1px; height: 62px; background: #C8C8C8; top: 17px; left: 530px; } .headerLogobox .teldiv { width: 170px; top: 17px; right: 80px; text-align: right; } .headerLogobox .tel_text { font-size: 22px; font-family: MicrosoftYaHei-, MicrosoftYaHei; font-weight: normal; color: #231815; } .headerLogobox .tel_number { font-size: 24px; font-family: MicrosoftYaHei-Bold-, MicrosoftYaHei-Bold; font-weight: bold; color: #231815; } .headerLogobox .telimg { width: 60px; height: 60px; top: 17px; right: 0; } .headerLogobox .slogandiv { width: 324px; left: 550px; top: 24px; } .headerLogobox .slogantext_T { color: #236BB0; letter-spacing: 4px; } .headerLogobox .slogantext_B { color: #666666; letter-spacing: 4px; } .headerLogobox .searchdiv { width: 290px; height: 32px; top: 32px; right: 268px; background: #FFFFFF; border-radius: 2px; border: 1px solid #707070; } .headerLogobox .searchdiv input:focus-visible { outline: none; } .headerLogobox .searchdiv .searchinput { width: 214px; height: 30px; border: 0 !important; vertical-align: top; } .headerLogobox .searchdiv .searchp { flex: 1; height: 32px; background: #0359AB; position: relative; right: -5px; top: -1px; } .headerLogobox .searchdiv .searchp2 { width: 100%; height: 100%; margin: 0; display: flex; align-items: center; justify-content: center; background: none; border: 0; } .headerLogobox .searchdiv button:focus-visible { outline: none; } .headerLogobox .searchdiv .searchimg { width: 16px; height: 16px; } .headerLogobox .searchdiv .searchspan { margin-left: 6px; color: #ffffff; } .nav { width: 100%; height: 60px; background: #0359AB; position: relative; display: flex; justify-content: space-between; } .nav>li:hover { background: #6799CD; } .nav>li>a { padding: 0 30px; line-height: 60px; color: #ffffff; font-size: 16px; } .nav>li>a:focus, .nav>li>a:hover { background: none; } .nav-pills>li>a { border-radius: 0; } .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { background: #329CFF; } .secondnav { position: absolute; width: 100%; height: 260px; background: #ffffffe6; z-index: 11; padding: 44px 0 36px; transition: all 500ms; display: none; } .flexbox{ justify-content: center; height: 180px; } .secondnav_li_left { border-right: 2px solid #2878F1; text-align: right; padding-right: 63px; } .secondnav_li_left_width{ width: 32%; } .secondnav_li_left_width2{ width: 30%; } .secondnav_li_left_width3{ width: 28%; } .secondnavleft_h1 { font-size: 26px; color: #333333; margin-bottom: 8px; } .secondnavleft_h2 { font-size: 24px; color: #333333; } .secondnav_li_right { flex: 1; } .secondnavright_ul { width: 228px; height: 100%; display: inline-block; } .second_ulmarginleft74{ margin-left: 74px; } .second_ulmarginleft50{ margin-left: 50px; width: 210px; } .second_ulmarginleft40{ margin-left: 40px; margin-right: 80px; width: 130px; } .second_ulmargin{ width: 225px; margin-left: 40px; margin-right: 80px; } .second_ulmarginleft50 a,.second_ulmarginleft40 a,.second_ulmargin a{ width: 100%; display: inline-block; margin-bottom: 15px !important; } .secondnavright_ul a { font-size: 16px; color: #333; margin-bottom: 20px; text-align: left; cursor: pointer; display: block; } .secondnavright_ul a:hover{ color: #0062B1; } .secondnavright_ul a:last-child{ margin-bottom: 0; } .secondnavright_img { width: 472px; height: 180px; vertical-align: bottom; }