* { margin: 0; padding: 0; box-sizing: border-box; } a { text-decoration: none; color: #333; } a:hover { text-decoration: none; } body { font-family: "微软雅黑"; } ul { list-style: none; } li { list-style: none; } .clear { overflow: hidden; clear: both; } /* 手机导航 */ .mobile-inner-header { background-color: rgba(255, 255, 255, 1); width: 100%; height: 60px; display: none; line-height: 60px; text-align: center; color: #333; font-weight: bold; font-size: 22px; top:0; left:0; position:fixed; } .mobile-inner-header-icon { color: #333; height: 60px; font-size: 25px; text-align: center; float: right; width: 60px; position: relative; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; outline: none; } .mobile-inner-header-icon:hover { background-color: rgba(51, 51, 51, 0.2); cursor: pointer; } .mobile-inner-header-icon span { position: absolute; left: calc((100% - 25px) / 2); top: calc((100% - 1px) / 2); width: 25px; height: 1px; background-color: rgba(51, 51, 51, 1); } .mobile-inner-header img { height: 50%; } .mobile-inner-header-icon span:nth-child(1) { transform: translateY(4px) rotate(0deg); } .mobile-inner-header-icon span:nth-child(2) { transform: translateY(-4px) rotate(0deg); } .mobile-inner-header-icon-click span:nth-child(1) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickfirst; } .mobile-inner-header-icon-click span:nth-child(2) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: clicksecond; } @keyframes clickfirst { 0% { transform: translateY(4px) rotate(0deg); } 100% { transform: translateY(0) rotate(45deg); } } @keyframes clicksecond { 0% { transform: translateY(-4px) rotate(0deg); } 100% { transform: translateY(0) rotate(-45deg); } } .mobile-inner-header-icon-out span:nth-child(1) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: outfirst; } .mobile-inner-header-icon-out span:nth-child(2) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: outsecond; } @keyframes outfirst { 0% { transform: translateY(0) rotate(-45deg); } 100% { transform: translateY(-4px) rotate(0deg); } } @keyframes outsecond { 0% { transform: translateY(0) rotate(45deg); } 100% { transform: translateY(4px) rotate(0deg); } } .mobile-inner-nav { background-color: rgba(255, 255, 255, 0.9); width: 100%; position: fixed; top: 60px; left: 0px; padding-top: 30px; padding-bottom: 80px; display: none; z-index: 999; } .mobile-inner-nav a { display: inline-block; line-height: 50px; text-decoration: none; width: 80%; margin-left: 10%; color: #333; border-bottom: solid 1px rgba(51, 51, 51, 0.3); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-weight: 300; } .mobile-inner-nav a:hover { color: rgba(51, 51, 51, 0.4); border-bottom: solid 1px rgba(51, 51, 51, 0.2); } /* 网页头部 */ .header { width: 100%; overflow: hidden; position: fixed; top: 30px; z-index: 10000; } .header_main { max-width: 1500px; height: 100px; margin: auto; border-radius: 20px; background: url(../images/header_bg.png) center no-repeat; } .logo { float: left; width: 30.93%; height: 100%; padding-left: 30px; line-height: 100px; } .logo img{ width: 100%; } /* 导航 */ .nav { float: right; width: 63%; height: 100px; } .nav ul { margin-bottom: 0; } .nav ul li { float: left; width: calc(100%/8); text-align: center; font-size: 18px; height: 100px; line-height: 100px; position: relative; } .nav ul li a { display: inline-block; color: #fff; display: block; width: 90%; height: 55px; line-height: 55px; margin-top: 22.5px; } .nav ul li a:hover { background: #fff; color: #1b449e; border-radius: 8px; font-weight: 700; } .xiala { width: 100%; position: absolute; top: 100px; left: 0; text-align: center; z-index: 999; display: none; } .xiala ul { margin-bottom: 0; } .nav ul li:hover .xiala { display: block; } .nav .xiala li { height: 48px; line-height: 48px; font-size: 16px; background-color: #fff; width: 100%; } /* .nav .xiala li:hover { background-color: #00a2e9; } */ /* .nav .xiala li a { color: #fff; } */ /* banner */ .banner img { width: 100%; animation: scale_b 5s linear infinite alternate; transition: 1s 2.5s; transform: perspective(1000px) translate3d(0, 0, 100px); } @keyframes scale_b { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } } /* 产品展示 */ .product { max-width: 1500px; overflow: hidden; margin: auto; margin-top: 40px; } .product_title { width: 100%; overflow: hidden; } .product_title_left { float: left; } .product_ch { display: inline-block; font-size: 48px; font-weight: bold; color: #333333; } .product_line { display: inline-block; width: 8px; height: 40px; background: #1B449E; border-radius: 5px 5px 5px 5px; margin: 0 20px; } .product_eng { display: inline-block; font-size: 48px; font-weight: bold; color: #CCCCCC; } .product_title_right { float: right; padding-top: 25px; font-size: 18px; font-weight: bold; } .product_title_right a { color: #1B449E !important; } .product_main { width: 100%; overflow: hidden; background: #fff; margin: 30px 0; } .product_left { width: 26%; float: left; } .product_left ul { margin-bottom: 0; } .product_left li { width: 100%; /* margin-left: 40px; */ margin-top: 20px; } .product_switch { width: 100%; padding: 20px 20px 0 40px; } .product_switch.activer { background: #1B449E; position: relative; left: 20px; z-index: 999; padding: 20px; } .product_switch.activer .product_main_title { color: #fff; } .product_switch.activer .product_main_button { display: block; } .product_switch.activer .product_main_bottom .product_main_min { color: rgba(255, 255, 255, 0.5); font-size: 12px; } .product_main_title { font-weight: bold; color: #333333; font-size: 20px; line-height: 2; } .product_main_bottom { line-height: 2; width: 100%; overflow: hidden; } .product_main_min { float: left; font-size: 12px; color: #666; } .product_main_button { display: none; float: right; font-size: 12px; } .product_main_button a { color: rgba(255, 255, 255, 0.5) !important; } .product_right { float: right; width: 74%; overflow: hidden; } .product_right_01 { width: 100%; position: relative; } .product_pic{ width: 100%; } .product_pic img{ width: 100%; } .product_word { position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; background: rgba(17, 17, 16, 0.2); z-index: 999; } .product_word_left { float: left; color: #fff; line-height: 2; padding-left: 40px; padding-top: 15px; } .product_word_title { font-size: 20px; font-weight: bold; } .product_word_min { font-size: 18px; } .product_word_right { float: right; } /* 工程案例 */ .case { max-width: 1500px; overflow: hidden; margin: auto; margin-top: 40px; } .case_main { width: 100%; overflow: hidden; margin-top: 30px; } .case_left { width: 41.93%; overflow: hidden; float: left; } .case_left_01 { /* width: 100%; */ display: none; } .case_left_pic { width: 100%; overflow: hidden; } .case_left_pic img { width: 100%; transition: all 0.6s; } .case_left_pic:hover img{ transform: scale(1.1); } .case_left_title { font-size: 24px; color: #333; font-weight: bolder; padding: 20px 0; border-bottom: 1px solid #afafaf; } .case_left_main { margin-top: 10px; line-height: 2.2; color: #666666; font-size: 18px; } .case_left_button { margin-top: 40px; } .case_left_button a { display: block; width: 26%; height: 40px; background: #1b449e; color: #fff; font-weight: bolder; line-height: 40px; text-align: center; } .case_left_button:hover a{ background: #e89245; } .case_right { width: 56.7%; overflow: hidden; float: right; margin-top: 40px; } .case_right_01 { width: 31.76%; height: 240px; float: left; margin-right: 2.36%; margin-bottom: 40px; } .case_right_01:nth-child(3n) { margin-right: 0; } .case_right_pic { width: 100%; height: 180px; overflow: hidden; } .case_right_pic img { width: 100%; height: 100%; transition: all 0.6s; } .case_right_pic:hover img{ transform: scale(1.1); } .case_right_word { width: 100%; height: 60px; text-align: center; line-height: 60px; background: #1b449e; color: #fff; font-weight: bolder; font-size: 20px; } /* 公司优势 */ .advantage { max-width: 1500px; overflow: hidden; margin: auto; margin-top: 40px; } .advantage_main { background: #fff; width: 100%; overflow: hidden; margin-top: 30px; padding: 40px 0; } .advantage_main_01 { float: left; width: calc(100%/4); text-align: center; } .advantage_pic { width: 68px; height: 56px; float: left; margin-left: 100px; } .advantage_pic img { width: 100%; } .advantage_content { float: left; text-align: left; line-height: 1.5; margin-left: 10px; } .advantage_ch { font-size: 20px; font-weight: 700; color: #333; } .advantage_eng { font-size: 16px; color: #666; } .advantage_main_01:hover .advantage_ch { color: #1b449e; } .advantage_main_01:hover .advantage_eng { color: #1b449e; } /* 荣誉资质 */ .honor { max-width: 1500px; overflow: hidden; margin: auto; padding: 0 70px; margin-top: 40px; padding-top: 40px; padding-bottom: 80px; background: url(../images/advantage_bg.jpg) center no-repeat; } .honor_title { width: 46.33%; height: 130px; background: url(../images/advantage_05.jpg) center no-repeat; font-size: 41px; color: #fff; margin: auto; font-weight: 700; text-align: center; line-height: 120px; } .honor_main { margin-top: 40px; } /* .honor_pic { width: 17.7%; margin-right: 2.8%; float: left; } */ .honor_pic:last-child { margin-right: 0; } .honor_pic a{ width: 100%; overflow: hidden; } .honor_pic img { width: 100%; transition: all 0.6s; } .honor_pic:hover img{ transform: scale(1.1); } /* 关于我们 */ .about { max-width: 1500px; overflow: hidden; margin: auto; margin-top: 60px; } .about_content { margin-top: 40px; line-height: 2.2; font-size: 18px; color: #666666; } .about_main { width: 100%; overflow: hidden; margin: auto; margin-top: 40px; } .about_left { float: left; width: 50.4%; overflow: hidden; } .about_left img { width: 100%; } .about_right { float: right; width: 46%; line-height: 2.8; } .about_right_title { color: #333333; font-size: 30px; font-weight: 700; } .about_right_content { width: 100%; } .about_right_content p { font-size: 22px; font-weight: 700; color: #333333; padding-left: 20px; background: url(../images/about_02.png) center left no-repeat; } .about_right_content span { font-weight: 400; } /* 新闻资讯 */ .news { max-width: 1500px; overflow: hidden; margin: auto; margin-top: 60px; } .news_title_right { float: right; width: 40%; } .news_title_right a { display: inline-block; width: 30%; height: 60px; color: #1b449e; background-color: #fff; border: 1px solid #1b449e; margin-left: 20px; text-align: center; line-height: 60px; font-size: 20px; } .news_title_right a:first-child { margin-left: 0; } .news_title_right a:hover { background: #1b449e; color: #fff; transition: all 0.6s; } .news_main { margin-top: 40px; width: 100%; overflow: hidden; } .news_left { width: 41%; overflow: hidden; float: left; } .news_left_top { overflow: hidden; width: 100%; position: relative; } .news_left_pic { width: 100%; overflow: hidden; } .news_left_pic img { width: 100%; } .news_left_word { width: 24.4%; height: 55px; text-align: center; line-height: 55px; color: #fff; position: absolute; background: #1b449e; font-size: 15px; bottom: 0; left: 0; z-index: 999; } .news_left_main { margin-top: 5px; width: 100%; } .news_left_title { line-height: 2.5; color: #333333; font-size: 22px; } .news_left_content { line-height: 2; color: #4d4d4d; font-size: 18px; } .news_right { float: right; width: 56%; overflow: hidden; } .news_right_01 { width: 100%; overflow: hidden; margin-bottom: 50px; } .news_right_pic { float: left; width: 28.67%; overflow: hidden; } .news_right_pic img { width: 100%; } .news_right_main { width: 70%; float: right; } .news_right_top { width: 100%; overflow: hidden; color: #333333; margin-top: 10px; padding-right: 20px; } .news_right_title { float: left; font-size: 22px; } .news_right_date { float: right; font-size: 18px; } .news_right_content { width: 100%; margin-top: 10px; line-height: 2.2; font-size: 18px; color: #666; } .news_right_01:hover{ background: #1b449e; transition: all 0.6s; } .news_right_01:hover .news_right_content{ color: #fff; transition: all 0.6s; } .news_right_01:hover .news_right_top{ color: #fff; transition: all 0.6s; } /* 合作伙伴 */ .partner { max-width: 1500px; overflow: hidden; margin: auto; padding-bottom: 80px; margin-top: 40px; } .partner_main { margin-top: 40px; width: 100%; overflow: hidden; background: #fff; padding: 0 100px; } .partner_logo { margin: 50px 0; } .partner_logo img{ width: 100%; } .partner_name { margin: 50px 0; } .partner_name img{ width: 100%; } /* 页脚 */ .foot { width: 100%; overflow: hidden; padding-top: 40px; background: #1b449e; } .foot_main { max-width: 1500px; overflow: hidden; margin: auto; color: #fff; } .foot_left { float: left; width: 9.6%; text-align: center; } .foot_pic { width: 100%; overflow: hidden; margin-bottom: 20px; line-height: 2.4; font-size: 16px; } .foot_message { margin-left: 15%; width: 18.3%; float: left; } .foot_title { font-size: 18px; font-weight: 700; } .foot_message form { margin-top: 30px; } .foot_message input[type=text] { background: none; outline: none; border: none; padding-left: 5px; } .foot_mes_input { width: 100%; border: 1px solid #fff; font-size: 14px; height: 30px; line-height: 30px; margin-bottom: 10px; border-radius: 5px; } .foot_mes_input label { padding: 0 10px; margin-top: -1px; border-right: 1px solid #fff; } .foot_message textarea { background: none; border: none; width: 100%; border: 1px solid #fff; height: 80px; color: #fff; border-radius: 5px; padding: 10px; } .foot_message textarea::-webkit-input-placeholder { color: #fff; } .foot_message textarea:-moz-placeholder { color: #fff; } .foot_message textarea::-moz-placeholder { color: #fff; } .foot_message textarea:-ms-input-placeholder { color: #fff; } .foot_message input[type=submit] { width: 100%; background: #fff; outline: none; border: none; margin-top: 20px; height: 40px; line-height: 40px; text-align: center; color: #1b449e; font-size: 16px; border-radius: 5px; } .foot_nav { margin-left: 13.3%; float: left; } .foot_nav_main { margin-top: 20px; } .foot_nav_main a { display: block; color: #fff; line-height: 2.2; font-size: 18px; } .foot_right { float: right; } .foot_content { margin-top: 20px; line-height: 2.2; font-size: 18px; font-weight: 700; } .foot_content span { font-weight: 400; } .copy { width: 100%; line-height: 70px; text-align: center; color: #fff; font-size: 18px; background: #0a379d; } .copy a { color: #fff; margin-left: 10px; } /* 产品详情 */ .inbanner { width: 100%; overflow: hidden; } .inbanner img { width: 100%; } .proshow { max-width: 1500px; overflow: hidden; margin: auto; margin-top: 60px; padding-bottom: 50px; } .proshow_title { width: 68%; overflow: hidden; margin: auto; text-align: center; } .proshow_title_big { color: #333333; font-size: 48px; font-weight: 700; } .proshow_title_line { width: 40px; height: 10px; background: #1b449e; margin: 10px auto; border-radius: 10px } .proshow_title_content { font-size: 20px; color: #333333; line-height: 2; } .proshow_main { width: 100%; overflow: hidden; margin-top: 40px; } .proshow_left { width: 23.33%; overflow: hidden; float: left; } .proshow_left_top { width: 100%; overflow: hidden; background: #1b449e; text-align: center; color: #fff; padding: 40px 0; } .proshow_left_ch { font-size: 30px; font-weight: 700; } .proshow_left_eng { font-size: 18px; margin-top: 10px; } .proshow_left_nav { width: 100%; overflow: hidden; background: #f7f7f7; } .proshow_left_nav ul { margin-bottom: 0; } .proshow_left_nav li { padding: 20px 0; margin-left: 5px; font-size: 20px; font-weight: 600; } .proshow_left_nav a { color: #000; padding-left: 10px; } .proshow_left_nav li:hover { background: #d6d6d6; } .proshow_left_bottom { width: 100%; padding: 20px; color: #fff; font-size: 18px; background: #1b449e; line-height: 2; } .proshow_left_bottom p { font-weight: 700; } .proshow_left_bottom span { font-weight: 400; } .proshow_right { float: right; width: 75%; overflow: hidden; } .proshow_right_pic { width: 100%; } .proshow_right_pic img { width: 100%; } .proshow_right_main { margin-top: 60px; margin-left: 40px; } .proshow_right_title { font-size: 24px; color: #333333; font-weight: 700; } .proshow_right_content { margin-top: 20px; font-size: 18px; line-height: 2.2; } /* 产品展示 */ .display { max-width: 1500px; overflow: hidden; margin: auto; margin-top: 60px; padding-bottom: 50px; } .display_title { width: 68%; overflow: hidden; margin: auto; text-align: center; } .display_title_big { color: #333333; font-size: 48px; font-weight: 700; } .display_title_line { width: 40px; height: 10px; background: #1b449e; margin: 10px auto; border-radius: 10px } .display_title_content { font-size: 20px; color: #333333; line-height: 2; } .display_main { width: 100%; overflow: hidden; margin-top: 40px; } .display_left { width: 23.33%; overflow: hidden; float: left; } .display_left_top { width: 100%; overflow: hidden; background: #1b449e; text-align: center; color: #fff; padding: 40px 0; } .display_left_ch { font-size: 30px; font-weight: 700; } .display_left_eng { font-size: 18px; margin-top: 10px; } .display_left_nav { width: 100%; overflow: hidden; background: #f7f7f7; } .display_left_nav ul { margin-bottom: 0; } .display_left_nav li { padding: 20px 0; margin-left: 5px; font-size: 20px; font-weight: 600; } .display_left_nav a { color: #000; padding-left: 10px; } .display_left_nav li:hover { background: #d6d6d6; } .display_left_bottom { width: 100%; padding: 20px; color: #fff; font-size: 18px; background: #1b449e; line-height: 2; } .display_left_bottom p { font-weight: 700; } .display_left_bottom span { font-weight: 400; } .display_right { width: 76%; overflow: hidden; float: right; } .display_right_01 { width: 31.87%; float: left; margin-right: 2.195%; margin-top: 20px; position: relative; } .display_right_01:nth-child(3n) { margin-right: 0; } .display_right_pic { width: 100%; } .display_right_pic img { width: 100%; } .display_right_word { width: 100%; overflow: hidden; position: absolute; left: 0; bottom: 0; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; background: #1b449e; transition: all 0.6s; } .display_inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(30, 63, 131, 0.7); z-index: 999; color: #fff; opacity: 0; transition: all 0.6s; } .display_inner_title { text-align: center; font-size: 24px; margin: 20px 0; } .display_inner_content { width: 70%; overflow: hidden; margin: auto; line-height: 2; border-top: 1px solid #5b74ab; padding-top: 10px; } .display_right_01:hover .display_right_word { opacity: 0; } .display_right_01:hover .display_inner { opacity: 1; } /* 关于我们 */ .intr { max-width: 1500px; overflow: hidden; margin: auto; margin-top: 60px; padding-bottom: 50px; } .intr_title { width: 68%; overflow: hidden; margin: auto; text-align: center; } .intr_title_big { color: #333333; font-size: 48px; font-weight: 700; } .intr_title_line { width: 40px; height: 10px; background: #1b449e; margin: 10px auto; border-radius: 10px } .intr_title_content { font-size: 20px; color: #333333; line-height: 2; } .intr_main { width: 100%; overflow: hidden; margin-top: 40px; } .intr_left { float: left; width: 50.4%; overflow: hidden; } .intr_left img { width: 100%; } .intr_right { float: right; width: 46%; font-size: 22px; color: #333333; line-height: 3; } .intr_right p { font-weight: 700; padding-left: 20px; background: url(../images/about_02.png) center left no-repeat; } .intr_right span { font-weight: 400; } .intr_content { width: 100%; overflow: hidden; margin-top: 40px; } .intr_content_title { font-size: 30px; font-weight: 700; color: #333; } .intr_content_main { margin-top: 20px; font-size: 16px; line-height: 1.8; } .intr_content_main p { margin-top: 10px; } /* 合作客户 */ .cooperative { max-width: 1500px; overflow: hidden; margin: auto; margin-top: 60px; padding-bottom: 50px; } .cooperative_title { width: 68%; overflow: hidden; margin: auto; text-align: center; } .cooperative_title_big { color: #333333; font-size: 48px; font-weight: 700; } .cooperative_title_line { width: 40px; height: 10px; background: #1b449e; margin: 10px auto; border-radius: 10px } .cooperative_title_content { font-size: 20px; color: #333333; line-height: 2; } .cooperative_main { width: 100%; overflow: hidden; } .cooperative_main_01 { width: 100%; overflow: hidden; margin-top: 20px; } .cooperative_main_title { font-size: 24px; color: #333; } .cooperative_main_line { width: 40px; height: 10px; border-radius: 20px; background: #1b449e; margin: 20px 0; } .cooperative_main_pic { width: 100%; overflow: hidden; } .cooperative_pic_01 { float: left; width: 12%; overflow: hidden; margin-right: 0.50%; margin-bottom: 10px; } .cooperative_pic_01 img { width: 100%; } .cooperative_main_pic_01:nth-child(8n) { margin-right: 0; } .cooperative_pic_02 { width: 16%; float: left; margin-right: 0.8%; margin-bottom: 10px; } .cooperative_pic_02:nth-child(6n) { margin-right: 0; } /* 新闻资讯 */ .paper { max-width: 1500px; overflow: hidden; margin: auto; margin-top: 60px; padding-bottom: 50px; } .paper_title { width: 68%; overflow: hidden; margin: auto; text-align: center; } .paper_title_big { color: #333333; font-size: 48px; font-weight: 700; } .paper_title_line { width: 40px; height: 10px; background: #1b449e; margin: 10px auto; border-radius: 10px } .paper_title_content { font-size: 20px; color: #333333; line-height: 2; } .paper_main { width: 100%; overflow: hidden; margin-top: 40px; } .paper_left { width: 23.33%; overflow: hidden; float: left; } .paper_left_top { width: 100%; overflow: hidden; background: #1b449e; text-align: center; color: #fff; padding: 40px 0; } .paper_left_ch { font-size: 30px; font-weight: 700; } .paper_left_eng { font-size: 18px; margin-top: 10px; } .paper_left_nav { width: 100%; overflow: hidden; background: #f7f7f7; } .paper_left_nav ul { margin-bottom: 0; } .paper_left_nav li { padding: 20px 0; margin-left: 5px; font-size: 20px; font-weight: 600; } .paper_left_nav a { color: #000; padding-left: 10px; } .paper_left_nav li:hover { background: #d6d6d6; } .paper_left_bottom { width: 100%; padding: 20px; color: #fff; font-size: 18px; background: #1b449e; line-height: 2; } .paper_left_bottom p { font-weight: 700; } .paper_left_bottom span { font-weight: 400; } .paper_right { width: 75%; float: right; background: #fff; } .paper_right_news { width: 100%; overflow: hidden; margin-bottom: 20px; } .paper_news_left { width: 24.88%; overflow: hidden; float: left; margin-bottom: 20px; } .paper_news_left img { display: block; width: 77.8%; overflow: hidden; margin: auto; margin-top: 20px; } .paper_news_right { width: 74%; overflow: hidden; margin-top: 20px; } .paper_new_top { width: 100%; overflow: hidden; margin-bottom: 15px; border-bottom: 1px solid #e6e6e6; } .paper_news_title { font-size: 22px; color: #333; float: left; } .paper_news_date { font-size: 18px; color: #333; float: right; } .paper_news_content { margin-top: 10px; color: #666666; font-size: 18px; } .paper_news_button { width: 100%; overflow: hidden; margin-top: 20px; } .paper_news_button a { display: block; width: 10.8%; height: 35px; font-size: 16px; text-align: center; line-height: 35px; color: #fff; background: #1b449e; } .paper_right_news:hover { box-shadow: 0px 0px 10px #e5e5e5; } /* 联系我们 */ .contact { max-width: 1500px; overflow: hidden; margin: auto; margin-top: 60px; padding-bottom: 50px; } .contact_title { width: 68%; overflow: hidden; margin: auto; text-align: center; } .contact_title_big { color: #333333; font-size: 48px; font-weight: 700; } .contact_title_line { width: 40px; height: 10px; background: #1b449e; margin: 10px auto; border-radius: 10px } .contact_title_content { font-size: 20px; color: #333333; line-height: 2; } .contact_main { width: 100%; overflow: hidden; } .contact_message { width: 26%; float: left; margin-right: 4.6%; padding-right: 4.6%; border-right: 1px solid #e7e7e7; } .contact_main_title { font-size: 18px; font-weight: 700; } .contact_message form { margin-top: 30px; } .contact_message input[type=text] { background: none; outline: none; border: none; padding-left: 5px; } .contact_mes_input { width: 100%; border: 1px solid #999999; font-size: 14px; height: 30px; line-height: 30px; margin-bottom: 10px; border-radius: 5px; } .contact_mes_input label { color: #999999; padding: 0 10px; margin-top: -1px; border-right: 1px solid #999999; } .contact_message textarea { background: none; border: none; width: 100%; border: 1px solid #999999; height: 80px; color: #999999; border-radius: 5px; padding: 10px; } .contact_message textarea::-webkit-input-placeholder { color: #999999; } .contact_message textarea:-moz-placeholder { color: #999999; } .contact_message textarea::-moz-placeholder { color: #999999; } .contact_message textarea:-ms-input-placeholder { color: #999999; } .contact_message input[type=submit] { width: 100%; background: #1b449e; outline: none; border: none; margin-top: 20px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; border-radius: 5px; } .contact_saoma { float: left; width: 28%; overflow: hidden; /* padding-right: 6.2%; */ border-right: 1px solid #e7e7e7; /* padding-bottom: 100px; */ } .contact_pic { width: 40%; float: left; margin-right: 3%; text-align: center; line-height: 3; font-size: 20px; color: #333333; font-weight: 700; margin-top: 20px; } .contact_pic img { width: 100%; } .contact_pic:last-child { margin-right: 0; } .contact_right { width: 37.3%; overflow: hidden; float: right; } .contact_right_main { margin-top: 20px; } .contact_right_01 { overflow: hidden; float: left; margin-bottom: 10px; } .contact_right_01:nth-child(2n+1) { width: 35%; } .contact_right_01:nth-child(2n) { width: 65%; } .contact_right_pic { width: 5.35%; height: 35px; display: inline-block; } .contact_word { display: inline-block; margin-top: -5px; font-size: 18px; color: #333333; font-weight: 700; } .contact_right_01:nth-child(2n+1) .contact_word { margin-left: 12%; } .contact_right_01:nth-child(2n) .contact_word { margin-left: 5%; } /* 案例展示 */ .engineering { max-width: 1500px; overflow: hidden; margin: auto; margin-top: 60px; padding-bottom: 50px; } .engineering_title { width: 68%; overflow: hidden; margin: auto; text-align: center; } .engineering_title_big { color: #333333; font-size: 48px; font-weight: 700; } .engineering_title_line { width: 40px; height: 10px; background: #1b449e; margin: 10px auto; border-radius: 10px } .engineering_title_content { font-size: 20px; color: #333333; line-height: 2; } .engineering_main { width: 100%; overflow: hidden; margin-top: 40px; } .engineering_left { width: 23.33%; overflow: hidden; float: left; } .engineering_left_top { width: 100%; overflow: hidden; background: #1b449e; text-align: center; color: #fff; padding: 40px 0; } .engineering_left_ch { font-size: 30px; font-weight: 700; } .engineering_left_eng { font-size: 18px; margin-top: 10px; } .engineering_left_nav { width: 100%; overflow: hidden; background: #f7f7f7; } .engineering_left_nav ul { margin-bottom: 0; } .engineering_left_nav li { padding: 20px 0; margin-left: 5px; font-size: 20px; font-weight: 600; } .engineering_left_nav a { color: #000; padding-left: 10px; } .engineering_left_nav li:hover { background: #d6d6d6; } .engineering_left_bottom { width: 100%; padding: 20px; color: #fff; font-size: 18px; background: #1b449e; line-height: 2; } .engineering_left_bottom p { font-weight: 700; } .engineering_left_bottom span { font-weight: 400; } .engineering_right { width: 75%; float: right; overflow: hidden; } .engineering_right_01 { width: 48%; overflow: hidden; margin-bottom: 30px; margin-right: 4%; float: left; padding-bottom: 20px; } .engineering_right_01:nth-child(2n) { margin-right: 0; } .engineering_pic { width: 100%; overflow: hidden; } .engineering_pic img { width: 100%; } .engineering_right_main { margin-top: 20px; padding: 0 20px; } .engineering_right_title { width: 100%; padding-bottom: 10px; font-weight: bold; color: #333333; font-size: 24px; font-weight: 700; border-bottom: 1px solid #707070; } .engineering_right_content { margin-top: 10px; font-size: 18px; font-weight: 400; color: #666666; line-height: 2; } .engineering_right_01:hover { box-shadow: 0 0 10px #e4e4e4; } /* 工程案例 */ .certificate { max-width: 1500px; overflow: hidden; margin: auto; margin-top: 60px; padding-bottom: 50px; } .certificate_title { width: 68%; overflow: hidden; margin: auto; text-align: center; } .certificate_title_big { color: #333333; font-size: 48px; font-weight: 700; } .certificate_title_line { width: 40px; height: 10px; background: #1b449e; margin: 10px auto; border-radius: 10px } .certificate_title_content { font-size: 20px; color: #333333; line-height: 2; } .certificate_big_img { width: 34.3%; margin: auto; } .certificate_big_img img { width: 100%; } .certificate_img { width: 100%; overflow: hidden; } .certificate_main_pic { width: 23.5%; margin-right: 2%; float: left; } .certificate_main_pic:last-child { margin-right: 0; } .certificate_main_pic img{ width:100%;} .patent_title { width: 68%; overflow: hidden; margin: auto; text-align: center; margin-top: 40px; } .patent_title_big { color: #333333; font-size: 48px; font-weight: 700; } .patent_title_line { width: 40px; height: 10px; background: #1b449e; margin: 10px auto; border-radius: 10px } .patent_title_content { font-size: 20px; color: #333333; line-height: 2; } .patent { margin-top: 40px; } .patent_pic { width: 19%; float: left; margin-right: 1.25%; margin-bottom: 30px; } .patent_pic img { width: 100%; transition: all 0.6s; } .patent_pic:nth-child(5n) { margin-right: 0; } .patent_pic:hover img { transform: scale(1.1); } /* 新闻详情 */ .newshows_title { margin: 5px 0; padding: 0; text-align: center; font-size: 16px; } .newshows_info { text-align: center; color: #999; border: 1px solid #e1e1e1; border-left: 0; border-right: 0; margin: 10px 0; padding: 5px 0; } #art_content { word-break: break-all; font-size: 13px; padding: 0 0 10px 0; line-height: 2.2; font-size: 16px; } #art_content img { max-width: 920px; } .newshow { width: 100%; overflow: hidden; } .newshows { max-width: 1600px; margin: 20px auto 40px; }