body {
     font-family: Arial, sans-serif;
     background: #ffffff;
     margin: 0 auto;
     padding: 0;
     color: #666666;
     zoom: 1;
     font-size: 15px;
}

body:lang(cn) {
     font-family: "Microsoft YaHei", sans-serif;
     background: #ffffff;
     margin: 0 auto;
     padding: 0;
     color: #666666;
     zoom: 1;
     font-size: 15px;
}

body:lang(en) {
     font-family: Arial, sans-serif;
     background: #ffffff;
     margin: 0 auto;
     padding: 0;
     color: #666666;
     zoom: 1;
     font-size: 15px;
}

input,
textarea,
button {
     font: Arial, sans-serif;
}

@font-face {
     font-family: "iconfont";
     src: url('../fonts/iconfont.eot');
     src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/iconfont.svg#iconfont') format('svg'),
          url('../fonts/iconfont.woff') format('woff'),
          url('../fonts/iconfont.woff2') format('woff2'),
          url('../fonts/iconfont.ttf') format('truetype');
}

@font-face {
     font-family: "iconfont";
     src: url('../fonts/iconfont2.eot');
     src: url('../fonts/iconfont2.eot?#iefix') format('embedded-opentype'),
          url('../fonts/iconfont2.svg#iconfont2') format('svg'),
          url('../fonts/iconfont2.woff') format('woff'),
          url('../fonts/iconfont2.woff2') format('woff2'),
          url('../fonts/iconfont2.ttf') format('truetype');
}

[class^="icon_"],
[class*=" icon_"] {
     /* use !important to prevent issues with browser extensions that change fonts */
     font-family: 'iconfont' !important;
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;

     /* Better Font Rendering =========== */
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}

.icon_link:before {
     content: "\f010b"
}

.icon_tel:before {
     content: "\e61b"
}

.icon_ar_left:before {
     content: "\e6f4"
}

.icon_ar_right:before {
     content: "\e6f5"
}

.icon_ar_up:before {
     content: "\e6f6"
}

.icon_ar_down:before {
     content: "\e6f7"
}

.icon_arr_d:before {
     content: "\e606"
}

.icon_arr_u:before {
     content: "\e60f"
}

.icon_arr_l:before {
     content: "\e609"
}

.icon_arr_r:before {
     content: "\e60c"
}

.icon_tri_d:before {
     content: "\e60d"
}

.icon_tri_u:before {
     content: "\e610"
}

.icon_tri_r:before {
     content: "\e611"
}

.icon_tri_l:before {
     content: "\e612"
}

.icon_s_d:before {
     content: "\e6c1"
}

.icon_s_l:before {
     content: "\e6c2"
}

.icon_s_u:before {
     content: "\e6c3"
}

.icon_s_r:before {
     content: "\e6c4"
}

.icon_weixin:before {
     content: "\e631"
}

.icon_location1:before {
     content: "\e640"
}

.icon_fax:before {
     content: "\e643"
}

.icon_info:before {
     content: "\e6df"
}

.icon_add:before {
     content: "\e602"
}

.icon_eye:before {
     content: "\e608"
}

.icon_net:before {
     content: "\e60a"
}

.icon_search:before {
     content: "\e638"
}

.icon_email:before {
     content: "\e60e"
}

.icon_back:before {
     content: "\e60b"
}

.icon_location2:before {
     content: "\e66a"
}

.icon_close:before {
     content: "\e628"
}

.icon_home:before {
     content: "\e61a"
}

.icon_tel2:before {
     content: "\e660"
}

.icon_qq2:before {
     content: "\e603"
}

.icon_ewma:before {
     content: "\e646"
}

* {
     font-style: normal;
     outline: none;
     word-break: break-all;
}

html:lang(ja) {
     font-family: "NotoSans", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif;
}

html:lang(ja) input,
html:lang(ja) textarea,
html:lang(ja) select,
html:lang(ja) button {
     font-family: "NotoSans", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif;
}

html:lang(en) {
     font-family: "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif;
}

html:lang(en) input,
html:lang(en) textarea,
html:lang(en) select,
html:lang(en) button {
     font-family: "NotoSans", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif;
}

article,
aside,
dialog,
figure,
footer,
header,
menu,
nav,
section,
dd {
     display: block
}

dd,
div,
dl,
dt,
footer,
form,
header,
li,
nav,
ol,
section,
ul {
     margin: 0;
     padding: 0;
     list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
     margin: 0;
     padding: 0;
     word-break: break-word;
}

input,
select,
textarea {
     -webkit-border-radius: 0;
     border-radius: 0
}

button,
input,
input:focus,
select,
textarea {
     outline: 0
}

textarea {
     resize: none
}

input,
select,
textarea {
     margin: 0;
     padding: 0;
     border: none;
     background: none
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
     display: block
}

figcaption,
figure {
     margin: 0;
     padding: 0
}

audio,
canvas,
progress,
video {
     display: inline-block;
     vertical-align: baseline
}

img {
     max-width: 100%;
     border: none;
     border: 0;
     vertical-align: middle;
}

a {
     color: #282828;
     text-decoration: none;
     noline: -webkit-tap-highlight-color:transparent;
     transition: all 0.5s;
     cursor: pointer;
}

a:hover {
     outline: 0;
     text-decoration: none;
     color: #1a58ab;
}

::-webkit-scrollbar {
     width: 7px;
     height: 7px;
     background-color: #F5F5F5
}

::-webkit-scrollbar-track {
     border-radius: 10px;
     background: #fff
}

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

.clear::before,
.clear::after {
     content: "";
     display: block;
     line-height: 0;
     height: 0;
     visibility: hidden;
     clear: both;
}

.overhidden {
     overflow: hidden;
}

.tc {
     text-align: center;
}

.tr {
     text-align: right;
}

.ac {
     align-items: center;
}

.al {
     align-items: left;
}

.jc {
     justify-content: center;
}

.ud {
     flex-direction: column;
}

.ur {
     flex-direction: row-reverse;
}

.big_en {
     text-transform: uppercase;
}

.tb_en {
     font-family: "TrumpGothicEast_bold";
}


.w50 {
     width: 50%;
}

.w40 {
     width: 40%;
}

.w30 {
     width: 30%;
}

.w25 {
     width: 25%;
}

.w60 {
     width: 60%;
}

.w80 {
     width: 80%;
}

.text_nowrap {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     padding-left: 5px;
     padding-right: 5px;
}

.show_pc {
     display: block;
}

.show_wap {
     display: none !important;
}

@media screen and (max-width: 1024px) {

     .w40,
     .w60,
     .w50 {
          width: 100%;
     }
}

@media screen and (max-width: 768px) {}

.b333 {
     background-color: #333333;
}

.bfff {
     background-color: #FFFFFF;
}

.bf1 {
     background-color: #f1f1f1;
}

.bf4 {
     background-color: #f4f4f4;
}

.bf7 {
     background-color: #f7f7f7;
}

.b000 {
     background-color: #2b2c2b;
}

.be9 {
     background-color: #e9e9e9;
}

.bed {
     background-color: #ededed;
}

.fade_blue {
     background-image: linear-gradient(#1c5aaa, #17447e);
}

.f18 {
     font-size: 18px;
}

.fbig {
     font-weight: bold;
}

.r90 {
     transform: rotate(90deg);
}

.r180 {
     transform: rotate(180deg);
}

.white {
     color: #ffffff !important;
}

.blue {
     color: #1c91e3;
}

.orange {
     color: #ebb642;
}

.mb30 {
     margin-bottom: 30px;
}

.mb60 {
     margin-bottom: 60px;
}

.positoncon {
     position: relative;
}

@media screen and (max-width: 1200px) {}

.lh2 {
     line-height: 2;
}

@media screen and (min-width: 1420px) {
     .main {
          max-width: 1430px;
          margin: 0 auto;
     }

     .mid {
          max-width: 1300px;
          margin: auto;
     }

     .mid_main {
          max-width: 60%;
          margin: 0 auto;
     }

     .setbox {
          position: relative;
          overflow: hidden;
          margin-top: -135px;
          z-index: 3;
     }

     .setbox.tl {
          border-top-left-radius: 170px 135px;
     }

     .setbox.tr {
          border-top-right-radius: 170px 135px;
     }

     .pb195 {
          padding-bottom: 195px;
          padding-top: 58px;
     }

     .pb135 {
          padding-bottom: 135px;
          padding-top: 58px;
     }
}

@media screen and (max-width: 1419px) {
     .main {
          max-width: 1200px;
          margin: 0 auto;
     }
}

/* page action */
/*.preloader_active {position:fixed;top:0;left:0;overflow:hidden;height:100vh;width:100vw;z-index:99999}
.preloader_active .preloader_holder {position:absolute;left:0;display:block;top:0;height:100%;width:100%;z-index:999999;}
.preloader_active .preloader_holder .preloader span {width:50px;height:50px;display:block;border-radius:50px;position:absolute;-webkit-animation:loadingCircles 1s infinite;-moz-animation:loadingCircles 1s infinite;animation:loadingCircles 1s infinite;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0;border: 3px #000 solid;}
.preloader_wrapper>.preloader>span:nth-child(2) {-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}
.preloader_wrapper>.preloader>span:nth-child(3) {-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}
.preloader_holder {display:none}
.preloader_open {position:fixed;background-color:transparent;z-index:9999;height:100%;width:100%;-webkit-transition:.2s all ease;-o-transition:.2s all ease;transition:.2s all ease;-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s;}
.preloader_open.loaded {opacity:0;visibility:hidden;}
.preloader_open.loaded:before,.preloader_open.loaded:after {width:0%}
.preloader_open:before,.preloader_open:after {content:"";position:absolute;height:100%;width:50%;-webkit-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;background: #fff;}
.preloader_open:before {top:0;left:0}
.preloader_open:after {bottom:0;right:0}
.preloader {height:100%;display: flex;justify-content: center;background: #fff;}*/



.con_box {
     padding: 40px 0;
}

.con_tit {
     text-align: center;
     padding-bottom: 30px;
     padding-top: 30px;
}

.con_tit .p1 {
     font-size: 27px;
     color: #000;
}

.con_tit .p2 {
     color: #787878;
     margin-top: 15px;
}

.con_tit .p3 {
     width: 34px;
     height: 3px;
     display: inline-block;
     background-color: #e4b70e;
}

.con_more {
     color: #444;
     border: 1px solid;
     border-color: #ccc;
     border-radius: 9px;
     padding: 9px 24px;
     display: inline-flex;
     justify-content: space-between;
     align-items: center;
}

.con_more span {
     margin-right: 19px;
}

.con_more i {
     color: #fff;
     border-radius: 50px;
     padding: 3px;
     background: #666;
     font-size: 12px;
     transition: all 0.5s;
}

.con_more:hover {
     color: #1c91e3;
     border-color: #1c91e3;
}

.con_more:hover i {
     /* color: #1c91e3; */
     background: #1c91e3;
}

.lr_tit {
     display: flex;
     justify-content: space-between;
     margin-bottom: 30px;
     align-items: center;
}

.lr_tit .tit {
     font-size: 27px;
     color: #444;
}

@media screen and (max-width: 1200px) {
     .lr_tit {
          padding: 0 15px
     }

     .lr_tit .tit {
          font-size: 18px;
     }

     .con_more {
          font-size: 12px;
          padding: 5px 10px;
     }
}

/* header */
header {
     width: 100%;
     z-index: 999;
     background: #fff;
     /* position: fixed; */
     /* top: 0; */
     /* left: 0; */
}

.head_bar {
     display: flex;
     justify-content: space-between;
     align-items: center;
}

.logo {
     display: inline-block;
     width: 210px;
}

.head_m {
     padding: 30px 0;
     overflow: hidden;
     display: flex;
     justify-content: space-between;
     align-items: center;
}

.tpl {
     display: flex;
     align-items: center;
}

.top_tit {
     border-left: 1px #c9c9c9 solid;
     padding-left: 18px;
     display: flex;
     flex-direction: column;
     height: 61px;
     justify-content: space-around;
}

.top_tit .p1 {
     font-size: 20px;
     color: #444444;
     font-weight: bold;
}

.top_tit .p2 {
     font-size: 15px;
     color: #686868;
}

.tpr {
     display: flex;
     align-items: center;
}

.top_tel {
     display: flex;
     align-items: center;
     justify-content: space-between;
}

.top_tel .p1 {
     font-size: 30px;
     color: #e4b70e;
     margin-right: 10px;
}

.top_tel .p2 {
     font-size: 23px;
     /* color:#ff6600; */
     font-weight: bold;
     background-image: linear-gradient(-27deg, #d4a44e, #f4d897);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
}

.lang {
     display: inline-flex;
     color: #fff;
     font-size: 16px;
     align-items: center;
     justify-content: space-between;
     cursor: pointer;
     width: 300px;
     margin-right: 33px;
}

.lang a {
     color: #25293d;
     display: flex;
     align-items: center;
}

.lang span {
     margin-left: 8px;
}

.lang a:hover {
     color: #1b56a1;
}

.banner_content {
     height: auto;
}

.nav {
     position: relative;
     z-index: 3;
     margin: 0px 60px;
}

.nav li {
     position: relative;
     /* margin: 8px 0; */
     line-height: 30px;
     display: inline-block;
}

.ni1 {
     display: block;
     margin: 0px 16px;
     padding: 26px 15px;
     color: #000;
     text-transform: uppercase;
     z-index: 2;
     position: relative;
     font-size: 16px;
     border-bottom: 3px solid #fff;
}

.ni1 i {
     font-size: 12px;
     margin-left: 6px;
}

.nav li.hover .ni1 {
     color: #1a58ab;
     font-weight:bold;
     border-bottom: 3px solid;
}

.nav li:hover .ni1 {
     color: #4fa2e7;
     border-bottom: 3px solid;
}

/* nav li.has_menu:hover .sub_nav{opacity: 0.8;visibility: visible;transform: rotateX(0deg);} */

.sub_nav {
     position: absolute;
     width: 150%;
     left: -25px;
     top: 80%;
     visibility: hidden;
     opacity: 0;
     background: #fff;
     justify-content: space-between;
     transition: all 0.8s;
     padding: 10px 0;
     border: 1px #eee solid;
     display: flex;
     z-index: 1;
     align-items: center;
     transform: rotateX(90deg);
     transform-origin: top left;
     flex-direction: column;
}

.sub_nav.hasimg {
     width: max-content;
     left: -222px;
     flex-direction: row;
}

.sb_img {
     width: 320px;
}

.sb_list {
     /* width: 260px; */
     padding: 0 15px;
     padding-left: 40px;
}

.sb_list .ni2 {
     padding-left: 36px;
}

.ni2 {
     margin-bottom: 15px;
     border-bottom: 1px #eee solid;
     padding-bottom: 15px;
     display: block;
     transition: all 0.5s;
     width: 100%;
}

.ni2:last-child {
     margin-bottom: 0;
     border-bottom: none;
     padding-bottom: 0;
}

.ni2:hover,
.ni2.hover {
     font-weight: bold;
}

.opmenu {
     display: flex;
     font-size: 1.5rem;
     width: 20px;
     margin-right: 10px;
     height: 20px;
     justify-content: space-between;
     flex-direction: column;
}

.opmenu span {
     width: 20px;
     height: 3px;
     background: #4fa2e7;
     display: block;
}

.top_search {
     text-align: center;
     display: flex;
}

.top_search .phone {
     color: #1a58ab;
     font-size: 20px;
     font-weight: bold;
     margin-left: 10px;
}

.head_block {
     height: 0;
}

@media screen and (max-width: 1024px) {
     .nav {
          position: fixed;
          flex-direction: column;
          background: #333;
          top: 0;
          right: -100%;
          height: 100%;
          line-height: 3;
          display: block;
          z-index: 999;
          margin: 0;
          width: auto;
     }

     .nav.open {
          right: 0;
     }

     .sub_nav {
          /* display: none; */
     }

     .logo {
          margin: 0;
          width: 140px;
     }

     .top_tel {
          display: none;
     }

     .close_menu {
          position: relative;
          right: 1rem;
          color: #fff;
     }

     .head_bar {
          /* padding: 1rem; */
     }

     header {
          /* position:fixed; */
          /* padding: 10px; */
          /* display: flex; */
          /* justify-content: space-between; */
          /* align-items: center; */
     }

     .nav li {
          border-bottom: #3e3e3e 1px solid;
          margin: 0;
          line-height: 35px;
          display: block;
     }

     .head_r .lang {
          display: flex;
          align-items: center;
          justify-content: space-around;
     }

     .ni1 {
          color: #fff;
          border: none;
          padding: 0 15px;
          border-radius: unset;
     }

     .lang {
          margin-left: 0
     }
}

.wline {
     width: 1rem;
     height: 0.2rem;
     display: inline-block;
}


/* footer */
.tong {
     padding: 30px 0;
}

.tong_tit {
     font-size: 16px;
     color: #000;
     position: relative;
     margin-bottom: 10px;
}

.tong_tit i {
     width: 100%;
     height: 1px;
     background-color: #000;
     position: absolute;
     top: 12px;
     left: 0;
     z-index: 1;
}

.tong_tit p {
     margin-left: 30px;
     background-color: #f5f5f5;
     display: inline-block;
     position: relative;
     z-index: 2;
}

.tong_list {
     display: flex;
     align-items: center;
}

.tong_list .tit {
     color: #000;
     border: 1px #cacbcb solid;
     padding: 8px;
     display: inline-block;
     width: 120px;
     line-height: 1;
     text-align: center;
}

.tong_list a {
     color: #585858;
     margin-left: 20px;
     transition: all 0.5s;
}

.tong_list a:hover {
     color: #2670d0;
}

footer {
     padding-top: 60px;
     background-color: #fff;
}

footer a:hover {
     opacity: 1;
     color: #000;
}

.ftop {
     display: flex;
     padding-bottom: 39px;
     justify-content: space-between;
}

.fdown {
     color: #555555;
     display: flex;
     justify-content: space-between;
     padding: 22px 0;
     align-items: center;
}

.fnav {
     overflow: hidden;
     display: flex;
     justify-content: space-between;
     /* margin-left: 90px; */
}

.fnav .tit {
     font-size: 15px;
     color: #000;
     text-transform: uppercase;
     margin-bottom: 19px;
}
.fnav .l {
     width: 26px;
     height: 3px;
     background-color: #1a58ab;
     display: inline-block;
     margin-bottom: 25px;
}
.fnav li {
     float: left;
     margin-right: 120px;
}

.fnav li.limit {
     max-width: 220px;
}

.fnav .ll {
     display: inline-block;
     margin: 24px 0px;
     width: 29px;
     height: 1px;
     background: #f0f0f0;
}

.fnav .bbar_l {
     margin-top: 15px;
     margin-bottom: 15px;
}

.ewm_con {
     display: flex;
     justify-content: space-between;
     padding-top: 30px;
}

.ewm {
     text-align: center;
     color: #7b7b7b;
     font-size: 13px;
}

.ewm p {
     margin-top: 16px;
}

.ewm:first-child {
     margin-right: 36px;
}

.ewm img {
     display: block;
     /* margin-bottom:30px; */
}

.fnav a {
     display: block;
     vertical-align: middle;
     transition: all 0.5s;
     line-height: 2;
     text-transform: capitalize;
     color: #777777;
}

.fnav a:hover,
.flink a:hover {
     color: #1c91e3;
}

.fnav .fc {
     text-transform: capitalize;
     color: #bababa;
     font-size: 13px;
     line-height: 2;
}

.fnav .fc p {
     margin-bottom: 10px;
     display: flex;
}

.fnav .fc i {
     margin-right: 4px;
     font-size: 18px;
     margin-top: 4px;
}

.fnav .fc p:nth-child(2) i {
     font-size: 17px;
}

.flink {
     margin-bottom: 20px;
     border-bottom: 1px solid;
     padding-bottom: 20px;
     font-size: 13px;
     color: #adbccf;
     display: flex;
     align-items: center;
}

.flink i {
     color: #adbccf;
     font-size: 23px;
}

.flink a {
     color: #adbccf;
     margin-left: 20px;
}

.flink span {
     color: #adbccf;
     margin-left: 5px;
}

.flogo {
     width: 337px;
}
.flogo .phone {
     color: #1a58ab;
     font-size: 24px;
     font-weight: bold;
     /* margin-left: 10px; */
     margin-top: 7px;
 }


@media screen and (max-width:768px) {
     footer {
          margin-top: 0;
          padding: 1rem;
     }

     .ftop,
     .flink,
     .tong {
          display: none;
     }

     .fdown {
          display: block;
          font-size: 12px;
     }

     .fdown dd {
          display: inline;
     }
}

.viewmore {
     overflow: hidden;
     padding: 0.5rem 2rem;
     border-radius: 1rem;
     color: #fff;
     font-size: 1.25rem;
     letter-spacing: 0.2rem;
     position: relative;
     z-index: 1;
     transition: all 0.5s;
     border: 1px solid;
}

.viewmore:after {
     width: 0;
     height: 100%;
     top: 50%;
     left: 50%;
     opacity: 0;
     -webkit-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
     border-radius: 1rem;
     content: '';
     position: absolute;
     z-index: -1;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}

.viewmore:hover {
     background: transparent;
     border-color: transparent;
}

.viewmore:hover::after {
     width: 100%;
     opacity: 1;
     background: #2449a0;
}

.readmore {
     color: #666;
}

.readmore:hover {
     color: #2449a0;
}

.readmore i {
     margin-right: 0.5rem
}


/* ------------------------------------------------------------------------------
   banner
-------------------------------------------------------------------------------*/
#home_banner {
     width: 100%;
     position: relative;
     overflow: hidden;
     /* margin-bottom: 20px; */
}

#home_banner li {
     float: left;
     background-position: center;
     background-size: cover;
     height: 780px;
}

