@charset "UTF-8";
* { padding: 0px; margin: 0px; }
@font-face { font-family: "ban1"; src: url("../font/din-bold-2.ttf"); }
@font-face { font-family: "ban2"; src: url("../font/HYXiXingKaiJ.ttf"); }
@font-face { font-family: "xiaozi"; src: url("../font/SourceHanSansCN-Medium.ttf"); }
@font-face { font-family: "dazi"; src: url("../font/SourceHanSansCN-Heavy.otf"); }
html, body { font-size: 16px; color: #1e1e1e; font-family: "Microsoft YaHei", "SimHei", "Source Han Sans CN", Arial, Tahoma, sans-serif;  --theme-color: #3053ac;
 --dark-color: #0d2e83;
}
body { background-position: center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; overflow-x: hidden; }
 @media only screen and (max-width: 1024px) {
html,  body { font-size: 18px; }
}
body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, i, b, em, span, form, fieldset, legend, input, textarea, select, button, th, td { margin: 0; padding: 0; font-style: normal; outline: none; }
h1, h2, h3, h4, h5, h6 { list-style: none; }
input, select, button, textarea { font-size: 16px; border: 0; background: none; outline: none; vertical-align: middle; font-family: "PingFang SC", "SimHei", "Source Han Sans CN", "Microsoft YaHei", Arial, Tahoma, sans-serif; }
button { overflow: visible; }
img { border: none; }
li { list-style: none; }
a { color: #000; text-decoration: none; transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
a:hover { color: #0a0d59; text-decoration: none !important; }
.clear { overflow: hidden; clear: both; height: 0px; }

 ::-webkit-scrollbar {
 width: 6px;
}

 ::-webkit-scrollbar-track {
 background-color: #000;
}

 ::-webkit-scrollbar-thumb {
 background-color: #aaa;
}

 ::-webkit-scrollbar-thumb:hover {
 background-color: #5b5b5b;
}

 ::-webkit-scrollbar-thumb:active {
 background-color: #0a0d59;
}
 @media only screen and (max-width: 1024px) {
input,  textarea { -webkit-appearance: none; border-radius: 0; }
.container { max-width: 100%; padding: 0 25px; }
html.on { width: 100%; height: 100%; position: fixed; top: 0; left: 0; }
body.on { transform: translateX(-60%); -webkit-transform: translateX(-60%); -moz-transform: translateX(-60%); -ms-transform: translateX(-60%); -o-transform: translateX(-60%); }
.sj_bj { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; content: ""; z-index: 99999; display: none; }
}
.header { width: 100%; position: relative; top: 0; left: 0; z-index: 9999; background: url(../images/header_back.png) no-repeat center/cover; transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s;/* background-color: #fff; */
}
.header .shang_top { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.header .xia_top { /* border-top: 1px solid rgba(18, 93, 163, 0.15); */
}
.header.s_y { background: none; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.shang_top { height: 100px; display: flex; align-items: center; }
.shang_top .hr { height: 30px; width: 1px; background-color: #e5e5e5; margin: 0 20px; }
.shang_top .logo { display: flex; align-items: center; }
.shang_top .logo p { font-size: 18px; color: #333333; font-weight: bold; }
.shang_top .logo p span { color: #004096; }
.shang_top .logo strong { color: #777777; font-size: 14px; font-weight: normal; }
.shang_top .shang_right { display: flex; align-items: center; justify-content: flex-end; }
.shang_top .shang_right .top-phone { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-left: 26px; }
.shang_top .shang_right .top-phone .zuo { margin-right: 10px; }
.shang_top .shang_right .top-phone h5 { font-size: 14px; color: #888888; }
.shang_top .shang_right .top-phone h6 { font-family: "ban1"; font-size: 22px; color: #004096; line-height:1.5em;}
.header .shang_top .container { position: relative; align-items: center; display: flex; justify-content: space-between; }
.header .login { display: flex; }
.header .logo img { max-width: 100%; transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.header .an { position: absolute; top: 50%; margin-top: -16px; right: 25px; height: 33px; width: 50px; display: none; }
.header .an span { width: 40px; height: 3px; background-color: var(--theme-color); display: block; position: absolute; transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.header .an span.a1 { top: 0; left: 0; }
.header .an span.a2 { top: 12px; left: 0; }
.header .an span.a3 { top: 24px; left: 0; }
.header .an.n span.a2 { display: none; }
.header .an.n span.a1 { top: 13px; transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.header .an.n span.a3 { top: 13px; transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.header .tel { height: 100px; font-size: 18px; font-weight: bold; line-height: 100px; text-align: center; color: #333; float: left; }
.header.s_y .tel { color: #fff; }
.header.on .tel { color: #333; }
.header .tel i { font-weight: normal; vertical-align: middle; font-size: 21px; color: #0a0d59; margin-right: 5px; }
.header.s_y .tel i { color: #fff; }
.header.on .tel i { color: #0a0d59; }
.header .nav ul { display: flex; }
.header .nav ul li { flex: 1; text-align: center; position: relative; z-index: 1; transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }
.header .nav ul li::before { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--main-color); transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transform: scaleY(0); transform-origin: left top; }
.header .nav ul li.on::before, .header .nav ul li:hover::before { transform: scaleY(1); }
.header .nav .y_j { position: relative; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.header .nav .y_j i { width: 60%; padding-right: 10px; position: absolute; top: 50%; transform: translateY(-50%); right: 0; font-size: 13px; text-align: right; color: #fff; z-index: 99; display: none; }
.header .nav ul li.on .y_j a, .header .nav ul li:hover .y_j a { color: #fff; }
.header .nav .e_j { width: 160px; top: 115%; padding: 10px 0; background-color: rgba(255, 255, 255, 0.9); box-shadow: 0 0 5px #888; position: absolute; left: 50%; margin-left: -80px; opacity: 0; visibility: hidden; transform: translateY(10px); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.header .nav ul li:hover .e_j { opacity: 1; visibility: inherit; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.header .nav .e_j a { font-size: 14px; line-height: 40px; text-align: center; display: block; }
.header .xia_top::after { position: absolute; width: 100%; height: 100%; top: 0; content: ''; right: 0; background-color: rgba(48, 83, 172, .5); clip-path: polygon(calc(15% - 13px) 0%, 100% 0%, 100% 100%, 17% 100%); -webkit-clip-path: polygon(calc(15% - 13px) 0%, 100% 0%, 100% 100%, 17% 100%); }
.header .xia_top .xia_top_back::after { position: absolute; right: 0; content: ''; right: 0; top: 0; height: 100%; width: 100%; background-color: var(--theme-color); clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 17% 100%); -webkit-clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 17% 100%); }
.header .xia_top li { display: flex; justify-content: center; align-items: center; height: 60px; }
.header .xia_top { position: absolute; width: 100%; }
/* .header .xia_top li:not(:last-child):after {
    content: "";
    

width: 1px;
height: 25px;
background-color: #fff;
opacity: 0.6;
right: 0;
top: calc(50% - 12.5px);

}
*/

.header .xia_top li .y_j { /*min-width: 140px;*/
width: 100%; height: 40px; transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }
.header .xia_top li .y_j a { color: #fff; min-width: 140px; border-radius: 50px; height: 100%; display: flex; align-items: center; justify-content: center; }
.header .xia_top li:hover, .header .xia_top li.on { background-color: #fff; }
.header .xia_top li:hover .y_j a, .header .xia_top li.on .y_j a { color: var(--theme-color) !important; }
/* 导航二级 */

.header .nav .e_j.x { position: absolute; margin: 0; transform: translateX(-50%); text-align: left; padding: 0; }
.header .nav ul li:hover .e_j.x { transform: translateY(0) translateX(-50%); -webkit-transform: translateY(0) translateX(-50%); -moz-transform: translateY(0) translateX(-50%); -ms-transform: translateY(0) translateX(-50%); -o-transform: translateY(0) translateX(-50%); }
.x_content { background-color: #fff; padding: 2.0625rem; height: 100%; }
.x_content h2 { font-size: 1.875rem; }
.x_content .des { font-size: 1.125rem; color: #646464; margin: 20px 0; }
.x_content .link { display: flex; flex-wrap: wrap; justify-content: space-between; }
.header .nav .x_content .link a { flex: 0 0 48%; max-width: 48%; display: flex; align-items: center; padding: 20px 0; border-bottom: 1px solid #eeeeee; color: #3b3b3b; line-height: 1; text-align: left; }
.x_content .link a img { margin-right: 13px; }
.x_content .link a i { margin-left: auto; font-size: 22px; color: #999999; transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }
.header .nav .x_content .link a:hover { color: var(--theme-color); }
.header .nav .x_content .link a:hover i { margin-right: 10px; color: var(--theme-color); }
.x_fig { padding-right: 1.875rem; padding-top: 3.75rem; padding-bottom: 3.75rem; display: none; }
.x_fig .x_img img { width: 50%; }
.x_fig h3 { font-size: 1.625rem; color: #3b3b3b; margin: 30px 0 20px; }
.x_fig .des { color: #646464; line-height: 2em; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; text-overflow: ellipsis;}
.x_fig a.more { width: 50px; height: 50px; border-radius: 5px; border: 1px solid #dcdcdc; display: flex !important; justify-content: center; align-items: center; margin-top: 30px; }
.x_fig a.more:hover { background-color: var(--theme-color); color: #fff; }
.x_fig a.more i { font-size: 22px; height: 22px; width: 22px; display: flex !important; justify-content: center; align-items: center; }
@media only screen and (max-width:1850px) {
.header .xia_top::after { clip-path: polygon(calc(5% - 29px) 0%, 100% 0%, 100% 100%, 6% 100%); -webkit-clip-path: polygon(calc(5% - 29px) 0%, 100% 0%, 100% 100%, 6% 100%); }
.header .xia_top .xia_top_back::after { clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 6% 100%); -webkit-clip-path: polygon(5% 0%, 100% 0%, 100% 100%, 6% 100%); }
}
@media only screen and (max-width:1400px) {
.header .xia_top::after { clip-path: polygon(calc(0% - 29px) 0%, 100% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(calc(0% - 29px) 0%, 100% 0%, 100% 100%, 0% 100%); }
.header .xia_top .xia_top_back::after { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
}
@media only screen and (max-width:1200px) {
.shang_top .hr { margin: 0 7px; }
.shang_top .logo p { font-size: 15px; }
.header .xia_top li .y_j a { min-width: auto; padding: 0 9px; }
.header .nav ul li { flex: auto; }
}
@media only screen and (max-width: 1024px) {
.header .xia_top li:hover .y_j a,  .header .xia_top li.on .y_j a { background: none; }
.header .xia_top li .y_j a { justify-content: flex-start; }
.header .nav .e_j.x { position: static; width: 100% !important; transform: none; }
.header .nav .e_j.x .row .col-lg-6:last-child { display: none; }
.header .nav ul li:hover .e_j.x { transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
.x_content { background-color: transparent; padding: 0; }
.x_content .des,  .x_content h2 { display: none; }
.header .nav .x_content .link a { flex: 0 0 100%; max-width: 100%; color: #fff; border: none; padding: 0; line-height: 58px; }
.header .nav .x_content .link a:hover { color: #fff; }
.header .nav .x_content .link a img,  .header .nav .x_content .link a i { display: none; }
}
/* 导航二级 end */


/* 搜索 */

.sousuo .sou_suo_kuang { width: 200px; border: 1px solid #e5e5e5; position: relative; padding-left: 15px; border-radius: 50px; }
.sousuo .sou_suo_kuang label { margin: 0; display: flex; justify-content: center; height: 35px; align-items: center; }
.sousuo .sou_suo_kuang input { margin-left: 10px; color: #fff; }
.sousuo .sou_suo_kuang label::before { content: ""; width: 1px; height: 20px; background-color: #e5e5e5; }
.sousuo .sou_suo_kuang button { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); padding-left: 9px; border-left: 1px solid #fff; }
.header .shang_right.shouji { display: none; }
 @media only screen and (max-width: 1024px) {
.header .xia_top { width: 60%; height: 100vh; padding: 10px 5% 0; margin: 0; background-color: #141414; position: fixed; top: 0; right: -60%; z-index: 9999; overflow: auto; }
.header .xia_top .xia_top_back { height: 100%; }
.header .xia_top li:hover, .header .xia_top li.on { background: none; }
.header .xia_top li .y_j a { padding: 0; }
.header .shang_right.shouji { display: block; }
.shang_top .diannao { display: none; }
.top-word { display: none; }
.shang_top .hr { display: none; }
.header .xia_top li { display: block; height: auto; }
.header .xia_top li:hover .y_j,  .header .xia_top li.on .y_j { background: none; }
.header .xia_top li:hover .y_j a,  .header .xia_top li.on .y_j a { color: #fff; }
.header .xia_top li:hover .y_j a,  .header .xia_top li.on .y_j a { color: #fff !important; }
.header .xia_top li .y_j { height: 72px; }
.header .xia_top li:not(:last-child):after { display: none; }
.sousuo { margin-right: 100px; }
.header.s_y { border-bottom: 0; background-color: rgba(255, 255, 255, 0.9); }
.header .logo { margin: 0; padding: 25px 0; float: none; }
.header .logo img.d_w { opacity: 1; top: 25px; }
.header.on .logo img.t_m { opacity: 0; }
.header.on .logo img.d_w { opacity: 1; }
.header .an { display: block; }
.header .tel { height: 90px; font-size: 22px; line-height: 90px; text-align: left; color: #fff; float: none; }
.header .tel i { color: #fff; }
.header .nav { width: 60%; height: 100vh; padding: 10px 5% 0; margin: 0; background-color: #141414; position: fixed; top: 0; right: -60%; z-index: 9999; overflow: auto; transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; display: block; }
.header .nav ul { width: 100%; float: none; display: block; }
.header .nav .y_j { justify-content: flex-start; }
.header .nav ul li { width: 100%; text-align: left; border-bottom: 1px solid rgba(255, 255, 255, 0.1); float: none; margin: 0; border-top: none; }
.header .nav .y_j i { display: block; }
.header .nav .y_j:after { display: none; }
.header .nav ul li:hover .y_j a { color: #fff; }
.header .nav ul li.on .y_j a { color: #fff; }
.header .xia_top li .y_j a { font-size: 24px; }
.header .nav .e_j { width: 100%; background: none; border-top: 1px solid rgba(255, 255, 255, 0.1); box-shadow: none; position: relative; left: auto; top: auto; padding: 10px 0; margin-left: 0; opacity: 1; visibility: inherit; display: none; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transition: none; -o-transition: none; -ms-transition: none; -moz-transition: none; -webkit-transition: none; }
.header .nav ul li:hover .e_j { transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
.header .nav .e_j a { text-align: left; color: #fff; margin: 0 30px 0 0; font-size: 20px; line-height: 58px; }
.header .shang_right.shouji { color: #fff; margin-top: 50px; font-size: 22px; }
.header .shang_right.shouji img { margin-right: 10px; }
.header .shang_right.shouji .top-phone { margin-top: 20px; line-height: 2; display: flex; }
.header .shang_right.shouji .top-phone h6 { margin-top: 10px; }
.sousuo .sou_suo_kuang { width: 275px; height: 43px; }
.sousuo .sou_suo_kuang button { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
}
 @media only screen and (max-width: 992px) {
.header .nav { display: block; }
.sousuo .sou_suo_kuang { width: 262px; height: 44px; }
.header { position: relative; }
.sousuo { margin-right: 62px; }
}
.head_h { width: 100%; height: 100px; background-color: #fff; overflow: hidden; }
.head_h.g_b { display: none; }
 @media only screen and (max-width: 1024px) {
.head_h { height: 120px; }
.head_h.g_b { display: block; }
}
/* 轮播图 */

.pc_ban .swiper-container { height: 600px; }
.pc_ban .swiper-slide { position: relative; }
.pc_ban .swiper-slide .container { position: relative; width: 100%; height: 100%; }
.pc_ban .swiper-pagination { display: flex; justify-content: center; bottom: 25px; }
.pc_ban .swiper-pagination>span:last-child { margin-right: 20px; }
.pc_ban .swiper_text { position: absolute; z-index: 1; top: 50%; right: 15px; transform: translateY(-50%); color: #fff; }
.pc_ban .swiper_text h2 { font-size: 74px; display: flex; justify-content: flex-end; align-items: flex-end; flex-wrap: wrap; }
.pc_ban .swiper_text h4 { font-size: 64px; margin: 20px 0 25px; text-align: right; }
.pc_ban .swiper_text h5 { font-size: 23px; text-align: right; position: relative; padding-bottom: 40px; }
.pc_ban .swiper_text h5::after { position: absolute; right: 0; bottom: 0; width: 116px; height: 6px; background-color: #004096; content: ''; }
.swiper-button-next, .swiper-button-prev { width: auto; }
.swiper-button-next { right: 43px; }
.swiper-button-prev { left: 43px; }
.swiper-button-next::after, .swiper-button-prev::after { display: none; }
.pc_ban .swiper-pagination .swiper-pagination-bullet { width: 215px; height: 5px; border-radius: 0; background-color: rgba(255, 255, 255, 0.9); }
@media only screen and (max-width:1400px) {
.pc_ban .swiper-button-prev, .pc_ban .swiper-button-next { display: none; }
.pc_ban .swiper_text h2 { font-size: 47px; }
.pc_ban .swiper_text h2 img { width: 121px; }
.pc_ban .swiper_text h4 { font-size: 48px; }
.pc_ban .swiper-container { height: 548px; }
}
 @media only screen and (max-width: 1024px) {
.pc_ban .swiper_text h2 { font-size: 28px; }
.pc_ban .swiper_text h2 img { width: 80px; }
.pc_ban .swiper_text h4 { font-size: 31px; }
.pc_ban .swiper_text { right: 30px; }
.pc_ban .swiper-pagination .swiper-pagination-bullet { width: 5px; border-radius: 100px; }
.pc_ban .swiper-container { height: 350px; }
.pc_ban .swiper_text ul li { font-size: 18px; }
}
.sy_search .container { display: flex; justify-content: space-between; align-items: center; height: 93px; flex-wrap: wrap; }
.sy_search .hot { display: flex; align-items: center; }
.sy_search .hot h4 { font-size: 16px; color: #555555; display: flex; align-items: center; }
.sy_search .hot a { font-size: 14px; color: #888888; margin: 0 15px; }
.sy_search .hot a:hover { color: var(--theme-color); }
.sy_search form { display: flex; flex-wrap: wrap; }
.sy_search form input { color: #888888; width: 315px; height: 45px; font-size: 14px; padding-left: 20px; border: 1px solid #ececec; }
 .sy_search form input::placeholder {
 color: #888888;
}
.sy_search form button { width: 49px; background-color: #004096; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.sy_search form button i { color: #fff; font-size: 30px; }
.sy_search { background-color: #fff; }
.sy_search1 { border: 1px solid #e8e8e8; }
@media only screen and (max-width:1200px) {
.sy_search form input { width: 215px; }
.sy_search .hot a { margin: 0 9px; }
}
@media only screen and (max-width: 1024px) {
.sy_search .hot h4 { font-size: 20px; }
.sy_search .container { height: auto; }
.sy_search { padding: 30px 0 30px; }
.sy_search .hot { flex: 0 0 100%; flex-wrap: wrap; }
.sy_search form { margin-top: 30px; flex: 0 0 100%; }
.sy_search form input { flex: 1; height: 62px; }
.sy_search form button { width: 59px; }
.sy_search .hot a { font-size: 18px; margin: 0 18px; }
.sy_search form input { font-size: 18px; }
.sy_search form button { right: 25px; }
}
.index-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px; }
.index-title .title-l { }
.index-title .title-l h3 { font-size: 50px; text-transform: uppercase; color: #d8d8d8; font-family: 'Impact'; }
.index-title .title-l h5 { font-size: 28px; color: #000000; margin-top: 5px; }
.index-title .title-l h5 span { color: #004096; }
.index-title .title-r { font-size: 15px; color: #777777; text-transform: uppercase; margin-right: 30px; width: 150px; height: 39px; background-color: #f2f2f2; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; border-radius: 50px; margin-top:60px; }
.index-title .title-r strong { font-weight: normal; font-size: 12px; margin-left: 5px; }
 @keyframes router {  100% {
 transform: translate(-50%, -50%) rotate(360deg);
}
}
.index-solution { overflow: hidden; padding: 65px 0 100px; position: relative; }
.index-solution #webgl { position: absolute; width: 100%; height: 50%; bottom: 0; left: 0; z-index: -1; }
.index-solution .content .nav { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 55px; padding: 0 45px; background-color: #fff; }
.index-solution .content .nav li { /* flex: 1; */
}
.index-solution .content .nav a { height: 100px; display: flex; align-items: center; padding: 15px 15px 15px 22px; position: relative; }
.index-solution .content .nav li.on a { color: #004096; }
.index-solution .content .nav a::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 7px; height: 7px; background-color: #bebebe; left: 0; border-radius: 100px; }
.index-solution .content .nav li.on a::after { background-color: #004096; }
.index-solution .content .nav a::before { content: ""; position: absolute; left: -3px; width: 13px; height: 13px; border-radius: 100px; top: 50%; transform: translateY(-50%); background-color: #dedede; }
.index-solution .content .nav li.on a::before { background-color: #7fa4d5; }
.index-solution .content .bd-tab { margin-top: 44px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.index-solution .content .bd-tab .zuo { flex: 0 0 39.8%; max-width: 39.8%; }
.index-solution .content .bd-tab .zuo img { width: 100%; }
.index-solution .content .bd-tab .zhong { flex: 0 0 43.58%; max-width: 43.58%; }
.index-solution .content .bd-tab .zhong h5 { font-size: 16px; color: #888888; display: flex; align-items: center; flex-wrap: wrap; }
.index-solution .content .bd-tab .zhong h5 i { width: 18px; height: 1px; background-color: #888888; display: inline-block; margin-left: 5px; }
.index-solution .content .bd-tab .zhong h3 { font-size: 26px; color: #333333; margin-top: 8px; }
.index-solution .content .bd-tab .zhong h6 { font-size: 15px; color: #888888; margin-top: 23px; line-height: 30px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; text-overflow: ellipsis; }
.index-solution .content .bd-tab .lia_an { display: flex; align-items: center; flex-wrap: wrap; margin-top: 70px; }
.index-solution .content .bd-tab .lia_an a { font-size: 15px; background-color: #004096; color: #ffffff; border-radius: 5px; width: 188px; height: 46px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.index-solution .content .bd-tab .lia_an a:nth-child(2) { background-color: #004096; margin-left: 11px; }
.index-solution .content .bd-tab .lia_an i { margin-right: 10px; }
.index-solution .content .bd-tab .you { flex: 0 0 10%; max-width: 10%; }
.index-solution .content .bd-tab .you .next { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 70px; height: 70px; border: 1px solid #cfcfcf; border-radius: 100px; }
@media only screen and (max-width:1200px) {
.index-solution .content .nav { padding: 0; padding-left: 20px; }
.index-title .title-l h3 { font-size: 38px; }
}
@media only screen and (max-width: 1024px) {
.index-solution { padding: 50px 0; }
.index-solution .content .nav { flex-wrap: wrap; }
.index-solution .content .nav li { flex: 0 0 50%; }
.index-solution .content .nav a { font-size: 21px; height: 73px; }
.index-title .title-l .title-oth h5 { font-size: 20px; }
.index-title .title-r i { font-size: 18px; }
.index-title .title-l h3 { font-size: 43px; }
.index-title .title-l h5 { font-size: 24px; }
.index-title .title-r strong { font-size: 18px; }
.index-title .title-r { width: 183px; margin-right: 0; margin-top: 30px; }
.index-solution .content .bd-tab .zuo { flex: 0 0 100%; max-width: 100%; }
.index-solution .content .bd-tab .zhong { flex: 0 0 100%; max-width: 100%; margin-top: 50px; }
.index-solution .content .bd-tab .zhong h5 { font-size: 18px; }
.index-solution .content .bd-tab .zhong h6 { font-size: 19px; line-height: 36px; }
.index-solution .content .bd-tab .lia_an { margin-top: 40px; }
.index-solution .content .bd-tab .lia_an a { font-size: 21px; width: 48%; height: 57px; }
.index-solution .content .bd-tab .lia_an i img { width: 30px; }
.index-solution .content .bd-tab .you { display: none; }
}
/*  */

.sy_mk2 { padding: 364px 0 105px; position: relative; }
.sy_mk2 .youshang { position: absolute; right: 0; top: 0; width: 42.5%; }
.sy_mk2 .title-l i { font-family: "ban2"; font-size: 19px; color: #888888; }
.sy_mk2 .biao_bt { position: relative; padding-top: 47px; margin-top: 45px; z-index: 2; padding-bottom: 21px; }
.sy_mk2 .biao_bt i { position: absolute; left: 0; top: 0; z-index: -1; }
.sy_mk2 .biao_bt h5 { font-size: 28px; color: #004096; font-weight: bold; }
.sy_mk2 .biao_bt h4 { font-size: 20px; color: #333333; font-weight: bold; margin-top: 13px; }
.sy_mk2 .biao_bt h6 { font-size: 15px; color: #777777; margin-top: 5px; }
.sy_mk2 .container { display: flex; flex-wrap: wrap; }
.sy_mk2 .container .zuo { flex: 0 0 50.75%; max-width: 50.75%; }
.sy_mk2 .nr { font-size: 16px; color: #888888; padding-top: 18px; line-height: 28px; border-top: 1px solid #e5e5e5; height:84px; }
.sy_mk2 .xia_ah { display: flex; align-items: center; flex-wrap: wrap; margin-top: 45px; }
.sy_mk2 .xia_ah a { font-size: 15px; color: #ffffff; width: 188px; height: 46px; background-color: #004096; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; border-radius: 5px; }
.sy_mk2 .xia_ah a i { margin-right: 7px; }
.sy_mk2 .xia_ah span { font-size: 26px; color: #004096; font-family: "ban1"; margin-left: 23px; text-transform: uppercase; }
.sy_mk2 .dingwei_si { position: absolute; left: 0; top: 100px; background-color: #fff; height: 180px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; /* width: 64.3%; */
padding-right: 69px; border-radius: 0 20px 20px 0; }
.sy_mk2 .dingwei_si .dange { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-left: 46px; }
.sy_mk2 .dingwei_si .dange:nth-child(1) { margin-left: 0; }
.sy_mk2 .dingwei_si .dange i { background-color: #f1f1f1; width: 68px; height: 68px; border-radius: 100px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; }

.sy_mk2 .dingwei_si .dange:hover i { background-color: #004096; }
.sy_mk2 .dingwei_si .dange:hover i img { filter: grayscale(100%) brightness(200%); }

.sy_mk2 .dingwei_si .dange_hover i { background-color: #004096; }
.sy_mk2 .dingwei_si .dange_hover i img { filter: grayscale(100%) brightness(200%); }

.sy_mk2 .dingwei_si .dange h5 { font-size: 20px; color: #333333; }
.sy_mk2 .dingwei_si .dange:hover h5 { color: #004096; }
.sy_mk2 .dingwei_si .dange h6 { font-size: 12px; color: #888888; text-transform: uppercase; margin-top: 5px; }
.sy_mk2 .dingwei_si .dange:hover h6 { color: #004096; }
.sy_mk2 .dingwei_si .dange .yy { margin-left: 16px; }
@media only screen and (max-width:1200px) {
.sy_mk2 { padding: 105px 0 331px; }
}
@media only screen and (max-width:1024px) {
.sy_mk2 { padding: 0 0 50px; }
.sy_mk2 .container .zuo { flex: 0 0 100%; max-width: 100%; margin-top: 50px; }
.sy_mk2 .youshang { position: relative; width: 100%; }
.sy_mk2 .dingwei_si { position: relative; bottom: auto; margin-top: 50px; border-radius: 20px; }
.sy_mk2 .dingwei_si .dange { flex: 0 0 50%; max-width: 50%; justify-content: flex-start; }
.sy_mk2 .dingwei_si { padding: 0; }
.sy_mk2 .dingwei_si .dange { margin-left: 0; }
.sy_mk2 .biao_bt h4 { font-size: 24px; margin-top: 19px; }
.sy_mk2 .biao_bt { padding-top: 31px; }
.sy_mk2 .biao_bt h6 { font-size: 19px; margin-top: 20px; }
.sy_mk2 .nr { font-size: 19px; line-height: 35px; padding-top: 5px; }
.sy_mk2 .xia_ah a { font-size: 19px; }
.sy_mk2 .dingwei_si .dange h6 { font-size: 18px; }
}
/* question */

.sy_mk3 { padding: 110px 0 114px; }
.sy_mk3 .index-title { justify-content: center; }
.sy_mk3 .index-title h3 { text-align: center; }
.sy_mk3 .index-title .title-l h5 { padding-bottom: 19px; position: relative; }
.sy_mk3 .index-title .title-l h5::after { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; content: ''; width: 17px; height: 3px; background-color: #004096; }
.sy_mk3 .zuoyou { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding-top: 30px; }
.sy_mk3 .zuoyou .zuo { flex: 0 0 38%; max-width: 38%; }
.sy_mk3 .zuoyou .zuo img { width: 100%; }
.sy_mk3 .zuoyou .you { flex: 1; padding-left: 30px; }
.sy_mk3 .zuoyou .you .danmge { display: inline-block; position: relative; font-size: 16px; color: #888888; padding: 6px 20px 6px 30px; border: 1px dashed #cfcfcf; border-radius: 50px; }
.sy_mk3 .zuoyou .you .danmge i { position: absolute; left: -17px; top: 50%; transform: translateY(-50%); width: 38px; height: 38px; background-color: #004096; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; font-size: 20px; color: #ffffff; font-style: italic; border-radius: 100%; }
.sy_mk3 .zuoyou .you .danmge:nth-child(2) { margin-top: 10px; margin-left: 280px; }
.sy_mk3 .zuoyou .you .danmge:nth-child(3) { margin-top: 30px; margin-left: 80px; }
.sy_mk3 .zuoyou .you .danmge:nth-child(4) { margin-top: 30px; margin-left: 270px; }
.sy_mk3 .zuoyou .you .danmge:nth-child(5) { margin-top: 38px; margin-left: 14px; }
.sy_mk3 .zuoyou .you .danmge:nth-child(6) { margin-top: 8px; margin-left: 400px; }
.sy_mk3 .zuoyou .you .danmge:nth-child(7) { margin-top: 24px; margin-left: 50px; }
.sy_mk3 .zuoyou .you .danmge:nth-child(8) { margin-top: 30px; margin-left: 230px; }
@media only screen and (max-width:1200px) {
.sy_mk3 .zuoyou .you .danmge:nth-child(2) { margin-left: 182px; }
.sy_mk3 .zuoyou .you .danmge:nth-child(4) { margin-left: 113px; }
.sy_mk3 .zuoyou .you .danmge:nth-child(6) { margin-left: 279px; }
.sy_mk3 .zuoyou .you .danmge:nth-child(8) { margin-left: 91px; }
}
@media only screen and (max-width:1024px) {
.sy_mk3 { padding: 50px 0; }
.sy_mk3 .zuoyou .zuo { flex: 0 0 100%; max-width: 100%; }
.sy_mk3 .zuoyou .you { padding: 0; flex: 0 0 100%; margin-top: 50px; }
.sy_mk3 .zuoyou .you .danmge { font-size: 19px; }
.sy_mk3 .zuoyou .you .danmge:nth-child(1) { margin-left: 30px; }
}
/* 机房工程客户案例 */

.sy_mk4 .mk4_top { padding-top: 84px; background: #004096; }
.sy_mk4 .title-l h3 { color: #3d62a5; text-align: center; }
.sy_mk4 .title-l h5 { padding-bottom: 19px; color: #ffffff; text-align: center; position: relative; }
.sy_mk4 .title-l h5::after { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; content: ''; width: 17px; height: 3px; background-color: #fff; }
.sy_mk4 .index-title { width: 100%; justify-content: center; }
.sy_mk4 .index-title .title-l { text-align: center; }
.sy_mk4 .khal_ban .shang img { width: 100%; }
.sy_mk4 .khal_ban .swiper-pagination { bottom: 25px; }
.sy_mk4 .khal_ban .swiper-pagination .swiper-pagination-bullet { width: 20px; height: 20px; background-color: #b6b6b8; opacity: 1; }
.sy_mk4 .khal_ban .swiper-pagination .swiper-pagination-bullet-active { width: 70px; background-color: var(--theme-color); border-radius: 50px; }
.sy_mk4 .mk4_word { background-color: #efefef; padding: 0 0 50px; }
.sy_mk4 .mk4_word .xia { padding-top: 40px; }
.sy_mk4 .mk4_word .xia h5 { font-size: 22px; color: #333333; text-align: center; }
.sy_mk4 .mk4_word .xia h6 { font-size: 15px; color: #888888; line-height: 27px; margin-top: 15px; text-align: center; }
 @media only screen and (max-width:1024px) {
.sy_mk4 .mk4_top { padding-top: 50px; }
.sy_mk4 .mk4_word .xia h6 { font-size: 17px; }
}
/* 机房工程建设配套子系统 */

.sy_mk5 { padding: 109px 0 143px; }
.sy_mk5 .title-l h3 { color: #d8d8d8; text-align: center; }
.sy_mk5 .title-l h5 { padding-bottom: 19px; text-align: center; position: relative; }
.sy_mk5 .title-l h5::after { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; content: ''; width: 17px; height: 3px; background-color: #004096; }
.sy_mk5 .index-title { width: 100%; justify-content: center; }
.sy_mk5 .index-title .title-l { text-align: center; }
.sy_mk5 .xiao_kuai { margin-top: 30px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.sy_mk5 .xiao_kuai .dange { flex: 0 0 20%; max-width: 20%; border: 1px solid #d6d6d6; height: 215px; display: flex; justify-content: center; align-items: center; /* 换主轴方向 */
flex-direction: column; background-color: #fff; margin-top: -1px; margin-left: -1px; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; }
.sy_mk5 .xiao_kuai .dange:hover { background: linear-gradient( to right, #0969ec, #0c499c) no-repeat; background: -webkit-linear-gradient( left, #0969ec, #0c499c) no-repeat; }
.sy_mk5 .xiao_kuai .dange i { height: 100px; display: block; }
.sy_mk5 .xiao_kuai .dange i img { transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; max-height:100px; }
.sy_mk5 .xiao_kuai .dange:hover i img { filter: grayscale(100%) brightness(500%); }
.sy_mk5 .xiao_kuai .dange h5 { font-size: 16px; color: #666666; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; }
.sy_mk5 .xiao_kuai .dange:hover h5 { color: #fff; }
.sy_mk5 .cjk { font-size: 15px; color: #888888; width: 255px; height: 46px; background-color: #e6e6e6; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0 auto; margin-top: 56px; border-radius: 10px; }
@media only screen and (max-width:1024px) {
.sy_mk5 { padding: 50px 0; }
.sy_mk5 .xiao_kuai .dange { flex: 0 0 50%; max-width: 50%; }
.sy_mk5 .xiao_kuai .dange h5 { font-size: 20px; }
.sy_mk5 .cjk { font-size: 19px; width: 266px; }
}
/* 云海产品中心 */

.sy_mk6 { padding: 80px 0 116px; position: relative; }
.sy_mk6 .title-l h3 { color: #3d4d6f; text-align: center; }
.sy_mk6 .title-l h5 { padding-bottom: 19px; color: #ffffff; text-align: center; position: relative; }
.sy_mk6 .title-l h5::after { position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; content: ''; width: 17px; height: 3px; background-color: #fff; }
.sy_mk6 .index-title { width: 100%; justify-content: center; margin-bottom: 30px; }
.sy_mk6 .index-title .title-l { text-align: center; }
.sy_mk6 .shang { height: 675px; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; }
.sy_mk6 .qiehuan_tou { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.sy_mk6 .qiehuan_tou .bt { flex: 0 0 20%; max-width: 20%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-left: -1px; margin-top: -1px; font-size: 16px; color: #ffffff; border: 1px solid #7a8cb4; height: 66px; }
.sy_mk6 .qiehuan_tou .bt.on { background-color: #001d56; }
.sy_mk6 .qiehuan_dodtu .dange { display: none; padding-top: 50px; }
.sy_mk6 .qiehuan_dodtu .dange ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.sy_mk6 .qiehuan_dodtu .dange ul li { margin: 0 25px; padding-left: 14px; font-size: 16px; color: #ffffff; position: relative; }
.sy_mk6 .qiehuan_dodtu .dange ul li::after { position: absolute; width: 6px; height: 6px; background-color: #fff; content: ''; left: 0; top: 40%; transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); }
.sy_mk6 .qiehuan_dodtu .dange .sycp_ban1 { padding: 47px 10px 92px; position: relative; overflow: hidden; }
.sy_mk6 .qiehuan_dodtu .dange .xia_zuoy { position: absolute; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; left: 50%; transform: translateX(-50%); bottom: 0; }
.sy_mk6 .qiehuan_dodtu .dange .xia_zuoy .swiper-button-next, .sy_mk6 .qiehuan_dodtu .dange .xia_zuoy .swiper-button-prev { position: static; width: auto; height: auto; }
.sy_mk6 .qiehuan_dodtu .dange .xia_zuoy .swiper-button-next i, .sy_mk6 .qiehuan_dodtu .dange .xia_zuoy .swiper-button-prev i { width: 52px; height: 52px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; border-radius: 100%; background-color: #004096; color: #fff; font-size: 18px; margin: 0 25px; }
.sy_mk6 .qiehuan_dodtu .dange .xia_zuoy .swiper-button-next i { background-color: #004096; color: #fff; }
.sy_mk6 .qiehuan_dodtu .dange .nei_nrp { height: 346px; box-shadow: 0 0 10px #cacaca; background-color: #fff; padding: 40px 20px 30px; display: block; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; }
.sy_mk6 .qiehuan_dodtu .dange .nei_nrp:hover { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px) }
.sy_mk6 .qiehuan_dodtu .dange .sahng { height: 250px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.sy_mk6 .qiehuan_dodtu .dange .sahng img { max-width: 100%; max-height: 100%; }
.sy_mk6 .qiehuan_dodtu .dange h5 { font-size: 16px; color: #666666; text-align: center; padding-top: 9px; }
 @media only screen and (max-width:1024px) {
.sy_mk6 { padding: 50px 0; }
.sy_mk6 .qiehuan_tou .bt { flex: 0 0 33.3333%; max-width: 33.3333%; font-size: 19px; }
.sy_mk6 .qiehuan_dodtu .dange ul li { font-size: 20px; margin: 10px; }
.sy_mk6 .qiehuan_dodtu .dange { padding-top: 32px; }
.sy_mk6 .qiehuan_dodtu .dange h5 { font-size: 20px; }
}
/* 合作企业 */

.sy_mk7 { padding-bottom: 130px; }
.sy_mk7 .zuoyou { display: flex; justify-content: space-between; flex-wrap: wrap; }
.sy_mk7 .zuoyou .zuo { flex: 0 0 31%; max-width: 31%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.sy_mk7 .zuoyou .zuo .dange { padding: 15px; height: 105px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; border: 2px solid #ebebeb; margin: 5px 0; flex: 0 0 48.5%; max-width: 48.5%; }
.sy_mk7 .zuoyou .ytou { flex: 0 0 61.92%; max-width: 61.92%; padding-right: 17px; }
.sy_mk7 .zuoyou .ytou h5 { font-size: 24px; color: #000000; display: flex; align-items: flex-end; flex-wrap: wrap; }
.sy_mk7 .zuoyou .ytou h5 i { display: block; margin-left: 15px; padding-bottom: 15px; }
.sy_mk7 .zuoyou .ytou .y_zuyou { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-top: 20px; }
.sy_mk7 .zuoyou .ytou .zz { flex: 1; padding-right: 16px; }
.sy_mk7 .zuoyou .ytou .zz h4 { font-size: 20px; color: #000000; }
.sy_mk7 .zuoyou .ytou .zz h6 { font-size: 16px; color: #888888; margin-top: 5px; }
.sy_mk7 .zuoyou .ytou .yy { width: 259px; height: 51px; background-color: #004096; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; font-size: 15px; color: #ffffff; border-radius: 5px; }
@media only screen and (max-width:1200px) {
.sy_mk7 .zuoyou .zuo { flex: 0 0 100%; max-width: 100%; }
.sy_mk7 .zuoyou .ytou { flex: 0 0 100%; max-width: 100%; margin-top: 50px; padding-right: 0; }
.sy_mk7 .zuoyou .ytou .zz { flex: 0 0 100%; }
.sy_mk7 .zuoyou .ytou .yy { margin-top: 30px; font-size: 18px; }
.sy_mk7 .zuoyou .ytou .zz h6 { font-size: 20px; margin-top: 15px; }
}
/* 走进云海 */

.sy_mk8 { padding: 133px 0 84px; position: relative; }
.sy_mk8 .index-title .title-l h3 { color: #3d61a4; }
.sy_mk8 .index-title .title-l h5 { color: #fff; }
.sy_mk8 .index-title .title-r { border: 1px solid rgba(255, 255, 255, 0.5); background: none; color: #fff; }
.sy_mk8 .zuoyou { display: flex; justify-content: flex-end; flex-wrap: wrap; padding-top: 147px; }
.sy_mk8 .zuoyou .zuo { position: absolute; left: 0; width: 47%; top: 275px; }
.sy_mk8 .zuoyou .zuo img { width: 100%; }
.sy_mk8 .zuoyou .you { flex: 0 0 60%; max-width: 60%; background-color: #fff; padding: 60px 50px 70px; position: relative; z-index: 2; }
.sy_mk8 .zuoyou .you h5 { font-size: 25px; color: #004096; }
.sy_mk8 .zuoyou .you h6 { font-size: 15px; color: #888888; line-height: 30px; margin-top: 20px; }
.sy_mk8 .zuoyou .you a { font-size: 15px; color: #ffffff; width: 188px; height: 46px; background-color: #004096; border-radius: 5px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-top: 70px; }
.sy_mk8 .lizmahsu_zy { display: flex; flex-wrap: wrap; margin-top: 122px; }
.sy_mk8 .lizmahsu_zy .dang { flex: 1; display: flex; align-items: center; /* 换主轴方向 */
flex-direction: column; }
.sy_mk8 .lizmahsu_zy .dang i { border: 1px solid rgba(255, 255, 255, 0.6); border-radius: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100px; height: 100px; }
.sy_mk8 .lizmahsu_zy .dang i img { transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; }
.sy_mk8 .lizmahsu_zy .dang:hover i img { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); }
.sy_mk8 .lizmahsu_zy .dang h5 { font-size: 17px; color: #ffffff; margin-top: 19px; }
@media only screen and (max-width:1800px) {
.sy_mk8 .zuoyou .zuo { width: 53%; }
}
@media only screen and (max-width:1600px) {
.sy_mk8 .zuoyou .zuo { width: 60%; }
}
@media only screen and (max-width:1400px) {
.sy_mk8 .zuoyou .zuo { width: 67%; }
}
@media only screen and (max-width:1200px) {
.sy_mk8 .zuoyou { padding-top: 50px; }
.sy_mk8 .zuoyou .you { padding: 30px; }
}
@media only screen and (max-width:1024px) {
.sy_mk8 { padding: 50px 0; }
.sy_mk8 .zuoyou .zuo { width: 100%; position: static; }
.sy_mk8 .zuoyou { padding-top: 0; }
.sy_mk8 .zuoyou .you { flex: 0 0 100%; max-width: 100%; }
.sy_mk8 .zuoyou .you h5 { font-size: 24px; }
.sy_mk8 .zuoyou .you h6 { font-size: 19px; line-height: 33px; }
.sy_mk8 .zuoyou .you a { font-size: 19px; margin-top: 52px; }
.sy_mk8 .lizmahsu_zy { margin-top: 20px; }
.sy_mk8 .lizmahsu_zy .dang { flex: 0 0 33.333%; margin-top: 30px; }
.sy_mk8 .lizmahsu_zy .dang h5 { font-size: 19px; }
}
/* 资讯动态 */

.sy_mk9 { padding: 130px 0 172px; }
.sy_mk9 .you_bt { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; }
.sy_mk9 .you_bt .xbt { width: 107px; height: 40px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; font-size: 15px; color: #777777; background-color: #f2f2f2; border-radius: 50px; margin-left: 17px; }
.sy_mk9 .you_bt .xbt.on { background-color: #004096; color: #fff; }
.sy_mk9 .xia_body_qh .dange { display: none; }
.sy_mk9 .xia_body_qh .dange .shang { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background-color: #f6f6f6; }
.sy_mk9 .xia_body_qh .dange .shang .zuio_t { flex: 0 0 25.5%; max-width: 25.5%; }
.sy_mk9 .xia_body_qh .dange .shang .zuio_t img { width: 100%; }
.sy_mk9 .xia_body_qh .dange .shang .you_zi { flex: 1; background-color: #f6f6f6; padding: 40px 55px 37px 38px; }
.sy_mk9 .xia_body_qh .dange .shang .you_zi h3 { font-size: 14px; color: #7c7c7c; font-weight: bold; }
.sy_mk9 .xia_body_qh .dange .shang .you_zi h4 { font-size: 22px; color: #333333; margin-top: 15px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; }
.sy_mk9 .xia_body_qh .dange .shang .you_zi p { font-size: 16px; color: #888888; margin-top: 13px; line-height: 27px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; }
.sy_mk9 .xia_body_qh .dange .shang .you_zi a { font-size: 15px; color: #ffffff; margin-top: 60px; width: 188px; height: 46px; background-color: #004096; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; border-radius: 5px; }
.sy_mk9 .xia_body_qh .dange .xia { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin: 0 -40px; padding-top: 40px; }
.sy_mk9 .xia_body_qh .dange .xia .dan_ge { display: block; padding: 30px 40px; flex: 0 0 33.3333%; max-width: 33.3333%; position: relative; }
.sy_mk9 .xia_body_qh .dange .xia .dan_ge::after { position: absolute; background-color: #e3e3e3; width: 1px; height: 100%; content: ''; left: 0; top: 0; }
.sy_mk9 .xia_body_qh .dange .xia .dan_ge:nth-child(1)::after { display: none; }
.sy_mk9 .xia_body_qh .dange .xia .dan_ge .sj { font-size: 14px; color: #004096; font-weight: bold; }
.sy_mk9 .xia_body_qh .dange .xia .dan_ge h5 { font-size: 17px; color: #333333; font-weight: bold; margin-top: 20px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; }
.sy_mk9 .xia_body_qh .dange .xia .dan_ge h6 { font-size: 15px; color: #888888; line-height: 27px; margin-top: 20px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; }
.sy_mk9 .xia_body_qh .dange .xia .dan_ge .ck { font-size: 14px; color: #666666; margin-top: 40px; }
@media only screen and (max-width:1024px) {
.sy_mk9 { padding: 50px 0; }
.sy_mk9 .you_bt { flex: 0 0 100%; justify-content: flex-start; margin-top: 30px; }
.index-title { flex-wrap: wrap; }
.sy_mk9 .you_bt .xbt { font-size: 19px; }
.sy_mk9 .xia_body_qh .dange .shang .zuio_t { flex: 0 0 100%; max-width: 100%; }
.sy_mk9 .xia_body_qh .dange .shang .you_zi { padding: 30px; }
.sy_mk9 .xia_body_qh .dange .shang .you_zi h3 { font-size: 19px; }
.sy_mk9 .xia_body_qh .dange .shang .you_zi p { font-size: 19px; }
.sy_mk9 .xia_body_qh .dange .shang .you_zi a { font-size: 18px; margin-top: 40px; }
.sy_mk9 .xia_body_qh .dange .xia .dan_ge { flex: 0 0 100%; max-width: 100%; }
.sy_mk9 .xia_body_qh .dange .xia .dan_ge::after { display: none; }
.sy_mk9 .xia_body_qh .dange .xia .dan_ge .sj { font-size: 18px; }
.sy_mk9 .xia_body_qh .dange .xia .dan_ge h5 { font-size: 20px; }
.sy_mk9 .xia_body_qh .dange .xia .dan_ge h6 { font-size: 19px; line-height: 34px; }
.sy_mk9 .xia_body_qh .dange .xia .dan_ge .ck { font-size: 19px; }
}
/* 底 */

.footer { padding: 60px 0 87px; color: #fff; background-color: #000066; }
.footer .shang { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 27px; }
.footer .shang .you_s a { font-size: 16px; color: #ffffff; margin-left: 50px; }
.footer .xia { margin-top: 44px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.footer .xia .zuo_x .dh { display: flex; align-items: center; flex-wrap: wrap; }
.footer .xia .zuo_x .dh em { font-size: 14px; color: #888888; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 119px; height: 30px; border: 1px solid rgba(255, 255, 255, 0.2); margin-left: 15px; }
.footer .xia .zuo_x .dh span { font-family: "ban1"; font-size: 36px; color: #ffffff; line-height: 1; }
.footer .xia .zuo_x .wenz_zi { font-size: 15px; color: #888888; margin-top: 15px; line-height: 24px; }
.footer .xia .you_x img { width: 109px; }
.footer .xia .you_x h5 { font-size: 13px; color: #888888; margin-top: 10px; }
.banquan { height: 80px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; background-color: #000033; font-size: 15px; color: #555555; }
.banquan .container { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.banquan a { color: #555555; }
.banquan select { font-size: 16px; color: #888888; width: 290px; height: 44px; border: 1px solid rgba(255, 255, 255, 0.6); padding: 0 18px; }
@media only screen and (max-width:1200px) {
.footer .shang .you_s a { margin-left: 30px; }
}
@media only screen and (max-width:1024px) {
.footer .you_s { display: none; }
.footer .xia .zuo_x { flex: 0 0 100%; }
.footer .xia .zuo_x .dh em { font-size: 17px; width: 143px; }
.footer .xia .zuo_x .wenz_zi { font-size: 19px; line-height: 32px; }
.footer .xia .you_x { flex: 0 0 100%; margin-top: 50px; display: flex; justify-content: center; align-items: center; /* 换主轴方向 */
flex-direction: column; }
.footer .xia .you_x img { width: 222px; }
.footer .xia .you_x h5 { font-size: 19px; }
.banquan { font-size: 19px; height: auto; padding: 20px 0; }
.banquan select { width: 100%; font-size: 20px; }
.banquan .container div { flex: 0 0 100%; }
.banquan .container div:nth-child(2) { order: -1; }
.banquan .container div:nth-child(1) { margin-top: 20px; }
}
/* 关于我们 */

.nei_ban { height: 446px; padding-top: 70px; display: flex; align-items: center; flex-wrap: wrap; }
.nei_ban .container h5 { font-size: 24px; color: #ffffff; display: flex; align-items: flex-end; flex-wrap: wrap; font-family: "xiaozi"; }
.nei_ban .container h5 strong { font-size: 56px; font-weight: normal; line-height: 1; color: transparent; background: linear-gradient(to right, #ffffff, #acacac); background: -webkit-linear-gradient(left, #ffffff, #acacac); background-clip: text; -webkit-background-clip: text; margin-right: 18px; font-family: "dazi"; }
.nei_ban .container h6 { color: rgba(255, 255, 255, 0.2); text-transform: uppercase; margin-top: 10px; font-size: 42px; font-family: "dazi"; }
.nei_ban .container ul { margin-top: 20px; display: flex; align-items: center; flex-wrap: wrap; }
.nei_ban .container ul li { font-size: 28px; color: #ffffff; padding-left: 12px; margin-left: 28px; position: relative; }
.nei_ban .container ul li:nth-child(1) { margin-left: 0; }
.nei_ban .container ul li::after { position: absolute; content: ''; left: 0; top: 54%; transform: translateY(-50%); width: 7px; height: 7px; background-color: #848e9b; border-radius: 100%; }
@media only screen and (max-width:1024px) {
.nei_ban { padding-top: 0; height: 307px; }
.nei_ban .container h5 { font-size: 21px; }
.nei_ban .container h5 strong { font-size: 30px; }
.nei_ban .container h6 { font-size: 33px; }
}
/* /面包屑 */

.nei_mbx { background-color: #f6f6f6; padding: 20px 0; }
.nei_mbx .container { font-size: 14px; color: #999999; display: flex; align-items: center; flex-wrap: wrap; }
.nei_mbx .container a { color: #999999; margin: 0 4px; }
.nei_mbx i { color: #c6c6c6; display: block; margin-right: 5px; font-size: 24px; }
/* 二级 */

.nei_erji { border-bottom: 2px solid #f6f6f6; position: sticky; top: 0; background: #fff; z-index: 999; }
.nei_erji .container { display: flex; align-items: center; flex-wrap: wrap; }
.nei_erji a { padding: 28px 0 23px; display: block; font-size: 17px; color: #999999; position: relative; margin-left: 55px; }
.nei_erji a:nth-child(1) { margin-left: 0; }
.nei_erji a.on { color: #0348a3; }
.nei_erji a::after { position: absolute; left: 50%; transform: translateX(-50%); bottom: -2px; width: 0%; height: 2px; content: ''; background-color: #0348a3; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; }
.nei_erji a.on::after, .nei_erji a:hover::after { width: 100%; }
/* 关于 */

.guanyu_nr1 { padding: 80px 0 109px; }
.nei_ggbt { text-align: center; }
.nei_ggbt h5 { font-size: 50px; color: #d8d8d8; font-family: 'Impact'; text-transform: uppercase; }
.nei_ggbt h6 { font-size: 28px; color: #004096; font-weight: bold; }
.guanyu_nr1 .neir_rong { font-size: 15px; color: #888888; line-height: 30px; margin-top: 28px; }
.guanyu_nr1 .nr_si { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 40px 0; }
.guanyu_nr1 .nr_si img { max-width: 100%; }
@media only screen and (max-width:1024px) {
.guanyu_nr1 { padding: 50px 0; }
.nei_ggbt h5 { font-size: 36px; }
.nei_ggbt h6 { font-size: 26px; }
.guanyu_nr1 .neir_rong { font-size: 19px; line-height: 35px; }
}
/* /团队风采 */

.guanyu_nr2 { padding: 80px 0 105px; background-color: #f9f9f9; }
.guanyu_nr2 .neirpomgh { margin-top: 40px; font-size: 15px; color: #888888; line-height: 30px; }
.guanyu_nr2 .neirpomgh img { width: 100%; }
@media only screen and (max-width:1024px) {
.guanyu_nr2 { padding: 50px 0; }
.guanyu_nr2 .neirpomgh { font-size: 19px; line-height: 35px; }
}
/* 企业文化 */

.guanyu_nr3 { padding: 109px 0 75px; }
.guanyu_nr3 .sange_quan { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.guanyu_nr3 .sange_quan .dange { margin-top: 40px; width: 300px; height: 300px; border: 1px solid #004096; border-radius: 100%; display: flex; justify-content: center; align-items: center; /* 换主轴方向 */
flex-direction: column; padding: 30px; }
.guanyu_nr3 .sange_quan .dange h5 { font-size: 22px; color: #333333; }
.guanyu_nr3 .sange_quan .dange h6 { font-size: 14px; color: #999999; margin-top: 15px; line-height: 21px; text-align: center; }
.guanyu_nr3 .xia_neir { padding-top: 10px; text-align: center; font-size: 16px; color: #888888; line-height: 30px; }
.guanyu_nr3 .xia_neir strong { display: block; text-align: center; font-size: 18px; color: #444444; margin-top: 30px; }
@media only screen and (max-width:1024px) {
.guanyu_nr3 { padding: 50px 0; }
.guanyu_nr3 .sange_quan .dange h6 { font-size: 19px; line-height: 32px; }
.guanyu_nr3 .sange_quan .dange { width: 100%; border-radius: 10px; height: auto; }
.guanyu_nr3 .xia_neir strong { font-size: 22px; }
.guanyu_nr3 .xia_neir { font-size: 19px; line-height: 34px; }
}
/* 企业风采 */

.guanyu_nr4 { background-color: #f9f9f9; padding: 85px 0 100px; }
.guanyu_nr4 .qy_fc { margin-top: 30px; position: relative; }
.guanyu_nr4 .qy_fc .qyfc_ban { overflow: hidden; }
.guanyu_nr4 .qy_fc .neir { position: relative; }
.guanyu_nr4 .qy_fc .neir img { width: 100%; }
.guanyu_nr4 .qy_fc .neir h5 { font-size: 17px; color: #ffffff; height: 56px; width: 100%; position: absolute; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.guanyu_nr4 .qy_fc .swiper-button-next { right: -70px; }
.guanyu_nr4 .qy_fc .swiper-button-prev { left: -70px; }
 @media only screen and (max-width:1350px) {
.guanyu_nr4 .qy_fc .swiper-button-next { display: none; }
.guanyu_nr4 .qy_fc .swiper-button-prev { display: none; }
}
@media only screen and (max-width:1024px) {
.guanyu_nr4 { padding: 50px 0; }
.guanyu_nr4 .qy_fc .neir h5 { font-size: 19px; }
}
/* 资质证书 */

.guanyu_nr5 { padding: 110px 0 135px; }
.guanyu_nr5 .zz_zs { position: relative; margin-top: 50px; }
.guanyu_nr5 .zz_zs .zizhi_ban { overflow: hidden; }
.guanyu_nr5 .zz_zs .neir { display: block; }
.guanyu_nr5 .zz_zs .neir img { width: 100%; }
.guanyu_nr5 .zz_zs .swiper-button-next { right: -70px; }
.guanyu_nr5 .zz_zs .swiper-button-prev { left: -70px; }
@media only screen and (max-width:1350px) {
.guanyu_nr5 .zz_zs .swiper-button-next { display: none; }
.guanyu_nr5 .zz_zs .swiper-button-prev { display: none; }
}
@media only screen and (max-width:1024px) {
.guanyu_nr5 { padding: 50px 0; }
}
/* 联系云海 */

.guanyu_nr6 { padding: 85px 0 109px; }
.guanyu_nr6 .nei_ggbt h6, .guanyu_nr6 .nei_ggbt h5 { color: #fff; }
.guanyu_nr6 .ditu_duo { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-top: 50px; }
.guanyu_nr6 .ditu_duo .yoiu_dt { flex: 0 0 50%; max-width: 50%; }
.guanyu_nr6 .ditu_duo .zuo_xx { flex: 0 0 50%; max-width: 50%; }
.guanyu_nr6 .ditu_duo .dang { padding: 237px 45px; background-color: rgba(0, 0, 0, 0.2); }
.guanyu_nr6 .ditu_duo .dang:nth-child(2) { margin-top: 4px; padding-bottom: 6px; }
.guanyu_nr6 .ditu_duo .zuo_xx h5 { font-size: 16px; color: #ffffff; }
.guanyu_nr6 .ditu_duo .zuo_xx h6 { font-size: 15px; color: #ffffff; line-height: 30px; margin-top: 10px; }
 @media only screen and (max-width:1200px) {
.guanyu_nr6 .ditu_duo .dang { padding: 15px 25px; }
}
@media only screen and (max-width:1024px) {
.guanyu_nr6 { padding: 50px 0; }
.guanyu_nr6 .ditu_duo .yoiu_dt { flex: 0 0 100%; max-width: 100%; }
.guanyu_nr6 .ditu_duo .zuo_xx { flex: 0 0 100%; max-width: 100%; margin-top: 30px; }
.guanyu_nr6 .ditu_duo .zuo_xx h5 { font-size: 22px; }
.guanyu_nr6 .ditu_duo .zuo_xx h6 { font-size: 19px; }
.guanyu_nr6 .ditu_duo .dang { padding: 30px 25px }
}
/* 机房工程 */


/*  合作*/

.hez_nei01 { padding: 40px 0; }
.hez_nei01 .container { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.hez_nei01 .container .dange { border: 1px solid #e3e3e3; flex: 0 0 20%; max-width: 20%; height: 133px; position: relative; display: flex; justify-content: center; align-items: center; /* 换主轴方向 */
flex-direction: column; margin-left: -1px; margin-top: -1px; }
.hez_nei01 .container .dange .shang_ceg { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; position: absolute; background-color: #004096; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; }
.hez_nei01 .container .dange:hover .shang_ceg { opacity: 1; }
.hez_nei01 .container .dange h5 { font-size: 17px; color: #555555; margin-top: 12px; }
.hez_nei01 .container .dange .shang_ceg a { color: #ffffff; width: 62px; height: 27px; border: 1px solid rgba(255, 255, 255, 0.2); display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0 7px; font-size: 15px; }
 @media only screen and (max-width:1024px) {
.hez_nei01 .container .dange { flex: 0 0 50%; max-width: 50%; }
.hez_nei01 .container .dange h5 { font-size: 20px; }
.hez_nei01 .container .dange .shang_ceg a { font-size: 23px; width: 103px; height: 50px; }
}
/* 云海方案中心 */

.hez_nei02 { padding: 30px 0 98px; position: relative; overflow: hidden; }
.hez_nei02 .fzsx { position: absolute; left: 0; top: 0%; height: 50%; width: 100%; }
.hez_nei02 .container { position: relative; z-index: 2; }
.hez_nei02 .title-l h5 { font-weight: bold; }
.hez_nei02 .fan_qhk { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.hez_nei02 .fan_qhk .qehuan_t { flex: 0 0 19%; height: 64px; border-radius: 5px; box-shadow: 0 0 10px #cacaca; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; font-size: 17px; color: #777777; background-color: #fff; }
.hez_nei02 .fan_qhk .qehuan_t.on { background-color: #004096; box-shadow: none; color: #fff; }
.hez_nei02 .fan_qhk .qehuan_t i { margin-right: 15px; display: block; position: relative; }
.hez_nei02 .fan_qhk .qehuan_t i::before { position: absolute; width: 13px; height: 13px; background-color: #dedede; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; border-radius: 100px; animation: router 2s linear infinite; }
.hez_nei02 .fan_qhk .qehuan_t.on i::before { background-color: #80a4d5; }
 @keyframes router {  50% {
 width: 23px;
 height: 23px;
}
 100% {
 width: 13px;
 height: 13px;
}
}
.hez_nei02 .fan_qhk .qehuan_t i::after { position: absolute; width: 7px; height: 7px; background-color: #bebebe; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ''; border-radius: 100px; }
.hez_nei02 .fan_qhk .qehuan_t.on i::after { background-color: #ffffff; }
.hez_nei02 .fan_boid { padding-top: 20px; }
.hez_nei02 .fan_boid .dange { display: none; }
.hez_nei02 .fan_boid .neir_xong { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.hez_nei02 .fan_boid .neir_xong .dg_cp { flex: 0 0 49%; max-width: 49%; margin-top: 30px; display: flex; justify-content: space-between; flex-wrap: wrap; border: 1px solid #ededed; }
.hez_nei02 .fan_boid .neir_xong .zuo { flex: 0 0 56.56%; max-width: 56.56%; overflow: hidden; }
.hez_nei02 .fan_boid .neir_xong .zuo img { width: 100%; transition: all 2.5s; -o-transition: all 2.5s; -ms-transition: all 2.5s; -moz-transition: all 2.5s; -webkit-transition: all 2.5s; }
.hez_nei02 .fan_boid .neir_xong .dg_cp:hover .zuo img { transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); }
.hez_nei02 .fan_boid .neir_xong .you { flex: 1; border-left: 1px solid #ededed; padding: 33px 23px; background-color: #fff; }
.hez_nei02 .fan_boid .neir_xong .you h5 { font-size: 16px; color: #333333; font-weight: bold; line-height: 28px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; }
.hez_nei02 .fan_boid .neir_xong .you h6 { font-size: 14px; color: #888888; line-height: 20px; margin-top: 15px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; }
.hez_nei02 .fan_boid .neir_xong .you a { font-size: 14px; color: #666666; margin-top: 30px; display: block; }
.fenye { text-align: center; margin-top: 66px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.fenye a { width: 43px; height: 43px; color: #888888; border: 1px solid #ececec; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0 5px; }
.fenye a.active { background-color: #004096; border: 1px solid #004096; color: #fff; }
.fenye a.prve { width: 70px; background-color: #eeeeee; }
.fenye a.prve i { transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); }
.fenye a.next { width: 70px; }
@media only screen and (max-width:1200px) {
.hez_nei02 .fan_boid .neir_xong .you h6 { -webkit-line-clamp: 2; }
.hez_nei02 .fan_boid .neir_xong .you { padding: 17px 23px; }
.hez_nei02 .fan_boid .neir_xong .you h5 { font-size: 15px; line-height: 24px; }
}
@media only screen and (max-width:1024px) {
.hez_nei02 .fan_qhk .qehuan_t { flex: 0 0 48%; margin-top: 20px; font-size: 20px; }
.hez_nei02 .fan_boid .neir_xong .dg_cp { flex: 0 0 100%; max-width: 100%; }
.hez_nei02 .fan_boid .neir_xong .zuo { flex: 0 0 100%; max-width: 100%; }
.hez_nei02 .fan_boid .neir_xong .you h5 { font-size: 22px; }
.hez_nei02 .fan_boid .neir_xong .you h6 { font-size: 19px; line-height: 31px; }
.hez_nei02 .fan_boid .neir_xong .you a { font-size: 19px; }
}
/* 方案相关产品 */

.hez_nei03 { padding: 85px 0 70px; background-color: #f7f7f7; }
.hez_nei03 .fenye { margin-top: 40px; }
.nei_ggbt1 h6 { color: #000; }
.hez_nei03 .zuoyou { display: flex; flex-wrap: wrap; margin: 0 -7px; padding-top: 12px; }
.hez_nei03 .zuoyou .dange { flex: 0 0 33.3333%; max-width: 33.3333%; padding: 0 7px; margin-top: 18px; }
.hez_nei03 .zuoyou .dange .cp_nr01 { background-color: #fff; padding: 30px 22px; overflow: hidden; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; }
.hez_nei03 .zuoyou .dange:hover .cp_nr01 { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); box-shadow: 0 0 10px #cacaca; }
.hez_nei03 .zuoyou .dange .shangtu { height: 210px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.hez_nei03 .zuoyou .dange .shangtu img { max-width: 100%; max-height: 100%; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; }
.hez_nei03 .zuoyou .dange:hover .shangtu img { transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); }
.hez_nei03 .zuoyou .dange h5 { font-size: 16px; color: #666666; text-align: center; }
@media only screen and (max-width:1024px) {
.hez_nei03 { padding: 50px 0; }
.hez_nei03 .zuoyou .dange { flex: 0 0 100%; max-width: 100%; }
.hez_nei03 .zuoyou .dange h5 { font-size: 22px; }
}
/* 方案相关案例 */

.hez_nei04 { padding: 116px 0 99px; }
.hez_nei04 .datu01 .da_tu_nr img, .hez_nei04 .xiaotu01 img { width: 100%; }
.hez_nei04 .datu01, .hez_nei04 .xiaotu01 { overflow: hidden; margin-top: 15px; }
.hez_nei04 .datu01 { margin-top: 30px; }
.hez_nei04 .datu01 .da_tu_nr { position: relative; overflow: hidden; }
.hez_nei04 .datu01 .da_tu_nr img { transition: all 3s; -o-transition: all 3s; -ms-transition: all 3s; -moz-transition: all 3s; -webkit-transition: all 3s; }
.hez_nei04 .datu01 .da_tu_nr:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); }
.hez_nei04 .datu01 .da_tu_nr .you_shang { position: absolute; width: 450px; background-color: rgba(0, 0, 0, 0.3); padding-left: 47px; padding-right: 40px; right: 0; top: 0; height: 100%; display: flex; justify-content: center; /* align-items: center; */
    /* 换主轴方向 */
flex-direction: column; }
.hez_nei04 .datu01 .da_tu_nr .you_shang h5 { font-size: 20px; color: #ffffff; font-weight: bold; }
.hez_nei04 .datu01 .da_tu_nr .you_shang h6 { font-size: 15px; color: #ffffff; line-height: 30px; margin-top: 15px; max-height: 300px; overflow-y: auto; }
.hez_nei04 .datu01 .da_tu_nr .you_shang a { font-size: 15px; color: #ffffff; margin-top: 30px; width: 146px; height: 46px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; background-color: #004096; border: 1px solid #004096; border-radius: 5px; }
.hez_nei04 .datu01 .da_tu_nr .you_shang a:hover { background: none; }
@media only screen and (max-width:1024px) {
.hez_nei04 { padding: 50px 0; }
.hez_nei04 .datu01 .da_tu_nr .you_shang { width: 100%; position: relative; padding-left: 30px; padding-right: 30px; padding: 30px; }
.hez_nei04 .datu01 .da_tu_nr .you_shang h5 { font-size: 22px; }
.hez_nei04 .datu01 .da_tu_nr .you_shang h6 { font-size: 19px; max-height: 100%; line-height: 33px; }
.hez_nei04 .datu01 .da_tu_nr .you_shang a { font-size: 18px; width: 185px; }
}
/* 推荐资讯 */

.hez_nei05 { background-color: #f7f7f7; padding: 90px 0 110px; }
.hez_nei05 .zuoyou { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-top: 50px; }
.hez_nei05 .zuoyou .zuo { width: 350px; background-color: #fff; padding: 20px 25px 25px; }
.hez_nei05 .zuoyou .zuo .shang { overflow: hidden; }
.hez_nei05 .zuoyou .zuo img { width: 100%; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; }
.hez_nei05 .zuoyou .zuo:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); }
.hez_nei05 .zuoyou .zuo h5 { font-size: 18px; color: #333333; margin-top: 15px; line-height: 32px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; }
.hez_nei05 .zuoyou .zuo h6 { font-size: 15px; color: #888888; margin-top: 10px; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; }
.hez_nei05 .zuoyou .zuo a { font-size: 15px; color: #ffffff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 188px; height: 46px; border-radius: 5px; background-color: #004096; margin-top: 20px; }
.hez_nei05 .zuoyou .you { flex: 1; padding-left: 40px; }
.hez_nei05 .zuoyou .you .dg_xw { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; font-size: 16px; color: #666666; }
.hez_nei05 .zuoyou .you .dg_xw .wz { flex: 0 0 72.84%; max-width: 72.84%; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; line-height: 1; padding: 11px 0; }
@media only screen and (max-width:1024px) {
.hez_nei05 { padding: 50px 0; }
.hez_nei05 .zuoyou .zuo { width: 100%; }
.hez_nei05 .zuoyou .zuo h5 { font-size: 22px; }
.hez_nei05 .zuoyou .zuo h6 { font-size: 19px; line-height: 33px; }
.hez_nei05 .zuoyou .zuo a { font-size: 19px; width: 198px; height: 55px; }
.hez_nei05 .zuoyou .you { padding-left: 0; }
.hez_nei05 .zuoyou .you .dg_xw { font-size: 19px; margin-top: 15px; }
.hez_nei05 .zuoyou .you .dg_xw .wz { line-height: 2; padding: 0; }
.hez_nei05 .zuoyou .you { margin-top: 30px; }
}
/* 产品详情 */

.cp_xiangq { padding: 54px 0 90px; }
.cp_xiangq .container { display: flex; justify-content: space-between; flex-wrap: wrap; }
.gg_zuo { flex: 0 0 16.7%; max-width: 16.7%; }
.gg_zuo .d_bt { height: 87px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; font-size: 24px; color: #ffffff; background-color: #0348a3; }
.gg_zuo .d_bt2 { margin-top: 10px; }
.gg_zuo .xia_bt { border: 1px solid #efefef; border-top: none; padding: 0 18px 20px; }
.gg_zuo .jszc { margin-top: 20px; margin-bottom:10px; width: 100%; height: 36px; background-color: #b2b2b2; border-radius: 5px; padding-left: 10px; position: relative; font-size: 16px; color: #ffffff; font-weight: bold; display: flex; align-items: center; flex-wrap: wrap; }
.gg_zuo .jszc i { width: 15px; height: 15px; background-color: #fff; border-radius: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; right: 10px; top: 11px; position: absolute; color: #b2b2b2; font-size: 13px; line-height: 1; display:none;}
.gg_zuo .dang_a_btr a { display: block; margin-top: 5px; font-size: 15px; padding-left: 10px; color: #888888; line-height: 1.75em; 
overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis;}
.gg_zuo .dang_a_btr a.on,.gg_zuo .dang_a_btr a:hover { color:#0348a3;}
.gg_zuo .dang_a_btr a.on { font-weight:bold;}
.cp_xiangq .gg_zuo .cp_xy { border: 1px solid #efefef; margin-top: 10px; display: block; padding: 15px; }
.cp_xiangq .gg_zuo .cp_xy .shang { height: 95px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.cp_xiangq .gg_zuo .cp_xy .shang img { max-width: 100%; max-height: 100%; }
.cp_xiangq .gg_zuo .cp_xy h5 { font-size: 15px; color: #666666; text-align: center; margin-top: 13px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; }
.cp_xiangq .gg_zuo .cp_xy h6 { font-size: 13px; color: #888888; text-align: center; margin-top: 10px; line-height: 20px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-overflow: ellipsis; }
.gg_you { flex: 0 0 81.5%; max-width: 81.5%; }
.gg_you .cpxq_ggbt { margin-top: 40px; font-size: 16px; color: #0348a3; font-weight: bold; padding-bottom: 16px; position: relative; border-bottom: 2px solid #f6f6f6; }
.gg_you .cpxq_ggbt::after { width: 32px; height: 2px; background-color: #0348a3; position: absolute; left: 0; bottom: -2px; content: ''; }

.gg_you .cpxq_ggbt_new { margin-top: 40px; font-size: 16px; color: #0348a3; font-weight: bold; padding-bottom: 16px; position: relative; border-bottom: 2px solid #f6f6f6; }
.gg_you .cpxq_ggbt_new h1 { font-size:24px;}
.gg_you .cpxq_ggbt_new::after { width: 0%; height: 2px; background-color: #0348a3; position: absolute; left: 0; bottom: -2px; content: ''; }


.cp_xiangq .gg_you .sh_dxtu { display: flex; justify-content: space-between; flex-wrap: wrap; }
.cp_xiangq .gg_you .sh_dxtu .dxt_zuo { flex: 0 0 45%; max-width: 45%; }
.cp_xiangq .gg_you .sh_dxtu .dxt_zuo .cpxq_da, .cp_xiangq .gg_you .sh_dxtu .dxt_zuo .cpxq_xiao { overflow: hidden; }
.cp_xiangq .gg_you .sh_dxtu .dxt_zuo .cpxq_da .neirong { background-color: #fafafa; height: 370px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 40px; }
.cp_xiangq .gg_you .sh_dxtu .dxt_zuo .cpxq_da .neirong img, .cp_xiangq .gg_you .sh_dxtu .dxt_zuo .cpxq_xiao .neirong img { max-width: 100%; max-height: 100%; }
.cp_xiangq .gg_you .sh_dxtu .dxt_zuo .cpxq_xiao { margin-top: 5px; }
.cp_xiangq .gg_you .sh_dxtu .dxt_zuo .cpxq_xiao .neirong { height: 90px; background-color: #fafafa; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 10px; }
.cp_xiangq .gg_you .sh_dxtu .dxt_you { flex: 0 0 52.4%; max-width: 52.4%; }
.cp_xiangq .gg_you .sh_dxtu .dxt_you h5,.cp_xiangq .gg_you .sh_dxtu .dxt_you h1 { font-size: 25px; color: #333333; }
.cp_xiangq .gg_you .sh_dxtu .dxt_you h6 { font-size: 15px; color: #888888; margin-top: 17px; line-height: 28px; }
.cp_xiangq .gg_you .sh_dxtu .dxt_you .dianhua { margin-top: 30px; display: flex; align-items: center; flex-wrap: wrap; }
.cp_xiangq .gg_you .sh_dxtu .dxt_you .dianhua span { font-size: 16px; color: #999999; font-weight: bold; margin-left: 7px; }
.cp_xiangq .gg_you .sh_dxtu .dxt_you .dianhua em { font-size: 26px; color: #004096; font-family: "ban1"; margin-left: 10px; }
.cp_xiangq .gg_you .sh_dxtu .dxt_you .mfzx { font-size: 16px; color: #ffffff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 144px; height: 48px; background-color: #004096; border-radius: 5px; margin-top: 27px; }
.cp_xiangq .gg_you .cpxq_mk1 { margin-top: 18px; }
.cp_xiangq .gg_you .cpxq_mk1 .sh_sang { background-color: #f7f7f7; padding: 30px 10px 40px; display: flex; flex-wrap: wrap; }
.cp_xiangq .gg_you .cpxq_mk1 .sh_sang .dange { flex: 0 0 33.3333%; max-width: 33.3333%; padding: 10px 30px; display: flex; justify-content: center; align-items: center; /* 换主轴方向 */
flex-direction: column; }
.cp_xiangq .gg_you .cpxq_mk1 .sh_sang .dange h5 { text-align: center; font-size: 20px; color: #555555; margin-top: 17px; }
.cp_xiangq .gg_you .cpxq_mk1 .sh_sang .dange h6 { text-align: center; font-size: 15px; color: #777777; margin-top: 13px; line-height: 23px; }
.cp_xiangq .gg_you .cpxq_mk1 .xia_biao { margin-top: 18px; }
.cp_xiangq .gg_you .cpxq_mk1 .xia_biao img { width: 100%; }
.cp_xiangq .gg_you .cpxq_mk2 { font-size: 15px; color: #666; margin-top: 17px; line-height: 1.75em; }
.cp_xiangq .gg_you .cpxq_mk2 .nr_wz img { max-width:100%;}
.cp_xiangq .gg_you .cpxq_mk2 .nr_wz a { color: #555;}
.cp_xiangq .gg_you .cpxq_mk2 .xia_dt { display: flex; flex-wrap: wrap; margin-top: 22px; }
.cp_xiangq .gg_you .cpxq_mk2 .xia_dt .dt_z { flex: 0 0 63%; max-width: 63%; }
.cp_xiangq .gg_you .cpxq_mk2 .xia_dt .dt_y { flex: 1; background-color: #f8f8f8; padding-left: 34px; padding-right: 68px; display: flex; justify-content: center; /* align-items: center; */
    /* 换主轴方向 */
flex-direction: column; }

.cp_xiangq .gg_you .cpxq_mk2_new { font-size: 15px; color: #888888; margin-top: 17px; line-height: 1.75em; }
.cp_xiangq .gg_you .cpxq_mk2_new p { margin-top:0.5em;}

.cp_xiangq .gg_you .cpxq_mk2 .xia_dt .dt_y h5 { font-size: 16px; color: #004096; font-weight: bold; }
.cp_xiangq .gg_you .cpxq_mk2 .xia_dt .dt_y h6 { font-size: 15px; color: #888888; line-height: 27px; margin-top: 13px; }
.cp_xiangq .gg_you .cpxq_mk3 { padding-top: 12px; display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 10px; }
.cp_xiangq .gg_you .cpxq_mk3 input { width: 48%; height: 55px; border: 1px solid #dddddd; margin-top: 15px; padding-left: 20px; }
.cp_xiangq .gg_you .cpxq_mk3 textarea { width: 100%; height: 147px; border: 1px solid #dddddd; margin-top: 15px; padding-left: 20px; padding-top: 20px; }
.cp_xiangq .gg_you .cpxq_mk3 button { font-size: 17px; color: #ffffff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-top: 26px; width: 144px; height: 48px; border-radius: 5px; background-color: #004096; }

.cp_xiangq .gg_you .cpxq_mk3 .lia_an span { font-size: 16px; color:#F30; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-top: 26px; width:auto; padding:0 2em; height: 48px; border-radius: 5px; background-color:; }

.cp_xiangq .gg_you .cpxq_mk3 .lia_an { display: flex; align-items: center; flex-wrap: wrap; }
.cp_xiangq .gg_you .cpxq_mk3 .lia_an button:nth-child(2) { margin-left: 15px; }
@media only screen and (max-width:1200px) {
.gg_zuo { flex: 0 0 21.7%; max-width: 21.7%; }
.gg_you { flex: 0 0 76%; max-width: 76%; }
}
/* 相关产品 */

.cp_xiangq .cpxq_mk4 { display: flex; flex-wrap: wrap; margin: 0 -7px; }
.cp_xiangq .cpxq_mk4 .dange { flex: 0 0 33.3333%; max-width: 33.3333%; margin-top: 20px; padding: 0 7px; }
.cp_xiangq .cpxq_mk4 .dange .dgcp { display: block; padding: 30px 18px; border: 1px solid #e7e7e7; }
.cp_xiangq .cpxq_mk4 .dange .dgcp .shang { height: 280px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.cp_xiangq .cpxq_mk4 .dange .dgcp .shang img { max-width: 100%; max-height: 100%; }
.cp_xiangq .cpxq_mk4 .dange .dgcp .xia { text-align: center; }
.cp_xiangq .cpxq_mk4 .dange .dgcp .xia h5 { font-size: 16px; color: #666666; margin-top: 5px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; }
.cp_xiangq .cpxq_mk4 .dange .dgcp .xia h6 { font-size: 14px; color: #888888; line-height: 25px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; margin-top: 13px; }
/* 相关资讯 */

.cpxq_mk5 { padding-top: 15px; }
.cpxq_mk5 .shang_cw { display: flex; flex-wrap: wrap; }
.cpxq_mk5 .shang_cw .zuo { width: 267px; overflow: hidden; }
.cpxq_mk5 .shang_cw .zuo img { width: 100%; transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; }
.cpxq_mk5 .shang_cw:hover .zuo img { transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); }
.cpxq_mk5 .shang_cw .you { flex: 1; background-color: #f5f5f5; padding: 35px 50px 30px 30px; }
.cpxq_mk5 .shang_cw .you h5 { font-size: 20px; color: #333333; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; }
.cpxq_mk5 .shang_cw .you h6 { font-size: 15px; color: #888888; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; line-height: 24px; margin-top: 10px; }
.cpxq_mk5 .shang_cw .you .ck { font-size: 15px; color: #ffffff; margin-top: 27px; width: 188px; height: 46px; background-color: #004096; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; border-radius: 5px; }
.cpxq_mk5 .xia_cw { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 20px; }
.cpxq_mk5 .xia_cw a { display: block; flex: 0 0 46.7%; max-width: 46.7%; font-size: 16px; color: #666666; margin-top: 20px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; }
 @media only screen and (max-width:1200px) {
.cp_xiangq .gg_you .cpxq_mk2 .xia_dt .dt_y { padding-right: 20px; padding-left: 20px; }
}
@media only screen and (max-width:1024px) {
.gg_zuo { flex: 0 0 100%; max-width: 100%; }
.gg_zuo .jszc { font-size: 21px; height: 46px; }
.gg_zuo .jszc i { width: 30px; height: 30px; font-size: 23px; top: 9px; }
.nei_mbx .container { font-size: 18px; }
.gg_zuo .dang_a_btr a { font-size: 19px; margin-top: 18px; }
.x_a_suo { display: none; }
.cp_xiangq .gg_zuo .cp_xy h5 { font-size: 22px; }
.cp_xiangq .gg_zuo .cp_xy h6 { font-size: 18px; margin-top: 18px; line-height: 27px; }
.cp_xiangq .gg_zuo .cp_xy .shang { height: 164px; }
.gg_you { flex: 0 0 100%; max-width: 100%; margin-top: 50px; }
.cp_xiangq .gg_you .sh_dxtu .dxt_zuo { flex: 0 0 100%; max-width: 100%; }
.cp_xiangq .gg_you .sh_dxtu .dxt_you { flex: 0 0 100%; max-width: 100%; margin-top: 50px; }
.cp_xiangq .gg_you .sh_dxtu .dxt_you h6 { font-size: 19px; line-height: 34px; }
.cp_xiangq .gg_you .sh_dxtu .dxt_zuo .cpxq_xiao .neirong { height: 165px; }
.cp_xiangq .gg_you .sh_dxtu .dxt_zuo .cpxq_da .neirong { height: 406px; }
.cp_xiangq .gg_you .sh_dxtu .dxt_you .dianhua span { font-size: 20px; }
.cp_xiangq .gg_you .sh_dxtu .dxt_you .mfzx { font-size: 20px; width: 164px; height: 58px; }
.gg_you .cpxq_ggbt { font-size: 22px; }
.cp_xiangq .gg_you .cpxq_mk1 .sh_sang .dange { flex: 0 0 100%; max-width: 100%; padding: 15px 30px; }
.cp_xiangq .gg_you .cpxq_mk1 .sh_sang { padding: 20px 0; }
.cp_xiangq .gg_you .cpxq_mk1 .sh_sang .dange h6 { font-size: 19px; }
.cp_xiangq .gg_you .cpxq_mk2 { font-size: 19px; line-height: 32px; }
.cp_xiangq .gg_you .cpxq_mk2 .xia_dt .dt_z { flex: 0 0 100%; max-width: 100%; }
.cp_xiangq .gg_you .cpxq_mk2 .xia_dt .dt_y { padding: 30px; flex: 0 0 100%; max-width: 100%; }
.cp_xiangq .gg_you .cpxq_mk2 .xia_dt .dt_y h5 { font-size: 22px; }
.cp_xiangq .gg_you .cpxq_mk2 .xia_dt .dt_y h6 { font-size: 18px; line-height: 33px; }
.cp_xiangq .gg_you .cpxq_mk3 input { width: 100%; height: 65px; font-size: 20px; }
.cp_xiangq .gg_you .cpxq_mk3 textarea { height: 200px; font-size: 20px; }
.cp_xiangq .gg_you .cpxq_mk3 button { width: auto; font-size: 20px; flex: 0 0 48%; height: 67px; }
.cp_xiangq .gg_you .cpxq_mk3 .lia_an { width: 100%; }
.cp_xiangq .cpxq_mk4 .dange { flex: 0 0 100%; max-width: 100%; }
.cp_xiangq .cpxq_mk4 .dange .dgcp .xia h5 { font-size: 22px; }
.cp_xiangq .cpxq_mk4 .dange .dgcp .xia h6 { font-size: 19px; line-height: 30px; }
.cp_xiangq .cpxq_mk4 .dange .dgcp .shang { height: 161px; }
.cpxq_mk5 .shang_cw .zuo { width: 100%; }
.cpxq_mk5 .shang_cw .you h5 { font-size: 22px; }
.cpxq_mk5 .shang_cw .you h6 { font-size: 19px; line-height: 31px; }
.cpxq_mk5 .shang_cw .you .ck { width: 214px; height: 56px; font-size: 20px; }
.cpxq_mk5 .xia_cw a { flex: 0 0 100%; max-width: 100%; font-size: 19px; }
}
/* 新闻 */

.xw_news { padding: 56px 0 90px; }

.xw_news .lianxi_cb,.cp_xiangq .lianxi_cb{ margin-top: 10px; border: 1px solid #e1e1e1; padding: 1px 20px 25px; }
.xw_news .lianxi_cb h5,.cp_xiangq .lianxi_cb h5{ font-size: 14px; color: #666666; margin-top: 14px; }
.xw_news .lianxi_cb h6,.cp_xiangq .lianxi_cb h6{ font-size: 13px; font-weight: lighter; color: #888888; line-height: 20px; margin-top: 5px; }

.xw_news .container { display: flex; justify-content: space-between; flex-wrap: wrap; }
.xw_news .cpxq_ggbt { margin-top: 16px; }
.xw_news .xinw_lb .dgxw { padding: 37px 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; border-bottom: 1px dashed #e8e8e8; }
.xw_news .xinw_lb .dgxw:nth-child(1) { padding-top: 26px; }
.xw_news .xinw_lb .dgxw .zuo { width: 161px; overflow: hidden; }
.xw_news .xinw_lb .dgxw .zuo img { width: 100%; }
.xw_news .xinw_lb .dgxw .you { flex: 1; padding-left: 24px; }
.xw_news .xinw_lb .dgxw .you h5 { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.xw_news .xinw_lb .dgxw .you h5 span { flex: 0 0 80%; max-width: 80%; font-size: 20px; display: block; color: #333333; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; }
.xw_news .xinw_lb .dgxw .you h5 em { font-size: 16px; color: #333333; }
.xw_news .xinw_lb .dgxw .you h6 { font-size: 15px; color: #888888; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; margin-top: 10px; line-height: 25px; }
.xw_news .xinw_lb .dgxw .you .ckgd { font-size: 14px; color: #ffffff; width: 125px; height: 36px; background-color: #004096; border-radius: 5px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-top: 25px; }
@media only screen and (max-width:1024px) {
.xw_news .xinw_lb .dgxw .zuo { width: 100%; }
.xw_news .xinw_lb .dgxw .you { padding-left: 0; margin-top: 50px; }
.xw_news .xinw_lb .dgxw .you h5 em { font-size: 20px; flex: 0 0 100%; margin-top: 15px; }
.xw_news .xinw_lb .dgxw .you h6 { font-size: 19px; line-height: 33px; }
.xw_news .xinw_lb .dgxw .you h5 span { flex: 0 0 100%; max-width: 100%; }
.xw_news .xinw_lb .dgxw .you .ckgd { width: 164px; height: 55px; font-size: 19px; }
.xw_news .lianxi_cb h6 { font-size: 19px; margin-top: 13px; }
.xw_news .lianxi_cb h5 { font-size: 22px; }
}
.xia_biao table { border: 1px solid #eee; background-color: #fff; border-collapse: collapse; }
.xia_biao table tr:nth-child(2n) { background-color: #f7f7f7; }
.xia_biao table td { padding: 15px; line-height: 1.6; color: #777; }
.xia_biao table td:first-child { width: 16%; color: #333; text-align: center; }
.hsbg { background: #666; color: #fff!important }


.updown_new { margin:1.5em 0; font-size:15px;}
.updown_new .flex { line-height:2.2em; color:#999;}
.updown_new .flex { display: -webkit-box !important; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box !important; /* Firefox 17- */ display: -webkit-flex !important; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex !important; /* Firefox 18+ */ display: -ms-flexbox !important; /* IE 10 */ display: flex !important; }
.updown_new .flex a { color:#666;}
.updown_new .flex a:hover { color:#04458A;}


.fenye_new { margin-top: 44px; padding: 30px 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; }
.fenye_new a { width: 43px; height: 43px; border: 1px solid #eeeeee; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0 5px; }
.fenye_new a.active,.fenye_new a:hover { background-color: #3053ac; color: #fff; border: 1px solid #3053ac; }
.fenye_new a.prev,.fenye_new a.next { background-color: #eeeeee; font-size: 20px; color: #909090; }
.fenye_new a.prev:hover,.fenye_new a.next:hover { background-color: #3053ac; border: 1px solid #3053ac; font-size: 20px; color: #fff; }

.flex { display: -webkit-box !important; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box !important; /* Firefox 17- */ display: -webkit-flex !important; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex !important; /* Firefox 18+ */ display: -ms-flexbox !important; /* IE 10 */ display: flex !important; }
@font-face {
  font-family: 'myiconfont';
  src: url('//at.alicdn.com/t/font_2926163_g7c7pfwkwkc.woff2?t=1640768450577') format('woff2'),
       url('//at.alicdn.com/t/font_2926163_g7c7pfwkwkc.woff?t=1640768450577') format('woff'),
       url('//at.alicdn.com/t/font_2926163_g7c7pfwkwkc.ttf?t=1640768450577') format('truetype');
}
.myiconfont { font-family: "myiconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.float_window { position:fixed; bottom:18%; right:0; height:192px; width:60px; background-color:#; z-index:999;}
.float_window .block { width: 300px; height: 60px; background-color: #F60; margin: 3px 0; width: 140px; position: relative; }
.float_window .block span { width:60px; height:60px; line-height:60px; text-align:center; font-size:30px; display:block; color:#FFF;}
.float_window .block div { height:60px; line-height:60px; color:#FFF; font-size:14px;}
.float_window #phone { width:240px;}
.float_window #phone div { font-size:24px; width:180px;}
.float_window .gotop {  cursor:pointer;}
.float_window .block .wx { position:absolute; top:-98px; left:-210px; display:none; color:#04458A;}
@media only screen and (max-width: 992px) {
	.float_window { display:none;}
}