@charset "utf-8"; /* CSS Document */ * { margin:0; padding:0;} ul,li,dl,dt,dd,ol{ list-style:none; margin:0; padding:0;} header,article,footer,nav,section,aside,menu { display:block;} table{ border-collapse:collapse; border-spacing:0;} img{ border:none;} a { color:#333; text-decoration:none;} a:hover { color:#00478a;} body { font-family:Microsoft YAHEI,Arial,Helvetica,sans-serif; font-size:12px; color:#333; min-width:320px; max-width:640px; line-height:22px;} .fl{ float:left;} .fr{ float:right;} .warmp { position:relative; right:0; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;} .content { padding:10px;} .clear { clear:both;} input::-webkit-input-placeholder { color:#ddd;} input:-moz-placeholder { color:#ddd;} input::-moz-placeholder { color:#ddd;} input:-ms-input-placeholder { color:#ddd;} input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;} textarea { -webkit-appearance:none;} /*瀛椾綋鍙婂瓧浣撳浘鏍?/ @font-face { font-family:'FontAwesome'; src:url('../fonts/fontawesome-webfont.eot?v=4.7.0'); src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight:normal; font-style:normal; } /*top*/ .header { width:100%; height:61px;} .navbar { width:100%; height:60px; border-bottom:1px solid #eee; background:#fff; position:fixed; top:0; right:0; z-index:99999;} .navbar .logo { display:block; max-width:60%; height:40px; margin:10px 0 0 10px; overflow:hidden;} .navbar .logo img { display:block; height:100%;} .navbar .navhome { width:30px; height:15px; border-top:2px solid #e6212a; border-bottom:2px solid #e6212a; position:absolute; top:20px; right:10px; z-index:1;} .navbar .navhome::after { display:block; content:""; width:100%; height:2px; margin:auto; background:#e6212a; position:absolute; left:0; top:0; bottom:0;} .navbar .nav { width:100%; height:0vh; background:rgba(230,33,42,0.95); overflow:hidden; position:absolute; left:0; top:0; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;} .navbar .nav .nrs { height:100%; overflow-y:scroll;} .navbar .nav li { width:80%; padding:0 10%; line-height:30px; margin-bottom:20px;} .navbar .nav li a { display:block;} .navbar .nav li h1 a { font-size:16px; color:#fff;} .navbar .nav li p { line-height:30px;} .navbar .nav li p a { display:inline-block; line-height:25px; font-size:14px; color:rgba(255,255,255,0.85); margin-right:20px;} .navbar .close { display:none; width:30px; height:30px; position:absolute; right:2.5%; top:10px; z-index:3;} .navbar .close::before,.navbar .close::after { display:block; content:""; width:100%; height:1px; background:#fff; position:absolute; top:15px; -webkit-transform-origin:50%; transform-origin:50%;} .navbar .close::before { -webkit-transform:rotate(45deg); transform:rotate(45deg);} .navbar .close::after { -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} .open { overflow:hidden;} .open .navbar .nav { height:100vh; padding:5vh 0; box-sizing:border-box; overflow:hidden;} .open .navbar .navhome { display:none;} .open .navbar .close { display:block;} /*foot*/ .footer { width:90%; font-size:14px; color:#575757; padding:20px 5%; text-align:center; background:#30343d;} .footer img { display:block; height:50px; margin:0 auto 15px auto;} .footer p { font-size:12px; color:#999; line-height:22px;} .footer p a { color:#999;} .bmfot { width:100%; height:50px;} .bmfoter { width:100%; height:50px; position:fixed; left:0; bottom:0; z-index:999;} .bmfoter a { display:block; float:left; width:calc(100% / 3); font-family:'FontAwesome'; line-height:50px; font-size:14px; color:#fff; text-align:center;} .bmfoter a i { font-style:normal; font-size:26px; margin-right:10px; position:relative; top:4px;} .bmfoter .hom { background:#e62129;} .bmfoter .abt { background:#171e28;} .bmfoter .abt i { font-size:20px; top:2px;} .bmfoter .tel { background:#eba000;} /*banner*/ .banner { width:100%; margin:0 auto; position:relative;} .banner img { display:block; width:100%;} .banner .swiper-pagination-bullet { width:8px; height:8px; margin:0 5px !important; border-radius:8px; opacity:1; background:#e6212a; -webkit-transition:0.4s; transition:0.4s;} .banner .swiper-button-prev,.banner .swiper-button-next { width:40px; height:60px; filter:alpha(opacity=40); opacity:0.4; -webkit-transition:all .5s ease; transition:all .5s ease;} .banner .swiper-button-prev::after,.banner .swiper-button-next::after { color:#fff;} .banner .swiper-button-prev { left:5%;} .banner .swiper-button-next { right:5%;} .banner .swiper-button-prev:hover,.banner .swiper-button-next:hover { filter:alpha(opacity=100); opacity:1;} .banner_ej { width:100%; margin:0 auto; height:150px; background:url(../images/mbanner2.jpg) no-repeat center center / cover;} /**鏍忕洰鏍囬**/ .tits { width:100%; font-size:22px; color:#333; text-align:center; padding:55px 0 20px 0; background:url(../images/bt-logo.png) no-repeat center top;} .tits p { line-height:25px; font-size:12px; color:#999; margin-top:5px;} /**涓氬姟鍒嗙被**/ .server { width:100%; margin:0 auto; padding:10px 0 25px 0; overflow:hidden; background:#fafafa;} .server li { float:left; width:calc(100% / 4); text-align:center; padding-top:20px;} .server li a { display:block; width:100%;} .server li i { display:block; width:40px; height:40px; margin:0 auto; background-repeat:no-repeat; background-position:center; background-size:auto 100%;} .server li p { line-height:30px; font-size:12px; color:#666;} .server li .fv1 { background-image:url(../images/s-icon1.png);} .server li .fv2 { background-image:url(../images/s-icon2.png);} .server li .fv3 { background-image:url(../images/s-icon3.png);} .server li .fv4 { background-image:url(../images/s-icon4.png);} .server li .fv5 { background-image:url(../images/s-icon5.png);} .server li .fv6 { background-image:url(../images/s-icon6.png);} .server li .fv7 { background-image:url(../images/s-icon7.png);} /**鍏充簬鎴戜滑**/ .about { width:95%; text-align:center; padding:30px 2.5%;} .about .msg { line-height:30px; font-size:14px; color:#666; margin-bottom:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;} .about li { float:left; width:50%; margin-top:15px;} .about li b { display:inline-block; width:100%; font-size:24px; color:#e6212a;} .about li b i { font-style:normal; font-size:20px; margin-left:5px;} .about li p { line-height:25px; font-size:12px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /**鑽h獕**/ .honor { width:95%; padding:30px 2.5%; background:#eee;} .honor .tabs { width:100%; padding:15px; border-radius:4px; box-sizing:border-box; overflow:hidden; background:#787878;} .honor .tabs li { color:#fff; padding:0 0 15px 30px; position:relative;} .honor .tabs li::after { display:block; content:""; width:1px; height:85%; background:rgba(255,255,255,0.3); position:absolute; left:10px; top:20px;} .honor .tabs h3 { line-height:25px; font-weight:500; font-size:16px; position:relative;} .honor .tabs h3::after { display:block; content:""; width:13px; height:13px; background:url(../images/history-dot.png) no-repeat 0 0; position:absolute; left:-26px; top:7px;} .honor .tabs p { line-height:25px; font-size:12px; color:#ddd;} .honor .imgs { width:100%; margin-top:40px;} .honor .imgs a { display:block; width:100%; overflow:hidden;} .honor .imgs img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;} .honor .imgs img:hover { transform:scale(1.1,1.1);} .honor .imgs .swiper-button-prev,.honor .imgs .swiper-button-next { width:35px; height:50px; background:#e6212a; filter:alpha(opacity=70); opacity:0.7;} .honor .imgs .swiper-button-prev { border-radius:0 6px 6px 0; left:0;} .honor .imgs .swiper-button-next { border-radius:6px 0 0 6px; right:0;} .honor .imgs .swiper-button-prev::after,.honor .imgs .swiper-button-next::after { font-size:22px; color:#fff;} .honor .imgs .swiper-button-prev:hover,.honor .imgs .swiper-button-next:hover { filter:alpha(opacity=90); opacity:0.9;} /**鏈嶅姟椤圭洰**/ .pros { width:100%; padding:30px 0;} .pros li { float:left; width:47%; margin:10px 0 0 2%;} .pros li a { display:block; width:100%;} .pros li img { display:block; width:100%;} .pros li p { line-height:35px; font-size:14px; color:#fff; text-align:center; background:#e6212a; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /**鎴戜滑鐨勪紭鍔?*/ .whyus { width:95%; padding:40px 2.5% 20px 2.5%; background:#eee;} .whyus .swiper-container { padding-bottom:30px;} .whyus .swiper-slide { width:100%;} .whyus li { padding-left:100px; margin-top:15px; overflow:hidden; background-repeat:no-repeat; background-position:left center;} .whyus li h3 { line-height:40px; font-weight:500; font-size:16px; color:#333;} .whyus li p { line-height:25px; font-size:12px; color:#999;} .whyus .wy1 { background-image:url(../images/ys1.png);} .whyus .wy2 { background-image:url(../images/ys2.png);} .whyus .wy3 { background-image:url(../images/ys3.png);} .whyus .wy4 { background-image:url(../images/ys4.png);} .whyus .wy5 { background-image:url(../images/ys5.png);} .whyus .wy6 { background-image:url(../images/ys6.png);} .whyus .swiper-pagination-bullets { bottom:0;} .whyus .swiper-pagination-bullet-active { background:#e6212a;} /**鏂伴椈涓績**/ .news { width:95%; padding:30px 2.5%;} .news li { width:100%; margin-top:15px; padding-bottom:15px; border-bottom:1px solid #eee;} .news li a { display:block; width:100%;} .news li .img { float:left; width:150px; height:100px; overflow:hidden;} .news li .img img { display:block; height:100%;} .news li .msg { float:right; width:calc(100% - 160px);} .news li .msg h3 { font-size:15px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .news li .msg p { line-height:22px; font-size:12px; color:#666; margin:5px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .news li .msg span { display:block; font-size:12px; color:#999;} .news .more { display:block; width:120px; height:35px; line-height:35px; font-size:12px; color:#666; text-align:center; margin:20px auto 0 auto; border-radius:20px; border:1px solid #eee;} /**鍚堜綔浼欎即**/ .patner { width:100%; padding:30px 0; background:url(../images/partner-bg.jpg) no-repeat center top / cover;} .patner .tits { color:#fff;} .patner li { float:left; width:30.7%; margin:10px 0 0 2%; overflow:hidden; background:#fff;} .patner li:nth-child(6n) { margin-right:0;} .patner li a,.patner li img { display:block; width:100%;} /***浜岀骇椤甸潰***/ /*鍗曢〉銆佹枃绔犲唴瀹?/ .position { height:40px; line-height:40px; font-size:12px; color:#999; padding:0 10px 0 30px; border-bottom:1px solid #eee; background:url(../images/position.png) no-repeat 10px center;} .position a { color:#666;} .comnav { padding:10px; text-align:center;} .comnav a { display:inline-block; height:30px; line-height:30px; font-size:12px; color:#666; padding:0 20px; margin:5px; border-radius:15px; border:1px solid #ddd; box-sizing:border-box;} .comnav a.on { color:#fff; border:none; background:#e6212a;} .fuwimgs { width:100%;} .fuwimgs img { display:block; width:100%; margin-bottom:10px;} .pager-next-pre { width:95%; margin:25px auto 20px auto; padding-top:15px; line-height:30px; color:#999; border-top:1px solid #eee;} .pager-next-pre p { margin:0;} .pager-next-pre p a { font-size:14px;} .theme { font-size:16px; text-align:left; line-height:25px; margin:0 auto; line-height:25px;} .ms_time { color:#bbb; font-size:12px; margin-bottom:10px; padding:5px 0 10px 0; line-height:25px; border-bottom:1px solid #eee;} /*鍗曢〉*/ .intro { line-height:25px; padding:5px 0px; max-width:100%; font-size:12px; margin:0 auto;} .intro p {line-height:25px; font-size:12px; margin-bottom:10px;} .intro img { display:block; max-width:100% !important; height:auto !important; margin:5px auto;} .intro a { color:#f00; text-decoration:underline;} /*鍒嗛〉*/ .chang_pages { font-size:14px; text-align:center; line-height:30px;} .chang_pages li { display:inline-block; color:#e62129; margin:20px 2px; border:1px solid #e62129;} .chang_pages li a,.chang_pages li span { display:block; color:#e62129; padding:0 10px;} .chang_pages .active { background:#e62129;} .chang_pages .active span { color:#fff;} /*浜у搧鍒楄〃*/ .prolist { width:100%;} .prolist li { float:left; width:46%; margin:0 0 10px 2.5%; text-align:center; overflow:hidden; position:relative;} .prolist li:nth-child(2n) { margin-right:0;} .prolist li a { display:block; width:100%;} .prolist li img { display:block; width:100%;} .prolist li h3 { width:100%; line-height:40px; font-weight:500; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /**鏂伴椈**/ .newlist { width:95%; margin:0 auto;} .newlist li { width:100%; margin-top:10px; padding-bottom:15px; border-bottom:1px solid #eee;} .newlist li a { display:block; width:100%;} .newlist li img { display:block; float:left; width:139px; height:85px; margin-top:3px; overflow:hidden;} .newlist li .mesg { padding-left:150px;} .newlist li .mesg h3 { font-size:14px; color:#333; width:100%; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .newlist li .mesg span { display:block; width:100%; font-size:12px; color:#999;} .newlist li .mesg p { font-size:12px; color:#666; line-height:22px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} /*鎷涜仒*/ .n_job { width:95%; margin:10px auto;} .n_job table { width:100%;} .n_job th { height:40px; line-height:40px; color:#fff; font-size:14px; text-align:center; background:#e6212a;} .n_job .titl td { padding:10px; font-size:14px; color:#666; text-align:center; border-bottom:1px solid #eee; background:#f6f6f6;} .n_job .titl .afold { display:block; height:23px; background:url(../images/icon_bnt__slide_close.png) center no-repeat;} .n_job .titl.on .afold { background:url(../images/icon_bnt_slide_open.png) center no-repeat;} .n_job .cont { padding:0 15px; line-height:25px; color:#666; border-bottom:1px solid #eee; background:#fbfbfb;} .n_job .show_box { display:none;} .n_job .article { padding:30px 0;} .n_job .article .jobms { margin-bottom:25px; line-height:25px;} .n_job .article .jobms h3 { display:block; font-size:14px; color:#333; margin-bottom:10px;} .n_job .un { line-height:25px; margin-top:30px; font-size:14px; color:#666;} .n_job .un a { color:#e6212a; font-size:14px;} .n_job .un b { display:block; font-size:14px; line-height:25px; margin-top:10px;} @media screen and (min-height:800px) { .footer,.footer .fot { padding-bottom:34px;} }