#home_banner li img {
     display: block;
     width: 100%;
}

#home_banner .page_spot {
     position: absolute;
     bottom: 5%;
     left: 50%;
     margin-left: -30px;
     z-index: 99;
     display: inline-block;
}

#home_banner .page_spot span {
     /* width: 7px; */
     /* height: 7px; */
     /* border-radius: 50%; */
     /* margin: 2px; */
     /* display: inline-block; */
     cursor: pointer;
}

#home_banner .page_spot span.active {
     /* color: #3156c2; */
     background: #64b63e;
}

.banner_tit {
     color: #fff;
     position: relative;
     top: 230px;
     background: rgba(0, 0, 0, 0.3);
     padding: 50px;
     text-align: center;
     max-width: 877px;
     margin: auto;
}

.banner_tit .p1 {
     font-size: 35px;
     font-weight: bold;
     color: transparent;
     position: relative;
     margin-bottom: 12px;
     display: inline-block;
}

.banner_tit .p1 span {
  
     background-position: center;
     -webkit-background-clip: text;
     color: transparent;
     position: relative;
     z-index: 2;
}

.banner_tit .p1 i {
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0;
     top: 0;
     color: transparent;
     text-shadow: #0000009e 5px 5px 5px;
     z-index: 1;
}

.banner_tit .p2 {
     margin-bottom: 20px;
     font-size: 17px;
}

.banner_tit .p3 {
     background: #739d30;
     display: inline-flex;
     justify-content: space-around;
     align-items: center;
     padding: 12px 26px;
     width: 160px;
     text-transform: capitalize;
     font-size: 15px;
     transition: all 0.5s !important;
}

.banner_tit .p3 i {
     font-size: 21px;
}

.banner_tit .p3:hover {
     background: #000;
}

@media screen and (max-width: 1280px) {
     #home_banner {
          height: 240px;
          /* margin-bottom: 30px; */
     }

     #home_banner li img {
          display: none;
     }

     #home_banner li {
          background-size: cover;
          height: 240px;
          display: block;
          background-position: center;
     }
}

@media screen and (max-width: 768px) {
     #home_banner {
          height: 500px;
     }
}

@media screen and (max-width: 425px) {

     #home_banner,
     #home_banner a {
          height: auto;
     }

}

.page_banner {
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     height: 500px;
     position: relative;
}

.bannertxt {
     display: flex;
     align-items: center;
     height: 100%;
     position: relative;
}

.pb_tit {
     color: #fff;
     max-width: 229px;
     position: relative;
     left: 7%;
}

.pb_tit.c444 {
     color: #444444;
}

.pb_tit.c444 a {
     color: #444444;
}

.pb_tit .p1 {
     font-size: 30px;
     margin-bottom: 15px;
     text-transform: capitalize;
}

.pb_tit .p2 {
     margin-bottom: 50px;
     letter-spacing: 5px;
     font-weight: lighter;
     text-transform: uppercase;
}

.arr_down {
     border: 1px solid;
     color: #fff;
     border-radius: 50%;
     width: 34px;
     height: 34px;
     font-size: 16px;
     justify-content: center;
     overflow: hidden;
     display: inline-flex;
}

.arr_down i {
     animation: downico 1.5s ease-out infinite;
     position: relative;
     padding-top: 4px;
}

.banner_img {
     transition: transform 0.6s ease 0s;
     position: absolute;
     background-repeat: no-repeat;
     background-position: center center;
     height: 100%;
     width: 100%;
     background-size: cover;
     z-index: -1;
}

.page_banner:hover .banner_img {
     transform: scale(1.05, 1.05);
}

@media screen and (max-width: 1440px) {
     .page_banner {
          background-size: cover;
     }
}

@media screen and (max-width: 768px) {
     .page_banner {
          height: 300px;
          margin-bottom: 0;
     }

     .pb_tit {
          padding: 0 10px;
          display: none;
     }

     .pb_tit .p1 {
          font-size: 18px !important;
          margin-bottom: 2px;
     }

     .pb_tit .p2 {
          font-size: 12px;
     }
}

.position {
     position: relative;
     color: #5d5d5d;
     border-bottom: 1px #ddd solid;
}

.position .loc1 {
     display: inline-block;
     font-size: 25px;
     padding: 18px 0;
     color: #a1a1a1;
}

.position a {
     transition: color 0.3s;
     color: #4f4f4f;
}

.position a i {
     margin-left: 16px;
}

.position a:hover,
.position a.hover {
     color: #000000;
}

.position a,
.position span {
     display: inline-block;
     vertical-align: middle;
     text-transform: capitalize;
}

.position span {
     margin: 0 5px;
}

.position .main {
     position: relative;
}

.cattit {
     text-align: center;
     font-size: 32px;
     text-transform: uppercase;
     font-weight: bold;
     margin-bottom: 47px;
     color: #404247;
     display: flex;
     justify-content: center;
     align-items: center;
}

.cati {

     width: 32px;
     height: 28px;
     display: inline-block;
     margin-right: 15px;
}

.cattit span {
     margin-right: 12px;
}

.cat_r {
     display: flex;
     align-items: center;
     border-bottom: 1px #ddd solid;
     margin-bottom: 55px;
}

.cat_r.mb0 {
     margin-bottom: 0;
}

.cat_r a {
     border-bottom: 1px solid;
     border-color: #fff;
     font-size: 15px;
     color: #5a5655;
     padding: 30px 39px;
     background-color: #fff;
     text-align: center;
     margin-right: 20px;
     transition: all 0.5s;
}

.cat_r a:last-child {
     margin-right: 0;
}

.cat_r a:hover,
.cat_r a.hover {
     color: #1c91e3;
     border-color: #1c91e3;
}

.vcat {}

.innercon {
     padding: 50px 0;
     /* background: #f3f3f3; */
     margin-bottom: 60px;
}

.page_tit {
     text-align: center;
     margin-bottom: 30px;
}

.page_tit .p1 {
     color: #343434;
     font-size: 16px;
}

.page_tit .p2 {
     color: #8b8b8b;
}

.page_des {
     padding: 15px 5%;
     line-height: 2;
     background-color: #f5f5f5;
     margin-top: 50px;
}

.page_tit .p3 {
     display: inline-block;
     vertical-align: middle;
}

@media screen and (max-width: 768px) {
     .grayline {
          display: none;
     }

     .position {
          /* display:none; */
     }

     .page_des {
          /* padding:0; */
     }

     .innercon {
          padding: 30px 0;
     }

     .cat_r {
          display: flex;
          justify-content: space-between;
          /* line-height: 36px; */
          /* border-bottom: 1px #ddd solid; */
          flex-wrap: wrap;
          margin-bottom: 30px;
     }

     .cat_r a {
          margin: 0;
          margin-bottom: 10px;
          width: 46%;
          padding: 10px;
          border-bottom: 0;
     }

     .case .cat_r a {
          width: 100%;
     }

     .page_tit .p1 {
          font-size: 12px;
     }

     .page_tit .p2 {
          font-size: 12px;
     }

     .cattit {
          font-size: 18px;
          margin-bottom: 15px;
     }
}

/* ------------------------------------------------------------------------------
     habout
-------------------------------------------------------------------------------*/
.h_infoimgs {
     /* padding: 50px 26px; */
     position: relative;
     margin-bottom: 115px;
}

.haimgs {
     box-shadow: rgba(0, 0, 0, .3) 3px 3px 5px 0;
}

.line {
     position: absolute;
     width: 100%;
     height: 1px;
     background-color: #ddd;
     top: 71px;
     left: 0;
     z-index: 1;
}

.hai_con {
     /* margin: 0 50px; */
}

