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; width: 100%;}
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;}
::-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: 1380px;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;}
.lan .ni1 {
     padding: 0;
     margin: 0;
}

.banner_content  {
     height: auto;
}
.nav{position: relative;z-index: 3;margin: 0px 50px;}
.nav li{position: relative;/* margin: 8px 0; */line-height: 30px; display: inline-block;}
.ni1{display: block;margin: 0px 16px;padding: 37px 13px;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: #4fa2e7;/* 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: inline-block;overflow: hidden;vertical-align: middle;transition: all 0.5s;}
.top_search .tit{margin-bottom:35px;font-size: 25px;color: #000;text-transform: uppercase;}
.top_search .search_box{transition:all .3s;/* display: flex; *//* justify-content: space-between; *//* align-items: center; */height: 35px;width: 221px;overflow: hidden;position: relative;}
.top_search .search_box.open{visibility:visible;opacity:1}
.top_search .search_box .text_input{float:left;line-height: 1;background: none;border: 1px #cecece solid;height: 100%;width: 220px;padding: 0 21px;font-size: 14px;color: #cecece;border-radius: 25px;}
.top_search .search_box .s-btn {position: absolute;right: 10px;top: 4px;}

.top_search .search_box .search_button{float:right;margin: 0;border-radius: 0 10px 10px 0;padding: 0;background: #000;color: #e3e3e3;height: 100%;width: 68px;border: 1px #000 solid;border-left: none;font-size: 16px;transition: all 0.5s;cursor: pointer;}
.top_search .search_box .text_input::-webkit-input-placeholder{color:#000;}
.top_search .search_box .search_button:hover{background-color:#000;}

.head_block{height: 96px;}
@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: 100px;}
.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: #444444;}
footer a:hover{opacity:1;color: #000;}
.ftop{display: flex;padding-bottom: 39px;}
.fdown{color: #d7d7d7;border-top: 1px solid;display:flex;justify-content:space-between;padding: 22px 0;align-items: center;}
.fdown a{color: #d7d7d7;}
.fdown a:hover{color:#fff;}
.fnav{overflow: hidden;display: flex;justify-content: space-between;margin-left: 90px;}
.fnav .tit{font-size: 15px;color: #fff;text-transform: uppercase;margin-bottom: 30px;}
.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: #bababa;}
.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;}




@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-image: url(../images/textcover.png);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{background:url(../images/cati.png) center no-repeat;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{background: url(../images/lbg.jpg) no-repeat center;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 {background: url(../images/abh.jpg) no-repeat center bottom #f9f9f9;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{background: url(../images/honor.jpg) no-repeat center;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: 46px;}
.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_product {
     background-color: #f7f7f7;
     padding: 55px 0 85px 0;
}
.title-box {
     text-align: center;
}
.title-box .p1{
     font-size: 26px;
     color: #c3c3c3;
     margin-bottom: 15px;
}
.title-box .p2{
     font-size: 32px;
     color: #4a4a4a;
}
.product_category {
     margin-top: 30px;
}
.product_category ul{
     display: flex;
     justify-content: space-between;
     align-items: center;
}
.product_category ul li {
     text-align: center;
     
}
.product_page .product_category ul{
     justify-content: flex-start;
     flex-wrap: wrap;
}
.product_page .product_category ul li {
     width: 12.5%;
     padding-bottom: 15px;
}
.product_category ul li .i2 {
     display: none;
}
.product_category ul li:hover .i1 {
     display: none;
}
.product_category ul li.hover .i1 {
     display: none;
}
.product_category ul li.hover .i2 {
     display: inline-block;
}
.product_category ul li p {
     font-size: 16px;
}
.product_category ul li:hover p {
     color: #289cd0;
}
.product_category ul li.hover p {
     color: #289cd0;
}
.product_category ul li:hover .i2 {
     display: inline-block;
}
.product_list {
     margin-top: 38px;
}
.product_list .right {
     width: 945px;
}
.product_list .item{
     float: left;
     padding: 0 35px;
     background-color: #fff;
     margin: 0 6px;
     margin-bottom: 21px;
}
.product_list .item img{
     width: 233px;
}
.product_list .item p {
     line-height: 49px;
     text-align: center;
}
.home_adv {
     padding-top: 72px;
     padding-bottom: 92px;
}
.adv_content {
     margin-top: 60px;
     display: flex;
     justify-content: space-between;
     align-items: center;
}
.adv_list {
     width: 345px;
}
.adv_list li {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 51px;
}
.adv_list li .p {
     width: 185px;
}
.adv_list li .p1 {
     font-size: 21px;
     color: #000;
     font-weight: 400;
     margin-bottom: 15px;
}
.home_about {
     background: url('../images/about_bg.jpg') no-repeat center;
     padding-top: 80px;
     height: 730px;
}
.home_about .title-box .p1, .home_about .title-box .p2{
     color: #fff;
}
.home_about .intro {
     text-align: center;
     margin-top: 55px;
     color: #fff;
     font-size: 15px;
     line-height: 30px;
}
.home_about .more_btn {
     display: block;
     width: 350px;
     height: 229px;
     margin: 0 auto;
     border: none;
}
.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: #f1f1f1;
     padding: 85px 0 90px 0;
}
.news_header {
     display: flex;
     justify-content: space-between;
     align-items: center;
}
.news_header .title-box {
     text-align: left;
}
.more_btn {
     border: 1px solid #cbcbcb;
     padding: 20px 70px;
}
.more_btn img {
     margin-left: 40px;
}
/* ------------------------------------------------------------------------------
   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 {
     color: #fff;
     margin-bottom: 15px;
}
.flogo ul li img {
     margin-right: 10px;
}
.fewm {
     text-align: center;
}
.fewm p {
     line-height: 40px;
     color: #fff;
}
.link_btn {
     border: 1px solid #5f5f5f;
     padding: 13px 47px;
     color: #5f5f5f;
}
.link_btn img {
     margin-left: 70px;
}
.page-banner {
     position: relative;
     text-align: center;
     height: 505px;
}
.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 {
     background-color: #f7f7f7;
     padding: 55px 0;
}
.product_page .product_category {
     margin-top: 0;;
}
.product_page .product_list .item {
     margin: 0 21px;
     margin-bottom: 45px;
}
.product_page .product_list .item img {
     width: 233px;
}
.news_page .page-banner .mid .text {
     top: 195px;
     left: 121px;
}
.news-nav {
     line-height: 85px;
     text-align: center;
}
.news-nav a {
     font-size: 16px;
     margin: 0 40px;
}
.news-nav a.on {
     color: #049ef4;
}
.page-news {
     background-color: #f1f1f1;
     padding: 61px 0 85px 0;
}
.page-news-list {
     /* background-color: #fff; */
     margin-bottom: 50px;
     display: flex;
     justify-content: flex-start;
     /* flex-wrap: nowrap; */
}
.page-news-list li {
     /* width: 50%; */
     border: 1px solid #e1e1e1;
     padding: 50px 25px;
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     background-color: #fff;
}
.page-news-list li .news-img {
     width: 350px;
     margin-right: 3px;
}
.page-news-list li .news-content {
     width: 265px;
     margin-left: 20px;
}
.page-news-list li .date {
     font-size: 14px;
     color: #9a9a9a;
     line-height: 38px;
}
.page-news-list li h4 {
     font-size: 18px;
     font-weight: normal;
     line-height: 40px;
     margin-bottom: 10px;
}
.page-news-list li p {
     margin-bottom: 25px;
     line-height: 25px;
}
.page-news-list li .more {
     color: #049ef4;
}
.page-news-article {
     max-width: 1000px;
     margin: 0 auto;
     
   }
   .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 {
     background: url(../images/left_2_hover.png) center no-repeat;
   }
   
   .article-news-paging a:hover .icon-article-right {
     background: url(../images/right_2_hover.png) center no-repeat;
   }
   
   .icon-article-left {
     margin-right: .6rem;
     display: inline-block;
     width: 14px;
     height: 24px;
     vertical-align: top;
     background: url(../images/left_2.png) center no-repeat;
     background-size: cover;
   }
   
   .icon-article-right {
     margin-left: .6rem;
     vertical-align: top;
     display: inline-block;
     width: 14px;
     height: 24px;
     background: url(../images/right_2.png) center no-repeat;
     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: 20px;
     }
     .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;
     }
   }
   .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_content .tab {
     border-top: 1px solid #dfdfdf;
     border-bottom: 1px solid #dfdfdf;
     line-height: 72px;
     text-align: center;
}
.product_content .tab a {
     margin: 0 45px;
}
.product_content .tab a.on {
     color: #4fa2e7;
}
.product_content .detail {
     text-align: center;
     padding: 30px 0;
}
.product_content .tuijian_list {
     display: none;
}
#product_list .swiper-slide p {
     text-align: center;
     line-height: 40px;
}
.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: 685px;
}
.link_list {
     margin-bottom: 30px;
     color: #d7d7d7;
}
.link_list a {
     color: #fff;
     margin: 0 15px;
}
.link_list a:hover {
     color: #4fa2e7;
}