.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .navbar-form { display: flex; height: auto; margin: 0; align-items: center; position: relative; min-width: 100px; height: 53px; margin-left: 30px; } .navbar-form .navbar-form_left { display: flex; width: 0; overflow: hidden; } .navbar-form .form-group { flex: 1; } .navbar-form .form-group input[type="text"] { overflow: hidden; padding: 0; border: none; outline: none; border-radius: 4px 0 0 4px; height: auto; padding-left: 1em; height: 100%; } .navbar-form .icon-ss { background: url(../images/ss.png) no-repeat center center; width: 30px; height: 30px; left: 50px; position: absolute; cursor: pointer; top: 50%; transform: translateY(-50%); } .navbar-form button[type="submit"] { border: none; outline: none; border-left: 2px solid #eee; border-radius: 0 4px 4px 0; font-size: 14px; } .banner .swiper-container .swiper-slide { position: relative; } .text_box { position: absolute; width: 32%; top: 50%; transform: translateY(-50%); left: 10%; color: #ffffff; } .text_box h2 { font-size: 54px; font-weight: 600; } .text_box h3 { font-size: 29px; font-weight: 400; margin: 15px 0; } .text_box p { font-size: 14px; letter-spacing: 2px; } .home-icon { padding: 60px 0; } .home-icon .container { width: 1400px; } .home-icon .container ul { display: flex; justify-content: space-between; } .home-icon .container ul li { display: flex; align-items: center; } .home-icon .container ul li:hover .iconbox img { transform: rotateY(360deg); } .home-icon .container ul li:nth-child(1) { margin-right: 50px; } .home-icon .container ul li:nth-child(2), .home-icon .container ul li:nth-child(3) { flex: 1; } .home-icon .container ul li .iconbox { margin-right: 27px; } .home-icon .container ul li .iconbox img { max-width: 84px; transition: all 0.3s; } .home-icon .container ul li .icontext .icon_title { font-size: 22px; color: #333333; } .home-icon .container ul li .icontext .icon_content { font-size: 14px; color: #666666; } .home-advtage .container { display: flex; justify-content: space-between; width: 1400px; } .home-advtage .container .service_l { width: 34%; height: 800px; } .home-advtage .container .service_r { width: 65%; display: flex; flex-direction: column; justify-content: space-between; height: auto; } .home-advtage .container .service_r .bd { flex-direction: row; padding: 0 70px 0; align-items: center; height: 49%; } .bd { height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding-top: 100px; background-color: #f0f0f0; transition: all 0.3s; } .bd:hover { background-color: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); } .bd .service_box { padding-left: 33px; } .bd .service_box .service_title { font-size: 31px; color: #333333; font-weight: 600; } .bd .service_box .service_content { font-size: 16px; color: #666666; width: 58%; margin: 15px 0 35px 0; line-height: 30px; } .bd .service_img img { float: right; } .service_move { font-size: 16px; color: #ffffff; width: 162px; height: 41px; background-image: linear-gradient(90deg, #0c73f7 0%, #2db9fc 100%), linear-gradient(#014099, #014099); background-blend-mode: normal, normal; border-radius: 20px; display: flex; justify-content: space-between; align-items: center; padding: 0 30px; } .service_move img { transition: all 0.3s; } .service_move:hover { color: #ffffff; } .service_move:hover img { transform: translateX(8px); } .kj_about { height: 766px; background: url(../image/bg.png) no-repeat center center; background-size: cover; background-attachment: fixed; } .kj_about .w { height: 100%; } .kj_about .w .kj_about_text { display: flex; flex-direction: column; justify-content: center; height: 100%; width: 44%; color: #fff; } .kj_about .w .kj_about_text .title { margin: 0 0 30px 0; } .kj_about .w .kj_about_text .title h2 { opacity: 0.1; } .kj_about .w .kj_about_text .title h3 { color: #1e98fa; } .kj_about .w .kj_about_text .kj_content .kj_title { margin-bottom: 20px; } .kj_about .w .kj_about_text .kj_content .kj_title .cn { font-size: 30px; } .kj_about .w .kj_about_text .kj_content .kj_title .en { font-size: 14px; } .kj_about .w .kj_about_text .kj_content .kj_text { font-size: 17px; line-height: 32px; color: #d6d6d6; margin-bottom: 50px; } .kj_btitle { display: flex; justify-content: space-between; align-items: center; width: 1400px; margin: 0 auto; } .kj_btitle .title { flex: 1; } .kj_btitle>a { font-size: 18px; color: #014099; position: relative; margin-right: 100px; } .kj_btitle>a:hover::after { width: 80px; } .kj_btitle>a::after { content: ''; height: 1px; width: 40px; background-color: #014099; position: absolute; left: calc(100% + 5px); top: 50%; transform: translateY(-50%); transition: all 0.3s; } .hot { height: 100%; } .hot a:hover { box-shadow: 20px 20px 0px #818181; -webkit-transform: translateY(-10px) translateX(-10px); -o-transform: translateY(-10px) translateX(-10px); -moz-transform: translateY(-10px) translateX(-10px); -ms-transform: translateY(-10px) translateX(-10px); } .hot a:hover .hot_img img { transform: scale(1.2); } .hot a:hover .hot_text::after, .hot a:hover .hot_text::before { -webkit-transform: scaleX(1); -o-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); } .hot a:hover .an_border::after, .hot a:hover .an_border::before { -webkit-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); } .hot a:hover .hot_text { background-color: #fff; color: #003177; } .hot a:hover .hot_text .hot_move::after { margin-left: 20px; background-image: url(../image/icon1-1.png); } .hot a:hover .hot_text .hot_move img { display: none; } .hot a .hot_img { width: 100%; overflow: hidden; } .hot a .hot_img img { width: 100%; transition: transform 0.3s; } .hot a .an_border { position: relative; flex: 1; } .hot a .an_border::before, .hot a .an_border::after { display: inline-block; position: absolute; content: ""; width: 3px; height: 100%; background: #003177; -webkit-transform: scaleY(0); -o-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); transition: all 0.2s ease 0.2s; -webkit-transition: all 0.2s ease 0.2s; -o-transition: all 0.2s ease 0.2s; -moz-transition: all 0.2s ease 0.2s; -ms-transition: all 0.2s ease 0.2s; z-index: 1; } .hot a .an_border::before { top: 0; left: 0; -webkit-transform-origin: 0 100%; } .hot a .an_border::after { top: 0; right: 0; -webkit-transform-origin: 0 0; } .hot a .hot_text { color: #fff; background-color: #003177; padding: 30px; height: 100%; transition: all 0.5s; position: relative; } .hot a .hot_text::before, .hot a .hot_text::after { display: inline-block; position: absolute; content: " "; width: 100%; height: 3px; background: #003177; -webkit-transform: scaleX(0); -o-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; z-index: 1; } .hot a .hot_text::before { top: 0; left: 0; } .hot a .hot_text::after { bottom: 0; left: 0; } .hot a .hot_text .hot_title { font-size: 18px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hot a .hot_text .hot_content { font-size: 14px; margin: 15px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .hot a .hot_text .hot_move { font-size: 14px; border-left: 1px solid #fff; display: flex; align-items: center; padding-left: 1em; } .hot a .hot_text .hot_move::after { content: ''; display: block; width: 15px; height: 9px; margin-left: 14px; background: url(../image/wel02.png) no-repeat center center; background-size: cover; transition: all 0.3s; } .joinner .content .joinner_swiper .swiper-slide:hover .item { border-color: #014099; } .joinner .content .joinner_swiper .swiper-slide .item { width: 100%; height: 130px; border: solid 1px #efefef; display: flex; justify-content: center; align-items: center; margin-bottom: 15px; transition: all 0.3s; } .joinner .content .joinner_swiper .swiper-slide .item img { max-width: 200px; } .joinner .content .joinner_swiper .swiper-slide p { text-align: center; font-size: 16px; color: #333333; } @media screen and (max-width: 991px) { .text_box { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; left: 0%; transform: unset; top: 0; } .home-icon .container ul li .iconbox img { width: 60px; } .text_box h2 { font-size: 18px; margin-bottom: 8px; } .text_box h3 { font-size: 14px; } .text_box p { display: none; } .service_move { font-size: 12px; width: 100px; height: 30px; padding: 0 12px; } .kj_about .w .kj_about_text .title { margin: 0px 0 15px 0; } .joinner .content .joinner_swiper .swiper-slide .item img { width: 100%; max-width: unset; } .joinner .content .joinner_swiper .swiper-slide .item { height: auto; } .kj_about .w .kj_about_text { width: 100%; padding: 0 15px; } .kj_about .w .kj_about_text .kj_content { text-align: center; } .kj_about .w .kj_about_text .kj_content .kj_title .cn { font-size: 16px; } .kj_about .w .kj_about_text .kj_content .kj_title .en { font-size: 12px; } .kj_about .w .kj_about_text .kj_content .kj_text { font-size: 14px; line-height: 26px; margin-bottom: 20px; } .kj_about .w .kj_about_text .kj_content .service_move { margin: 0 auto; } .kj_about { height: 8rem; } .bd { padding: 20px 15px; } .bd .service_box { padding-left: 0px; } .bd .service_box .service_title { font-size: 22px; } .bd .service_box .service_content { width: 100%; margin: 15px 0; font-size: 14px; line-height: 22px; } .home-advtage .container { width: 100%; padding: 0 15px; display: block; } .home-advtage .container .service_l { width: 100%; height: auto; margin-bottom: 15px; } .home-advtage .container .service_r { width: 100%; } .home-advtage .container .service_r .bd { padding: 20px 15px; align-items: center; margin-bottom: 15px; } .kj_btitle { display: block; max-width: 90%; margin: 0 auto 50px; } .kj_btitle .title { width: 100%; margin-bottom: 15px; } .kj_btitle>a { font-size: 14px; margin-right: 54px; float: right; } .title { width: 100%; text-align: center; margin: 0 auto 15px; } .title h2 { font-size: 30px; } .title h3 { left: 50%; transform: translateX(-50%); font-size: 20px; } .home-icon { padding: 0; } .home-icon .container ul { display: block; } .home-icon .container ul li { flex-direction: column; justify-content: center; margin: 20px 0; } .home-icon .container ul li:nth-child(1) { margin-right: 0; } .home-icon .container ul li .iconbox { margin-right: 0px; margin-bottom: 10px; } .home-icon .container ul li .icontext { text-align: center; } .home-icon .container ul li .icontext .icon_title { font-size: 18px; } .home-icon .container ul li .icontext .icon_content { font-size: 12px; line-height: 22px; } } a:hover { text-decoration: none; } .nabouts { width: 100%; height: auto; overflow: hidden; } .nabouts_a { width: 100%; height: auto; overflow: hidden; margin: 0 auto; padding-bottom: 60px; margin-top: 20px; } .nabouts_id { width: 100%; height: auto; line-height: 26px; } .nabouts_id p { text-indent: 2em; } .nabouts_id p img { width: 96%; padding: 1%; border: 1px solid #ccc; } /*新闻内页*/ .nnews_head { width: 100%; height: auto; margin: 0 auto; text-align: center; font-size: 22px; font-weight: bold; color: #333333; } .nnews_aa { width: 74%; height: auto; line-height: 32px; margin: 0 auto; overflow: hidden; padding-top: 34px; font-size: 14px; } .nnews_a font { padding-left: 20px; } .bdsharebuttonbox { float: right; } .nnews_kd { width: 100%; height: auto; border-bottom: 1px dashed #d2d2d2; margin-bottom: 15px; } .djg { width: 100%; height: auto; margin: 0 auto; color: #666666; line-height: 24px; text-indent: 2em; margin: 15px 0; text-align: left; } .nnews_l { width: 100%; height: auto; margin: 0 auto; overflow: hidden; padding-top: 50px; } .nnews_l li { padding-bottom: 10px; font-size: 14px; } .nnews_l li a:hover { color: #014099; } .nnews_img { width: 100%; text-align: center; } .nnews_img img { max-width: 100%; } .news_b .lg_x_t { margin-bottom: 0; font-size: 16px; } .news_b { width: 100%; overflow: hidden; border: 1px solid #CCCCCC; padding: 10px 15px; margin-top: 20px; } .news_b ul {font-size: 0;} .news_b ul li { display: inline-block; width: 49%; font-size: 0; margin-bottom: 5px; } .news_b ul li a { color: #666666; font-size: 14px; } .news_b ul { margin-top: 20px; } .news_b ul li a:hover { color: #213e84; } /*产品内页*/ .nprosf { width: 100%; float: right; height: auto; margin: 0 auto; overflow: hidden; } .npros_head { width: 100%; height: auto; padding-top: 70px; padding-bottom: 50px; text-align: center; color: #033e99; font-size: 24px; } .npros_lefta { width: 45%; float: left; text-align: center; } .npros_lefta img { max-width: 100%; } .npros_right { width: 53%; height: auto; float: right; } .npros_right p { border-bottom: 1px dashed #999; line-height: 50px; font-size: 16px; } .npros_bottm { width: 130px; height: auto; background: #000; border-radius: 0.5em; text-align: center; line-height: 36px; margin-top: 5%; } .npros_bottm a { color: #fff; } .npros_bottm a:hover { color: #fff; } .npros_kg { width: 100%; height: auto; line-height: 40px; background: #f3f3f3; border-left: 3px solid #213e84; padding-left: 10px; margin-top: 55px; font-size: 16px; } .npros_dg { width: 100%; height: auto; margin: 0 auto; overflow: hidden; margin-top: 2%; } .npros_ld { width: 100%; height: auto; margin: 0 auto; overflow: hidden; margin-top: 2%; } .npros_gg { width: 100%; height: auto; line-height: 26px; padding-top: 4%; } .npros_gg a { color: #333333; } .npros_gg a:hover { color: #DA241A; } .npro_z { display: inline-block; width: 155px; height: 45px; font-size: 16px; margin-top: 50px; background: #DA241A; border-radius: 5px; text-align: center; line-height: 45px; color: white; } .npro_z:hover { color: white; } /*************分辨率小于768px************/ @media only screen and (max-width: 768px) { .nabouts_a, .npros_right, .npros_lefta { width: 100%; } .npros_lefta img { /*width: 100%;*/ height: auto; } .nnews_head { padding-top: 0; font-size: 18px; } /*.nabouts_a{padding-top: 20px;}*/ .news_b ul li { width: 100%; } .npros_right p { font-size: 14px; line-height: 40px; } .npros_kg { margin-top: 40px; } .nnews_aa { width: 100%; } .npros_right { margin-top: 20px; } .npro_z { font-size: 15px; height: 40px; line-height: 40px; width: 125px; margin-top: 30px; } } .left { float: left; } .right { float: right; } .justify_fix { display: none; width: 100%; height: 0;font-size: 0; overflow: hidden; } .mob { display: none; } .pc { display: block; } /*banner*/ .ban_swi { float: none; } .ban_swi .swiper-slide { text-align: center; } .ban_swi .swiper-button-next, .ban_swi .swiper-button-prev { width: 63px; height: 63px; text-align: center; border: 1px solid #fff; color: #fff; font-size: 14px; background: none; line-height: 63px; border-radius: 50%; } .ban_swi .swiper-button-next:hover, .ban_swi .swiper-button-prev:hover { background: #213e84; border: 1px solid #213e84; } .ban_swi .swiper-button-next { right: 5%; } .ban_swi .swiper-button-prev { left: 5%; } .ban_swi .swiper-pagination-bullet { width: 12px; height: 12px; background: #fff; opacity: 1; } .ban_swi .swiper-pagination-bullet-active { background: #213e84; width: 80px; border-radius: 6px; } .search { display: inline-block; width: 12%; height: 38px; border: 1px solid #fff; border-radius: 3px; margin-top: 20px; float: right; } .search input { border: none; background: transparent; } .search .sebox { float: left; width: calc(100% - 30px); } .search .se_sub { width: 20px; height: 20px; background: url("../image/seico.png") center no-repeat; float: right; margin-top: 8px; margin-right: 10px; } .cp_tt { margin-top: 50px; margin-bottom: 60px; text-align: center; } .cn_in { font-size: 46px; text-align: center; color: #000; font-weight: bold; } .en_in { font-size: 16px; text-align: center; color: #424242; text-transform: uppercase; margin-top: 5px; } .cp_tt .en_in { margin-bottom: 35px; } .cp_list { width: 1730px; margin: 0 auto; height: 583px; position: relative; } .cp { width: 1600px; margin: 0 auto; text-align: center; } .cp_d { width: 360px; height: 198px; background: url("../image/cp_bg1.jpg") center no-repeat; margin: -80px auto 0 auto; padding: 20px 30px; transition: all 0.3s; } .cp_cn { font-size: 19px; margin-top: 85px; color: #fff; } .cp_en { font-size: 10px; color: #9acaf0; text-transform: uppercase; height: 12px; } .mre { margin: 42px auto; } .cp_list .swiper-slide:hover .cp_d { background: url("../image/cp_bg2.png") center no-repeat; height: auto; } .cp_list .pbn11 { left: 0; background: url(../image/left1.png) no-repeat; background-size: contain; width: 65px; height: 65px; margin-top: -80px; } .cp_list .pbn11:hover { background: url(../image/left1_on.png) no-repeat; background-size: contain; } .cp_list .pbp11 { right: 0; background: url(../image/right1.png) no-repeat; background-size: contain; width: 65px; height: 65px; margin-top: -80px; } .cp_list .pbp11:hover { background: url(../image/right1_on.png) no-repeat; background-size: contain; } .in_case { width: 100%; background: url("../image/case_bg.jpg") no-repeat center; background-size: cover; height: auto; overflow: hidden; } .case_tt { color: #fff; margin: 57px auto 40px; } .case_tt .cn_in, .case_tt .en_in { color: #fff; } .in_case_con { width: 1600px; margin: 0 auto; text-align: justify; } .in_case_item p { font-size: 20px; background: #fff; line-height: 68px; text-indent: 1em; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .in_pn { position: initial; text-align: center; } .in_pn .swiper-pagination-bullet { width: 13px; height: 13px; margin: 48px 9px 40px; background: #90a7db; opacity: 1; } .in_pn .swiper-pagination-bullet-active { background: #fff; } .in_case_item p img { float: right; margin-top: 20px; margin-right: 1em; display: inline-block; filter: invert(49%) sepia(6%) saturate(9%) hue-rotate(333deg) brightness(93%) contrast(86%); } .in_case_item:hover p { color: #213e84; } .in_case_item:hover p img { filter: none; } .in_news { background: #f9f9f9; height: auto; overflow: hidden; } .in_news_con { width: 1600px; text-align: justify; margin: 0 auto; } .in_news_tt { width: 1600px; margin: 50px auto 40px; height: auto; overflow: hidden; } .in_news_tt .left .nc1 { font-size: 30px; font-weight: bold; } .in_news_tt .left .nc2 { font-size: 16px; color: #424242; text-transform: uppercase; margin-top: 10px; } .in_news_tt .right a { display: block; line-height: 58px; width: 165px; color: #333; border: 1px solid #333; text-align: center; font-size: 16px; margin-top: 15px; } .in_news_tt .right a:hover { border: 1px solid #213e84; color: #213e84; } .in_news_item { display: inline-block; width: 49%; border: 1px solid #eeeeee; margin-bottom: 20px; } .in_news_item a { color: #333; display: block; width: 100%; height: auto; overflow: hidden; } .in_news_item a:hover h1 { color: #213e84; } .in_news_item .left { font-size: 28px; text-align: center; width: 105px; height: 105px; border: 1px solid #dfdfdf; border-radius: 50%; padding-top: 14px; margin: 35px 50px 35px 40px; } .in_news_item .left p { font-size: 16px; } .in_news_item p { color: #5a5a5a; } .in_news_item .right { width: 70%; float: left; margin: 35px auto; } .in_news_item .right h1 { font-size: 18px; } .in_news_item .right p { font-size: 14px; color: #5a5a5a; line-height: 20px; margin-top: 20px; } .in_news_item:hover .left { color: #fff; background: #213e84; border: 5px solid #d9dde8; } .in_news_item:hover .left p { color: #fff; } .in_hz { width: 1600px; height: auto; margin: 55px auto 85px; text-align: justify; } .hz_item { display: inline-block; border: 6px solid #f0f0f0; } .hz_item:hover { border: 6px solid #213e84; } .oth-top img, .banner img { width: 100%; } .oth-menu { text-align: center; border-bottom: 1px solid #f4f4f4; } .oth-menu li { display: inline-block; margin: 55px auto 50px auto; padding: 0 80px; border-right: 1px solid #e5e5e5; } .oth-menu li:last-child { border: none; } .oth-menu li a { color: #787878; font-size: 18px; } .oth-menu li p { margin-top: 20px; } .oth-menu li img { width: 48px; height: 50px; filter: invert(49%) sepia(6%) saturate(9%) hue-rotate(333deg) brightness(93%) contrast(86%); } .oth-menu .oth-act img, .oth-menu li:hover img, .oth-menu .oth-act a, .oth-menu li:hover a { color: #213e84; filter: none; } .oth-menu ul{ font-size:0; } .about_video_bg { background: url("../image/about_bg.jpg") center no-repeat; background-size: cover; min-height: 929px; overflow: hidden; } .about_video_tt { margin-top: 88px; } .about_video_tt .cn { font-size: 30px; color: #000; text-align: center; font-weight: bold; } .about_video_tt .en { text-transform: uppercase; font-size: 16px; font-family: Arial; text-align: center; color: #424242; margin-top: 10px; } .about_tt .cn, .msg_tt .cn, .q_tt .cn { font-size: 30px; color: #000; text-align: center; font-weight: bold; } .about_tt .en, .msg_tt .en, .q_tt .en { text-transform: uppercase; font-size: 16px; font-family: Arial; text-align: center; color: #424242; margin-top: 10px; } .about_video { width: 1288px; min-height: 649px; margin: 55px auto auto; } .about { width: 1400px; margin: 78px auto 100px auto; height: auto; overflow: hidden; max-width: 1600px; } .about_tt .en, .about_tt .cn { text-align: left; } .at { background: url("../image/at_bg.png") no-repeat; color: #fff; margin: 30px auto 30px 0; font-size: 18px; text-indent: 2em; line-height: 45px; width: 542px; } .about .dsc { font-size: 16px; line-height: 26px; text-indent: 2em; } .about .left { width: 53%; margin-right: 2%; } .about .right { width: 43%; } .about .right img { max-width: 100%; } .ab { margin-top: 30px; margin-bottom: 70px; } .ab .a2 { left: 30.5%; background: url(../image/left1.png) no-repeat; background-size: contain; width: 65px; height: 65px; } .ab .a2:hover { background: url(../image/left1_on.png) no-repeat; background-size: contain; } .ab .a1 { right: 30.5%; background: url(../image/right1.png) no-repeat; background-size: contain; width: 65px; height: 65px; outline: none; } .ab .a1:hover { background: url(../image/right1_on.png) no-repeat; background-size: contain; } .swiper-button-next:after,.swiper-button-prev:after{display:none} .oth_pro { width: 1400px; margin: 43px auto; height: auto; overflow: hidden; max-width: 1600px; } .oth_pro .left { width: 17%; } .oth_tt { width: 100%; background: #213e84; line-height: 70px; font-size: 24px; text-align: center; color: #fff; } .oth_pro .left ul { margin-top: 15px; } .oth_pro .left ul li { line-height: 50px; border-bottom: 1px solid #c6c6c6; font-size: 16px; background: url("../image/icopro2.png") right center no-repeat; margin: 0 20px; } .oth_pro .left ul li p { display: inline-block; color: #333; } .oth_pro .left ul li img { display: inline-block; margin-right: 12px; } .oth_pro .left ul li:hover, .oth_pro .left ul li.oth-act { background: url("../image/icopro2_on.png") right center no-repeat; } .oth_pro .left ul li:hover p, .oth_pro .left ul li.oth-act p { color: #213e84; } .oth_pro .right { width: 80%; } .oth_pro .right .pro_list { text-align: justify; } .pro_item { display: inline-block; width: 30.3%; margin-bottom: 28px; } .pro_item .pro_m { border: 1px solid #e5e5e5; } .pro_item .pro_m img { max-width: 100%; text-align: center; } .pro_item .pro_tt { font-size: 18px; text-align: center; color: #333; margin-top: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .pro_item:hover p { color: #213e84; } .pro_item:hover .pro_m { border: 1px solid #213e84; } .video, .case, .down { width: 1400px; margin: 40px auto 70px auto; max-width: 1600px; } .video_item { display: inline-block; width: 30.5%; border: 1px solid #e5e5e5; color: #333; margin-bottom: 45px; } .video_item .video_m img { width: 100%; } .video_item p { line-height: 86px; text-align: center; font-size: 20px; } .video_item:hover { color: #fff; background: #213e84; } .case { text-align: justify; } .case_item { display: inline-block; width: 32%; border: 1px solid #e5e5e5; color: #333; position: relative; margin-bottom: 30px; } .case_item .video_m img { width: 100%; } .case_item p { line-height: 36px; text-align: center; font-size: 20px; margin-top: 25%; color: #fff; width: 100%; } .case_item .fa { margin-top: 35px; } .case_item:hover { color: #fff; background: #213e84; } .case_item .info { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; display: none; transition: all 0.3s; } .case_item:hover .info { display: block; } .sub_menu { margin: 45px auto; text-align: center; } .sub_item { display: inline-block; color: #213e84; padding: 0 3.5%; line-height: 40px; border: 1px solid #213e84; border-radius: 20px; margin: 0 1%; } .sub_item.oth-act { color: #fff; background: #213e84; } .down_item { border: 1px solid #d9d9d9; padding: 28px 0 20px 65px; height: auto; overflow: hidden; margin-bottom: 20px; } .down_item .img { float: left; } .down_item .d_tt { float: left; font-size: 18px; line-height: 65px; color: #000; margin-left: 20px; } .down_item .more { background: #213e84; line-height: 40px; float: right; border-radius: 20px; padding: 0 3.5%; font-size: 18px; color: #fff; margin-right: 2.5%; margin-top: 10px; } .c_list { width: 1400px; text-align: justify; margin: 60px auto;font-size: 0; } .c_ite { display: inline-block; height: 225px; width: 32.5%; background: url("../image/cbg1.jpg") center no-repeat; vertical-align: middle; text-align: center; font-size: 16px; color: #fff; } .c_list .justify_fix{ display: inline-block;} .c_ite img { margin-top: 40px; } .c_ite p { margin-top: 15px; line-height: 37px; } .msg_tt { margin: 60px auto 22px; } .cont_msg { width: 1400px; margin: 0 auto; } .join_f { background: #f1f3f5; padding: 40px 45px; } .j_inp input, .join_f select { width: 48%; height: 48px; border: 1px solid #e4e6e8; padding-left: 20px; font-size: 16px; background: #fff; vertical-align: text-top; } .j_inp input:nth-child(even) { float: right; } .j_inp { margin-bottom: 20px; } .join_f textarea { width: 100%; height: 125px; border: 1px solid #e4e6e8; padding-left: 20px; padding-top: 15px; } .b_cent { text-align: center; margin-top: 30px;font-size: 0; } .b_cent input { width: 180px; height: 45px; border: none; background: #21409d; color: white; font-size: 18px; } .map { margin: 20px auto 62px; width: 1400px; height: 400px; } .content { font-size: 16px; line-height: 35px; } .content img { max-width: 100%; height: auto !important; } .content iframe, .content video { max-width: 100%; } .video { text-align: justify; } .foot_bg { width: 100%; background: #0d2147; } .foot_con { margin: 0 auto; width: 1400px; height: 395px; overflow: hidden; padding: 65px 0; border-bottom: 1px solid #1f3357; max-width: 1600px; } .foot_con .left { width: 60%; } .foot_con .left ul { float: left; margin-right: 8%; } .foot_con .left ul li { font-size: 13px; line-height: 36px; } .foot_con .left ul li.tt { font-size: 18px; margin-bottom: 20px; } .foot_con .left ul li.tt a { color: #fff; } .foot_con .left ul li a { color: #b7bac1; } .foot_con .left .pro { width: 35%; margin-right: 0; } .foot_con .pro .tt { width: 100%; } .foot_con .pro li { float: left; width: 50%; } .foot_con .right { width: 40%; } .ewmd { float: right; width: 21.5%; margin-right: 10%; } .ewmd .tt, .tel .tt { font-size: 18px; color: #fff; text-align: left; margin-bottom: 20px; line-height: 36px; } .tel { color: #fff; float: left; } .tel_con { height: auto; overflow: hidden; } .tel_con .img { text-align: left; float: left; } .tel_con .text { float: left; margin-left: 12px; margin-bottom: 10px; } .tel_con .text .t1 { font-size: 14px; color: #9da2ad; line-height: 14px; } .tel_con .text .t2 { font-size: 24px; } .dc { line-height: 30px; color: #9da2ad; font-size: 14px; } .copy { width: 1400px; margin: 0 auto; line-height: 70px; font-size: 12px; color: #acafb8; } .copy a { color: #acafb8; } .copy span { float: right; } /* 分页 */ .Pagination { width: 100%; height: auto; text-align: center; margin-top: 15px; margin-bottom: 70px; } .Pagination a { display: inline-block; padding: 5px 10px; border: 1px solid #CCCCCC; } .Pagination .current { color: white; } .Pagination .current { background: #0e1655; border-color: #0e1655; } .Pagination a { color: #666666; font-size: 12px; } .ny { margin-top: 40px; } .nabouts { width: 1400px; margin: 0 auto; max-width: 1600px; } .my-map { margin: 0 auto; width: 100%; height: 100%; } .my-map .icon { background: url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; } .amap-container { height: 100%; } .Pagination { width: 100%; height: auto; text-align: center; margin-top: 15px; } .Pagination a { display: inline-block; padding: 5px 10px; border: 1px solid #CCCCCC; margin: 5px 3px; } .Pagination .current { color: white; } .Pagination .current { background: #0e1655; border-color: #0e1655; } .Pagination a { color: #666666; font-size: 12px; } .c_m { width: 100%; overflow: hidden; } .c_m img { transition: all 0.4s; } .c_m:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } /*******产品内页*******/ /*主容器*/ .con-FangDa { display: inline-block; width: 30%; height: auto; margin: 10px auto; background-color: #fff; } /*正常容器*/ .con-fangDaIMg { width: 100%; height: auto; position: relative; border: 1px solid #aaaaaa; padding: 1px; text-align: center; } .con-fangDaIMg>img { width: 100%; height: auto; } /*滑块*/ .magnifyingBegin { width: 150px; height: 150px; left: 0; top: 0; background-color: #454545; opacity: 0.5; filter: alpha(opacity=50); position: absolute; cursor: move; display: none; } /*放大镜显示区域*/ .magnifyingShow { width: 380px; height: 380px; display: none; position: absolute; right: -110%; top: 0; overflow: hidden; background-color: #454545; } .magnifyingShow>img { width: 260%; height: auto; margin-left: 0; margin-top: 0; max-width: inherit; } /*设置选择图片容器*/ .con-FangDa-ImgList { margin-top: 10px; height: 60px; width: 425px; list-style: none; text-align: center; } .con-FangDa-ImgList>li { margin-right: 7px; width: 70px; height: auto; display: inline-block; cursor: pointer; border: 1px solid #aaaaaa; /*background-color: #454545;*/ text-align: center; } .con-FangDa-ImgList>li>img { vertical-align: top; display: inline; width: 100%; height: auto; } .con-FangDa-ImgList>.active { border-color: #213e84; } .lg_list { width: 65%; float: right; margin-top: 15px; } .lg_list h3 { border-bottom: 1px dashed #ececec; color: #373737; font-size: 16px; font-weight: bold; padding-bottom: 8px; } .list_u li { color: #696969; margin-bottom: 10px; } .list_u li:nth-child(1) { font-size: 16px; margin-bottom: 25px; } .list_u li:last-child { font-weight: bold; } .list_u li:last-child span { color: #213e84; font-size: 20px; } .list_u { margin: 10px 0; } .zxj { margin-left: 70px; margin-top: 30px; } .pro_xq { width: 100%; overflow: hidden; margin-top: 30px; } .pro_xq .xq_t { border-bottom: 3px solid #213e84; } .pro_xq .xq_t span { display: inline-block; font-size: 16px; color: #333; font-weight: bold; padding: 5px 20px; background: #f6f6f6; } .pro_xq .xq_t span:hover { cursor: pointer; } .pro_xq .xq_t span.active { background: #213e84; color: #fff; } .xq_sec { width: 100%; } .xq_sec_t { border-bottom: 1px solid #9a9a9a; padding-bottom: 10px; text-align: center; margin: 30px 0; } .xq_sec_t h1 { color: #666666; font-size: 36px; } .xq_sec p { color: #7a7a7a; text-indent: 2em; line-height: 25px; } .xq_sec img { width: 100%; margin: 15px 0; } .about_video iframe { width: 100%; height: 100%; } .zcs { padding: 30px 0; width: 90%; max-width: 1600px; height: auto; overflow: hidden; margin: 0 auto; } .zcs ul{font-size: 0;} .zcs li { border: none; margin: 0 auto; padding: 0 15px } .se { height: 200px; background: #0e1655; } .hez .case_item { width: 24%; text-align: center; } .hez .case_item .info { position: initial; display: block; height: auto; margin: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .hez .case_item:hover { background: none; } .hez .case_item .case_m { display: block; padding: 3% 0; } .hez .case_item p { margin-top: 0; } .page{ font-size:0; margin-bottom: 60px;} @media only screen and (max-width: 1680px) { .nav_list { margin-left: 2%; } .nav_list { width: 77%; } .cp_list { width: 95%; } .cp, .in_news_tt { width: 1400px; } .in_case_con, .in_news_con, .in_hz { width: 1400px; } .hz_item { width: 15%; } .foot_con .left ul { margin-right: 6%; } .at { font-size: 16px; } .about .dsc { font-size: 14px; line-height: 22px; } } @media only screen and (max-width: 1600px) { .nav_list { margin-left: 2%; } .nav_list { width: 77%; } .nav_list li { margin: 0 2.5%; } .cp_d { width: 285px; } .in_news_item .right { width: 66%; } } @media only screen and (max-width: 1440px) { .cp_d { width: 255px; } .in_news_item .right { width: 60%; } .in_news_item .right h1 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .in_news_item .right p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } } @media only screen and (max-width: 1400px) { .nav_list { margin-left: 2%; width: 77%; } .home-icon .container { width: 100%; } .navs { width: 90%; } } @media only screen and (max-width: 1366px) { .foot_con .left ul { margin-right: 5%; } .navs { width: 1210px; } .cp_list { width: 1280px; } .in_case_con, .in_news_con, .in_hz { width: 1150px; } .foot_con { width: 1150px; } .copy { width: 1150px; } } @media only screen and (max-width: 900px) { .hot a .hot_text { padding: 15px; } .hot a .hot_text .hot_title { font-size: 16px; } .hot a .hot_text .hot_content { margin: 10px 0; } .hot a .hot_text .hot_move { display: none; } .news_list .right .item:last-child { border-bottom: none; } .news_list .right .item .text h2 { font-size: 16px; } .news_list .right .item .text h3 { font-size: 14px; } .news_list .right .item .date { display: none; } .news_list { height: auto; padding: 15px 0; } .news_list .container .kj_btitle { max-width: 100%; } .news_list .advantage { height: auto; float: none; width: 100%; } .news_list .right { height: auto; float: none; width: 100%; } .news_list .advantage .left{ float: none; } .news_list .right .item{ height: auto; } } .about_video.contents{font-size: 16px; line-height: 1.7;} @media only screen and (max-width: 768px) { .mob { display: block; } .pc, .sbanner { display: none; } .navbar-brand { padding-top: 0; padding-left: 0; } .navbar-brand>img { height: 48px; } .navbar { margin-bottom: 0; } .ban_swi .swiper-button-next, .ban_swi .swiper-button-prev { width: 35px; height: 35px; line-height: 30px; } .ban_swi .swiper-button-next img, .ban_swi .swiper-button-prev img { height: 15px; } .cp_tt { margin-top: 25px; margin-bottom: 30px; } .cn_in { font-size: 24px; } .en_in { font-size: 12px; } .cp_tt .en_in { margin-bottom: 0; } .cp_tt img, .mre { display: none; } .cp_list .pbn11, .cp_list .pbp11 { width: 40px; height: 40px; } .cp_list { width: 100%; min-width: initial; } .cp_list { margin-bottom: 30px; height: auto; } .case_tt { margin: 20px auto 30px; } .in_case_con, .in_news_con, .in_hz { width: 95%; } .in_pn .swiper-pagination-bullet { margin: 28px 5px 20px; } .cp, .in_news_tt { width: 95%; } .in_news_tt .right a { width: 100px; height: 30px; font-size: 14px; line-height: 30px; } .in_news_tt .left .nc1 { font-size: 18px; } .in_news_tt .left .nc2 { font-size: 12px; } .in_news_item { width: 100%; } .in_news_item .left { width: 80px; height: 80px; margin: 10px; font-size: 20px; } .in_news_item .left p { font-size: 12px; } .in_news_item .right { margin: 10px; width: calc(100% - 120px); } .in_news_item .right p { font-size: 12px; margin-top: 5px; line-height: 18px; } .in_news_item .right h1 { font-size: 16px; } .in_news_con { margin-bottom: 15px; } .hz_item { width: calc(50% - 6px); margin-bottom: 15px; } .in_hz { margin-bottom: 35px; } .foot_con .left { display: none; } .foot_con { width: 95%; padding: 20px 0; height: auto; } .foot_con .right { width: 100%; } .tel, .ewmd { width: 100%; margin: 15px auto; } .copy { width: 95%; line-height: 25px; padding: 10px 0; height: auto; overflow: hidden; } .foot_bg { height: auto; overflow: hidden; } .copy span { display: block; text-align: left; width: 100%; } .oth-menu li img { display: none; } .oth-menu ul { overflow-x: scroll; white-space: nowrap; } .about_video_tt .cn { font-size: 22px; } .oth-menu li { width: auto; padding: 15px 0; margin: 0 auto; border: 0; } .oth-menu li p { margin: 0; } .oth-menu { padding: 0; } .about_video_tt { margin-top: 15px; } .cn { font-size: 18px; } .en { font-size: 12px; margin-top: 5px; } .oth-menu li { margin: 0 5px;} .oth-menu li a { font-size: 15px; } .about_video { width: 1400px; height: auto; margin: 25px auto 30px; } .about_video_bg { height: auto; } .about { margin: 28px auto 40px; width: 95%; } .about .left { width: 100%; } .at { width: 100%; font-size: 14px; background-size: cover; margin: 15px auto; line-height: 38px; border-radius: 5px; } .about .right { width: 100%; } .about_q { margin: 0 auto; width: 100%; } .about_q .swiper-container { width: 95%; } .ab .a2 { width: 35px; height: 35px; left: 0; } .ab .a1 { width: 35px; height: 35px; right: 0; } .oth_pro { width: 95%; } .oth_pro .left { display: none; } .oth_pro .right { width: 100%; } .pro_item { width: 48.5%; } .video, .case, .down { width: 95%; margin: 0 auto; } .video_item { width: 48.5%; } .video_item p { font-size: 14px; line-height: 35px; } .ny { margin-top: 25px; } .case_item { width: 48%; margin-top: 20px; margin-bottom: 0; } .case a:nth-child(1), .case a:nth-child(2) { width: 100px; } .case a:nth-child(1) .case_item, .case a:nth-child(2) .case_item { margin-top: 0px; } .sub_menu { margin: 20px auto; } .sub_item { font-size: 14px; line-height: 26px; } .down_item { padding: 14px 0 10px 15px; } .down_item .img img { height: 30px; } .down_item .d_tt { font-size: 14px; line-height: 30px; } .down_item .more { font-size: 14px; line-height: 30px; margin-top: 0; } .c_list { width: 95%; margin: 30px auto; } .c_ite { width: 100%; height: auto; line-height: 22px; font-size: 14px; padding-bottom: 40px; margin-bottom: 25px; background-size: cover; } .c_ite:last-child { margin-bottom: 0; } .j_inp input, .join_f select { width: 100%; height: 40px; font-size: 14px; margin-bottom: 15px; } .b_cent input { height: 40px; font-size: 14px; width: 120px; } .b_cent { margin-top: 0; } .join_f textarea { margin-bottom: 15px; } .msg_tt { margin-top: 30px; } .cont_msg { width: 95%; } .map { width: 95%; height: 300px; } .join_f { padding: 25px; } .c_ite p { line-height: 26px; } .content { font-size: 14px; line-height: 26px; } .content img { max-width: 100%; height: auto !important; } .content iframe, .content video { max-width: 100%; height: 260px; } .nabouts { width: 95%; } .con-FangDa { width: 100%; } .lg_list { width: 100%; float: none; } .pro_xq .xq_t span { width: 24%; font-size: 14px; padding: 5px 0; text-align: center; } .con-FangDa-ImgList { width: 100%; height: 70px; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; } .xq_sec p { text-indent: 0; } .xq_sec img { max-width: 100%; height: auto !important; } .hez .case_item { width: 100%; margin-top: 20px; margin-bottom: 0; } .case_item p { font-size: 14px; } .in_news_con{font-size: 0; margin-top: 0; min-height: 300px;} .in_news_con a{ width: 48.5%; display: inline-block;} .justify_fix{ display: inline-block;} .page{ margin-bottom: 30px; overflow: hidden;} .about_video{ min-height: 300px;} .in_news_con .in_news_item a{ width:100%;} .in_news_con .in_news_item:nth-child(1){ margin-top:25px;} }