.hai_wap {
     height: auto;
}

.hai_arr {
     overflow: hidden;
     display: flex;
     justify-content: space-between;
     width: calc((100%) - 52px);
     position: absolute;
     top: calc((50%) + 10px);
     left: 26px;
     z-index: 1;
}

.hai_arr a {
     display: flex;
     color: #000000;
     font-size: 16px;
     width: 40px;
     height: 40px;
     transition: all 0.5s;
     cursor: pointer;
     align-items: center;
     justify-content: center;
     z-index: 9;
     background-image: linear-gradient(45deg, #e0bd80, #ffeec1, #e0bd80);
     border-radius: 50%;
}

.hai_arr a:hover {
     color: #17447e;
}

.hai_box {
     width: 25%;
     float: left;
     margin-right: 10px;
     box-shadow: #bdbdbd 2px 3px 5px 0;
     margin-bottom: 10px;
}

.hai_box:last-child {
     margin-right: 0;
}

@media screen and (max-width: 1200px) {
     .h_infoimgs {
          padding: 5%;
          margin-bottom: 0;
     }

     .hai_box {
          width: 50%
     }

     .line {
          top: 19%;
     }
}

/* ------------------------------------------------------------------------------
     hnews
-------------------------------------------------------------------------------*/
.h_news {
     padding: 50px 0;
     margin-bottom: 30px;
}

.hn_lr {
     display: flex;
     justify-content: space-between;
}

.hn_list1 {
     width: 494px;
     margin-right: 45px;
     flex-shrink: 0;
}

.hn_box1 {
     width: 100%;
}

.hn_box1 a {
     display: block;
     box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 5px 0;
}

.hn_img {
     position: relative;
     overflow: hidden;
}

.hn_img img {
     transform: scale(1);
     transition: all 0.5s;
     min-width: 100%;
}

.hn_info {
     padding: 38px 30px 44px;
     position: relative;
     background: #fff;
}

.hn_info .p1 {
     margin-bottom: 20px;
     display: flex;
     justify-content: space-between;
     align-items: center;
}

.hn_info .p2 {
     font-size: 16px;
     color: #333333;
     font-weight: bold;
}

.hn_info .p3 {
     color: #b6b6b6;
}

.hn_info .p4 {
     color: #737373;
}

.hn_box1:hover .re_img img {
     transform: scale(1.2);
}

.hn_info:before {
     content: "";
     position: absolute;
     bottom: -2px;
     left: 0;
     width: 100%;
     height: 2px;
     background: #848484;
     transition: all 0.5s;
}

.hn_box1:hover .hn_info:before {
     background: #1c91e3;
}

.hn_list2 {
     display: flex;
     justify-content: space-between;
}

.hn_box2 {
     width: 47%;
}

.hn_box2 a {
     display: block;
}

.hn_box2 .p1 {
     position: relative;
     overflow: hidden;
     box-shadow: rgba(0, 0, 0, 10%) 3px 3px 5px 0;
     margin-bottom: 23px;
}

.hn_box2 .p1 img {
     transform: scale(1);
     transition: all 0.5s;
     min-width: 100%;
}

.hn_box2 .p2 {
     font-size: 15px;
     color: #333333;
     font-weight: bold;
     padding: 0 27px;
     margin-bottom: 6px;
}

.hn_box2 .p3 {
     color: #969696;
     padding: 0 27px 20px;
}

.hn_box2:hover .p1 img {
     transform: scale(1.2);
}

.hn_box2:hover .p2 {
     color: #1c91e3;
}


.hn_list3 {}

.hn_box3 {
     display: flex;
     justify-content: space-between;
     border-top: 1px #bbb solid;
     padding: 18px 27px;
}

.hn_box3 .p1 {
     color: #6d6d6d;
}

.hn_box3 .p2 {
     color: #737373;
}

.hn_box3:last-child {
     padding-bottom: 0;
}

.hn_box3:hover .p1 {
     color: #1c91e3;
}


@media screen and (max-width:1366px) {}

@media screen and (max-width:1200px) {
     .hn_list1 {
          width: 100%;
          margin-right: 0;
     }

     .hn_lr {
          display: block;
     }
}

.hbigbg {
 
     height: 187px;
     background-attachment: fixed;
}

.h_rlist {
     margin: 0 -27px;
     overflow: hidden;
     padding-bottom: 50px;
}

@media screen and (max-width:1200px) {
     .h_rlist {
          margin: 0;
          padding: 0;
     }
}

/* ------------------------------------------------------------------------------
     hpro
-------------------------------------------------------------------------------*/
.hp_menu {
     position: relative;
     z-index: 999;
}

.hpm_con {
     position: absolute;
     width: 100%;
     /* height: 100%; */
     display: flex;
     top: 20px;
}

.hpm_l {
     width: 225px;
     background: rgba(255, 255, 255, 0.5);
     flex-shrink: 0;
     padding-top: 50px;
     padding-bottom: 30px;
     border-radius: 15px;
}

.hpm_l:hover {
     border-radius: 15px 0 0 15px;
}

.hpm_r {
     /* position:absolute; */
     background: #fff;
     width: 100%;
}

.hpi1 {
     display: block;
     margin-bottom: 19px;
}

.hpi1:last-child {
     margin-bottom: 0;
}

.hpi2 {
     padding: 23px 28px;
     padding-left: 60px;
     display: flex;
     justify-content: space-between;
     align-items: center;
     font-size: 15px;
     color: #292929;
}

.hpi2 i {
     opacity: 0;
     transition: all 0.5s;
     font-weight: bold;
     transform: translateX(-10px);
}

.hpi1:hover .hpi2,
.hpi1.hover .hpi2 {
     background-color: #fff;
     color: #1c91e3;
}

.hpi1:hover .hpi2 i,
.hpi1.hover .hpi2 i {
     opacity: 1;
     color: #000;
     transform: translateX(0);
}

.hpi1:hover .hpsub,
.hpi1.hover .hpsub {
     transform: rotateY(0)
}

.hpsub {
     padding: 50px;
     background: #fff;
     position: absolute;
     left: 225px;
     top: 0;
     transform: rotateY(90deg);
     transform-origin: top left;
     transition: all 0.5s;
     width: calc((100%) - 225px);
     height: 100%;
     border-radius: 0 15px 15px 0;
}


.hp_box {
     display: flex;
     width: 25%;
     float: left;
     justify-content: space-between;
     padding: 15px;
     align-items: center;
}

.hp_box .p1 {
     flex-shrink: 0;
}

.hp_box .p2 {
     width: 31%;
}

@media screen and (max-width: 1200px) {}

/* ------------------------------------------------------------------------------
     hvideo
-------------------------------------------------------------------------------*/
.hvideo {
     overflow: hidden;
     margin: 0 -4px;
     padding: 20px 0;
}

.hv_box {
     width: 16.66666666666666%;
     padding: 0 4px;
     float: left;
}

.hv_box a {
     display: block;
     box-shadow: #bdbdbd 2px 5px 5px 0;
}

.hv_box .p1 {
     position: relative;
     overflow: hidden;
}

.hv_box .p2 {
     position: absolute;
     left: 50%;
     top: 50%;
     font-size: 25px;
     color: #fefefe;
     border-radius: 50%;
     border: 2px solid;
     width: 66px;
     height: 66px;
     display: flex;
     justify-content: center;
     align-items: center;
     background-color: #303136;
     margin-top: -33px;
     margin-left: -33px;
     transition: all 0.5s;
}

.hv_box:hover .p2 {
     width: 100%;
     height: 100%;
     margin: 0;
     top: 0;
     left: 0;
     border-radius: 0;
     background-color: rgba(0, 0, 0, 0.3);
}

.hv_box .p3 {
     color: #5b5b5b;
     background-color: #f5f5f5;
     text-align: center;
     padding: 10px;
     font-weight: bold;
}

@media screen and (max-width: 1200px) {
     .hv_box {
          width: 33.333333%;
     }
}

/* ------------------------------------------------------------------------------
     happ
-------------------------------------------------------------------------------*/
.happ {
     padding-bottom: 30px;
}

.happ_box {
     width: 16.666666666666%;
     margin-right: 7px;
}

.happimg {}

.happdes {
     position: absolute;
     bottom: 0;
     opacity: 0;
     background: rgba(19, 66, 134, 0.6);
     color: #fff;
     transition: all 0.5s;
     width: 100%;
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
}

.happdes .p1 {
     margin-bottom: 15px;
}

.happdes .p2 {
     font-size: 12px;
}

.happ_box:hover .happdes {
     opacity: 1;
}

/* ------------------------------------------------------------------------------
     hcase
-------------------------------------------------------------------------------*/
.hcase {
     overflow: hidden;
     margin: 0 -8px;
     margin-bottom: 30px;
}

.hc_box {
     float: left;
     width: 33.333333%;
     padding: 0 8px;
     margin-bottom: 19px;
}

.hc_box a {
     display: block;
     position: relative;
     overflow: hidden;
     background-color: #f5f5f5;
     box-shadow: #d8d8d8 2px 5px 5px 0;
}

.hcimg {
     position: absolute;
     left: -100%;
     transition: all 0.5s;
     width: 100%;
     height: 100%;
     z-index: 1;
     background-size: cover;
     background-position: center;
}

.hctit {
     padding: 42px;
     padding-left: 82px;
     display: flex;
     align-items: center;
     position: relative;
     z-index: 2;
     transition: all 0.5s;
}

.hcico {
     width: 96px;
     height: 96px;
     border: 1px #ccc dashed;
     border-radius: 50%;
     background-position: center;
     background-repeat: no-repeat;
}

.hcdes {
     padding-left: 40px;
}

.hcdes .p1 {
     font-size: 16px;
     color: #4c4b4b;
     margin-bottom: 15px;
     max-width: 180px;
     height: 42px;
     transition: all 0.5s;
}

.hcdes .p2 {
     width: 25px;
     height: 2px;
     display: inline-block;
     background-color: #e5be08;
     transition: all 0.5s;
}

.hc_box:hover .hcimg {
     left: 0;
}

.hc_box:hover .hctit {
     background: rgba(19, 66, 134, 0.6);
}

.hc_box:hover .hcdes .p1 {
     color: #fff;
}

.hc_box:hover .hcdes .p2 {
     background-color: #fff;
}


@media screen and (max-width: 1200px) {
     .hctit {
          padding: 15px;
          display: block;
     }

     .hcdes {
          padding-left: 0;
          text-align: center;
     }

     .hcdes .p1 {
          height: 84px;
     }

     .hcico {
          margin-bottom: 10px;
     }

     .hcase {
          margin: 0;
          margin-bottom: 15px;
          display: flex;
          flex-wrap: wrap;
     }
}

/* ------------------------------------------------------------------------------
     pic_list
-------------------------------------------------------------------------------*/
.pic_list {
     overflow: hidden;
     margin: 0 -10px;
     margin-bottom: 30px;
}

.pic_box {
     float: left;
     width: 33.3333333%;
     padding: 13px;
     text-align: center;
}

.pic_box.biger {
     width: 33.333333%
}

.pic_box .tit {
     padding: 23px 10px 13px;
     font-size: 15px;
     color: #616161;
}

.pic_box .img_box {
     box-shadow: #b3b3b3 3px 3px 5px 0;
     overflow: hidden;
     max-width: 100%;
     transition: all 0.5s;
     position: relative;
}

.pic_box .img_box img {
     transform: scale(1);
     transition: all 0.5s;
     min-width: 100%;
}

.pic_box:hover .img_box img {
     transform: scale(1.1);
}

.modelTost {
     display: none;
     background: rgba(0, 0, 0, .5);
     z-index: 9999;
     width: 100%;
     height: 100%;
     position: fixed;
     top: 0;
     left: 0
}

.modelTostChile {
     width: 600px;
     margin-top: 30px;
     background-color: #fff;
     padding-bottom: 2.5%;
     position: absolute;
     top: 40%;
     left: 50%;
     transform: translate(-50%, -50%)
}

.modelTostChile p {
     font-size: 24px;
     padding: 3%
}

.modelClose {
     float: right;
     cursor: pointer
}

.modelimg {
     display: flex;
}

.modelimg img {
     display: flex;
}

@media screen and (max-width:768px) {

     .pic_box,
     .pic_box.biger {
          width: 50%;
     }

     .pic_list {
          margin: 0;
     }
}

/* ------------------------------------------------------------------------------
     about
-------------------------------------------------------------------------------*/
.about_top {
     background: #fff;
     display: flex;
     flex-direction: column;
     align-items: center;
     padding: 30px 0;
}

.about_top .img_box {
     margin-bottom: 30px;
}

.about_tit {
     font-size: 27px;
     color: #000;
     margin-bottom: 30px;
     text-transform: uppercase;
}

.about_des {
     color: #737373;
     line-height: 2;
     margin-bottom: 50px;
}

.about_lr {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding-bottom: 49px;
     position: relative;
}

.about_lr .img_box {
     position: relative;
     z-index: 2;
     /* box-shadow: rgba(0,0,0,.3) 3px 3px 5px 0; */
}

.about_lr .img_box img {
     position: relative;
     z-index: 2;
     box-shadow: #c5c5c5 3px 3px 5px 0;
}

.about_lr .des_box {
     max-width: 45%;
     padding: 50px 6%;
     z-index: 2;
}

.about_lr .eimgs {
     position: relative;
     z-index: 1;
     margin-right: 0;
     width: 922px;
}

.about_lr .cdes_box {
     max-width: 45%;
     padding: 50px 6%;
     z-index: 2;
}

.about_lr .cdes_box .tit {
     font-size: 27px;
     color: #000;
     margin-bottom: 30px;
     text-transform: uppercase;
}

.about_honor {
  
     padding: 50px 0;
     margin-bottom: 35px;
}

.about_honor .img_box img {
     box-shadow: unset;
}

.hhimgs {
     width: 573px;
}

.hhimgs li {
     transform: scale(0.8);
     width: 290px;
}

.hhimgs li.swiper-slide-prev {}

.hhimgs li.swiper-slide-next {}

.hhimgs li.swiper-slide-active {
     transform: scale(1);
     z-index: 2
}

.cl_box {
     display: flex;
     align-items: center;
     margin-bottom: 40px;
}

.cl_img {
     border: 1px #ccc solid;
     display: flex;
     align-items: center;
     justify-content: center;
     width: 53px;
     height: 53px;
     border-radius: 50%;
     flex-shrink: 0;
}

.cl_des {
     padding-left: 20px;
}

.cl_des .p1 {
     color: #1c91e3;
     font-size: 20px;
     margin-bottom: 15px;
}

.cl_des .p2 {
     color: #353535;
     font-size: 16px;
}


.num_box {
     display: flex;
     justify-content: space-between;
     align-items: center;
}

.num_box li {
     display: flex;
     flex-direction: column;
     align-items: center;
     color: #ccc;
}

.num_box li .p1 {
     font-size: 27px;
     color: #6a6a6a;
     margin-bottom: 10px;
}

.num_box li .p3 {
     font-size: 29px;
}

.num_box li .p2 {
     color: #737373;
}

@media screen and (min-width: 1201px) {
     .about_lr .bblock {
          background: #f6f6f6;
          position: absolute;
          right: 0;
          bottom: 0;
          width: calc((100%) - 128px);
          height: calc((100%) - 62px);
          z-index: 1;
     }

     .about_lr .edes_box {
          width: 608px;
          padding: 50px 6%;
          z-index: 2;
          position: absolute;
     }

     .about_lr .about1 {
          padding-top: 151px;
     }
}

@media screen and (max-width: 1200px) {
     .about_lr {
          display: block;
          padding: 0 15px;
          /* padding-top: 30px; */
          /* margin-bottom: 30px; */
     }

     .about_lr .des_box {
          max-width: unset;
          padding: 15px 0;
     }

     .about_des {
          line-height: 1.8;
     }

     .about_lr .block {
          display: none;
     }

     .about_lr .cdes_box {
          padding: 30px 0;
          max-width: 100%;
     }

     .about_lr .edes_box {
          padding: 30px;
     }

     .about_lr .eimgs {
          width: 100%;
     }
}

@media screen and (max-width: 768px) {

     .num_box li .p1,
     .num_box li .p3 {
          font-size: 16px;
     }

     .num_box li .p2 {
          font-size: 12px;
     }

}

@media screen and (max-width: 425px) {}

/* ------------------------------------------------------------------------------
     clients
-------------------------------------------------------------------------------*/
.infoimgs {
     margin: 0 50px;
}

.infoimgs_con {
     position: relative;
}

.infoimgs_con .block {
     position: absolute;
     width: 100%;
     height: 69%;
     border: 1px #ddd solid;
     top: 22px;
     left: 0;
     z-index: -1;
}

.ii_nav {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 19px;
     position: relative;
     z-index: 2;
}

.swipertab {
     cursor: pointer;
     border-radius: 0;
     color: #5e5e5e;
     padding: 9px 32px;
     margin-right: 33px;
     transition: all 0.5s;
     border-radius: 15px;
     font-size: 15px;
     border: 1px #ccc solid;
}

.swipertab:last-child {
     margin-right: 0;
}

.swipertab:hover,
.swipertab.active {
     border: 1px #1c91e3 solid;
}

.ii_con {
     height: auto;
}

.ii_list {
     height: auto;
     /* margin-bottom: 36px; */
}

.ii_list .swiper-wrapper {}

.ii_box {
     float: left;
     width: 25%;
     padding: 30px 15px;
     text-align: center;
     height: 50%;
}

.ii_box .img_box {
     box-shadow: #b3b3b3 0 3px 5px 0;
     overflow: hidden;
     max-width: 100%;
     transition: all 0.5s;
     position: relative;
}

.ii_box .img_box img {
     transform: scale(1);
     transition: all 0.5s;
}

.ii_box:hover .img_box img {
     transform: scale(1.1);
}

.postlist {
     margin: 0 -11px;
}

@media screen and (max-width: 768px) {
     .swipertab {
          padding: 5px 10px;
     }
}

/* ------------------------------------------------------------------------------
     clients
-------------------------------------------------------------------------------*/
.brands {
     border-bottom: 1px #ddd solid;
     margin-bottom: 50px;
     padding-bottom: 37px;
     overflow: hidden;
}


@media screen and (max-width: 768px) {}

/* ------------------------------------------------------------------------------
     service
-------------------------------------------------------------------------------*/
.service_cat {
     margin: 0 -12.5px;
     display: flex;
     margin-bottom: 50px;
}

.sc_box {
     width: 25%;
     padding: 0 12.5px;
     text-align: center;
     transition: all 0.5s;
}

.sc_box a {
     display: block;
     background: #f4f4f4;
     padding: 53px 0;
     border-radius: 15px;
     box-shadow: #e8e8e8 3px 3px 5px 0;
}

.sc_box .p1 {
     margin-bottom: 33px;
}

.sc_box .p2 {
     color: #424242;
     font-size: 18px;
     font-weight: bold;
     margin-bottom: 10px;
}

.sc_box .p3 {
     color: #8b8b8b;
     font-size: 15px;
}

.sc_box:hover {
     transform: translateY(-10px);
}

.sc_box:hover .p1 img {
     transform: rotate(360deg);
     transition: all 0.5s;
}

.sc_box:hover .p2 {
     color: #1c91e3;
}

@media screen and (min-width: 769px) {}

@media screen and (max-width: 768px) {
     .sc_box {
          width: 50%;
          margin-bottom: 25px;
     }

     .service_cat {
          margin: 0;
          flex-wrap: wrap;
     }
}

/* ------------------------------------------------------------------------------
     honor
-------------------------------------------------------------------------------*/
.honor_con {
    
     padding-top: 50px;
     padding-bottom: 1px;
}

.honor {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 50px;
}

.holist1 {
     position: relative;
     width: 386px;
     margin: 0;
     flex-shrink: 0;
     margin-right: 25px;
}

.hobimg {
     width: 560px;
     /* height: 441px; */
     float: left;
     margin: 0;
     text-align: center;
}

.hobimg img {
     display: block;
}

.hobimg .p1 {
     margin-bottom: 27px;
}

.hobimg .p2 {
     font-size: 16px;
     color: #535353;
     font-weight: bold;
}


.holist2 {
     width: 100%;
     height: 624px;
     margin: 0;
}

.holist2 .swiper-wrapper {
     height: 100%;
}

.hosimg {
     display: flex;
     width: 203px;
     height: 312px;
     padding: 13px 18px;
     flex-direction: column;
     text-align: center;
}

.hosimg.swiper-slide-thumb-active .p2 {
     color: #1c91e3;
}

.hosimg .p1 {
     margin-bottom: 23px;
}

.hosimg .p2 {
     font-size: 15px;
     color: #535353;
}

.honor_arr {
     display: flex;
     justify-content: space-between;
     width: 174px;
}

.honor_arr a {
     display: flex;
     width: 70px;
     height: 35px;
     color: #989898;
     border: 1px #989898 solid;
     font-size: 16px;
     transition: all 0.5s;
     cursor: pointer;
     align-items: center;
     justify-content: center;
     z-index: 9;
     border-radius: 10px;
}

.honor_arr a:hover {
     color: #1c91e3;
     border: 1px #1c91e3 solid;
     transform: translateY(-3px);
}

@media screen and (max-width: 1200px) {}

/* ------------------------------------------------------------------------------
     contact
-------------------------------------------------------------------------------*/
.cftop {
     display: flex;
     justify-content: space-between;
     align-items: baseline;
     margin-bottom: 50px;
}

.cft_con {
     width: 50%;
}

.cft_tit {
     margin-bottom: 30px;
}

.cft_tit .p1 {
     font-size: 20px;
     color: #484848;
     margin-bottom: 15px;
}

.cft_tit .p2 {
     width: 25px;
     height: 1px;
     background-color: #484848;
}

.ci_des {}

.ci_des p {
     display: flex;
     align-items: center;
     margin-bottom: 17px;
}

.ci_des p:last-child {
     margin-bottom: 0;
}

.ci_des i {
     display: inline-flex;
     justify-content: center;
     align-items: center;
     width: 30px;
     height: 30px;
     border-radius: 50%;
     border: 1px #666 solid;
     margin-right: 15px;
     font-size: 22px;
}

.ci_des span {
     color: #656565;
     font-size: 15px;
}

.cewm {
     display: flex;
}

.cf_content {
     position: relative;
     margin-bottom: 50px;
}

.contact_info {
     padding: 25px 80px;
     padding-bottom: 0;
     align-items: center;
     position: absolute;
     right: 0;
     background-color: rgba(0, 0, 0, 0.5);
     bottom: 9%;
     width: 782px;
}



@media screen and (min-width: 1200px) {
     .cft_con:last-child {
          border-left: 1px #ddd solid;
          padding-left: 16%;
     }

}

.contact_form {
     position: relative;
     text-transform: capitalize;
     border-top: 1px #ddd solid;
     padding: 50px;
     background: #f3f3f3;
     margin-bottom: 50px;
}

.cftit {
     margin-bottom: 30px;
}

.cftit .p1 {
     color: #000;
     font-size: 20px;
}

.cftit .p2 {
     color: #969696;
}

.contact_form li {
     line-height: 48px;
     width: 50%;
     float: left;
     margin-bottom: 30px;
     display: flex;
}

.contact_form li:last-child {
     margin-bottom: 0;
}

.contact_form li.pl {
     padding-left: 15px;
}

.contact_form li.pr {
     padding-right: 15px;
}

.contact_form li button:first-child {
     margin-right: 50px;
}

.cf_tit {
     flex: none;
     width: 100px;
}

.contact_form li.full {
     width: 100%;
}

.contact_form li.mb0 {
     margin-bottom: 0
}

.text_input,
.textarea_input {
     width: 100%;
     padding: 15px;
     font-size: 14px;
     border: 1px #eee solid;
     font-weight: 100;
     background: #ffffff;
     color: #979797;
     line-height: 1;
     text-transform: capitalize;
}

.textarea_input {
     height: 194px;
}

.cf_button {
     border: 1px #929292 solid;
     color: #000;
     padding: 9px;
     text-transform: capitalize;
     cursor: pointer;
     transition: all 0.5s;
     display: inline-block;
     font-size: 15px;
     width: 38%;
     text-align: center;
     max-width: 144px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 10px;
}

.cf_button i {
     margin-right: 12px;
     font-size: 20px;
}

.cf_button:hover {
     color: #1c91e3;
     border: 1px #1c91e3 solid;
}

.map {
     width: 100%;
     height: 356px;
     margin-bottom: 50px;
}

#map img {
     max-width: inherit;
}

