/* 首页样式 */ .page_top_bxo { width: 100%; background-color: #f4f4f4; border-bottom: 1px solid #d0d0d0; } .page_top { width: 1400px; height: 40px; line-height: 40px; font-size: 16px; margin: auto; } .page_top_l{ float: left; color: #858585; } .page_top_r{ float: right; } .page_top_r ul li{ float: left; } .page_top_r ul li a{ color: #858585; } .page_top_r ul li::after { content: "|"; margin: 0 10px; color: #858585; } .page_top_r ul li:last-child::after { content: " "; } .page_top_r ul li:hover a{ color: #004192; } /* 页面logo和导航 */ .header{ width: 1400px; overflow: hidden; margin: auto; } .logo{ width: 100%; } .nav{ width: 100%; height: 68px; overflow: hidden; background: url(../images/nav_bg.png) center no-repeat; } .nav_main{ width: 1400px; overflow: hidden; margin: auto; } .nav ul{ margin-bottom: 0; } .nav ul li{ float: left; width: calc(100%/7); text-align: center; font-size: 18px; height: 68px; line-height: 75px; } .nav ul li:last-child{ margin-right: 0; } .nav ul li:first-child a{ color: #000; display: block; } .nav ul li a{ color: #fff; display: block; } /* banner */ .banner_01 .swiper-slide img { width: 100%; } .banner_01 .swiper-pagination-bullet { background: #fff; width: 10px; height: 10px; opacity: 1; } .banner_01 .swiper-pagination-bullet-active { width: 10px; height: 10px; background-color: #ffa800; } /* 我们制作更好 */ .better{ width: 1400px; overflow: hidden; margin: auto; margin-top: 40px; } .better_title{ text-align: center; width: 1000px; overflow: hidden; margin: auto; font-size: 36px; color: #222222; } .better_t_left{ float: left; display: inline; text-align: right; } .better_t_right{ float: right; } .better_01{ font-size: 48px; color: #013e7c; font-weight: 700; } .better_t_right{ float: right; font-size: 72px; display: inline; font-weight: 700; color: #013e7c; } .better_main{ width: 100%; overflow: hidden; margin-top: 40px; } .better_main_01{ width: 320px; height: 290px; border: 1px solid #d2d2d2; float: left; margin-right: 2.5%; text-align: center; padding-top: 50px; font-size: 18px; line-height: 2; } .better_main_01:nth-child(4){ margin-right: 0; } .better_pic{ height: 112px; width: 114px; text-align: center; margin: auto; } .better_main_01 a{ color: #000; } .better_main_t{ font-weight: 700; } .better_main_01:hover a{ color: #013e7c; } /* 产品展示*/ .product{ width: 100%; height: 902px; background: url(../images/product_bg.jpg); margin-top: 40px; } .product_main{ width: 1400px; overflow: hidden; margin: auto; padding-top: 40px; } .product_title{ text-align: center; font-size: 18px; color: #2c2c2c; } .product_t_big{ font-size: 48px; font-weight: 700; color: #000; } .product_01{ width: 100%; overflow: hidden; margin-top: 40px; } .product_01_left{ float: left; width: 20%; } .product_top{ background-color: #013e7c; height: 70px; } .product_top img{ display: inline-block; margin-left: 20px; margin-top: -40px; } .product_word{ display: inline-block; color: #fff; margin-left: 20px; margin-top: 5px; } .product_top_ch{ font-size: 30px; font-weight: 700; } .product_top_eng{ font-size: 14px; } .product_mid{ padding: 20px 0; background-color: #fff; } .product_mid ul li{ width: 90%; margin: auto; background-color: #484848; height: 50px; line-height: 50px; border-bottom: 1px solid #fff; } .product_mid ul li:last-child{ border-bottom: none; } .product_mid ul li:hover{ background-color: #e8cb08; } .product_mid ul li:hover a{ color: #000; } .product_mid ul li p{ display: inline-block; font-size: 16px; } .product_mid ul li a{ color: #fff; } .product_mid_l{ float: left; margin-left: 10px; } .product_mid_r{ float: right; margin-right: 10px; } .product_bottom{ background-color: #013e7c; } .product_bottom img{ display: inline-block; margin-top: -50px; margin-left: 20px; } .product_word{ display: inline-block; font-size: 18px; color: #fff; margin-top: 10px; margin-left: 10px; } .product_word_tele{ font-size: 30px; font-weight: 700; } .product_right{ float: right; width: 78%; } .product_02_01{ position: relative; height: 281px; margin-right: 25px; margin-top: 20px; } .product_02_01 img{ width: 407px; height: 281px; } .product_02_bg{ position: absolute; width: 100%; height: 281px; background-color: rgba(41, 86, 143, 0.5); color: #fff; top: 0; left: 0; font-size: 18px; text-align: center; padding-top: 80px; opacity: 0; transition: all 0.6s; } .product_02_bg p{ line-height: 3; } .product_button{ color: #fff; padding: 5px 10px; border: 1px solid #fff; border-radius: 20px; } .product_02_bg:hover{ opacity: 1; } .homepartners { width: 100%; } .homepartner { display: flex; flex-wrap: wrap; } /* 关于我们 */ .about{ background: url(../images/about_bg.png); width: 100%; height: 766px; } .about_main{ width: 1400px; overflow: hidden; margin: auto; padding-top: 110px; } .about_title{ width: 50%; font-size: 30px; color: #fff; } .about_t_eng{ font-weight: 700; font-size: 48px; } .about_line{ width: 135px; border: 3px solid #e8cb08; margin-top: 30px; } .about_mian{ width: 50%; margin-top: 40px; font-size: 16px; line-height: 2.8; color: #fff; } .about_button{ width: 210px; height: 60px; text-align: center; line-height: 60px; font-size: 24px; background: #e8cb08; margin-top: 50px; border-radius: 20px; } .about_button a{ color: #000; } /* 最新资讯 */ .news{ width: 1400px; margin: auto; margin-top: 60px; } .news_title{ text-align: center; font-size: 18px; color: #2c2c2c; } .news_t_big{ font-size: 48px; font-weight: 700; color: #000; } .news_main{ width: 100%; overflow: hidden; margin-top: 30px; } .news_main_01{ width: 47%; overflow: hidden; border: 1px solid #d1d1d1; float: left; margin-right: 3%; margin-top: 20px; } .news_main_01:nth-child(2n){ margin-right: 0; } .news_main_01:hover .news_01_left{ background-color: #dfedff; color: #013e7c; } .news_01_left{ float: left; width: 20.5%; background-color: #013e7c; color: #fff; text-align: center; padding: 10px 0; } .news_day{ font-size: 41.41px; font-weight: 700; } .news_year{ font-size: 16px; } .news_01_right{ float: right; width: 79.5%; font-size: 14px; padding-top: 10px; padding-left: 10px; } .news_right_t{ font-size: 18px; font-weight: 700; } .news_01_right p{ margin-top: 5px; } .news_01_right a{ color: #000; } .news_button{ width: 210px; height: 60px; line-height: 60px; text-align: center; margin: auto; margin-top: 30px; font-size: 24px; border-radius: 20px; background-color: #e8cb08; } .news_button a{ color: #000; } /* 立即咨询 */ .go{ width: 100%; height: 330px; background: url(../images/go_bg.png); margin-top: 40px; } .go_main{ padding-top: 100px; width: 1400px; margin: auto; color: #fff; font-size: 18px; text-align: center; } .gp_big{ font-size: 42px; font-weight: 700; margin-bottom: 20px; } .go_button{ width: 150px; height: 40px; line-height: 40px; text-align: center; margin: auto; margin-top: 30px; font-size: 24px; border-radius: 20px; background-color: #e8cb08; } .go_button a{ color: #000; } /* 页脚 */ .foot{ width: 100%; height: 410px; background: url(../images/foot_bg.png); position: relative; } .foot_line{ position: absolute; bottom: 85px; width: 100%; border-bottom: 1px solid #575757; } .foot_main{ width: 1400px; overflow: hidden; margin: auto; padding-top: 90px; } .foot_left{ float: left; color: #fff; height: 100px; padding-top: 20px; border-right: 1px solid #575757; padding-right: 20px; } .foot_left p{ font-size: 36px; } .foot_left .foot_left_eng{ font-size: 13PX; } .foot_02{ float: left; color: #fff; font-size: 18px; margin-left: 100px; line-height: 2; margin-top: 20px; } .foot_02 img{ display: inline-block; } .foot_02_t{ display: inline-block; } .foot_03{ float: left; color: #fff; font-size: 18px; margin-left: 100px; line-height: 2; margin-top: 20px; } .foot_03 img{ display: inline-block; } .foot_03_t{ display: inline-block; } .foot_04{ float: left; color: #fff; font-size: 18px; margin-left: 100px; line-height: 2; margin-top: 20px; } .foot_04 img{ display: inline-block; } .foot_04_t{ display: inline-block; } .foot_right{ float: right; } .foot_button{ width: 135px; height:35px; line-height: 35px; text-align: center; margin: auto; margin-top: 20px; font-size: 24px; color: #fff; border-radius: 30px; background-color: #e8cb08; } .copy{ width: 1400px; overflow: hidden; margin: auto; margin-top: 50px; font-size: 14px; height: 85px; line-height: 85px; color: #bebebe; text-align: center; } .copy p{ display: inline; } .copy a{ color: #bebebe; margin-left: 30px; }