/*.container { width: 1200px !important; }*/ .container .txt p,.container .txt span,.container .txt div{font-family:寰蒋闆呴粦, Tahoma, Arial, sans-serif !important} img { width: 100%; } br { display: inline; line-height: 20px; } li { list-style: none; } a { text-decoration: none; color: #333; } p:hover, a:hover { text-decoration: none; color: #3592c3; } .no-padding { padding: 0; } .navbar { margin-bottom: -1px; } .txt p:hover { color: unset !important; } #top { background-color: #969696; } #top p { color: #FFF; line-height: 1.5em; vertical-align: middle; padding-top: 5px; padding-right: 40px; } #top p a { color: #FFF; } #top-logo .search { margin-top: 2em; } #top-logo { padding-top: 15px; padding-bottom: 15px; } .logo_form, .head_form { padding: 0; } .logo { padding-left: 0; } #top-logo .search form { width: 35%; float: right; } #top-logo .search-btn { display: inline; font-size: 18px; position: relative; cursor: pointer; } #top-logo .search input { border: 1px solid #bdbdbd; border-radius: 15px; height: 30px; padding-left: 10px; } .navbar-default { background-color: #ededed; } .navbar-default li { font-size: 18px; line-height: 3em; border-bottom: 1px solid #f5f4f4 } .dropdown-menu > li > a { height: 40px; text-align: center; font-size: 14px; padding: 0; line-height: 40px; color: #666; } /*.navbar-nav li.active a{ background-color:#3592c3; color:#FFF; }*/ .nav>li>a{ padding:16px 11px !important} .navbar-nav li.active .dropdown-menu a { background-color: #FFF; color: #000; } .navbar-nav li a { transition: all 0.4s ease-in; } .navbar-nav li a:hover { background-color: #00a0e9 !important; color: #FFF !important; } .dropdown-menu { min-width: unset; } .menu-nav { margin: 0 auto; float: unset; } .menu-nav .first { width: 10%; text-align: center; } #footer { background-color: #3e3f42; } #footer .row { padding-top: 1em; padding-bottom: 0.6em; } #footer .sec1 .block { float: left; width: 14%; } #footer .sec1 .block .title { font-size: 16px; color: #d1d2d2; border-bottom: 1px solid #999; line-height: 2em; margin: 10px; text-align: center; letter-spacing: 4px; } #footer .sec1 .block li { text-align: center; line-height: 2em; } #footer .sec1 .block li a { color: #ababab; font-size: 12px; } #footer .sec1 .block li a:hover { color: #fff; } #footer .sec1 .glyphicon { margin-right: 5px; } #footer .sec1 .jijian { background-color: #575a61; padding: 10px 5px 5px 12px; margin-top: 2.9em; margin-bottom: 1em; } #footer .sec1 .jijian .title { color: #c7c7c7; font-size: 16px; } #footer .sec1 .jijian .title a { color: #c7c7c7; } #footer .sec1 .jijian .title a:hover { color: #c7c7c7; } #footer .sec1 .jijian .info { color: #c7c7c7; font-size: 13px; } #footer .sec1 .kaoping { background-color: #5d6067; padding: 15px 10px; } #footer .sec1 .kaoping p:hover, #footer .sec1 .kaoping p a:hover { color: #c7c7c7; } #footer .sec1 .kaoping p, #footer .sec1 .kaoping p a { color: #c7c7c7; font-size: 16px; } #footer .sec1 .kaoping .kaoping2 { background-color: #7e828c; padding: 15px 10px; width: 100%; color: #c7c7c7; } #footer .sec1 .kaoping .kaoping2 li { line-height: 2em; } #footer .sec1 .kaoping p { margin-bottom: unset; } #footer .sec1 .kaoping .kaoping2 li a { color: #c7c7c7; } #footer .sec1 .kaoping .kaoping2 li a:hover { color: #c7c7c7; text-align: center; font-size: 14px; background-color: #5d6067; } #footer .sec1 .kaoping .glyphicon { font-size: 18px; top: 4px; } #footer .sec1 .qr { margin-top: 2.9em; background-color: #5d6067; padding: 1.3em 5px 2em; height: 170px; } #footer .sec1 .qr p { margin-bottom: 30px } #footer .sec1 .qr .title { color: #c7c7c7; font-size: 15px; } #footer .sec1 .qr-img { width: 91%; display: block; margin: 0 auto; } .foot_ewm { padding-right: 0; padding-left: 9px; } .area { padding: 0; } #bottom { margin-top: 2em; background-color: #2a2b2d; } #bottom .mid p { line-height: 2em; color: #afafaf; margin-bottom: 5px; } #bottom .mid p #jinghui { display: inline-block; width: 20px; height: 20px; background: url('../img/jinghui.png'); position: relative; top: 5px; margin-right: 5px; } #bottom .mid p a { color: #afafaf; } #bottom .mid p a:hover { color: #afafaf; } #bottom .right ul { margin-top: 1.15em;; } #bottom .right li a { color: #eee; } #bottom .right li { display: inline-block; } #bottom .mid p:nth-child(2) { font-size: 12px; } /* 鍐呴〉鍏叡閮ㄥ垎 */ #page .intro { border-bottom: 1px solid #ccc; padding-left: unset; } /* #page .intro .left .title { color: linear-gradient(to right, red, blue); } */ #page .intro .left { padding-left: unset; } #page .intro .left .color-font { text-transform: uppercase; line-height: 2em; margin-top: 1em; font-size: 20px; width: 50%; background-image: #FFF\9\0; background: linear-gradient(to right, #3592c1, #d0ecac); -webkit-background-clip: text; color: transparent; color: #333\9\0; } #page .intro .left .no-color-font { text-transform: uppercase; line-height: 2em; margin-top: 1em; font-size: 20px; width: 50%; } #page .intro .left .color-font::after { content: ""; width: 9%; border-bottom: 2px solid #3390c1; position: absolute; left: 0%; top: 3.5em; } #page .intro .right p { line-height: 2em; margin-top: 1.5em; } #page .intro .right span { color: #777; } #page .intro .right a { color: #0074b1; } #page .body { margin-top: 1.5em; margin-bottom: 2em;/*min-height: 1240px;*/ } #page .body .content { padding: 1em 3.5em 2em; border: 1px solid #ccc; width: 900px; float: right; } #page .body .content p, #page .body .content span { font-size: 16px !important; color: #555; margin: 0 0 0; } #page .body .content .title { color: #e6e6e6; font-size: 35px !important; height: 45px; text-transform: uppercase; } .about_con { background: url(../img/about_bg.jpg)no-repeat right bottom; } .right_form { padding: 0; } /* 鍐呴〉鑱旂郴-鎬婚儴 */ #page .contact { padding: 0.5em; } #page .contact .hq .head { color: #33aae1; padding: 0.2em 1em; border: 1px solid #33aae1; display: block; width: 30%; background-color: #FFF; z-index: 10; } #page .contact .hq .head img { width: 25%; z-index: 5; } #page .contact .branch .head { color: #33aae1; padding: 0.2em 1em; border: 1px solid #33aae1; display: block; width: 40%; font-size: 20px; z-index: 10; background-color: #FFF; } #page .contact .branch .head img { width: 25%; z-index: 5; } #page .contact .hq .block { border: 1px solid #d4d4d4; box-shadow: 5px 5px 5px #d4d4d4; padding: 4em 1em 0.5em 1em; position: relative; top: -40px; z-index: -1; } #page .contact .branch .block { border: 1px solid #d4d4d4; box-shadow: 5px 5px 5px #d4d4d4; padding: 2em 1em 0.5em 0em; position: relative; top: -20px; z-index: -1; min-height: 220px; } .lxbox{ } /* 璇︽儏椤 */ #page .text { padding: 0.5em; border: 1px solid #ccc; } #page .text .title { font-size: 18px; color: #6f6f6f; font-weight: bold; padding-top: 1em; } #page .text .info { color: #6f6f6f; } #page .text .txt { padding: 1em 3em 0em; font-size: 16px; color: #666; } #page .text .txt p { margin: 0 0 0px; padding: 0px 0!important; font-size: 16px; line-height: 1.8em } #page .text .txt img { width: auto; } .txt span { color: #666; line-height: 1.8; font-size: 16px!important; } #page .text .bottom { margin: 2em 0 1em 0; } #page .text .bottom .last, #page .text .bottom .next { border-bottom: 1px solid #ccc; padding: 0.5em 1em; color: #333; transition: all 0.4s ease-in-out; } #page .text .bottom .last a, #page .text .bottom .next a { color: #666; transition: all 0.4s ease-in-out; font-size: 13px; } #page .text .bottom .last:hover, #page .text .bottom .next:hover { background-color: #0074af; color: #FFF; } #page .text .bottom .last:hover a, #page .text .bottom .next:hover a { color: #FFF; } #page .hr ul li { line-height: 2em; font-size: 16px; } #page .hr { width: 798px; padding: 0; margin-left: 50px; padding: 10px 35px; background: #EEE; line-height: 37px; } /* 鍏叡鍐呴〉宸﹁竟瀵艰埅 */ .left-part { /* border-right: 1px solid #ccc;*/ } .left-part .blue-head { background: url(../img/left_nav.png); height: 96px; padding-top: 18px; background-repeat: no-repeat; background-size: cover; padding-left: 0px; padding-right: 0px; } .left-part .blue-head .torch { width: 90%; display: block; margin: 0 auto; } .left-part .blue-head .title, .left-part .blue-head .subtitle { color: #FFF; line-height: 2em; margin-bottom: 0; } .left-part .blue-head .title { font-size: 18px; } .left-part .blue-head .subtitle { font-size: 12px; text-transform: uppercase; line-height: 1em; } .left-part .left-nav .item { width: 100%; background-color: #2ea3de; font-size: 16px; line-height: 2em; margin-bottom: 0.3em; } .left-part .left-nav { position: relative; top: -5px; padding-left: 10px; padding-right: 10px; } .left-part .left-nav .item .arrow { margin-right: 10px; background-color: #FFF; color: #85d1ff; border-radius: 15px; padding: 5px; font-size: 14px; } .left-part .left-nav .item a { color: #FFF; margin-left: 2em; display: block; line-height: 40px; } .left-part .left-nav .item .subnav li { background-color: #f7f7f7; margin-top: 0.3em; } .left-part .left-nav .item .subnav li a.left-nav-on { color: #3591c2; font-size: 14px; } .left-part .left-nav .item .subnav { background-color: #FFF; } .left-part .left-nav .item .subnav li a { color: #909090; font-size: 14px; } .left-part .left-nav .item .subnav li a .arrow2 { margin-right: 5px; font-size: 12px; } .left-part .hot { } .subnav li { padding-left: 1.6em; } .left-part .hot .head { background: url(../img/left_new.png); background-size: contain; background-repeat: no-repeat; height: 54px; } .left-part .hot .head p { line-height: 2.5em; padding: 0.3em 0; margin-bottom: unset; } .left-part .hot .head span { font-size: 18px; border-left: 2px solid #577539; padding-left: 0.5em; color: #577539; } .left_new_more { font-size: 14px; color: #577539; } .left-part .hot .news { border: 1px solid #bdbdbd; border-top: unset; padding-left: 5px; padding-right: 5px; position: relative; top: -9px; width: 95%; margin: 0 auto; left: 2.5%; } .left-part .hot .news ul { background-color: #f5fbee; } .left-part .hot .news ul li { text-indent: 1em; line-height: 2em; } .left-part .hot .news ul li a { color: #777; font-size: 14px; line-height: 2em; } .left-part .hot .news ul li a:hover { color: #0074af; } .left-part .duty { margin-top: 1em; } .left-part .duty .head { background: #16a2eb; } .left-part .duty .head p { line-height: 2.5em; padding: 0.3em 0; margin-bottom: unset; } .left-part .duty .head p a { color: #FFF; } .left-part .duty .head span { font-size: 18px; color: #FFF; } .left-part .duty ul { width: 100%; } .left-part .duty ul li { background-color: #eefaff; line-height: 1.5em; text-indent: 1em; padding-top: 0.5em; } .left-part .duty ul li a { display: block; padding: 0.5em 0; } .left-part .duty ul li.active { background: url(../img/left_3.png)no-repeat center bottom; } .left-part .duty ul li img { width: 100%; } .left-part .duty ul li span { /* border:1px solid #666; border-radius: 15px; padding:5px; */ padding: 2px 11px; margin-right: 2px; background: url(../img/nu.png)no-repeat center; } .news_form { margin-left: 6px; } #list-news a .news_more { width: 26%; background: #ededed; margin-left: 2em; padding: 0.3em 0; text-align: center; margin-top: 0.5em; color: #333; } #list-news a:hover .news_more { background: #0074af; color: #fff; } /*闆嗗洟鑽h獕*/ .honor { margin-top: 2%; } .honorimg { width: 100%; overflow: hidden; } .honorimg img { width: 100%; transition: all 0.3s; height:130px; } .honorimg img:hover { transform: scale(1.2); } .honor { padding: 0; margin: 0; overflow: auto; list-style: none; text-align: left; margin-top: 30px; } .honor li { display: inline-block; box-sizing: border-box; padding: 1em 2em; width: 262px; MARGIN: 2PX 2px; float: left; cursor: default; border: 1px solid #EEE; MARGIN: 2PX 0; } .honor li .addCon { width: 100%; overflow: hidden; } .honor li .addCon p { height: 36px; line-height: 36px; } .h30 { height: 30px; } .clear { clear: both; } /* 鍏叡鍒嗛〉 */ .dux-page a { display: inline-block; padding: 0.5em 1em; background-color: #666; color: #fff; margin-left: 0.5em; } .dux-page a:hover { background-color: #09AFFF !important; border: none !important } .dux-page a.active-page { background-color: #3390c1; color: #FFF; margin-right: 3px; } .dux-page{ text-align:left;} /*search鍐呴〉*/ .search_content .title { border-bottom: 1px dashed #999; padding-bottom: 6px; } .search_content .info { color: #999; font-size: 12px; } .search_content .des { color: #666; line-height: 2em; } /*gotop*/ #goTop { display: block; width: 50px; height: 50px; position: fixed; bottom: 40%; left: 90%; cursor: pointer; } #goTop span { display: block; width: 100%; height: 100%; text-align: center; color: #3592c3; font-size: 50px; } /* 鍝嶅簲寮忚ˉ鍏 */ @media screen and (max-width:1920px) { #top-logo .search-btn { right: 30px; } .menu-nav { width: 1200px; } } @media screen and (max-width:1680px) { } @media screen and (max-width:1440px) { } @media screen and (max-width:1366px) { #goTop { bottom: 52%; } } @media screen and (max-width:1280px) { #goTop { bottom: 52%; } } @media screen and (max-width:1000px) { .menu-nav { width: 970px; } .menu-nav .first { width: 10%; } .navbar-default li { font-size: 14px; } #page .contact .branch .head { padding: 0.2em 0.5em; font-size: 17px; } } .navbar { border: none !important; } .navbar-default li { border: none !important; } .left-part { width: 300px !important; } .row { margin-right: 0px !important; margin-left: 0px !important; } .dropdown-menu { width: 118px !important; min-width: 118px !important } .menu-nav .first { width: auto; } #rightNewsItems .news-block .block { padding-right: 0px; padding-left: 0px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #page .intro .left .color-font { background: 0; } } .Search a { display: block; margin-left: 0px; background: #eee; padding: 21px; margin-bottom: 15px; font-size: 16px; } /*瑙勮寖鎵€鏈夎棰戝昂瀵?/ .sec3 .right .top .video { width: 450px; height: 300px; } .videoList .vblock { width: 530px; height: 400px; } .index_ny .video .block { width: 375px; height: 185px; } .bodyvideo { width: 785px; height: 500px; margin: 0 auto; text-align: center; } /*2018-8-8 鏉ㄤ互澧ㄦ柊澧炴柊闂诲垪琛ㄥ脊绐?/ .tanchubox { font-size: 0; width: 100px; border: 1px solid #000; float: right; margin-top: -35px; margin-right: 15px; } .instr { width: 100px; height: 34px; text-align: center; line-height: 34px; } .tanchu, .tanchu img { tanchu-sizing: border-tanchu; } .tanchu { position: relative; display: inline-block; height: 34px; width: 100px; vertical-align: top; font-size: 15px; } .tanchu img { margin-left: -1px; margin-top: -1px; height: 80px; width: 80px; border: 1px solid #000; } .popup { display: none; position: absolute; /* top: -10px; */ margin-left: -38px; /* left: 50%; */ /* height: 50px; */ width: 150px; background: hsl(0, 0%, 93%); color: hsl(0, 0%, 6%); font-size: 15px; z-index: 999999; text-align: center; bottom: -20px; padding: 10px; }/*寮圭獥鏍峰紡*/ .popup .tantit { font-size: 14px; text-align: center; font-weight: none; } .popup p a { display: block; margin: auto; background: #0080C0; color: #FFF; text-align: center; line-height: 34px; margin-top: 20px; } .popup p a:hover{ background:#0080FF !important; color:#FFF !important}