@media screen and (max-width: 1200px) {
     .contact_info {
          flex-wrap: wrap;
          padding: 15px;
     }

     .contact_form li {
          width: 100%;
     }

     .contact_form li.pl,
     .contact_form li.pr {
          padding: 0;
     }

     .contact_form {
          padding: 15px;
          width: 100%;
     }

     .cft_con {
          width: 100%;
     }

     .cftop {
          padding: 15px;
          margin-bottom: 30px;
     }
}

@media screen and (max-width: 768px) {}

/* ------------------------------------------------------------------------------
     maps
-------------------------------------------------------------------------------*/

.maps {}

.ads_top {
     background: #f4f4f4;
     margin-bottom: 20px;
     border-radius: 10px;
}

.ads_select {
     display: flex;
     align-items: center;
}

.ads_select .item {
     width: 33.333333%;
     height: 62px;
     display: flex;
     align-items: center;
     justify-content: center;
}

.select {
     position: relative;
     width: 100%;
     padding: 0 57px;
     height: 42px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-right: 1px #ddd solid;
     cursor: pointer;
}

.select_s {
     display: block;
     width: 100%;
     font-size: 16px;
     font-weight: bold;
     transition: all 0.5s;
     color: #5a5a5a;
}

.select_m {
     display: block;
     overflow: auto;
     max-height: 300px;
     width: 100%;
     position: absolute;
     left: 0;
     top: 42px;
     background: #fff;
     z-index: 9;
     transform: rotateX(90deg);
     transform-origin: top left;
     transition: all 0.5s;
}

.select_m.open {
     transform: rotateX(0);
}

.select_m a {
     display: block;
     padding: 10px 57px;
     font-size: 15px;
     color: #7b7b7b;
}

.select_m a:hover {
     background: #000;
     color: #fff;
}

.mapsearch {
     width: 100%;
     height: 100%;
     border: none;
     background: #f4f4f4;
     font-size: 16px;
     font-weight: bold;
     transition: all 0.5s;
     color: #5a5a5a;
     cursor: pointer;
}

.mapsearch:hover {
     background: #707070;
     color: #fff;
}

.select_m a.city {
     display: none;
}

.select_m a.city.open {
     display: block;
}

.ads_con {
     display: flex;
     justify-content: space-between;
     margin-bottom: 50px;
}

.ads_tab {
     border: 1px #ddd solid;
     width: 360px;
     overflow: auto;
     height: 550px;
}

.ads_op {
     display: none;
     padding: 40px 75px;
     color: #5a5a5a;
     position: relative;
     padding-right: 73px;
     background-color: #f4f4f4;
}

.ads_op i {
     font-size: 24px;
     position: absolute;
     left: 31px;
     top: 37px;
}

.ads_op .p1 {
     font-size: 16px;
     font-weight: bold;
     margin-bottom: 15px;
}

.ads_op .p2 {
     margin-bottom: 10px;
}

.ads_op .p3 {}

.ads_op.open {
     display: block;
}

.ads_op.hover {
     background-color: #707070;
     color: #fff;
}

.mapshow {
     width: 840px;
     height: 550px;
     flex-shrink: 0;
}

#allmap img {
     max-width: none;
}

/* ------------------------------------------------------------------------------
     case
-------------------------------------------------------------------------------*/
.caselr_list {}

.caselr {
     display: flex;
     margin: 19px 0;
     background: #fff;
     align-items: center;
}

.caselr.tr {
     flex-direction: row-reverse;
}

.clr_img {
     flex-shrink: 0;
     overflow: hidden
}

.clr_img img {
     transform: scale(1);
     transition: all 1s;
}

.clr_img:hover img {
     transform: scale(1.05);
}

.clr_des {
     width: auto;
     text-align: left;
     padding: 5%;
     /* background-color:#fff; */
}

.clr_des .p1 {
     font-size: 19px;
     color: #000000;
     font-weight: bold;
     margin-bottom: 30px;
}

.clr_des .p2 {
     font-size: 15px;
     color: #848484;
     margin-bottom: 67px;
     line-height: 2;
}

.case_list {
     overflow: hidden;
}

.case_box {
     width: 33.3333333%;
     float: left;
     padding: 0 11px;
     margin-bottom: 64px;
}

.case_box a {
     display: block;
     box-shadow: #d6d6d6 3px 3px 5px 0;
}

.caseimg {
     position: relative;
     overflow: hidden;
     margin-bottom: 0;
}

