/*公共样式--开始*/
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select { margin: 0; padding: 0; }
* { box-sizing: border-box; }
html, body { min-height: 100%; }
body { font-family: "Microsoft YaHei"; font-size: 14px; color: #333; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ul, ol { list-style: none; }
img { border: none; vertical-align: middle; }
.fl { float: left; }
.fr { float: right; }
body { font-family: Microsoft YaHei; }

@media (min-width: 1410px) {
.container { width: 1410px; }
}
.llo { line-height: 99px; }
.nav { /* width: 45%; */
position: relative; z-index: 999; }
.so { background: url(../image/9b4991918a553de2d563da4f7f48782854c0ce95.png)no-repeat center; width: 19px; height: 100%; cursor: pointer; }
.ss { display: none; position: absolute; right: 0; top: 99px; width: 310px; padding: 20px; /*border-radius: 20px;*/
z-index: 999; background: rgb(255, 255, 255, .9); }
.ss input { outline: none; line-height: 32px; width: 20%; background: none; border: none; background: #003c8d; font-size: 12px; color: #fff; font-weight: 400; }
.ss #keyword { padding-left: 5px; line-height: 30px; width: 80%; background: none; border: 1px solid #003c8d; outline: none; font-size: 13px; color: #333; }
 .ss #keyword::placeholder {
 color: #999;
 font-size: 12px;
}
/* APPLICATION 行业应用 */
.case { background: url(../image/cbd077d1bdc8aba9f0be2988845e1b2ef578ae01.jpg)no-repeat center; padding-top: 30px; padding-bottom: 76px; background-size: cover; }
.hotsearch { padding-bottom: 4vh; color: #666; }
.hotsearch a { color: #666; }
.hotsearch a:hover { color: #003c8d; }
.r1 a { padding-right: 5px; }
.bt .bt1 { text-align: center; font-size: 38px; line-height: 38px; color: #333; font-weight: 600; }
.bt .bt1 span { color: #003c8d; font-family: Arial; font-size: 40px; }
.bt .bt2 { text-align: center; font-size: 16px; color: #777; margin-top: 16px; }
.hy { display: flex; justify-content: space-between; margin-top: 64px; }
.hyl { width: 72.31%; }
.hyr { width: 27.69%; }
.hyl .tab2 img { width: 100%; }
.hyl .tab2 { position: relative; }
.hyl .tab2 .cnr { /* position: absolute; */
width: 100%;/* left: 5%;
    bottom: 0;
    height: 0;
    overflow: hidden;
    transition: all 0.5s; */
    /* margin: 0 auto; */
    /* padding: 0 5%; */
}
header { /* background: linear-gradient(to right, #154a9a 22.2%, #fff 22.2%); */
}
.daohangyu { display: flex; align-items: center; justify-content: space-between; }
.hyl .tab2 .cnr .p1 { color: #fff; border-left: 5px solid #fff; padding-left: 16px; font-size: 24px; line-height: 24px; font-weight: 600; position: absolute; width: 90%; left: 5%; bottom: 58px; height: 0; overflow: hidden; transition: all 0.5s; }
.hyl .tab2 .cnr .p2 { color: #fff; font-size: 14px; position: absolute; width: 90%; left: 5%; bottom: 20px; height: 0; overflow: hidden; transition: all 0.8s; }
.hyl .tab2.on .cnr .p1 { height: auto; bottom: 88px; }
.hyl .tab2.on .cnr .p2 { /* margin-top: 20px; */
height: auto; bottom: 44px; }
.hyr ul { height: 100%; background: #fff;/* display: flex;
    flex-direction: column;
    justify-content: space-evenly; */
}
.hyr ul li { height: calc(100% / 4); /* border-bottom: 1px solid #e6e7e7; */
padding: 0 25px; }
.hyr ul li .ll { height: 100%; display: flex; flex-direction: column; justify-content: center; border-bottom: 1px solid #e6e7e7; }
.hyl .tab2 { display: none; }
.hyr ul li:last-child .ll { border-bottom: none; }
.hyr ul li .div { /* padding-left: 104px; */
height: 71px; background: no-repeat top left; /* line-height: 71px; */
transition: all 0.5s;/* line-height: 71px; */
}
.hyr ul li .div a { display: block; }
.hyr ul li .div .s1 { display: block; width: 71px; height: 71px; margin-right: 37px; overflow: hidden; border-radius: 50%; background: #f7f7f7; }
.hyr ul li .div .hfa { width: 100%; height: 40px; margin-top: 15.5px; overflow: hidden; background: no-repeat top center; transition: all 0.5s; }
.hyr ul li.cur .div .hfa { background: no-repeat bottom center; }
.hyr ul li.cur { background: #003c8d;/* border-bottom: 1px solid #003c8d; */
}
.hyr ul li.cur .ll { border-bottom: 1px solid #003c8d; }
.hyr ul li .div .p1 { font-size: 22px; line-height: 22px; color: #333333; padding-top: 14px; }
.hyr ul li .div .p2 { font-size: 12px; color: #999999; margin-top: 9px; text-transform: uppercase; }
.hyr ul li.cur .p1, .hyr ul li.cur .p2 { color: #fff; }
.product { padding-top: 67px; padding-bottom: 85px; }
.picList li { width: 23.4%; margin-right: 28px; }
.pro .bd .tempWrap { width: 100% !important; }
.picList li { padding-right: 1px; }
.picList li .pimg { border: 1px solid #f5f5f5; /* transition: all 0.3s; */
position: relative; }
.picList li .pimg img { width: 100%; }
.picList li p { background: #f5f5f5; line-height: 53px; text-align: center; font-size: 16px; color: #666666; transition: all 0.3s; }
.picList li .pimg::before { content: ""; position: absolute; width: 1px; background: #003c8d; left: 0; bottom: 0; height: 0; transition: all 0.3s; }
.picList li:hover .pimg::before { content: ""; position: absolute; width: 1px; background: #003c8d; left: 0; bottom: 0; height: 100%;/* transition-delay: 300ms; */
}
.picList li .pimg .tbu { content: ""; position: absolute; width: 0; background: #003c8d; left: 0; top: 0; height: 1px; transition: all 0.3s; }
.picList li:hover .pimg .tbu { width: 100%; transition-delay: 300ms; }
.picList li .pimg .dbu { content: ""; position: absolute; width: 1px; background: #003c8d; right: 0; top: 0; height: 0; transition: all 0.3s; }
.picList li:hover .pimg .dbu { height: 100%; transition-delay: 600ms; }
.picList li .pimg::after { content: ""; position: absolute; width: 0; background: #003c8d; right: 0; bottom: 0; height: 1px; transition: all 0.3s; }
.picList li:hover .pimg::after { width: 100%; transition-delay: 900ms; }
/* .picList li:hover .pimg {
    border-top: 1px solid #003c8d;
    transition-delay: 300ms;
}

.picList li:hover .pimg {
    border-right: 1px solid #003c8d;
    transition-delay: 600ms;
}

.picList li:hover .pimg {
    border-bottom: 1px solid #003c8d;
    transition-delay: 900ms;
} */

.picList li:hover p { background: #003c8d; color: #fff; }
/*  */
.about { background: url(../image/.jpg)no-repeat center; background-attachment: fixed; }
.abb { /*background: rgba(0, 11, 25, 0.4);*/
padding-top: 121px; padding-bottom: 118px; }
.abl { width: 47.6%; }
.abl .p1 { font-size: 38px; line-height: 38px; font-weight: 600; color: #fff; }
.abl .p2 { font-size: 28px; line-height: 28px; color: #fff; margin-top: 24px; }
.abl .p3 { font-size: 16px; line-height: 30px; color: #fff; margin-top: 55px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.abl .p4 { display: block; border: 1px solid #fff; border-left: 4px solid #fff; width: 176px; line-height: 50px; text-align: center; color: #fff; font-size: 14px; margin-top: 58px; transition: all 0.3s; position: relative; }
.abl .p4::after { content: ""; display: block; background: #fff; position: absolute; width: 0; left: 0; height: 100%; top: 0; transition: all 0.3s; z-index: 1; }
.abl .p4:hover:after { width: 100%; }
.abl .p4 span { position: relative; transition: all 0.2s; z-index: 2; }
.abl .p4:hover span { color: #003c8d; }
.abr { width: 45.65%; overflow: hidden; position: relative; }
.abr img { width: 100%; }
/* .abr img {
    transition: all 0.8s;
    width: 100%;
}

.abr:hover img {
    transition: all 0.8s;
    transform: scale(1.05);
} */

.abr .bf { position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; cursor: pointer; }
.pulse { position: absolute; top: 50%; left: 50%; z-index: 1; margin-top: -70px; margin-left: -70px; width: 140px; height: 140px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #fff; /*! box-shadow:1px 1px 20px #b90000;*/
opacity: 0; -webkit-animation: warn 2s ease-out 1s; -moz-animation: warn 12 ease-out 1s; animation: warn 2s ease-out 1s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; transform: scale(0); }
.pulse1 { position: absolute; top: 50%; left: 50%; z-index: 1; margin-top: -70px; margin-left: -70px; width: 140px; height: 140px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #fff; /*! box-shadow:1px 1px 20px #b90000;*/
opacity: 0; -webkit-animation: warn 2s ease-out; -moz-animation: warn 2s ease-out; animation: warn 2s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; transform: scale(0); }
 @keyframes warn {
 0% {
 transform: scale(0.3);
 -webkit-transform: scale(0.3);
 opacity: 0.0;
}
 25% {
 transform: scale(0.3);
 -webkit-transform: scale(0.3);
 opacity: 0.1;
}
 50% {
 transform: scale(0.5);
 -webkit-transform: scale(0.5);
 opacity: 0.3;
}
 75% {
 transform: scale(0.8);
 -webkit-transform: scale(0.8);
 opacity: 0.6;
}
 100% {
 transform: scale(1);
 -webkit-transform: scale(1);
 opacity: 0.0;
}
}
/* 新闻动态 */
.news { /* margin-top: 74px; */
    /* padding-bottom: 78px; */
}
.xw { margin-left: -18px; margin-right: -18px; margin-top: 64px; }
.xw1 { margin: 0 18px; }
.xw1 .nnr { border: 1px solid #e1e6f2; padding: 0 30px; padding-top: 34px; padding-bottom: 33px; }
.xw1 .nnr .p1 { font-size: 20px; line-height: 20px; color: #414141; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.3s; }
.xw1 .nnr .p2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14px; line-height: 26px; color: #666; margin-top: 20px; }
.xw1 .nnr .p3 { margin-top: 42px; border-top: 1px solid #e1e6f2; padding-top: 18px; font-size: 14px; line-height: 14px; color: #a8acb5; transition: all 0.3s; position: relative; }
.xw1 .nnr .p3::after { position: absolute; content: ""; display: block; width: 0; height: 1px; background: #003c8d; top: 0; left: 0; transition: all 0.3s; }
.xw1:hover .nnr .p3::after { width: 100%; }
.xw1 .nnr .p3 .s2 { font-family: "宋体"; font-weight: 600; }
.xw1:hover .nnr .p3, .xw1:hover .nnr .p1 { color: #003c8d; }
.xw1 .nimg { overflow: hidden; }
.xw1 .nimg img { transition: all 0.8s; width: 100%; }
.xw1:hover .nimg img { transition: all 0.8s; transform: scale(1.05); }
.nam { display: block; width: 166px; line-height: 48px; padding-left: 30px; padding-right: 30px; color: #fff; font-size: 14px; background: #003c8d; margin: 0 auto; margin-top: 80px; transition: all 0.5s; }
.nam span { display: block; background: url(../image/.png)no-repeat center right; }
.nam:hover { padding-right: 20px; padding-left: 20px; color: #fff; }
/* 尾部 */
footer { background: #222222; padding-top: 66px; padding-bottom: 60px; }
.dh { width: 60%; display: flex; justify-content: space-between; }
.d1 p { font-size: 16px; font-weight: 600; color: #fff; line-height: 16px; }
.d1 ul { margin-top: 33px; }
.d1 ul li { font-size: 14px; color: #999999; line-height: 14px; }
.d1 ul li+li { margin-top: 16px; }
.d1 ul li a { color: #999999; }
.d1 ul li a:hover { color: #fff; }
.area { font-size: 14px; line-height: 24px; color: #999999; }
.area p:nth-child(1) { font-size: 16px; line-height: 16px; font-weight: 600; color: #fff; margin-bottom: 14px; }
.area p:nth-child(5) { font-size: 16px; line-height: 16px; font-weight: 600; color: #fff; margin-top: 35px; margin-bottom: 12px; }
.fbl { width: calc(100% - 300px); }
.fbl a:hover { color: #fff; }
.fb2r { width: 286px; display: flex; justify-content: space-between; }
.fb2r div p { text-align: center; font-size: 14px; line-height: 16px; margin-top: 16px; color: #999999; }
.fbl .p1 { font-size: 21px; color: #0098de; line-height: 21px; padding-top: 20px; margin-bottom: 35px; }
.fb2 { margin-top: 50px; }
.fbl .p2 { font-size: 14px; line-height: 14px; color: #888888;/*margin-top: 35px;*/
}
.fbl .p2 a, .fbl .p3 a, .fbl .p4 a { color: #888888; transition: all .3s; }
.fbl .p2 a:hover, .fbl .p4 a:hover { color: #fff; }
.fbl .p3 { font-size: 14px; line-height: 26px; color: #888888; }
.fbl .p4 { font-size: 14px; line-height: 26px; color: #888888; }
.foot, .sjbq { display: none; }
.bd2 { display: none; }
.bd3 { display: none; }

@media (max-width: 1410px) {
.abl .p1 { font-size: 30px; line-height: 30px; font-weight: 600; color: #fff; }
.abl .p2 { font-size: 23px; line-height: 23px; color: #fff; margin-top: 15px; }
.abl .p3 { font-size: 14px; line-height: 25px; color: #fff; margin-top: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.bd1 { display: none; }
.bd2 { display: block; }
}

@media (max-width: 1200px) {
.yingyon_lo h4 { height: 130px; }
.x-about { width: 98%; }
.new-cfn ul li a { font-size: 14px; }
header { /* background: linear-gradient(to right, #154a9a 17.2%, #fff 17.2%); */
}
.x-menu>li { /* float: left; */
position: relative; margin: 0 1.2vw; line-height: 99px; font-size: 12px; }
.hyr ul li .div .s1 { width: 53px; height: 53px; margin-right: 4px; }
.hyr ul li .div .hfa { height: 26px; background-size: 50%; margin-top: 13.5px; }
.hyr ul li:nth-child(3) .div .hfa { background-size: 30%; }
.hyr ul li:nth-child(3).cur .div .hfa { background-size: 30%; }
.hyr ul li:nth-child(4) .div .hfa { background-size: 44%; }
.hyr ul li:nth-child(4).cur .div .hfa { background-size: 44%; }
.hyr ul li.cur .div .hfa { background: no-repeat bottom center; background-size: 50%; }
.hyr ul li .div .p1 { font-size: 18px; line-height: 18px; color: #333333; padding-top: 7px; }
.hyr ul li .div .p2 { font-size: 12px; color: #999999; margin-top: 3px; text-transform: uppercase; }
.hyr ul li.cur .p1,  .hyr ul li.cur .p2 { color: #fff; }
.abl .p4 { display: block; border: 1px solid #fff; border-left: 4px solid #fff; width: 149px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; margin-top: 18px; transition: all 0.3s; position: relative; }
.hyl .tab2.on .cnr .p2 { /* margin-top: 20px; */
height: auto; bottom: 28px; }
.bd2 { display: none; }
.bd3 { display: block; }
.qqhh .bd { width: 100% ! important; }
.qqhh .hd { width: 100% ! important; margin-top: 25px; }
.qqhh { flex-wrap: wrap; }
.qqhh .hd ul { display: block ! important; }
.qqhh .hd ul li { height: 100% ! important; padding-bottom: 25px; }
.qqhh { display: block ! important; }
.qqhh .hd ul li+li { margin-top: 20px; }
.snn { margin-top: 25px; }
}

@media (max-width: 990px) {
.page-product-detail-right { width: 100% ! important; }
.case-sort .text { padding: 30px 45px; }
.case-sort .on .text { padding: 30px 45px; }
.case-sort .text .intro { margin-top: 20px; }
header { /* display: none; */
}
.x-banner,  .page-banner { /* margin-top: 60px; */
}
.hyr ul li .div .s1 { margin-right: 14px; }
.hyl { width: 100%; }
.hy { display: block; }
.hyr { width: 100%; }
.hyr ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.hyr ul li { width: 50%; }
.hyr ul li .ll { padding: 15px 0; }
.hyr ul li .ll:nth-child(3) { border-bottom: none; }
.hyr ul li .div { background: no-repeat top left; background-size: 15%; }
.hyr ul li.cur .div { background: no-repeat bottom left; background-size: 15%; }
.hyr ul li .div { height: 46px; }
.picList li p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.foot,  .sjbq { display: block; }
.foot { background: #1e1d2d; color: #bcbbbe; padding: 0 15px; padding-top: 20px; padding-bottom: 15px;/* margin-top: 30px; */
}
.fw { width: 95%; margin: 0 auto; }
.fw .du .dul .p1 span { margin-right: 30px; }
.fw .du .dul .sec li { padding-left: 10px; margin-bottom: 8px; }
.fw .du .dul .sec { display: none; }
.fw .du .dul .sec a { color: #939090; font-size: 12px; }
.fw .du .dul p { border-bottom: 1px solid #7a7a7a; line-height: 40px; }
.fw .du { font-size: 14px; }
.sjbq { font-size: 12px; color: #bcbbbe; padding-top: 5px; }
.sjbq a { color: #bcbbbe; }
}

@media (max-width: 768px) {
.case-sort li { padding: 0 0 20px; margin: 30px 0; }
.case-sort .text h3 { font-size: 22px; }
.case-sort .text .intro { font-size: 15px; margin-top: 10px; }
.case-sort .text { padding: 20px 30px; }
/* .about {
        background-size: cover;
    } */

.abr,  .abl { float: none; width: 100%; }
.abl { margin-top: 30px; }
}

@media (max-width: 600px) {
.bt .bt1 { font-size: 25px; line-height: 25px; }
.bt .bt1 span { font-size: 28px; }
.bt .bt2 { text-align: center; font-size: 14px; color: #777; margin-top: 8px; }
.case { padding-top: 40px; padding-bottom: 45px; }
.hy { margin-top: 16px; }
.hyl .tab2 .cnr { bottom: 5px; }
.hyl .tab2 .cnr .p2 { color: #fff; margin-top: 10px; font-size: 12px; }
.hyl .tab2.on .cnr { bottom: 5px; }
.hyr ul li { width: 100%; }
.hyr ul li .div { height: 44px; }
.hyl .tab2 .cnr .p1 { font-size: 18px; line-height: 18px; }
.picList li { width: 48%; }
.product { padding-top: 40px; padding-bottom: 40px; }
.picList li p { font-size: 12px; line-height: 38px; }
.about .abb { padding-top: 40px; padding-bottom: 40px; }
.abl .p1 { font-size: 23px; line-height: 23px; font-weight: 600; color: #fff; }
.abl .p2 { font-size: 18px; line-height: 18px; color: #fff; margin-top: 9px; }
.abl .p3 { font-size: 12px; line-height: 24px; color: #fff; margin-top: 9px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
.abl .p4 { width: 130px; line-height: 35px; }
.news { padding: 30px 0; padding-bottom: 40px;/* padding: 30px; */
}
.xw { margin-top: 20px; }
.nam { margin-top: 22px; }
.abr { display: none; }
.abl { margin-top: 0; }
.nam { display: block; width: 133px; line-height: 40px; padding-left: 15px; padding-right: 15px; color: #fff; font-size: 14px; background: #003c8d; margin: 0 auto; margin-top: 22px; transition: all 0.5s; }
.hyl .tab2.on .cnr .p1 { height: auto; bottom: 70px; }
}
.rnm { color: #999; }
.page-position .rnm a { font-size: 14px; color: #999; line-height: 74px; }
.page-position .rnm a:hover { color: #003c8d; }
.video { display: none; position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); }
.video-close { position: absolute; left: 100%; top: 0; padding: 10px; width: 32px; height: 32px; cursor: pointer; background: #fff url(../image/42e6b311958c7167b352ae58b9ead734612cb12d.png) no-repeat center; }
.video-inner { position: fixed; top: 50%; left: 15%; margin-top: -287px; /* margin-left: -512px; */
width: 70%; height: 574px; background: #000; }
.video video { display: block; width: 100%; height: 574px; margin: 0 auto; outline: none; }
.shuiy { position: relative; }
.page-product-detail-right { width: 50%; float: right; }
.page-product-detail-right > h1 { font-size: 28px; color: #0d0d0d; margin: 1vw 0; }
.page-product-detail-right .page-product-content { /*margin:2vw 0 0;*/
color: #666; }
.page-product-content .tit { font-size: 18px; color: #333; line-height: 2; position: relative; padding-bottom: 5px; }
.page-product-content .tit:after { position: absolute; width: 15px; height: 1px; background: rgba(0,0,0,.8); content: ""; left: 0; bottom: 0; transition: all 0.3s; }
.page-product-content .con1 { /*padding:1vw 0 1.5vw;*/
font-size: 16px; color: #666; line-height: 2; }
.page-product-content .page-pro-box:hover .tit:after { width: 70px; }
.page-product-inquiry { font-size: 0; margin-top: .5vw; }
.page-product-inquiry a { font-size: 16px; color: #ffffff; display: inline-block; /* width: 152px; */
  /* height: 60px; */
vertical-align: top; }
.page-product-inquiry .in1 { background: url(../image/4cf6df190c1b9299a08182b7e4b586327a29a1d6.png) no-repeat 30px 50% #282828; padding-left: 60px; line-height: 60px; }
.page-product-inquiry .in2 { background: url(../image/0b4981871eda54322b2873a20e36f3bc46a3bc4a.png) no-repeat 15px 50% #eee; padding: 10px 0 0 45px; color: #333; margin-left: 22px; }
.page-product-inquiry .in2 p { font-size: 13px; }
.page-product-inquiry .in1:hover { opacity: .9; }
.hzhb { /*display: flex;*/
    /*justify-content: space-between;*/
    /*flex-wrap: wrap;*/
}
.hzhb div { width: calc(100% / 6); /*margin-top: 25px;*/
    /*padding: 20px 0;*/
float: left; /*border: 1px solid  #eee;*/
overflow: hidden; }
.hzhb div img { transition: all 0.8s; width: 100%; }
.hzhb div:hover img { transition: all 0.8s; transform: scale(1.05); }
.nz { width: 71%; }
.nzz { width: 74%; margin-top: 3%; }
.nz a { display: block; }
.nzy { width: 16%; margin-top: 5%; }
.ny { width: 25%; overflow: hidden; }
.ny img { transition: all 0.8s; width: 100%; }
.xypg-news-list li:hover .ny img { transition: all 0.8s; transform: scale(1.05); }
.nzy { border-left: 1px solid #eee; }
.nzy .p1 { color: #777777;  font-size: calc(12px + 24 * 100vw / 1920);
}
.nzy .p2 { color: #777777;  font-size: calc(12px + 6 * 100vw / 1920);
}

@media (max-width: 600px) {
.hzhb div { width: 33.33%; }
.message .x-message-wrap .checkCodeImg .sss { display: none ! important; }
.qqhh .hd ul li { padding-left: 15px ! important; }
.nz, .nzz { width: 100%; }
.nzz { margin-top: 0; }
.ny, .nzy { display: none; }
}
.xypg-news-list li .detail-info-numbers { float: left; position: relative; padding-left: 25px; }
.xypg-news-list li i { position: absolute; width: 20px; height: 20px; top: calc(50% - 10px); left: 0; }
.xypg-news-list li .detail-info-numbers i:after { opacity: .5; background-position: 0 -330px; }
.xypg-news-list li .detail-info-numbers { color: #999; margin-top: 20px; }
.qqhh { display: flex; justify-content: space-between; margin-top: 39px; }
.qqhh .bd { width: 63% }
.qqhh .hd { width: 35.5% }
/*.qqhh .bd ul{*/
/*    border: 1px solid  #eee;*/
/*}*/
.page-tools { width: 545px ! important; }
.qqhh .hd ul { height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.qqhh .hd ul li { height: 48%; background: #f2f2f2; padding-top: 40px; padding-left: 40px; transition: all 0.3s; }
.qqhh .hd ul li .p1 { font-size: 22px; line-height: 22px; color: #333; transition: all 0.3s; }
.qqhh .hd ul li .p2 { font-size: 16px; line-height: 32px; color: #666; margin-top: 20px; transition: all 0.3s; }
.qqhh .hd ul li.on { background: #003c8d; }
.qqhh .hd ul li.on .p1, .qqhh .hd ul li.on .p2 { color: #fff; }
.message .x-message-wrap { margin-right: 0; margin-left: 0; }
.message { margin-top: 102px; }
.message .x-message-wrap input[type='text'], .message .x-message-wrap textarea { border: none; height: 70px; color: #999; font-size: 16px; background: #f2f2f2; padding-left: 20px; }
.message .x-message-wrap input::placeholder, .message .x-message-wrap textarea::placeholder {
 color: #999;
}
.message .x-message-wrap textarea { height: 227px; padding-top: 20px; }
.message .x-message-wrap #checkcode { width: 23%; margin-right: 2.6%; }
.message .x-message-wrap .checkCodeImg { width: 23%; margin-right: 2.6%; text-align: left; background: none; margin-top: 14px; }
.message .x-message-wrap .x-submit { width: 23%; margin-right: 2.6%; float: left; height: 70px; font-size: 18px; background: #003c8d; border-radius: 5px; }
.chongzhi { width: 23%; text-align: center; float: left; height: 70px; font-size: 18px; border-radius: 5px; background: #2d323b; color: #fff; cursor: pointer; border: none; outline: none; -webkit-transition: all .5s ease; transition: all .5s ease; }
.message .row { margin-bottom: 30px; }
.message .x-message-wrap .checkCodeImg img { float: left; }
.message .x-message-wrap .checkCodeImg .sss { line-height: 29px; width: 101px; color: #999; float: left; font-size: 16px; font-style: normal; margin-left: 10px; display: block;/*margin-top: 14px;*/
}
.message { margin-bottom: 70px; }
.tulist img { max-width: 100% !important; height: auto !important; margin-bottom: 10px; }
.zztitle { line-height: 56px; background: #f1f1f1; font-size: 20px; padding-left: 46px; font-weight: 600; position: relative; }
.zztitle:before { position: absolute; left: 20px; top: 22px; content: ""; width: 10px; height: 10px; background: #003c8d; }
.ckam { font-size: 16px; line-height: 48px; margin-top: 48px; color: #666; transition: all 0.3s; width: 160px; border: 1px solid #333; text-align: center; transition: all .3s; }
.ckam:hover { color: #003c8d; }
.bab { margin-bottom: 60px; padding-top: 30px; }
.xypg-detail-tags .tags-title .baidu-share { display: none }
.page-wrap-right img { max-width: 100%; height: auto; }
/*内页左侧样式*/

.page-product-inquiry a { color: #fff; }
.lier {/* display:none; */ }
.sousuo { position: absolute; right: 0; top: 50%; width: 30%; z-index: 999; transform: translateY(-50%); }
.sousuo #keyword { line-height: 40px; width: 100%; background: none; border: none; outline: none; color: #5a5a5a; float: right; font-size: 14px; text-indent: 20px; padding: 0; border: 1px solid #e5e5e5; border-radius: 10px; }
.sousuo .fl { width: 28%; line-height: 32px; border: none; background-color: #005bac; color: #ffffff; font-size: 12px; }
.sousuo .fls { letter-spacing: 15px; }
.sousuo #search_button { position: absolute; right: 0; top: 0; /* background: red; */
margin-top: 0; width: 54px; background: url(../images/so.png); border: 1px solid #ffffff; height: 43px; }
.gjca { float: left; }

@media (max-width: 980px) {
.mk_title { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.mk_title .dinwenl { position: relative; text-align: left; width: 100%; margin-right: 0; }
.dinwenl p { font-size: 26px; font-weight: bold; text-transform: uppercase; color: #f3f6fd; -webkit-text-stroke: 2px #c2d0e4; }
.suibian .yt-title h3 { font-size: 20px; letter-spacing: 0; color: #000; font-weight: bold; text-transform: uppercase; }
.hu_ko ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.hu_ko ul li { width: 50%; text-align: center; margin-bottom: 17px; }
.new-cfn { margin-top: 25px; display: flex; justify-content: space-between; WIDTH: 100%; }
.new-cfn ul li { position: relative; border-radius: 0; overflow: hidden; margin: 0px 1%; width: 46%; margin-bottom: 10px; text-align: center; }
.miuwawa { padding: 30px 10px; }
.miuwawa .dinwenl h2 { font-size: 20px; margin: 20px 0; }
.miuwawa .dinwenl h3 { font-size: 17px; font-weight: bold; line-height: 1.5; color: #0f62a8; }
.litr_auto { display: flex; justify-content: space-between; flex-wrap: wrap; }
.yingyon_lo h2 { font-size: 20px; padding: 20px 0; color: #fff; font-weight: bold; }
.vp_uy1 { padding: 30px 10px; }
.yt-title h3 { font-size: 20px; margin: 10px 0; }
.nav_ikr ul li { width: 50%; padding: 10px; text-align: center; border-right: none; }
.nav_ikr ul li a { font-size: 15px; color: #171813; padding: 10px 0; position: relative; border-radius: 10px; }
.lier ul li { width: 100%; text-align: center; background: #fff; margin-bottom: 2%; transition: all .4s ease-in-out; border-radius: 10px; overflow: hidden; margin-bottom: 5%; }
.aboutusrt_noe { padding-top: 0; background: #f7f9fa; }
.x-about { width: 100%; }
.x-about-left { padding: 10px; margin-top: 0; }
.aboutusrt { padding: 0 0 30px 0; }
.c1 { background: #fff; padding-top: 30px; text-align: center; padding-bottom: 30px; }
.index_tab { display: flex; justify-content: space-between; margin-top: 50px; flex-wrap: wrap; }
.cpfl { width: 100%; margin-bottom: 4%; }
.tab-con { width: 100%; background: url(../images/c3.png); background-size: 100% 100%; padding: 20px; }
.taba li .a { align-items: center; display: flex; justify-content: center; flex-wrap: wrap; }
.taba li .a .imgwz { /* margin: 20px 0 0; */
width: 100%; text-align: left; margin-right: 0; padding: 15px; }
.taba li .a .imgwz p { font-size: 14px; color: #fff; font-family: Arial; text-transform: uppercase; font-weight: bold; line-height: 1.8; }
.magei h3 { font-size: 20px; font-weight: bold; margin-bottom: 20px; }
.magei p { font-size: 14px; line-height: 1.8; font-weight: bold; }
.new-cfn ul li a { display: block; font-size: 18px; color: #8b93a2; /* padding-left: 30px; */
line-height: initial; padding: 12px 15px; border-bottom: 0; overflow: hidden; font-weight: bold; }
.new-cfn ul { justify-content: space-between; }
.duixin { flex-wrap: wrap; }
.new-top { float: left; width: 100%;/* background: #fff; */
}
.new-top ul { flex-wrap: wrap; }
.new-list ul li { padding: 0; background: #fff; width: 100%; margin: 0 0 3%; }
.new-list ul li a h3 { font-size: 18px; color: #333; line-height: 1.5; font-weight: bold; transition: all .3s ease; }
.onk { width: 100%; padding: 15px; background: #fff; }
.news .text h3 { /* color: #333; */
font-size: 18px; line-height: 1.6; }
.new-warp ul.onk li.slick h3 { font-size: 15px; }
.foot-left img { max-width: 100%; }
.wss { padding: 3% 10px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.foot-left { width: 100%; float: left; }
.foot-right { margin-top: 15px; float: right; width: 100%; display: flex; justify-content: flex-start; display: none; }
.fr-ewm { margin-top: 0; /* width: 26%; */
margin-left: 0; }
.foot_nav { overflow: hidden; display: flex; justify-content: space-between; flex-wrap: wrap; }
.foot_nav li { float: left; width: 47%; padding: 5px; }
.foot_nav li a { /* color: #333; */
font-size: 14px; }
.hm-footer { position: relative; /* background: #fff; */
padding: 0 10px; }
.lie_ds ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.lie_ds ul li { display: flex; width: 100%; align-items: center; border-right: none; margin-right: 5%; padding: 15px 0; }
.lie_ds ul li h3 { font-size: 15px; margin-bottom: 10px; font-weight: bold; }
.lie_ds ul li p { font-size: 15px; font-weight: bold; color: #0f62a8; }
.fl-left { width: 100%; float: left; /* color: #333; */
font-size: 14px; }
.fl-right { float: left; color: #fff; line-height: 20px; }
.lie_ds { margin-top: 20px; padding: 0 30px; margin-bottom: 30px; box-shadow: 0 0 15px 0 #ddd; border-radius: 20px; width: 100%; background: #fff; }
.xiojie p { font-size: 17px; font-weight: 700; color: #104a9c; margin: 20px 0 0; }
.index_tab { padding: 0; }
.index_tab .swiper-button-next, .index_tab .swiper-button-prev { position: absolute; display: none; }
.tab-content { padding: 0; }
.tab-content-wrap .swiper-button-next, .tab-content-wrap .swiper-button-prev { display: none; }
}