@charset "utf-8"; * { margin: 0; padding: 0; } body { background: #fff; font-size: 14px; font-family: "Microsoft Yahei", "Hiragino Sans GB", sans-serif; line-height: 25px; overflow-x: hidden; } img { margin: 0; padding: 0; } li { list-style-type: none; text-decoration: none; } ul { margin: 0; padding: 0; } .cl { clear: both; } .clear { clear: both; } a { color: #242424; text-decoration: none; } a:hover { color: #e00311; } .layout { width: 1200px; margin: 0 auto; } .top { width: 100%; background: #fff; } #header { width: 1400px; height: 178px; background: url("images/header-bg.jpg") center center no-repeat; background-size: 100% 100%; margin: 0 auto; } .return { text-align: right; margin-right: -45px; padding: 5px 0; } .logo { float: left; padding: 0; margin-left: -45px; } .nav { float: right; margin-right: -72px; margin-top: 60px; } .nav li { text-align: center; float: left; position: relative; } .nav li a { color: #010101; font-size: 18px; display: block; padding: 0px 15px; line-height: 80px; } .nav li a:hover { color: #010101; border-bottom: solid 2px #e00311; } .nav li:nth-child(2) a:hover { border-bottom: none; } .nav li:nth-child(3) a:hover { border-bottom: none; } .nav li:nth-child(4) a:hover { border-bottom: none; } .nav li:nth-child(5) a:hover { border-bottom: none; } .nav li ul { position: absolute; display: none; z-index: 99; } .ul_top { width: 100%; position: absolute; left: 0; top: -5px; } .nav li ul li { width: 120px; float: none; background: rgba(225,225,225,0.7); margin: 3px 0 5px; } .nav li ul li a { line-height: 32px; font-size: 14px; padding: 0; } .nav li:hover ul { display: block; } .nav li ul li a:hover { border-bottom: none; color: #e00311; } .banner { width: 100%; display: block; } .banner1 { display: none; } img.blue { margin: 0 auto 45px; display: block; } .about { width: 100%; padding: 40px 0; } .about_name { margin: 0 auto 40px; text-align: center; } .about_name li { display: inline-block; text-align: center; margin: 0 7px; } .about_name li a { font-size: 18px; display: block; background: #dadae5; line-height: 35px; padding: 0 30px; } .about_con { width: 1200px; margin: 0 auto 20px; } .about_tit { font-size: 20px; color: #035ba3; margin-bottom: 12px; letter-spacing: 2px; } .about_con p { color: #000; line-height: 35px; text-indent: 2em; } .about_con .fl { width: 668px; display: inline-block; margin-left: 38px; } .about_con .fr { float: left; margin-top: 30px; } .about_con .fr img { width: 100%; } .about_con .fr .more { float: right; margin-bottom: 100px; } .lingyu { width: 100%; height: 745px; background: url("images/lingyu-bg.jpg") center center no-repeat; background-size: 100% 100%; } .lingyu .blue { padding-top: 40px; } .lingyu_con { width: 1180px; margin: 0 auto; } .lingyu_con li { float: left; width: 295px; } .lingyu_con li a { display: block; } .lingyu_con li img { width: 100%; height: 270px; } .lingyu_con_li3 img { height: 540px !important; } .case { margin: 40px auto 50px; } .case ul { width: 1200px; margin: 0 auto; } .case li { width: 24%; float: left; position: relative; margin: 0 0.5% 3%; } .case li a { display: block; text-align: center; } .case li img { width: 100%; height: auto; } .more { width: 115px; text-align: center; line-height: 50px; border-bottom: solid 2px #e40000; font-size: 18px; margin: 0 auto; display: block; } .hezuo { padding-bottom: 30px; background: url("images/hezuo-bg.jpg") center center no-repeat; background-size: 100% 100%; } .hezuo_tit { margin: 0 auto 20px; display: block; padding-top: 20px; } .hezuo_con { width: 1200px; margin: 0 auto; } .hezuo_con a { display: block; } .hezuo_con p { width: 1000px; margin: 0 auto; font-size: 16px; line-height: 35px; color: #fff; } .hezuo_img img { float: left; margin: 18px 14px; } .news { width: 1200px; margin: 40px auto; } .news_bimg { display: inline-block; border: solid 1px #cbcaca; } .newsbox { width: 715px; float: right; margin-top: 8px; } .newsbox li:nth-child(2) { margin-top: 50px; } .news li a { display: block; } .news_time { width: 140px; display: inline-block; font-size: 34px; text-align: center; line-height: 34px; color: #717171; border-right: solid 2px #d8d8d8; } .news_time p { font-size: 24px; padding-top: 20px; } .news_con { width: 550px; float: right; } .news_tit { font-size: 18px; } .news_font { font-size: 14px; line-height: 26px; padding-top: 13px; } .footer { background: #444444; padding: 20px 0px; margin-top: 100px; } .footer .text { width: 1040px; margin: 0 auto; } .footer_font { float: left; margin: 0 40px 0 50px; } .footer_font p { color: #fff; line-height: 32px; } .footer_font p:first-child { font-size: 18px; margin-bottom: 15px; } .erweima { display: inline-block; text-align: center; color: #fff; line-height: 50px; } .footer_nav { margin-bottom: 50px; text-align: center; } .footer_nav li { display: inline-block; } .footer_nav li a { color: #fff; display: block; padding: 0 50px; font-size: 18px; } .footer_nav li a:hover { color: #f52616; } /*子页*/ .sub_nav { font-size: 14px; background: #efeeee; padding: 12px 20px; margin: -7px auto; border-bottom: solid 1px #e5e6e6; color: #000; } .sub_nav a { color: #000; font-size: 14px; } .page_nav { width: 262px; float: left; } .page_nav li { background: #d8d8d8; margin-bottom: 13px; line-height: 40px; font-size: 18px; } .page_nav li:first-child { text-align: center; color: #fff; background: #193287; } .page_nav li a { font-size: 18px; display: block; line-height: 40px; } .page_nav li a:hover { color: #2155ca; } .page_nav li img { margin: 0 25px; } .yewu,.yewu1 { margin-top: 10px; display: none; } .yewu li,.yewu1 li { background: none !important; margin-bottom: 0; } .yewu li a,.yewu1 li a { font-size: 14px; color: #193287; line-height: 35px; } .yewu li img,.yewu1 li img { margin: 0px 12px 0 24px; } .yewu li:nth-child(1) img{ margin: 0 12px 0 -28px; } .yewu1 li:nth-child(1) img { margin: 0 12px 0 -70px; } .sub_yewu { width: 850px; float: right; } .sub_yewu img { width: 100%; display: block; } .sub_title2 { font-size: 24px; text-align: center; padding-bottom: 40px; } .sub_yewu p { line-height: 35px; text-indent: 2em; font-size: 16px; } .main { width: 100%; margin-bottom: 80px; } .sub_title { text-align: center; font-size: 30px; color: #d90514; font-weight: 600; padding: 45px 0; } .line { width: 93px; height: 2px; background: #d90514; margin: 15px auto 0; } .sub_about_con1 img { margin: 0 auto 20px; display: block; } .sub_about_con1_font1 { text-align: center; width: 31%; line-height: 40px; float: left; } .sub_about_con1_font2 { text-align: center; width: 32%; line-height: 40px; float: left; } .sub_about_con1_font3 { display: inline-block; text-align: center; width: 36%; line-height: 40px; } .sub_about_con2 { margin: 40px 0 0; } .sub_about_con2 p { line-height: 40px; text-indent: 2em; } .jishu_about { margin-top: 50px; } .jishu_about_btn { width: 71px; height: 71px; background: #d90514; border-radius: 50%; text-align: center; float: left; margin: 80px 20px; } .jishu_about_btn p { color: #fff; font-size: 18px; padding: 8px 0; } .jishu_about_font { width: 1070px; float: right; } .jishu_about_font p { line-height: 35px; text-indent: 2em; font-size: 16px; } .jishu_about_font img { margin: 40px 60px 0 0; } .culture_content p { width: 948px; margin: 0 auto; text-indent: 2em; line-height: 35px; } .culture_content ul { margin-top: 50px; } .culture_content li { float: left; margin: 0 20px 45px; border-bottom: solid 2px #da0514; } .culture_content li p { width: auto; height: 54px; text-indent: 0; padding: 10px 0; line-height: 25px; } .culture_content li span { font-size: 24px; color: #da0514; } .technology_content p { width: 1080px; margin: 0 auto; text-indent: 2em; line-height: 35px; font-size: 16px; } .technology_content img { display: block; margin: 70px auto; } .sub_case li { width: 23%; display: inline-block; margin: 0 0.8% 3%; } .sub_case_img { width: 100%; height: 275px; overflow: hidden; } .sub_case li img { width: 100%; height: 100%; cursor: pointer; transition: all 0.6s; } .sub_case_img:hover img { transform: scale(1.4); } .sub_hezuo li { width: 30%; height: 241px; margin: 0 1% 3%; } .sub_hezuo_img { width: 100%; height: 248px; overflow: hidden; } .sub_hezuo li img { width: 100%; height: 100%; cursor: pointer; transition: all 0.6s; } .sub_hezuo_img:hover img { transform: scale(1.4); } .newsbox1 li { background: #2984e1; height: 40px; line-height: 40px; text-align: center; color: #fff; margin-bottom: 5px; } .newsbox1 li a { color: #fff; } .newsbox1 li a:hover { color: yellow; } .left_tel { background: #054985; text-align: center; color: #fff; padding: 10px 0 14px; margin-top: 6px; font-size: 15px; } .left_tel p { color: #fcbe00; font-size: 22px; font-weight: bold; padding-top: 10px; } .content p { line-height: 40px; font-size: 14px; } .content1 p img { margin: 5% auto; } .pbox { padding-top: 35px; } .pbox li { float: left; width: 23%; margin: 0 1% 2%; } .pbox li a { display: block; } .pbox img { height: 214px; width: 100%; } .pbox li span { display: block; text-align: center; line-height: 30px; font-size: 16px; color: #3b3a3a; } center { margin: 40px 0 80px; } center a { padding: 12px 58px; background: #d90817; color: #fff; } center a:hover { background: #b90e16; color: yellow; } .sub_newsbox li { height: 184px; margin: 0 0 30px; } .sub_newsbox li a { display: block; font-size: 14px; } .sub_newsbox_img img { width: 28%; height: 184px; float: left; } .sub_newsbox_time { width: 12%; float: left; font-size: 46px; text-align: center; line-height: 36px; color: #717171; margin-top: 40px; border-right: solid 2px #d8d8d8; margin-right: 3%; } .sub_newsbox_time p { font-size: 24px; padding-top: 20px; } .sub_newsbox_font { width: 56%; float: left; margin-top: 20px; } .news_title { font-size: 18px; font-weight: 600; padding-bottom: 10px; } .sub_newsbox_keyword { line-height: 30px; } .sub_title1 { text-align: center; padding: 40px 0 20px; font-size: 20px; } .video iframe { width: 100%; height: 700px; } .content_font { width: 400px; float: left; } .wodeimg img { max-width: 50%; margin: 0 auto; display: block; } .wodetit { text-align: center; } table.MsoTableGrid { margin: 0 auto; } .text2 { width: 500px; margin: 0 auto; } .tianjia { width: 1200px; margin: 0 auto; } .footer1 { display: none; } table[align="center"] { margin: 0 auto; } table p { text-indent: 0 !important; } .content table { margin: 0 auto; border-collapse: collapse; } .content td { border: solid 1px #333; } .contact_con1 { width: 26%; display: inline-block; margin: 20px 3% 0; } li.redd { border-bottom: none; } li.redd a { background: url("images/page_nav-libg.png") bottom center no-repeat; padding-bottom: 11px; } .honor { margin: 20px 0; } .honor li { width: 22.7%; display: inline-block; margin: 0 1% 3%; text-align: center; } .honor_img { width: 100%; height: 317px; overflow: hidden; } .honor_img img { width: 100%; height: 100%; cursor: pointer; transition: all 0.6s; } .honor_img:hover img { transform: scale(1.2); } .honor li p { font-size: 16px; line-height: 50px; } .wodeimg1 img { width: 70%; margin: 0 auto; display: block; } .book1, .book3 { width: 50%; margin: 20px auto; font-size: 18px; } .book1 input, .book1 textarea { width: 90%; padding: 15px 0; border: solid 1px #a2a1a1; } .book1 textarea { height: 150px; vertical-align: top; } #add1 { font-size: 18px; width: 91%; padding: 12px 0; background: #d90514; color: #fff; border: none; margin: 0 0 0 9%; display: block; } .job_title { width: 100%; height: 94px; background: url(../images/jobtitlebg.jpg) left 50px repeat-x; position: relative; z-index: 0; } .job_title li em { line-height: 49px; padding-bottom: 45px; background: url(../images/jobtitlearrow.jpg) center 35px no-repeat; font-style: normal; font-weight: bold; } .job_title li, .job_list li span { display: inline-block; width: 8%; text-align: center; padding: 0 1%; } .job_title li.t4, .job_list li .t4 { width: 20% !important; } .job_title li.t5, .job_list li .t5 { width: 38% !important; } .t6 { width: 4% !important; } .job_list { position: relative; top: -43px; z-index: 1; width: 100%; border-bottom: 1px solid #f3f1f2; } .job_list li { padding: 20px 5px; } .job .job_list:nth-child(3), .job .job_list:nth-child(5), .job .job_list:nth-child(7), .job .job_list:nth-child(9), .job .job_list:nth-child(11), .job .job_list:nth-child(13), .job .job_list:nth-child(15), .job .job_list:nth-child(17), .job .job_list:nth-child(19) { background-color: #f3f1f2; } .job_list .t1, .job_list .t2, .job_list .t3, .job_list .t6 { position: relative; top: -12px; } .job_list .t4, .job_list .t5 { text-align: left; } .job p { line-height: 40px; font-size: 16px; } em { font-style: normal; font-weight: bold; color: #333; } #addbook1 input { padding: 8px 0; margin: 10px 0; } span.red { color: red; } #job_go { width: 100px; background: #d90514; color: #fff; border: none; padding: 8px 0; font-size: 16px; } .job_btn { padding-left: 14%; } .wodecon { margin-top: 20px; } .wodecon p { text-indent: 2em; } .mfl, .mvideo_bg, .mfooter, .mlogo, .mcontent1, .mbanner, .msub_img, .mlingyu, .msub_about, .mculture_li, .mpage_nav, .myewu1, .mheader, .mfr, .mjob { display: none; } @media screen and (max-width:1024px) { .top, .fl, .video_bg, .news_bimg, .footer, .logo, .sub_newsbox_time, .banner, .sub_img, .lingyu, .sub_about, .culture_li, .page_nav, .sub_nav, .fr, .job { display: none !important; } .mfl, .mvideo_bg, .mfooter, .mlogo, .mcontent1, .mbanner, .msub_img, .mlingyu, .msub_about, .mculture_li, .mpage_nav, .myewu1, .mheader, .mfr, .mjob { display: block !important; } .layout { width: 100%; } img.mlogo { width: 100%; } .about, .about_con { width: 100%; padding: 10px 0; margin: 0; } .about_name { width: 100%; margin: 15px auto; text-align: center; } .about_name li { display: inline-block; text-align: center; width: 20%; margin: 0 1%; } .about_name li a { font-size: 0.9em; display: block; background: #dadae5; line-height: 2.4em; padding: 0; } img.blue { width: 30%; margin: 0 auto 0; display: block; } .about_con .mfr { float: none; width: 75%; margin: 0 auto; } .about_con .mfr img { width: 100%; } .mfl { width: 90%; display: block; margin: 10px auto; } .about_con p { color: #000; line-height: 2.4em; text-indent: 2em; font-size: 0.9em; } .mfl span { font-size: 1em; color: #005ed2; } .more { float: none; width: 80px; text-align: center; line-height: 28px; display: block; font-size: 0.8em; margin: 10px auto; } .mlingyu { background: #dbdbdb; padding: 20px 12px; } .mlingyu a { display: block; } .myewu { width: 100%; margin-top: 20px; display: block; } .video_tit { width: 30%; margin: 0 auto 20px; display: block; } img.mvideo_bg { max-height: 370px; } .video_img { width: 85%; } .case { margin: 20px auto 30px; } .case ul { width: 94%; margin: 20px auto; } .sub_case li { width: 46%; display: inline-block; margin: 0 2% 3%; } .sub_case_img { width: 100%; height: 150px; overflow: hidden; } .case_ul li:nth-child(5), .case_ul li:nth-child(6), .case_ul li:nth-child(7), .case_ul li:nth-child(8) { display: none; } .case .more { float: none; margin: 0 auto; display: block; } .hezuo { height: auto; background: url(images/mhezuo-bg.jpg) center center no-repeat; background-size: 100% 100%; padding-bottom: 20px; } .hezuo_con { width: 90%; margin: 0 auto; } .hezuo_tit { margin: 0 auto 20px; display: block; padding-top: 20px; width: 30%; } .hezuo_con p { width: 100%; font-size: 0.9em; line-height: 2em; } .hezuo_img img { float: none; margin: 0; width: 100%; } .news { width: 100%; margin: 20px auto 40px; } .newsbox { width: 96%; float: none; margin: 15px auto; } .news_time { width: 24%; display: inline-block; font-size: 1.4em; text-align: center; line-height: 1em; color: #717171; border-right: solid 2px #d8d8d8; padding: 5px 0; } .news_time p { font-size: 0.8em; padding-top: 20px; } .news_con { width: 72%; float: right; } .news_tit { font-size: 1.1em; } .news_font { font-size: 0.9em; line-height: 1.6em; padding-top: 3px; overflow: hidden; height: 46px; } .newsbox li:nth-child(2) { margin-top: 22px; } .mfooter { background: #444444; text-align: center; font-size: 0.7em; padding: 10px 0; } .mfooter p, .mfooter a { color: #fff; } .nav li a:hover { color: #fff; border-bottom: none; } .sub_nav { font-size: 0.8em; background: #efeeee; padding: 5px 12px; margin: 5px auto; border-bottom: solid 1px #e5e6e6; color: #000; } .sub_nav a { color: #000; font-size: 0.8em; } .sub_nav img { width: 4%; } .main { width: 100%; margin-bottom: 30px; min-height: 300px; } .content { width: 90%; margin: 12px auto; } .content p { line-height: 2.4em; font-size: 0.9em; } .content p span { font-size: 1em !important; } .content img { display: block; margin: 10px auto; width: 100% !important; } .msub_about { width: 92%; margin: 0 auto; } .msub_about p { font-size: 0.9em; line-height: 2.4em; text-indent: 2em; } .technology_content, .culture_content { width: 92%; margin: 0 auto; } .technology_content p, .culture_content p { width: 100%; margin: 0 auto; text-indent: 2em; line-height: 2.4em; font-size: 0.9em; } .technology_content img { display: block; margin: 15px auto; width: 100%; } .culture_content ul { margin-top: 20px; } .culture_content li { float: none; margin: 0 0 20px; border-bottom: solid 2px #da0514; width: 100%; } .culture_content li img { width: 100%; } .culture_content li p { width: auto; height: auto; text-indent: 0; padding: 5px 0; line-height: 25px; font-size: 0.9em; } .culture_content li span { font-size: 1.4em; color: #da0514; } .sub_newsbox { width: 94%; margin: 0 auto; } .sub_newsbox li { height: auto; margin: 15px 0; } .sub_newsbox_img { width: 45%; display: inline-block; } .sub_newsbox_img img { height: 82px; float: none; width: 100%; } .sub_newsbox_font { width: 50%; float: right; margin-top: 0; } .news_title { font-size: 1em; font-weight: 600; padding-bottom: 10px; } .sub_newsbox_keyword { line-height: 1.8em; font-size: 0.8em; height: 38px; overflow: hidden; } .news_title { font-size: 0.9em; font-weight: 600; line-height: 1.5em; padding-bottom: 5px; } .sub_title { text-align: center; font-size: 1.4em; color: #d90514; font-weight: 600; padding: 15px 0 10px; } .line { width: 60px; height: 2px; background: #d90514; margin: 6px auto 0; } .sub_title1 { text-align: center; padding: 15px 0 5px; font-size: 1.2em; } center { margin: 10px 0 50px; } center a { padding: 10px 58px; background: #de2331; color: #fff; font-size: 0.8em; } .book { margin-top: 30px; } .book1, .book3 { width: 90%; margin: 10px auto; font-size: 1em; } .book1 input, .book1 textarea { width: 85%; padding: 8px 0; border: solid 1px #a2a1a1; } #add1 { font-size: 1em; width: 50%; padding: 8px 0; background: #d90514; color: #fff; border: none; margin: 0 auto; display: block; } .sub_hezuo, .sub_case { width: 92%; margin: 15px auto 0; } .sub_case li { width: 45.2%; display: inline-block; margin: 0 2% 3%; } .sub_hezuo_img { width: 100%; height: 107px; overflow: hidden; } .wodecon { margin: 15px 0 30px; } .wodecon img { display: block; margin: 15px auto; max-width: 100% !important; } .honor { width: 94%; margin: 20px auto; } .honor li { width: 47%; display: inline-block; margin: 0 1% 3%; text-align: center; } .honor_img { width: 100%; height: 194px; border: solid 1px #e8e8e8; overflow: hidden; } .honor li p { font-size: 0.9em; line-height: 2em; } .wodeimg1 img { width: 100%; margin: 0 auto; display: block; } #container { width: 92% !important; margin: 0 auto; } .mpage_nav { width: 94%; float: none; margin: 20px auto 10px; } .mpage_nav li { background: #d8d8d8; line-height: 2.4em; font-size: 1em; width: 47%; display: inline-block; margin: 0 1% 8px; } .mpage_nav li a { font-size: 1em; display: block; line-height: 2.4em; } .mpage_nav li img { margin: 0 10px; } .sub_title2 { font-size: 1.2em; text-align: center; padding-bottom: 20px; } .msub_yewu { width: 100%; height: 30px; overflow: auto; position: relative; margin-bottom: 20px; } ul.myewu1 { width: 560px; height: 30px; background: #d8d8d8; position: absolute; } ul.myewu1 li { display: inline-block; margin: 0 10px; } ul.myewu1 li a { line-height: 30px; color: #193287; } ul.myewu1 li img { margin: 0 10px; vertical-align: middle; } .sub_yewu { width: 90%; float: none; margin: 0 auto; } .mjob { width: 94%; margin: 15px auto; } .t6 { width: 100% !important; height: 35px; background: #d90514; float: right; text-align: center; margin: 10px 0 20px; line-height: 35px; } .t6 a { color: #fff; display: block; font-size: 1.1em; } #addbook1 input { padding: 5px 0; margin: 10px 0; } .job_btn { padding-left: 25%; } .wodeimg img { max-width: 100%; } }