.caseimg .p1 {
     position: absolute;
     right: 38px;
     bottom: 0;
     width: 64px;
     height: 32px;
     border-radius: 32px 32px 0 0;
     display: flex;
     align-items: baseline;
     justify-content: center;
     padding-top: 10px;
     background-image: radial-gradient(circle at center bottom, #fcecd0, #e0bd80);
     box-shadow: #dedede 0px 5px 5px 0;
     /* opacity: 0; */
     transition: all 0.5s;
}

.caseimg img {
     transform: scale(1);
     transition: all 0.5s;
}

.casetit {
     position: relative;
     padding: 17px 40px;
     text-align: center;
     font-size: 15px;
     font-weight: bold;
     color: #535353;
     background-color: #e3e3e3;
}

.case_bar {
     position: absolute;
     height: 100%;
     width: calc((100%) + 65px);
     background-image: linear-gradient(to right, #fcecd0, #e0bd80);
     z-index: -1;
     left: -57px;
     top: 5px;
     box-shadow: #d6d6d6 5px 5px 5px 0;
     opacity: 0;
     transition: all 0.3s;
}

.case_bar .ltri {
     border-width: 17px;
     border-color: #d3b77d;
     border-top-width: 0;
     border-left-width: 0;
     border-bottom-width: 14px;
     border-style: dashed;
     border-right-style: solid;
     border-left-color: transparent;
     border-bottom-color: transparent;
     position: absolute;
     left: 0;
     bottom: -14px;
}

.case_bar .rtri {
     border-width: 10px;
     border-color: #e1be81;
     border-right-width: 0;
     border-bottom-width: 0;
     border-left-width: 12px;
     border-top-width: 35px;
     border-style: dashed;
     border-right-style: solid;
     border-top-color: transparent;
     border-bottom-color: transparent;
     position: absolute;
     right: -12px;
     top: 0;
}

.case_box:hover .case_bar {
     top: 0;
     opacity: 1;
}

.case_box:hover .caseimg img {
     transform: scale(1.1)
}

.case_box:hover .casetit {
     color: #1c91e3;
}

.case_top {
     display: block;
     position: relative;
}

.ct_lbox {
     width: 340px;
     padding-top: 80px;
     height: 500px;
}

.ct_tit {
     font-size: 19px;
     color: #000000;
     font-weight: bold;
     margin-bottom: 30px;
}

.ct_des {
     font-size: 15px;
     color: #848484;
     margin-bottom: 67px;
     line-height: 2;
}

.ct_arr {
     overflow: hidden;
     display: flex;
     justify-content: space-between;
     width: 226px;
}

.ct_arr a {
     display: flex;
     width: 100px;
     height: 46px;
     color: #a19c9c;
     border: 1px #c4c4c4 solid;
     font-size: 30px;
     transition: all 0.5s;
     cursor: pointer;
     align-items: center;
     justify-content: center;
     z-index: 9;
     border-radius: 10px;
}

.ct_arr a:hover {
     color: #1c91e3;
     border: 1px #1c91e3 solid;
}

@media screen and (max-width: 768px) {
     .caselr {
          display: block;
     }

     .clr_des .p1 {
          margin-bottom: 15px;
     }

     .clr_des .p2 {
          margin-bottom: 15px
     }

     .ct_lbox {
          padding: 15px;
          height: auto;
          width: auto;
     }

     .ct_des {
          margin-bottom: 30px;
     }
}


/* ------------------------------------------------------------------------------
    News
-------------------------------------------------------------------------------*/
.news_con {
     padding-bottom: 50px;
     padding-top: 55px;
     background-color: #efefef;
}

.news_top {
     display: block;
     margin-bottom: 50px;
}

.nt_con {
     display: flex;
     align-items: center;
     background-color: #fdfdfd;
     padding: 40px 50px;
     box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 5px 0;
}

.nt_l {
     width: 429px;
     margin: 0;
     margin-right: 90px;
}

.nt_r {
     width: 50%
}

.nt_arr {
     overflow: hidden;
     display: flex;
     justify-content: space-between;
     width: 100%;
     position: absolute;
     top: 50%;
     margin-top: -30px;
     left: 0;
}

.nt_arr a {
     display: flex;
     width: 40px;
     height: 60px;
     color: #fff;
     background: #35373c;
     font-size: 30px;
     transition: all 0.5s;
     cursor: pointer;
     align-items: center;
     justify-content: center;
     z-index: 9;
}

.nt_arr a:hover {
     background: #e1c085;
}

.nt_box {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 14px 27px;
     position: relative;
     transition: all 0.5s;
}

.nt_box:last-child {
     margin-bottom: 0;
}

.nt_box .p1 {
     color: #696969;
     font-size: 16px;
     border: 1px #c9c9c9 solid;
     padding: 7px 25px;
     border-radius: 10px;
     margin-right: 22px;
     display: inline-block;
}

.nt_box .p2 {
     color: #4e4e4e;
     font-size: 16px;
     font-weight: bold;
}

.nt_box .p3 {
     color: #b6b6b6;
     font-size: 13px;
}

.nt_box.hover {
     background: #575557;
     transform: translateX(-13px)
}

.nt_box.hover .p1 {
     color: #fff;
}

.nt_box.hover .p2 {
     color: #fff;
}

.nt_box.hover .p3 {
     color: #fff;
}



.news_down {
     /* overflow:hidden; */
     display: flex;
     flex-wrap: wrap;
}

.newsbox {
     position: relative;
     padding: 30px;
     transition: all 0.5s;
     margin-bottom: 43px;
     /* display: flex; */
     background-color: #fdfdfd;
     align-items: center;
     box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 5px 0;
     width: calc(((100%) - 40px) / 3);
     float: left;
     margin-right: 20px;
}

.newsbox dl {
     display: block;
     background: #1c91e3;
     position: absolute;
     bottom: 0;
     height: 1px;
     width: 0;
     transition: all 0.5s;
}

.newsbox .line1 {
     left: 0;
}

.newsbox .line2 {
     right: 0;
}

.newsbox:nth-child(3n) {
     margin-right: 0
}

.newsimg {
     overflow: hidden;
     max-width: 245px;
}

.newsdes {
     position: relative;
     transition: all 0.5s;
     /* padding-left: 50px; */
     padding-top: 20px;
}

.newsdes .p1 {
     font-size: 16px;
     color: #323333;
     margin-bottom: 15px;
     display: block;
     transition: all 0.5s;
     font-weight: bold;
}

.newsdes .p2 {
     margin-bottom: 10px;
     font-size: 13px;
     color: #737373;
}

.newsdes .p3 {
     color: #7e7e7e;
     font-family: Microsoft YaHei;
     display: flex;
     justify-content: space-between;
     align-items: center;
}

.newsdes .p1:hover {
     color: #1c91e3;
}

.newsbox:hover .line1 {
     width: 100%;
}

.newsbox:hover .line2 {
     background: #2b98e5;
}

.newsbox:hover {
     transform: translateY(-10px);
}

@media screen and (max-width: 1200px) {
     .newsbox {
          display: block;
          border: none;
          border-bottom: 1px #ddd solid;
          width: 100%;
          margin-right: 0;
     }

     .newsimg {
          text-align: center;
          margin-bottom: 15px;
          display: block;
          max-width: unset;
     }

     .newsdes {
          padding-left: 0;
     }
}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 425px) {}

/* ------------------------------------------------------------------------------
     research
-------------------------------------------------------------------------------*/
.research {
     padding-top: 80px;
     margin: 0 -27px;
     overflow: hidden;
}

.re_box {
     float: left;
     width: 33.333333%;
     padding: 0 31.5px;
     margin-bottom: 60px;
}

.re_box a {
     display: block;
     box-shadow: rgb(0 0 0 / 10%) 5px 8px 5px 0;
}

.re_img {
     position: relative;
     overflow: hidden;
}

.re_img img {
     transform: scale(1);
     transition: all 0.5s;
     min-width: 100%;
}

.re_info {
     padding: 26px 38px;
     position: relative;
}

.re_info .p1 {
     color: #4e4e4e;
     font-size: 16px;
     font-weight: bold;
     margin-bottom: 15px;
}

.re_info .p2 {
     font-size: 13px;
     color: #777777;
     margin-bottom: 18px;
}

.re_info .p3 {
     display: flex;
     justify-content: space-between;
     color: #adadad;
}

.re_box:hover .re_img img {
     transform: scale(1.2);
}

.re_info:before {
     content: "";
     position: absolute;
     bottom: -2px;
     left: 0;
     width: 100%;
     height: 2px;
     background: #828282;
     transition: all 0.5s;
}

.re_box:hover .re_info:before {
     background: #1c91e3;
}

@media screen and (max-width: 768px) {
     .re_box {
          width: 100%;
          padding: 0 15px;
          margin-bottom: 30px;
     }

     .re_info {
          padding: 10px;
     }

     .research {
          margin: 0;
     }
}

/* ------------------------------------------------------------------------------
     products
-------------------------------------------------------------------------------*/
.float_screen {
     position: fixed;
     z-index: 999;
     background: rgba(0, 0, 0, 0.5);
     width: 100%;
     height: 100%;
     top: 0;
     left: -100%;
     overflow: auto;
     transition: all 0.5s;
     opacity: 0;
     display: flex;
     justify-content: center;
     align-items: center;
}

.float_screen.open {
     left: 0;
     opacity: 1;
}

.ask_info {
     display: flex;
     align-items: center;
     background: #fff;
     padding-bottom: 15px;
     border-top: 1px #ddd solid;
     padding-top: 15px;
}

.ai_img {
     width: 233px;
}

.ai_des {
     padding-left: 40px;
}

.ai_des .p1 {
     font-size: 19px;
     background-image: linear-gradient(to right, #fcecd0, #e0bd80);
     display: inline-block;
     padding: 11px 19px;
     box-shadow: #e8e8e8 1px 6px 5px 0;
     margin-bottom: 36px;
}

.ai_des .p2 {
     line-height: 1.5;
}

.ask_form {
     background: #fff;
     padding: 30px;
     padding-top: 0;
}

/* ------------------------------------------------------------------------------
     products
-------------------------------------------------------------------------------*/
.probanner {
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     height: 300px;
}

.probanner .main {
     display: flex;
     justify-content: space-between;
     align-items: center;
     height: 100%;
}

.pro_search {
     margin-bottom: 20px;
     text-align: center;
}

.pro_search .tit {
     margin-bottom: 35px;
     font-size: 25px;
     color: #000;
     text-transform: uppercase;
}

.pro_search .search_box {
     background: #fff;
     transition: all .3s;
     display: inline-flex;
     overflow: hidden;
     justify-content: space-between;
     align-items: center;
     height: 52px;
}

.pro_search .search_box.open {
     visibility: visible;
     opacity: 1
}

.pro_search .search_box .text_input {
     float: left;
     line-height: 1;
     background: #fff;
     border: 1px #eee solid;
     height: 100%;
     width: 455px;
     padding: 0;
     padding-left: 30px;
}

.pro_search .search_box .search_button {
     float: right;
     margin: 0;
     border-radius: 0;
     padding: 0;
     background: #000;
     color: #fff;
     font-size: 20px;
     height: 100%;
     width: 92px;
}

.cattit {
     text-align: center;
     font-size: 32px;
     text-transform: capitalize;
     margin-bottom: 47px;
}

.procat {
     position: relative;
     background: #ffffff;
     margin-bottom: 50px;
     padding: 10px 30px;
     border-radius: 15px;
}

.procat li {
     padding: 14px 0;
     text-align: center;
     position: relative;
     display: flex;
     align-items: center;
     font-size: 15px;
     border-bottom: 1px #e5e5e5 solid;
}

.procat li span {
     color: #989898;
     flex-shrink: 0;
}

.procat li a {
     position: relative;
     z-index: 2;
     cursor: pointer;
     color: #515151;
     margin-left: 40px;
}

.procat li:last-child {
     border-bottom: none;
}

.procat li a:hover,
.procat li a.hover {
     color: #1c91e3;
}

.procat li dl {
     display: flex;
     flex-wrap: wrap;
}

@media screen and (max-width:1200px) {
     .procat li a {
          border-right: 0;
          padding: 5px 0;
     }

}

.pro_box {
     float: left;
     width: 33.33333%;
     padding: 0 16px;
     margin-bottom: 20px;
}

.pro_box a {
     display: block;
}

.proimg {
     transition: all 0.5s;
     overflow: hidden;
     box-shadow: #b3b3b3 2px 2px 2px 0;
}

.proimg img {
     transform: scale(1);
     transition: all 1s;
     min-width: 100%;
}

.protit {
     text-align: center;
     transition: all 0.5s;
     text-transform: capitalize;
     color: #000;
     /* background-color: #d3d3d3; */
     padding: 15px 0;
     position: relative;
     font-size: 16px;
     font-weight: bold;
     height: 51px;
}

.protit .p1 {
     position: relative;
     z-index: 2;
     transition: all 0.5s;
}

.protit i {
     position: absolute;
     width: 0;
     left: 0;
     bottom: 5px;
     background: #d6d6d6;
     height: 1px;
     transition: all 0.5s;
}

.pro_box:hover .proimg img {
     transform: scale(1.05);
}

.pro_box:hover .protit i {
     width: 100%;
}

.pro_box:hover .protit .p1 {
     margin-top: -5px;
}

@media screen and (max-width: 1200px) {
     .pro_box {
          width: 50%;
          margin-bottom: 30px;
          padding: 0 15px;
     }

     .pro_list {
          margin: unset;
     }
}

@media screen and (max-width: 425px) {}

.triblock {
     position: absolute;
     width: 100%;
     border-right: 100vw transparent solid;
     border-bottom: 15vh #fff solid;
     bottom: 0;
     left: 0;
}

.inner_show {
     /* background: #e9e9e9; */
     /* padding: 20px; */
}

.inshow_top {
     margin-bottom: 50px;
     display: flex;
     justify-content: space-between;
     padding-top: 50px;
}

.inshow_top .l_box {
     float: left;
     position: relative;
}

.inshow_top .r_box {
     float: left;
     /* width: 615px; */
     /* padding-left: 80px; */
     position: relative;
     /* background: #f5f4f4; */
     display: flex;
     flex-direction: column;
     justify-content: space-between;
}

.proimgslide {
     width: 722px;
     box-shadow: #c7c7c7 3px 3px 5px 0;
     /* margin-bottom: 20px; */
     /* height: 325px; */
}

.pin_arr {
     /* overflow: hidden; */
     display: flex;
     justify-content: space-between;
     position: absolute;
     top: 50%;
     left: 2%;
     width: 96%;
     margin-top: -25px;
}

.pin_arr a {
     display: flex;
     width: 50px;
     height: 50px;
     color: #ffffff;
     border: 2px solid;
     font-size: 16px;
     transition: all 0.5s;
     cursor: pointer;
     align-items: center;
     justify-content: center;
     z-index: 9;
     border-radius: 50%;
     /* background: #1d1d1d; */
     font-weight: bold;
}

.pin_arr a:hover {
     /* color: #000000; */
     transform: translateY(-5px);
}

.proimgsnav {
     z-index: 2;
     margin-bottom: 50px;
}

.proimgsnav .swiper-slide-thumb-active {
     border: 2px #4fa2e7 solid;
}

.proimgsnav li {
     box-shadow: #c7c7c7 3px 3px 5px 0;
     flex-shrink: unset;
}

.pintab {
     width: 27px;
     height: 27px;
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
     transition: all 0.5s;
     border: 1px transparent solid;
     cursor: pointer;
}

.pintab:before {
     content: "";
     width: 6px;
     height: 6px;
     background-color: #92969d;
     display: block;
     border-radius: 50%;
}

.pintab.active {
     border: 1px #92969d solid;
}

.inshow_top .r_box .p1 {
     font-size: 30px;
     display: inline-block;
     margin-bottom: 36px;
     color: #2e3c45;
}

.inshow_top .r_box .p2 {
     line-height: 1.5;
     display: flex;
     color: #4f4f4f;
     font-size: 16px;
}

.inshow_top .r_box .p2 .c1 {
     border-top: 1px #1c91e3 solid;
     margin-right: 10px;
     flex-shrink: 0;
     padding: 12px;
     min-width: 72px;
}

.inshow_top .r_box .p2 .c2 {
     border-top: 1px #c8c8c8 solid;
     width: 276px;
     padding: 12px;
}

.inshow_top .r_box .p3 {
     line-height: 1.5;
     margin-bottom: 50px;
}

.inshow_top .r_box .p4 {
     display: flex;
     padding-top: 50px;
}

.inshow_top .r_box .p4 a:first-child {
     margin-right: 10%;
}

.ccar {
     display: flex;
}

.ccar li {
     width: 50px;
     height: 50px;
     margin-right: 20px;
     border-radius: 50%;
     /* border: 2px #cecece solid; */
     box-shadow: #0000001f -3px -3px 5px 0;
}

.pf_button {
     background: #000000;
     border: none;
     color: #fff;
     padding: 16px;
     text-transform: capitalize;
     cursor: pointer;
     transition: all 0.5s;
     display: inline-block;
     font-size: 18px;
     box-shadow: #e8e8e8 1px 6px 5px 0;
     text-align: center;
     width: 186px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 10px;
}

.pf_button i {
     margin-right: 12px;
     font-size: 20px;
}

.pf_button.bg1 {
     background-color: #5a5655;
}

.pf_button.bg2 {
     background-color: #e2e0e0;
     color: #000;
}

.pf_button:hover {
     opacity: 0.7;
}

@media screen and (max-width: 1200px) {
     .pf_button {
          width: 45%;
          font-size: 12px;
          padding: 10px;
     }

     .proimgsnav {
          margin-bottom: 0;
     }
}

.limg_box {
     float: left;
     margin-right: 40px;
}

.innerbigimgs {
     width: 1066px;
     height: 616px;
}

.innerbigimgs img {
     display: block;
}

.cinfotit {
     font-size: 18px;
     color: #484848;
     font-weight: bold;
     text-align: center;
     padding: 22px;
}

.innerimgs {
     width: 100%;
}

.innerimgs li {
     display: flex;
}

.innerimgs {
     width: 100%;
}

.innerimgs .swiper-wrapper {
     /* justify-content:space-between; */
}

@media screen and (min-width: 1201px) {
     .innerimgs li {
          cursor: pointer;
          float: left;
          width: 740px;
          margin-right: 20px;
     }

     .rimg_box {
          width: 1101px;
          position: absolute;
          right: 0;
          top: 132px;
     }

}

.innerimgs li img {
     display: block;
}

.innerimgs li.swiper-slide-thumb-active img {
     border: 4px #d3a34b solid;
}

.inshow_top .r_box .bbar {
     color: #000;
     background: #000;
     width: 50px;
     margin: 30% 0 50px;
}

.inshow_top .r_box .tit {
     font-size: 22px;
     margin-bottom: 30px;
     color: #000;
     text-transform: capitalize;
}

.inshow_top .r_box .des {
     line-height: 2;
     color: #565656;
}

.p_ask_button {
     font-size: 16px;
     border: 1px solid;
     display: inline-block;
     padding: 10px 15px;
     margin-bottom: 140px;
     color: #334194;
}


.inapp {
     margin-bottom: 60px;
}

.inapp .tit {
     font-size: 22px;
     font-weight: bold;
     color: #000;
     margin-bottom: 26px;
}

.sapp_box {
     width: 16.666666666666%;
     margin-right: 7px;
}

.inshow_d {
     margin-bottom: 50px;
     /* border: 1px #eee solid; */
     /* background: #f6f6f6; */
     padding: 30px 162px;
}

.inprotitbar {
     margin-bottom: 50px;
}

.isd_tab {
     display: flex;
     justify-content: center;
     background: #f5f5f5;
     padding: 16px;
     width: 672px;
     margin: auto;
     position: relative;
     margin-top: -25px;
     box-shadow: #d2d2d2 0 5px 5px 0;
     margin-bottom: 50px;
     align-items: center;
}

.isd_tab i {
     width: 1px;
     height: 37px;
     background-color: #ccc;
}

.isd_tab_b {
     background-color: #f5f5f5;
     display: inline-flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     width: 50%;
     cursor: pointer;
}

.isd_tab_b .p1 {
     font-size: 16px;
     color: #000;
     margin-bottom: 12px;
     font-weight: bold;
}

.isd_tab_b .p2 {
     width: 33px;
     height: 3px;
     background: #6f6f6f;
     display: inline-block;
}

.isd_tab_b:hover .p1,
.isd_tab_b.hover .p1 {
     color: #1b549f;
}

.isd_tab_b:hover .p2,
.isd_tab_b.hover .p2 {
     background: #1b549f;
}

.isd_tit {
     text-transform: capitalize;
     margin-bottom: 45px;
     text-align: center;
}

.isd_tit .p1 {
     font-size: 24px;
     font-weight: bold;
     padding-bottom: 5px;
     /* border-bottom: 2px solid; */
     /* display: inline-block; */
     position: relative;
     top: 2px;
     color: #000;
}

.isd_tit .p2 {
     font-size: 26px;
     background-image: linear-gradient(-27deg, #ffffff, #000000);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-weight: bold;
}

.isd_tit .p3 {
     font-size: 12px;
     width: 100%;
     background-color: #000000;
     height: 2px;
     display: inline-block;
}

.isd_con {
     font-size: 15px;
     line-height: 2;
}

.isd_end {
     display: flex;
     justify-content: space-around;
     padding-top: 30px;
     max-width: 600px;
     margin: auto;
}

.bbar {
     display: inline-block;
     width: 28px;
     height: 2px;
     background-color: #505050;
}

.backtocat {
     color: #909090;
     padding: 7.5px;
     display: flex;
     margin: 30px 0;
     font-size: 15px;
     align-items: center;
     justify-content: center;
     border: 1px solid;
}

.backtocat i {
     margin-right: 10px;
     font-size: 28px;
}

.backtocat:hover {
     color: #1c91e3;
}

@media screen and (max-width: 1200px) {
     .left_nav {
          display: none;
     }

     .con_lr {
          margin-bottom: 30px;
     }

     .right_box {
          width: 100%;
          padding: 10px;
     }

     .innerimgs li {
          width: 100%;
          cursor: pointer;
     }

     .innerimgs li:last-child {
          margin-right: 0;
     }

     .proimgslide {
          width: 100%;
          margin-bottom: 20px;
     }

     .inshow_d {
          padding: 15px;
     }
}

@media screen and (max-width: 425px) {
     .innerbigimgs {
          width: 100%;
          margin: auto;
          height: fit-content;
          max-width: 398px;
          float: none;
          margin-bottom: 15px;
     }

     .rimg_box {
          width: 100%;
          height: fit-content;
          position: relative;
     }

     .inshow_top .l_box {
          width: 100%;
          margin-bottom: 15px;
          display: block;
          float: none;
     }

     .inshow_top .r_box {
          width: 100%;
          padding: 15px;
          float: none;
     }

     .inshow_top .r_box .p1 {
          font-size: 16px;
          margin-bottom: 30px;
          padding: 0;
     }

     .inshow_top .r_box .p4 {
          padding-top: 20px;
     }

     .inshow_top {
          margin-bottom: 10px;
          display: block;
          padding: 15px;
     }

     .backtocat {
          /* width:80%; */
     }
}

/* page set */
.page_num {
     display: flex;
     overflow: hidden;
     text-align: center;
     justify-content: center;
     margin-bottom: 30px;
}

.pb30.page_num {
     padding-bottom: 30px;
     padding-top: 30px;
}

.page_num a,
.page_num span {
     padding: 8px 14px;
     border: 1px #dadada solid;
     display: inline-block;
     margin: 5px 10px;
     color: #6b6b6b;
     border-radius: 5px;
}

.page_num a.cur {
     color: #1c91e3;
     border-color: #1c91e3;
}

.page_num li {
     display: inline-block;
}

.page_break {
     overflow: hidden;
     display: flex;
     border-top: 1px #ddd dashed;
     margin-top: 30px;
     justify-content: space-between;
     padding: 15px 0;
}

.page_break a {
     display: flex;
     align-items: center;
     justify-content: space-between;
     color: #727272;
}

.page_break a:hover {
     color: #1c91e3;
}

.page_break span {
     display: inline-block;
     vertical-align: middle;
}

.page_break i {
     font-size: 24px;
     display: inline-block;
}

.page_break a:first-child span {
     margin-left: 15px;
}

.page_break a:last-child span {
     margin-right: 15px;
}

.redpage .cat_r a:hover,
.redpage .cat_r a.hover,
.redpage .more:hover {
     color: #fff;
     background-color: #e5121c;
     border-color: #e5121c;
}

.orangepage .cat_r a:hover,
.orangepage .cat_r a.hover,
.orangepage .more:hover {
     color: #fff;
     background-color: #ebb642;
     border-color: #ebb642;
}

.redpage .pagination a.cur {
     background: #e5121c;
     color: #fff;
     border-color: #e5121c;
}

.orangepage .pagination a.cur {
     background: #ebb642;
     color: #fff;
     border-color: #ebb642;
}

.case .cat_r a:hover,
.case .cat_r a.hover,
.case .more:hover {
     color: #fff;
     background-color: #4ebdb4;
     border-color: #4ebdb4;
}

@media screen and (max-width: 425px) {

     .page_num a,
     .page_num span {
          font-size: 12px;
          padding: 5px;
     }

     .page_num {
          margin-bottom: 0;
     }
}

#scroll {
     position: fixed;
     right: 15px;
     bottom: 15px;
     z-index: 9;
     visibility: hidden;
     width: 30px;
     height: 50px;
     text-align: center;
     line-height: 50px;
     cursor: pointer;
     transform: translateY(150px);
     -ms-transform: translateY(150px);
     background: #343434;
     color: #fff;
}

#scroll:before {
     display: block;
}

#scroll.active {
     visibility: visible;
     transform: translateY(0);
     -ms-transform: translateY(0);
     animation: bounceInDown 2s;
     -webkit-animation: bounceInDown 2s;
     -moz-animation: bounceInDown 2s;
}

