/*css reset body { font-family: "PingFang SC", "Open Sans",sans-serif; font-size: 14px; overflow-x: hidden; } */ b, strong { font-weight: bold; } /*css reset 结束*/ /*导航样式开始*/ .navbar-default { background: #ffffff; box-shadow: 0 0px 0px #a1a1a1; -webkit-box-shadow: 0 0px 0px #a1a1a1; -moz-box-shadow: 0 0px 0px #a1a1a1; -o-box-shadow: 0 0px 0px #a1a1a1; border: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; margin: 0; } .navbar-header { z-index: 99; position: relative; } .navbar-brand { height: auto; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; color: #333333; font-size: 19px; font-family: "PingFang SC", 'Montserrat', "Microsoft Yahei", sans-serif; font-weight: 700; margin: 0 0 30px; letter-spacing: 2px; text-transform: uppercase; margin: 0; color: #191919 !important; padding: 27px 15px; letter-spacing: 2.5px; z-index: 99999; } .navbar-brand span { color: #015fe5; } .navbar-nav { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .navbar-nav > li > a { color: #191919 !important; font-size: 17px; font-family: "PingFang SC",sans-serif; text-transform: uppercase; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; padding: 35px 15px; } .navbar-nav > li > a:hover, .navbar-nav > li > a.active { color: #191919 !important; } .navbar-nav li.drop { position: relative; } .navbar-nav li:hover ul.drop-down { opacity: 1; display: block; } .navbar-nav li.search { position: inherit; } .top-line { padding: 15px 0; background: #333333; border-bottom: 1px solid #f3f3f3; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; overflow: hidden; } .top-line ul.info-list { margin: 0; padding: 0; } .top-line ul.info-list li { display: inline-block; margin-right: 25px; color: #ffffff; font-size: 12px; font-family: "PingFang SC",'Montserrat', "Microsoft Yahei", sans-serif; } .top-line ul.info-list li i { color: #FFFFFF; font-size: 14px; margin-right: 10px; } .top-line ul.social-icons { margin: 0; padding: 0; text-align: right; } .top-line ul.social-icons li { display: inline-block; margin-left: 9px; } .top-line ul.social-icons li a { display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; font-size: 13px; color: #ffffff; } .top-line ul.social-icons li a:hover { color: #E60012; } header.active .top-line { height: 0; padding: 0; } .navbar-collapse { position: relative; } ul.drop-down { margin: 0; padding: 0; position: absolute; width: 200px; top: 100%; left: 0; padding: 15px 0; border: 1px solid #dcdddd; opacity: 0; display: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; background: rgba(255, 255, 255, 0.98); } ul.drop-down li { display: block; } ul.drop-down li a { padding: 10px 20px; display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; display: block; color: #191919; font-size: 16px; font-family: "PingFang SC", sans-serif; font-weight: normal; text-transform: uppercase; margin: 0; } ul.drop-down li a:hover { color: #015fe5; } .form-search { position: absolute; top: 100%; right: 0; left: 0; width: 100%; background: #f5f5f5; border-radius:5px; padding: 4px; visibility: hidden; opacity: 0; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .form-search input[type="search"] { font-size: 12px; color: #777777; font-family: "PingFang SC",'Montserrat', "Microsoft Yahei", sans-serif; font-weight: 400; line-height: 22px; margin: 0 0 10px; margin: 0; color: #333333; padding: 8px 10px; border: none; width: 100%; outline: none; background: transparent; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .form-search button { background: transparent; border: none; float: right; margin-top: -30px; margin-right: 10px; position: relative; z-index: 2; } .form-search button i { color: #053190; font-size: 16px; } .form-search.active { visibility: visible; opacity: 1; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); } #container { padding-top: 126px; } .top-line ul.info-list li { font-size: 13px; } .navbar-brand { padding: 0; } .navbar-brand .logo-m { display: none; } .navbar-brand .logo { max-height: 100px; } /*重新定义导航字间距*/ @media screen and (min-width:1410px){ .navbar-nav > li > a { /* 上、右、下、左 */padding: 40px 12px 5px 12px;} } @media screen and (min-width: 1300px) and (max-width: 1409px) { .navbar-nav > li > a { /* 上、右、下、左 */padding: 40px 8px 5px 8px;} } @media screen and (min-width: 1200px) and (max-width: 1299px) { .navbar-nav > li > a { /* 上、右、下、左 */padding: 40px 8px 5px 8px;} } @media only screen and (max-width: 1199px) { .navbar-nav > li > a { /* 上、右、下、左 */padding: 40px 4px 5px 4px;} } /*重新定义导航字间距*/ ul.drop-down { width: 180px; margin-top:3px; /* 一二级导航间距 */ } .navbar-default .navbar-nav > li > a { color: #191919!important; border-bottom: 1px solid #ffffff; transition: 0.3s; } .navbar-nav > li > a.active1,.navbar-nav > li > a.active, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #005fe7!important; } .navbar-nav > li > a.active2{ color: #191919!important; } .navbar-nav > li > a:before { content: ""; position: absolute; width: 0; height: 2px; bottom: -4px; left: 5px; background-color: #005fe9; visibility: hidden; width: 0px; transition: all 0.3s ease-in-out 0s; } .navbar-nav a:hover:before, .navbar-nav li:hover > a:before, .navbar-nav .active > a:before { visibility: visible; width: 88px; } /*首页单独下划线css*/ .navbar-nav .active1:hover:before{ visibility: visible; width: 55px; } /*首页单独下划线css-end*/ /*首页外单独下划线css*/ .navbar-nav .active2:hover:before{ visibility: visible; width: 55px; } /*首页外单独下划线cssend*/ .navbar-nav .drop-down .Lev2 { position: relative; } .navbar-nav .drop-down .sub-menu3 { display: none !important; } .navbar-nav .drop-down .Lev2:hover .sub-menu3 { display: block !important; left: 100%; top: 0!important; margin-top: -12px!important; } /*导航样式结束*/ /* 响应式样式开始 */ @media (min-width:1410px) { .container { max-width: 1350px; width: 1350px; } } @media (min-width:1570px) { .container { max-width: 1350px; width: 1350px; } } @media (min-width:1890px) { .container { max-width: 1350px; width: 1350px; } #navigation .menu1 { margin: 0 7px; } } @media (max-width : 1024px) { body { word-break: break-all; word-wrap: break-word } .container { max-width: 98%; width: 98%; } .topbar-left { width: auto; float: left; } .topbar-right { width: auto; float: right; } .top-line ul.info-list li { margin-right: 20px; } .navbar-toggle { display: block !important; margin-top: 22px; margin-right: 0; padding: 7px 8px; border: 1px #ddd solid; border-radius: 5px; } .navbar-toggle .icon-bar { width: 18px; } #bs-example-navbar-collapse-1 { display: none !important; } .navbar .navbar-header { width: 100%; margin-left: 0; margin-right: 0; } #mmenu { border-left: 1px #E5E5E5 solid; } #mmenu .mmDiv { padding-top: 20px; } #mmenu .mm-title { padding: 12px 0 11px; } #mmenu .mm-search-form { margin: 0; } #mmenu .mm-search { position: static; padding-left: 0; margin-top: 10px; padding-right: 0; margin-bottom: -17px; } #mmenu .mm-search .side-mm-keyword { max-height: 32px; height: 32px; padding: 0 16px; } #mmenu .noblock { display: inline !important; padding: 10px; } #mmenu .MMhead { line-height: 2.8; border-bottom: 1px #E5E5E5 solid; margin: 0 -20px; padding-left: 10px; } #mmenu .MMhead a { background: none; } #mmenu .mm-header .mm-title { top: -10px; font-size: 14px; } #mmenu a { color: #333; font-size: 14px; } #mmenu a:hover, #mmenu a:active { color: #AF7F48 } #mmenu .mm-listview > li > a, #mmenu .mm-listview > li > span { padding: 10px 10px 10px 20px; } } @media (max-width : 990px) { /* 960 */ .container { max-width: 99%; width: 99%; } .top-line { padding: 10px 0 8px; } .top-line ul.info-list li.tb-adword { display: none; } #container { padding-top: 118px; } } @media (max-width : 768px) { /* 向下考虑iphone6的667px和736px */ .top-line ul.info-list li.tb-email { display: none; } } @media (max-width : 740px) { /* 双行,568px,600px,640px */ .top-line { display: block; } #container { padding-top: 112px; } .navbar-brand { padding: 15px 15px 15px 0; } } @media (max-width : 480px) { .cate-itme { width: 100%; } .top-line { display: none; } #container { padding-top: 76px; } } @media (max-width : 420px) {/* 单行,240px,320px,375px,384px,414px */ .top-line ul.info-list li.tb-phone { display: none; } } /* 响应式样式结束 */ .r-tubiao-weizhi{float:right;padding-top:40px;padding-left:10px;padding-right:10px;} .r-tubiao-link{text-decoration:none;font-size:30} .r-tubiao-link:hover{text-decoration:none;} /*导航加电话*/ .top-lxwm{color:#ffffff;border-radius:25px;font-size:15px;background: linear-gradient(to right,#0075f3,#1ba9ff);border:0;width:150px;height:40px;padding-top:10px;margin-top:25px;} .top-lxwm a{color:#ffffff;} .top-lxwm a i{color:#ffffff;padding-right:5px;} .top-lxwm-m{color:#f12715;font-size:14px;padding-top:10px;margin-top:25px;} .top-lxwm-m a{color:#f12715;} .top-lxwm-m a i{color:#f12715;padding-left:2px;padding-right:2px;} /*导航加电话*/