.fm_open {
     border-color: #bbb;
}

.fm_open .fm_cage {
     transform: rotate(-90deg);
}

.fm_open.open .fm_cage {
     transform: rotate(0deg);
}

.float_menu {
     position: fixed;
     top: 15%;
     right: -43px;
     height: 88px;
     overflow: hidden;
     transition: all 0.5s;
     z-index: 999;
     opacity: 0;
}

.float_menu.active {
     opacity: 1;
}

.float_menu.open {
     height: 376px;
     overflow: unset;
     right: 0;
}

.fm_box {
     position: relative;
     background-color: #f5f5f5;
     margin-bottom: 4px;
     transition: all 0.5s;
     border: 1px solid;
     border-color: #ddd;
}

.fm_box.open {
     background-color: #e4e4e4;
}

.fm_open.open {
     background-color: #7e7d7d;
}

.fm_cage {
     width: 86px;
     height: 86px;
     text-align: center;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     color: #747474;
     position: relative;
     z-index: 3;
}

.fm_cage i {
     font-size: 30px;
     margin-bottom: 15px;
}

.fm_show {
     position: absolute;
     right: -200%;
     top: 0;
     width: max-content;
     display: flex;
     background: #fff;
     flex-direction: column;
     padding: 10px;
     box-shadow: rgba(0, 0, 0, 0.3) 0 0px 5px 0;
     box-shadow: 0 0 5px #a0a0a0;
     min-height: 89px;
     justify-content: center;
     align-items: center;
     transition: all 0.5s;
     opacity: 0;
     color: #000;
     z-index: 2;
}

.fm_box.open .fm_show {
     right: 100%;
     opacity: 1;
}

.fm_box.open .fm_cage {
     color: #fff;
}

@media screen and (max-width: 425px) {
     .float_menu {
          display: none;
     }
}

/* movie */
@-webkit-keyframes loadingCircles {
     0% {
          -webkit-transform: scale(0);
          opacity: 1;
          box-shadow: 0 0 0 10px var(--main-color)
     }

     100% {
          -webkit-transform: scale(1);
          opacity: 0;
          box-shadow: 0 0 0 2px var(--main-color)
     }
}

@-moz-keyframes loadingCircles {
     0% {
          -moz-transform: scale(0);
          opacity: 1;
          box-shadow: 0 0 0 10px var(--main-color)
     }

     100% {
          -moz-transform: scale(1);
          opacity: 0;
          box-shadow: 0 0 0 2px var(--main-color)
     }
}

@keyframes loadingCircles {
     0% {
          transform: scale(0);
          opacity: 1;
          box-shadow: 0 0 0 10px var(--main-color)
     }

     100% {
          transform: scale(1);
          opacity: 0;
          box-shadow: 0 0 0 2px var(--main-color)
     }
}

@keyframes downico {
     0% {
          top: 0;
          opacity: 1;
     }

     35% {
          top: 50%;
          opacity: 0;
     }

     65% {
          top: -50%;
          opacity: 0;
     }

     100% {
          top: 0;
          opacity: 1;
     }
}

@-webkit-keyframes mymove {
     from {
          top: 0px;
     }

     to {
          top: -490px;
     }
}


.swclose {
     width: 12px;
     height: 12px;
     position: absolute;
     top: 10px;
     right: 20px;
     cursor: pointer;
     transition: all .8s;
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 10
}

.swclose:hover {
     transform: rotateZ(180deg)
}

.swclose:hover>span {
     background-color: #049ef4;
     transition: all .8s
}

.swclose>span {
     display: none;
     padding: 1px;
     border-radius: 4px;
     height: 12px;
     background-color: #f5f5f5;
     position: absolute
}

.swclose>span:nth-child(1) {
     transform: rotateZ(45deg)
}

.swclose>span:nth-child(2) {
     transform: rotateZ(-45deg)
}

.swmask {
     display: none;
     background-color: rgba(0, 0, 0, .3);
     width: 100vw;
     height: 100vh;
     position: fixed;
     top: 0;
     left: 0;
     z-index: 999;
}

.showbig_window {
     display: flex;
     width: 100vw;
     height: 100vh;
     justify-content: center;
     align-items: center;
}

.showbig_window dd {
     border: 5px #fff solid;
     border-radius: 5px;
}

/* wap */
@media screen and (min-width: 1025px) {
     .wapshow {
          display: none !important;
     }

     #scroll:hover {
          background: #ffffff;
          color: #000;
     }
}

@media screen and (max-width: 1024px) {
     .head_block {
          height: 57px;
     }

     .pcshow {
          display: none;
     }
}

.product_swiper {
     margin-bottom: 90px;
}

.case_list {
     position: relative;
}

.button_box {
     position: absolute;
     top: 160px;
     width: 100%;
}

.button_box a {
     font-size: 26px;
     color: #000;
     background-color: #fff;
     cursor: pointer;
     transition: all 0.3s;
     padding: 8px;
     border-radius: 25px;
     display: inline-block;
     position: absolute;
     z-index: 2;
}

.button_box a:hover {
     background-color: #00589a;
     color: #fff;
}

.button_box a.icon_ar_left {
     left: 52px;
}

.button_box a.icon_ar_right {
     right: 52px;
}

.index_case_box .p1 {
     color: #444;
     text-align: center;
     font-size: 30px;
     margin-bottom: 15px;
}

.index_case_box .p2 {
     text-align: center;
     font-size: 18px;
     margin-bottom: 30px;
}

.index_product_box {
     margin-top: 40px;

}

.index_procate_list {
     display: flex;
     justify-content: space-around;
     margin-bottom: 50px;
}

.index_procate_list .pcate_item {
     position: relative;
}

.index_procate_list span {
     position: absolute;
     left: 40px;
     top: 60px;
     font-size: 18px;
}

.left {
     float: left;
}

.right {
     float: right;
}

.clear {
     clear: both;
}

.home_texin {
     background-color: #f2f2f2;
}

.home_texin ul {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 25px 0;
}

.home_texin ul li {
     display: flex;
     width: 21%;
     align-items: center;
}

.home_texin ul li .content {
     margin-left: 25px;
}

.home_texin ul li .content .p1 {
     font-size: 22px;
     font-weight: bold;
     color: #414141;
     margin-bottom: 5px;
}

.home_product {
     padding: 55px 0;
}

.title-box {
     text-align: center;
}

.title-box .p1 {
     font-size: 26px;
     color: #c3c3c3;
     margin-bottom: 15px;
}

.title-box .p2 {
     font-size: 32px;
     color: #000;
     font-weight: bold;
     margin-bottom: 26px;
}

.title-box .p3 {
     width: 50px;
     height: 3px;
     background: #1a58ab;
     display: inline-block;
     position: relative;
}

.product_category {
     margin-top: 52px;
}

.product_category ul {
     display: flex;
     justify-content: space-between;
     align-items: center;
}

.product_category ul li {
     text-align: center;

}

.product_category ul li .i1 {

     z-index: 9;
}

.product_category ul li .p {
     text-align: center;
     z-index: 999;
     position: absolute;
     left: 0;
     width: 80%;
     top: 112px;
     color: #fff;
     padding: 0 10%;
}

.product_category ul li .p1 {
     font-size: 27px;
     margin-bottom: 25px;
}

.product_category ul li .p2 {
     display: none;
     margin-bottom: 25px;
}

.product_category ul li:hover .p2 {
     display: inline-block;
}

.home_case .case_list {
     margin-top: 50px;
}

.case_list {
     display: flex;
     justify-self: start;
     flex-wrap: wrap;
}

.case_list .item {
     width: 20%;
     text-align: center;
     margin-bottom: 55px;
}

.case_list .item .p1 {
     font-size: 17px;
     color: #000;
     margin-top: 25px;
     margin-bottom: 10px;
}

.home_about {
     background: url('../images/about_bg.png') no-repeat center;
     height: 641px;
}

.home_about .about_content {
     display: flex;
     padding-top: 67px;
}

.home_about .about_content .title {
     margin-top: 45px;
     font-size: 36px;
     color: #fff;
     font-weight: bold;
}

.home_about .intro {
     margin-top: 55px;
     color: #fff;
     font-size: 14px;
     line-height: 40px;
     margin-right: 50px;
}

.home_about .more_btn {
     margin-top: 45px;
     display: inline-block;
}

.about_nav {
     background-color: #fff;
     display: flex;
     justify-content: space-between;
     align-items: center;
}

.about_nav li {
     padding: 35px 30px 50px 40px;
     width: 33.33%;
     border-left: 1px solid #c3c3c3;
}

.about_nav li .p1 {
     font-size: 22px;
     font-weight: bold;
     margin-bottom: 8px;
}

.about_nav li .p2 {
     font-size: 15px;
     color: #c3c3c3;
}

.about_nav li .img {
     text-align: right;
}

.home_news {
     background-color: #f2f2f2;
     padding: 80px 0 90px 0;
}
.news_content {
     display: flex;
     justify-content: space-between;
     margin-top: 15px;
}
.news_content .left {
     width: 410px;
}
.news_content .title {
     color: #292929;
     font-size: 22px;
     margin-bottom: 25px;
}
.news_content .content .bottom {
     padding: 20px 23px;
     background-color: #fff;
}
.news_content .content .p1{
     font-size: 16px;
     line-height: 40px;
     color: #292929;
}
.news_content .content .p2 {
     margin-bottom: 15px;
}
.news_content .middle {
     width: 422px;
     background-color: #fff;
     padding: 0 20px;
     margin-top: 55px;
}
.news_content .middle .item {
     display: flex;
     padding: 25px 0;
     border-bottom: 1px solid #e6e6e6;
}
.news_content .middle .item:last-child {
     border: none;
}
.news_content .middle .item .num_box {
     width: 50px;
     height: 50px;
     line-height: 50px;
     margin-right: 14px;
     font-size: 27px;
     color: #bababa;
     background: url('../images/num_bg.jpg') no-repeat;
     text-align: center;
     display: inline-block;
}
.news_content .middle .new_item .title {
     font-size: 16px;
     line-height: 25px;
     margin-bottom: 5px;
}
.news_content .middle .new_item .title  span {
     font-size: 14px;
     width: auto;
     float: right;
     color: #9a9a9a;
}
.news_content .middle .new_item .desc {
     color: #9a9a9a;
}
.news_content .right {
     width: 380px;
     
}
.news_content .right .content {
     background-color: #fff;
}
.news_content .right .content .item {
     line-height: 45px;
     border-bottom: 1px solid #e6e6e6;
     padding: 0 20px;
}
.news_content .right .content .item:last-child {
     border: none;
}
.news_content .right .content .item .date {
     float: right;
     color: #9a9a9a;
}
.feedback {
     background: url('../images/index_43.jpg') no-repeat center;
     height: 236px;
}
.feedback form {
     width: 610px;
     display: inline-block;
     margin-top: 48px;
     float: right;
}
.feedback form .input_box {
     display: flex;
     justify-content: space-between;
     
}
.feedback form .input_text {
     background-color: #fff;
     width: 48%;
     line-height: 45px;
     padding-left: 10px;
}
.feedback form .textarea_box {
     display: flex;
     margin-top: 15px;
}
.feedback form .content {
     width: 468px;
     height: 75px;
     background-color: #fff;
     padding: 10px;
}
.feedback form .submit_btn {
     display: inline-block;
     line-height: 73px;
     background-color: #39c2ea;
     color: #fff;
     border: none;
     width: 142px;
}
/* ------------------------------------------------------------------------------
   h_news
-------------------------------------------------------------------------------*/
.h_news {
     background: #fbfbfb;
     padding: 80px 0;
}

.hn_tab {
     text-align: center;
     margin-bottom: 60px;
     position: relative;
}

.hn_tab a {
     font-size: 15px;
     border: 1px #c3c3c3 solid;
     margin-bottom: 60px;
     text-transform: capitalize;
     padding: 9px 36px;
     border-radius: 15px;
     display: inline-block;
     margin: 0 15px;
     transition: all 0.5s;
     z-index: 2;
     position: relative;
     background: #fff;
}

.hn_tab a:hover,
.hn_tab a.active {
     color: #114aa1;
     border-color: #114aa1;
}

.hn_line {
     width: 100%;
     background: #c3c3c3;
     height: 1px;
     position: absolute;
     z-index: 1;
     left: 0;
     top: 50%;
}

.hn_con {
     margin-top: 35px;
}

.hb_btm {
     margin-left: 45px;
     margin-right: 50px;
     margin-bottom: 35px;
}

.hntime {
     color: #c4c4c4;
     margin-bottom: 8px;
}

.hn {
     display: flex;
     justify-content: space-between;
     align-items: center;
}

.hn .hn_left {
     width: auto;
}

.box_more {
     display: block;
     width: 120px;
     height: 36px;
     background: url('../images/index4_14.jpg') center 100% no-repeat;
}

.hn_item li {
     float: left;
     width: 513px;
     background-color: #fff;
}

.hn_b .hndes {
     /* margin-bottom:30px; */
}

.hnimg {
     margin-bottom: 30px;
     height: 315px;
}

.hntit {
     font-size: 17px;
     margin-bottom: 10px;
}

.hndes {
     color: #9e9e9e;
     /* line-height:2; */
}

.hn_right {
     width: 700px;
     float: right;
     padding: 65px 70px 0 70px;
     background-color: #fff;
}

.hn_s {
     display: flex;
     justify-content: space-between;
     align-items: center;
     /* border-bottom: 1px #eee solid; */
     overflow: hidden;
     padding-bottom: 64px;
     background-color: #fff;
     /* float: right; */
}

.hn_s .time {
     padding: 1px 15px;
     text-align: center;
     /* background: #919191; */
     /* color: #fff; */
     transition: all 0.5s;
}

.hn_s .time .p1 {
     font-size: 35px;
}

.hn_s .des {
     width: 496px;
     padding-top: 10px;
     padding-left: 50px;
     border-left: 1px solid #c4c4c4;
}

.hn_s:hover .time {
     color: #4fa2e7;
}

.hn_s:hover .box_more {
     background: url('../images/index4_11.jpg') center 100% no-repeat;
}

@media screen and (max-width: 1440px) {
     .hn_item li {
          padding-right: 50px;
     }

     .hn_s .des {
          width: 500px;
          padding-top: 0;
     }
}

@media screen and (max-width: 1280px) {
     .h_news {
          padding: 30px 0;
     }

     .hn_tab {
          margin-bottom: 30px;
     }

     .hn_s .time {
          display: none;
     }
}

@media screen and (max-width: 768px) {
     .hn_tab a {
          margin: 0 5px;
          padding: 10px;
     }

     .hn_item li {
          width: 100%;
          padding-right: 0;
          margin-bottom: 30px;
     }

     .hn_s {
          width: 100%;
          padding-bottom: 15px;
     }
}

@media screen and (max-width: 425px) {}

.flogo ul {
     margin-top: 20px;
}

.flogo ul li {
     margin-bottom: 15px;
}

.flogo ul li img {
     margin-right: 10px;
}

.fewm {
     text-align: center;
}

.fewm p {
     line-height: 40px;
}

.link_btn {
     border: 1px solid #5f5f5f;
     padding: 13px 47px;
     color: #5f5f5f;
}

.link_btn img {
     margin-left: 70px;
}

.page-banner {
     position: relative;
     text-align: center;
}

.page-banner .mid {
     position: relative;
}

.page-banner .mid .text {
     position: absolute;
     top: 220px;
     right: 72px;
     text-align: left;
}

.page-banner .p1 {
     color: #fff;
     font-size: 37px;
     margin-bottom: 20px;
}

.page-banner .p2 {
     font-size: 18px;
     color: #fff;

}

.about-huisima {
     padding: 85px 0 108px 0;
}

.about-huisima .left {
     width: 540px;
     padding-top: 55px;
}

.about-huisima .left .title-box {
     text-align: left;
}

.about-huisima .left .con {
     margin-top: 45px;
     line-height: 30px;
}

.about-guarantee {
     background-color: #f9f9f9;
     padding: 70px 0 100px 0;
}

.about-guarantee ul {
     margin-top: 65px;
     display: flex;
     justify-content: space-between;
}

.about-guarantee ul li {
     text-align: center;
     width: 20%;
     padding: 0 40px;
}

.about-guarantee ul li .i2 {
     display: none;
}

.about-guarantee ul li:hover .i1 {
     display: none;
}

.about-guarantee ul li:hover .i2 {
     display: inline-block;
}

.about-guarantee ul li .p1 {
     color: #100f14;
     font-size: 24px;
     margin: 30px 0 20px 0;
}

.about-spirit {
     padding: 107px 0 90px 0;
}

.about-spirit .right {
     width: 540px;
}

.about-spirit .right .title-box {
     text-align: left;
}

.about-spirit .right .con {
     margin-top: 45px;
     line-height: 35px;
}

.product_page {
}

.product_page .product_category {
     margin-top: 0;
     line-height: 72px;
     border-bottom: 1px solid #e0e0e0;
}
.product_page .product_category ul {
     justify-content: center;
}
.product_page .product_category ul li {
     margin: 0 20px;
}
.product_page .product_category ul li.hover a {
     color: #1a58ab;
}
.product_feature {
     margin-top: 45px;
     margin-bottom: 30px;
}
.feature_list {
     display: flex;
     justify-content: space-between;
     margin-top: 45px;
}
.feature_list .item {
     width: 240px;
     border-radius: 20px;
     padding: 65px 37px;
     text-align: center;
     background-color: #f5f5f5;
     margin: 0 10px;
}
.feature_list .item .p1 {
     font-size: 23px;
     color: #000;
     margin-top: 30px;
     margin-bottom: 25px;
}
.product_content {
     background-color: #f3f6fc;
     padding: 30px 0 60px 0;
}
.product_content .title-box {
     margin-bottom: 55px;
}
.news_page{width: 900px;padding: 20px 400px;}

.article-content p{text-indent: 2em;} 
.article-content h2{font-size: 20px;margin: 10px;}
.sidebar ul{margin-top:10px;}
.article-content h3{margin: 10px;}

.news_page .bd1{
     border: 1px solid #e8e8e8;
     padding: 0 5px;
}
@media screen and (max-width: 1300px) {

  body .news_page { width: auto; padding: 10px 10px 10px 10px;}

  aside.sidebar { display: none; }
   .news-article  .article-content p{text-indent: 0em;} 
}


aside{

    float:right;padding-right: 70px;padding-top: 24px;width: 500px;
}


.news_page .left {
     width: 300px;
}
.news_page .news_title {
     border-bottom: 1px solid #e8e8e8;
     padding: 0 5px;
     line-height: 60px;
     font-size: 18px;
     color: #3f3f3f;
}
.news_page .news_title img {
     margin: 0 5px;
}
.news_product .item{
     display: flex;
     padding: 20px 15px;
     border-bottom: 1px #e8e8e8 dashed;
}
.news_product .item:last-child {
     /* border: none; */
}
.news_product .item img {
     width: 40%;
}
.news_product .item .main {
     width: 40%;
}
.news_product .item .main .p1 {
     color: #000;
     margin-bottom: 8px;
}
.news_case {
     margin-top: 45px;
}
.news_case .case_list {
     display: block;
     text-align: center;
}
.news_case .case_list .item {
     width: auto;
     margin: 0;
     padding: 20px;
     border-bottom: 1px #e8e8e8 dashed;
}
.news_case .case_list .item .p1 {
     margin-top: 10px;
     margin-bottom: 5px;
}
.news_case .case_list .item:last-child {
     border: none;
}
.news_page .middle{
     width: 650px;
     float: left;
     margin-left: 15px;
}
.new_content .item {
     display: flex;
     margin: 28px 16px;
     padding-bottom: 28px;
     border-bottom: 1px #e8e8e8 dashed;
}
.new_content .item img {
     width: 230px;
     margin-right: 30px;
}
.new_content .item .content .title {
     color: #000;
     font-size: 16px;
     margin-bottom: 20px;
}
.new_content .item .content .date {
     float: right;
}
.new_content .item .content .desc {
     color: #989898;
}
.new_content .item1 .content .title {
     width: 600px;
}
.news_page .middle .news2 {
     margin-top: 38px;
}
.news_page .right {
     width: 310px;
}
.article-title {
     font-weight: bold;
     text-align: center;
     padding: 0 0 18px;
     font-size: 1.6rem;
     line-height: 1.6;
     color: #333333;
}

.title-line {
     border-bottom: 1px solid #e5e5e5;
}

.article-info {
     padding-top: 0;
     text-align: center;
     padding-bottom: 20px;
     font-size: 14px;
     line-height: 1;
     color: #959595;
}

.article-info span:first-child {
     margin-left: 0;
}

.article-info span {
     margin-left: 18px;
}

.article-content {
     padding: 25px 10px 40px 10px;
}





.article-content img {
     padding: 15px 0;
     max-width: 100%;
     width: auto;
     height: auto;
}

.article-content p {
     font-size: 15px;
     font-weight: normal;
     /* text-indent: 2em; */
     line-height: 32px;
     color: #333333;
}

.article-content video {
     padding: 15px 0;
     max-width: 100%;
     width: 100% !important;
     height: auto !important;
     border: 0;
     outline: none;
}

/* 新闻底部 */
.article-news-paging {
     padding-bottom: 5.8rem;
     position: relative;
     overflow: hidden;
     display: flex;
     justify-content: space-between;
}

.article-news-paging a:hover .icon-article-left {
     
}

.article-news-paging a:hover .icon-article-right {

}

.icon-article-left {
     margin-right: .6rem;
     display: inline-block;
     width: 14px;
     height: 24px;
     vertical-align: top;
    
     background-size: cover;
}

.icon-article-right {
     margin-left: .6rem;
     vertical-align: top;
     display: inline-block;
     width: 14px;
     height: 24px;
    
     background-size: cover;
}

.article-news-paging a {
     box-sizing: border-box;
     display: block;
     padding: 1.313rem;
     line-height: 24px;
}

.article-news-paging a:hover {
     background-color: #008dd1;
     color: #fff;
}

.article-news-paging p {
     float: left;
     width: 49.4%;
     background-color: #f5f5f5;
     text-align: left;
}

.article-news-paging p+p {
     text-align: right;
}

.article-news-paging p,
.article-news-paging p>a {
     vertical-align: middle;
     font-size: 14px;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
}

@media screen and (max-width: 640px) {
     .article-title {
          font-size: 18px;
     }

     .article-content {
          /* padding-top: 10px; */
          /* text-align: center; */
     }

     .news-paging {
          margin-bottom: 1rem;
     }

     .news-paging>p {
          width: 100%;
          overflow: visible;
          white-space: normal;
          text-overflow: unset;
     }

     .news-share {
          position: static;
          margin-top: 15px;
     }
}
.about_page {
     padding: 80px 0;
}
.about_page .intro{
     text-align: center;
     padding-bottom: 50px;
}
.about_page .intro .title {
     font-size: 29px;
     font-weight: bold;
     margin-bottom: 20px;
     color: #000;
}
.about_page .intro table {
     margin: 0 auto;
}
.about_page .intro table td {
     padding: 0 10px;
}
.about_page .video {
     background-color: #f2f2f2;
     padding-top: 70px;
}
.about_page .video .video_list {
     margin-top: 40px;
}
.about_page .video .video_list .item {
     float: left;
     text-align: center;
     
     width: 31%;
     margin: 0 1%;
     margin-bottom: 35px;
}
.about_page .video .video_list .item p {
     line-height: 40px;
     font-size: 16px;
}
.about_page .services {
     padding-top: 70px;
}
.pro_list {
     padding: 85px 0;
}

.pro_list .tit {
     text-align: center;
     line-height: 60px;;
}

.contact-top {
     position: relative;
}

.contact-info {
     width: 500px;
     padding: 75px 55px;
     background-color: #0088c8;
     opacity: 0.9;
     color: #fff;
     position: absolute;
     top: 76px;
     right: 185px;
}

.contact-info p {
     font-size: 16px;
     line-height: 40px;
}

.contact-info h4 {
     font-size: 25px;
     font-weight: normal;
     margin-bottom: 10px;
}

.contact-info .ename {
     color: #7eb6dc;
     font-size: 15px;
     margin-bottom: 15px;
}

.page-contact {
     padding: 110px 0;
}

.contact-bottom {
     margin-top: 90px;
     background-color: #f8f8f8;
     padding: 63px 93px 85px 63px;
}

.contact-bottom .title {
     text-align: center;
     font-size: 26px;
     margin-bottom: 15px;
}

.contact-bottom ul {
     display: flex;
     justify-content: space-between;
}

.contact-bottom ul li input {
     background-color: #fff;
     border-radius: 10px;
     margin: 10px 0;
     margin-right: 15px;
     line-height: 40px;
     height: 40px;
     border: 1px solid #d0d0d0;
     width: 330px;
}

.contact-bottom ul li span,
.contact-bottom .input-textarea span {
     color: red;
}

.contact-bottom .input-textarea textarea {
     background-color: #fff;
     margin-top: 10px;
     border-radius: 10px;
     border: 1px solid #d0d0d0;
     width: 98%;
     height: 150px;
}

.submit-btn {
     background-color: #0088c8;
     color: #fff;
     padding: 8px 65px;
     border: none;
     border-radius: 5px;
}

.product_detail_page {
     background-color: #f7f7f7;
     padding: 70px 0;
}


.product_top {
     margin-bottom: 50px;
}

.product_top .fl {
     float: left;
}

.product_top .fr {
     float: left;
}

.product_top .back_btn {
     padding: 15px 40px;
     color: #0089c8;
     border: 1px solid #0089c8;
     border-radius: 5px;
     display: inline-block;
}

.product_info {
     margin-left: 105px;
}

.product_info_mid {
     width: 500px;
     margin-left: 90px;
}

.product_info_mid .title {
     font-size: 28px;
     padding-bottom: 38px;
     border-bottom: 1px solid #d9d9d9;
     color: #000;
     margin-bottom: 25px;
}

.product_info_mid .params {
     margin-bottom: 30px;
}

.product_info .big_img {
     width: 360px;
     height: 480px;
     text-align: center;
     background-color: #fff;
}

.product_info .contact_btn {
     display: inline-block;
     width: 100%;
     background-color: #0089c8;
     color: #fff;
     line-height: 42px;
     text-align: center;
}

.product_info_right {
     width: 110px;
     margin-left: 50px;
     text-align: center;
     margin-top: -40px;
}

.gallery-thumbs {
     height: 415px;
     margin: 20px 0;
}

.gallery-thumbs .swiper-slide {
     background-color: #fff;
     padding: 0 10px 0 10px;
}

#dituContent {
     height: 365px;
     margin-top: 50px;
}
.page-contact {
     padding: 65px 0;
}
.company_name {
     text-align: center;
     font-size: 32px;
     color: #000000;
     font-weight: bold;
}
.contact-top .items{
     margin-top: 25px;
     display: flex;
     justify-content: space-between;
}
.contact-top .items .item {
     background-color: #f5f5f5;
     text-align: center;
     width: 32%;
     padding: 35px 0;
     
}
.contact-top .items .item .h1 {
     font-size: 20px;
     font-weight: bold;
     line-height: 50px;
     color: #000;
}
.contact-top .items .item .blue {
     color:#049ef4;
}
.contact-right {
     height: 350px;
}
.link_list {
     margin-bottom: 30px;
     color: #555555;
     background-color: #ebebeb;
     line-height: 50px;
     padding: 0 25px;
}

.link_list a {
     color: #555555;
     margin: 0 15px;
}

.link_list a:hover {
     color: #4fa2e7;
}
.pagination {
    text-align: center;
    padding: 10px 0;
}
.pagination li{
    display: inline-block;
    padding: 5px;
}
.pagination li.active a {
    color: #1a58ab;
}
table {

  width: 100%;

  border-collapse: collapse;

  margin: 20px 0;

  font-family: Arial, sans-serif;

  box-shadow: 0 0 20px rgba(0, 100, 255, 0.1);

}


/* 表头样式 */

table th {

  background: linear-gradient(135deg, #1e5799 0%, #207cca 100%);

  color: white;

  font-weight: bold;

  padding: 12px 15px;

  text-align: left;

  border-left: 1px solid #0d3b66;

  position: sticky;

  top: 0;

}


/* 表格内容样式 */

table td {

  padding: 10px 15px;

  border-bottom: 1px solid #8cb3d9;

  border-left: 1px solid #e0f0ff;

  transition: all 0.3s ease;

}


/* 奇数行背景色 */

table tr:nth-child(odd) {

  background-color: #f0f8ff;

}


/* 偶数行背景色 */

table tr:nth-child(even) {

  background-color: #e6f2ff;

}


/* 悬停效果 */

table tr:hover {

  background-color: #d1e8ff;

  transform: translateY(-2px);

  box-shadow: 0 5px 15px rgba(0, 123, 255, 0.1);

}


/* 最后一列右对齐 */

table td:last-child {

  text-align: right;

}


/* 表格边框 */

table, table th, table td {

  border-right: 1px solid #8cb3d9;

}


/* 响应式设计 */

@media (max-width: 768px) {

  table {

    display: block;

    overflow-x: auto;

  }

  

  table tr {

    display: flex;

    flex-wrap: wrap;

  }

  

  table th,

  table td {

    flex: 1;

    min-width: 120px;

  }

}


/* 焦点状态 */

table tr:focus-within {

  outline: 2px solid #4d94ff;

}





/* 列表项样式 */
.sidebar  li {
  padding: 12px 20px;
  margin-bottom: 8px;
  background: linear-gradient(135deg, #f5f9ff 0%, #e6f2ff 100%);
  border-left: 4px solid #4a86e8;
  border-radius: 0 8px 8px 0;
  color: #1a73e8;
  font-size: 16px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 5px rgba(74, 134, 232, 0.1);
  position: relative;
}

/* 悬停效果 */
.sidebar  li:hover {
  background: linear-gradient(135deg, #e6f2ff 0%, #d1e8ff 100%);
  transform: translateX(5px);
  box-shadow: 0 5px 15px rgba(74, 134, 232, 0.15);
}

/* 激活状态 */
.sidebar  li:active {
  transform: scale(0.98);
  box-shadow: 0 1px 3px rgba(74, 134, 232, 0.2);
}

/* 自定义列表标记 */
.sidebar  li::before {
 
  color: #4a86e8;
  font-size: 24px;
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
}

/* 焦点状态 */
.sidebar  li:focus-within {
  outline: 2px solid #4a86e8;
  outline-offset: -2px;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .sidebar  {
    max-width: 100%;
  }
  
  .sidebar  li {
    padding: 10px 15px;
    font-size: 14px;
  }
  
  .sidebar  li::before {
    font-size: 20px;
    left: -15px;
  }
}

/* 动画效果 */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.sidebar  li {
  animation: fadeIn 0.5s ease-out;
  animation-fill-mode: both;
}

/* 奇数项微调 */
.sidebar  li:nth-child(odd) {
  background: linear-gradient(135deg, #f0f7ff 0%, #e1edff 100%);
}

/* 禁用状态 */
.sidebar  li.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}








/* 基础列表样式 */
.article-content  {
  list-style-type: none;
  padding: 0;
  margin: 0px 10px;
  width: 95%;
 
}

/* 列表项样式 */
.article-content  li {
  padding: 12px 20px;
  margin-bottom: 8px;
  background: linear-gradient(135deg, #f5f9ff 0%, #e6f2ff 100%);
  border-left: 4px solid #4a86e8;
  border-radius: 0 8px 8px 0;
  color: #1a73e8;
  font-size: 16px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 5px rgba(74, 134, 232, 0.1);
  position: relative;
}

/* 悬停效果 */
.article-content  li:hover {
  background: linear-gradient(135deg, #e6f2ff 0%, #d1e8ff 100%);
  transform: translateX(5px);
  box-shadow: 0 5px 15px rgba(74, 134, 232, 0.15);
}

/* 激活状态 */
.article-content  li:active {
  transform: scale(0.98);
  box-shadow: 0 1px 3px rgba(74, 134, 232, 0.2);
}

/* 自定义列表标记 */
.article-content  li::before {
  content: "•";
  color: #4a86e8;
  font-size: 24px;
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
}

/* 焦点状态 */
.article-content  li:focus-within {
  outline: 2px solid #4a86e8;
  outline-offset: -2px;
}

/* 响应式设计 */
@media (max-width: 768px) {
  .article-content  {
    max-width: 100%;
  }
  
  .article-content  li {
    padding: 10px 15px;
    font-size: 14px;
  }
  
  .article-content  li::before {
    font-size: 20px;
    left: -15px;
  }
}

/* 动画效果 */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.article-content  li {
  animation: fadeIn 0.5s ease-out;
  animation-fill-mode: both;
}

/* 奇数项微调 */
.article-content  li:nth-child(odd) {
  background: linear-gradient(135deg, #f0f7ff 0%, #e1edff 100%);
}

/* 禁用状态 */
.article-content  li.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
}