body{font-family: "Microsoft YaHei",sans-serif;background: #ffffff;margin:0 auto;padding:0;color: #666666;zoom:1;font-size: 14px;}
input,textarea,button{font: Arial,sans-serif;}

@font-face {font-family: "AleoLight";
    font-family: 'AleoLight';
    src: url('../fonts/AleoLight.eot');
    src: url('../fonts/AleoLight.eot?#iefix') format('embedded-opentype'),
  url('../fonts/AleoLight.svg#AleoLight') format('svg'),
  url('../fonts/AleoLight.woff') format('woff'),
  url('../fonts/AleoLight.woff2') format('woff2'),
  url('../fonts/AleoLight.ttf') format('truetype');
}
@font-face {font-family: "iconfont";
    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";
    font-family: 'iconfont';
    src: url('../fonts/iconfont2.eot');
    src: url('../fonts/iconfont2.eot?#iefix') format('embedded-opentype'),
  url('../fonts/iconfont2.svg#iconfont') 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_tel1:before{content:"\e61b"}
.icon_qq1:before{content:"\ebb4"}
.icon_tel2:before{content:"\e660"}
.icon_qq2:before{content:"\e603"}
.icon_weixin:before{content:"\e631"}
.icon_info:before{content:"\e6df"}
.icon_email:before{content:"\e60e"}
.icon_ewm:before{content:"\e646"}
.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_add:before{content:"\e602"}
.icon_video:before{content:"\e701"}
.icon_close:before{content:"\e628"}
.icon_location:before{content:"\e66a"}
.icon_search:before{content:"\e501"}


*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-style: normal;outline: none;}
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;outline: none;}
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%;}

@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;}
.ba1{background-color: #a1a1a1;}
.bf4{background-color: #f4f4f4;}
.bf5{background-color: #f5f5f5;}
.b000{background-color: #000000;}
.be9{background-color: #e9e9e9;}
.bed{background-color: #ededed;}
.fade_blue{background: #1f224f;}
.f18{font-size: 18px;font-weight: bold;}
.fbig{font-weight: bold;}
.r90{transform: rotate(90deg);}
.r180{transform: rotate(180deg);}

.white{color:#ffffff!important;}
.blue{color: #17447e;}
.orange{color:#ebb642;}

.mb30{margin-bottom:30px;}
.mb60{margin-bottom:60px;}
.pb5{padding-bottom:5px;}
.pt30 {padding-top: 30px;}
.pt20 {padding-top: 20px;}
.pb30{padding-bottom:30px;}
.brt{border-top:1px #ddd solid;}
.positoncon{position:relative;}
@media screen and (max-width: 1200px) {
.pt30,.pt20 {padding-top: 0px;}
}

.lh2{line-height:2;}
@media screen and (min-width: 1420px) {
.main{max-width: 1440px;margin:0 auto;}
.mid{max-width:990px;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;/* background: #fff; */}
.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: 22px;color:#000;margin-bottom: 15px;font-weight: bold;text-transform: uppercase;text-shadow: #d2d2d2 0px 3px 0px;}
.con_tit .p2{width:34px;height:3px;display:inline-block;background-color: #e4b70e;}
.con_tit .p3{font-size: 30px;color:#000;margin-bottom: 15px;font-weight: bold;text-transform: uppercase;text-shadow: #d2d2d2 0px 3px 0px;}

@media screen and (max-width: 1200px) {
.con_box{padding:0;}
.con_tit{padding:15px;}
.con_tit .p1{font-size:16px;}
.con_tit .p3{font-size:22px;}
}


/* header */
header{width: 100%;z-index: 999;}
.head_bar{display:flex;justify-content: space-between;align-items: center;}
.logo{display: inline-block;padding-right: 1rem;}
.head_m{padding: 30px 0;display: flex;justify-content: space-between;align-items: center;}
.tpl{display:flex;align-items: center;}
.tlicon{border-left: 1px #c9c9c9 solid;display: flex;justify-content: space-around;width: 223px;align-items: center;}
.tlicon img{}
.logo{display: inline-block;padding-right: 18px;}
.tpr{display: flex;align-items: center;}

.top_tel{display:flex;align-items: center;justify-content: space-between;margin-right: 19px;}
.top_tel .p1{display: flex;}
.top_tel .p1 img{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{cursor: pointer;position: relative;width: 128px;height: 38px;background: #e9e9e9;color: #000;}
.lang ul{position:absolute;width: 100%;left: 0;top: 0;height: 38px;overflow: hidden;z-index: 99;transition: all 0.5s;}
.lang i{position:absolute;right: 6px;top: 12px;z-index: 100;}
.lang a{color: #000000;display: flex;align-items: center;padding: 11px 10px;background: #e9e9e9;}
.lang span{margin-left: 8px;}
.lang:hover ul{height: 117px;}
.lang a:hover{color:#1b56a1;}

nav{display: flex;align-items: center;transition: all 0.5s;position: relative;z-index: 3;justify-content: space-between;}
nav li{margin: 0 0.8em;position: relative;}
.ni1{display: block;padding: 19px 27px;color: #e9e9e9;text-transform: uppercase;transition: all 0.5s;background-image: linear-gradient(to right, transparent, transparent);z-index: 2;position: relative;}
.ni1 i{font-size:12px;margin-left: 6px;}
nav li.hover .ni1,nav li:hover .ni1{background-image: linear-gradient(to right, #fcecd0, #e0bd80);color: #000;font-weight: bold;}
nav li.has_menu:hover .sub_nav{opacity: 1;visibility: visible;transform: rotateX(0deg);}

.sub_nav{position: absolute;width: 100%;left: 0;top: 100%;visibility: hidden;opacity: 0;background: #fff;justify-content: space-between;transition: all 0.8s;padding: 30px;border: 1px #eee solid;display: flex;z-index: 1;align-items: center;transform: rotateX(90deg);transform-origin: top left;flex-direction: column;text-align: center;}
.sub_nav.hasimg{width: max-content;left: -207px;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;height: 20px;justify-content: space-between;flex-direction: column;}
.opmenu span{width:20px;height:3px;background: #424242;display: block;}
@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;}
nav.open{right:0;}
.sub_nav{display:none;}
.logo{margin:0;width: 7rem;}
.top_tel{display:none;}
.close_menu{position:relative;right:1rem;color: #fff;}
.head_bar{padding: 1rem;}
header{position:fixed;padding: 10px;background: #fff;display: flex;justify-content: space-between;border-bottom: 1px #eee solid;align-items: center;}
nav li{border-bottom: #3e3e3e 1px solid;margin: 0;}
.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-bottom: 15px;padding-top: 30px;}
.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{margin-bottom:15px;}
.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: 50px;padding-bottom: 15px;background-color: #202454;}
footer a:hover{opacity:1;color: #000;}
.ftop{padding-bottom: 40px;}
.fdown{color: #d9d9d9;display:flex;justify-content:space-between;font-size: 13px;border-top: 1px #777e9d solid;padding-top: 15px;align-items: center;}
.fdown a{color: #d9d9d9;}
.fdown a:hover{color:#fff;}

.share{width:300px;display: flex;justify-content: space-between;align-items: center;}

.fnav{overflow: hidden;display: flex;justify-content: space-between;}
.fnav .tit{font-size: 16px;color: #f8f4f4;text-transform: uppercase;max-width: 259px;}
.fnav .tit.ta{text-transform:capitalize;font-size: 15px;}
.fnav li{float: left;}
.fnav li.limit{max-width: 235px;}
.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: #d9d9d9;font-size:13px;}
.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: #d9d9d9;font-size: 13px;}
.fnav a:hover,.flink a:hover{color: #abaed4;}
.fnav .fc{color: #d9d9d9;font-size: 13px;line-height: 2;}
.fnav .fc p{margin-bottom: 10px;display: flex;align-items: center;}
.fnav .fc i{color: #f0f0f0;margin-right: 10px;flex-shrink: 0;width: 30px;display: flex;justify-content: center;align-items: center;}
.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;border: none;padding-top: 0;}
.fdown dd{display:inline;}
.fdown dd.share{display:none;}
}

.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;}
#home_banner li{float: left;background-position: center;background-size: cover;height: 691px;}
#home_banner li img{display: block;width: 100%;}

#home_banner .page_spot{position: absolute;bottom: 5%;left: 0;z-index: 999;display: flex;width: 100%;justify-content: center;}
#home_banner .page_spot span{/* width: 7px; *//* height: 7px; *//* border-radius: 50%; *//* margin: 2px; *//* display: inline-block; */cursor: pointer;background: #fff;opacity: 1;}
#home_banner .page_spot span.active{/* color: #3156c2; */background: #3156c2;}

.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:500px;/* margin-bottom: 30px; */}
#home_banner li img{/* display:none; */}
#home_banner li{background-size: cover;height: 300px;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: 300px;}

}

.page_banner{background-position: center;background-repeat: no-repeat;background-size: cover;height: 580px;position: relative;}
.page_banner .main{display:flex;align-items: center;height: 100%;position: relative;}
.page_banner .swiper-wrapper{height:100%;}
.page_banner li{height:100%;background-size: cover;}
.pb_tit{color: #fff;/* max-width: 229px; */position: relative;left: 62px;}
.pb_tit.c444{color:#444444;}
.pb_tit.c444 a{color:#444444;}
.pb_tit .p1{font-size: 30px;margin-bottom: 20px;text-transform: capitalize;}
.pb_tit .p2{font-size: 15px;margin-bottom: 70px;}
.arr_down{border: 1px solid;color: #fff;border-radius: 50%;width: 50px;height: 50px;font-size: 25px;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: 200px;margin-bottom: 0;}
.casebanner {height:300px;margin-bottom: 30px;}
.pb_tit{/* padding:0 10px; *//* display: none; */left: 15px;}
.pb_tit .p1{font-size: 18px!important;margin-bottom: 2px;}
.pb_tit .p2{font-size:12px;margin-bottom: 0;display: none;}
.page_banner .main{background: rgba(0,0,0,0.3);}
}
.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;justify-content: center;align-items: center;padding: 30px 0 25px;border-bottom: 1px #ddd solid;}
.cat_r a{border: 1px solid;border-color: #ccc;font-size: 15px;color: #000;padding: 10px 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{background-image: linear-gradient(to right, #fcecd0, #e0bd80);font-weight: bold;color: #484848;box-shadow: #bdbdbd 0 3px 5px 0;}

.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; */margin-top: 0;}
.innercon{padding: 0;margin-bottom: 0;}
.cat_r{display:flex;justify-content: space-between;/* line-height: 36px; *//* border-bottom: 1px #ddd solid; */flex-wrap: wrap;padding: 15px;}
.cat_r a{margin: 0;margin-bottom: 10px;width: 100%;}
.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;}
.page_tit{padding:15px;margin-bottom:0}
}

/* ------------------------------------------------------------------------------
     habout
-------------------------------------------------------------------------------*/
.hba_t1{margin-bottom:30px;color: #595959;display: flex;align-items: center;}
.hba_t1 i{width:60px;height:2px;background:#999;margin-right: 12px;}
.habmore{margin-top: 40px;background-image: linear-gradient(to right, #fcecd0, #e0bd80);color: #000000;box-shadow: #bdbdbd 0 3px 5px 0;padding: 10px 38px;display: inline-block;margin-bottom: 60px;}
.habmore:hover{transform:translateY(-5px)}
.h_infoimgs {padding: 50px 26px 45px;position:relative;}
.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:20%;float:left;margin-right: 12px;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%;}
.hai_box{width:50%}
.line{top: 19%;}
.habmore{margin: 0;margin-top: 30px;}
}

/* ------------------------------------------------------------------------------
     hnews
-------------------------------------------------------------------------------*/
.hnews{/* padding-bottom: 30px; */}
.hn_list{/* background-color:#f5f5f5; */position: relative;/* top: 0; */padding-bottom: 5px;}
.hn_more{display: flex;justify-content: center;align-items: center;background: #1f224f;color: #fff;padding: 16px 35px;width: 221px;margin: 30px auto;text-transform: uppercase;}
.hn_more i{font-size: 20px;margin-left: 20px;}
.hn_more:hover{opacity:0.8;}

.hnbox{float: left;width: 25%;padding: 0 9px;}
.hnbox a{display:block;box-shadow: #e0e0e0 3px 3px 3px 0;}
.hnimg{transition: all 0.5s;overflow: hidden;}
.hnimg img{transform: scale(1);transition:all 0.5s;}
.hntit{text-align: center;transition: all 0.5s;text-transform: capitalize;color: #000;background-color: #f5f5f5;padding: 15px 0;position: relative;}
.hntit .p1{position: relative;z-index: 2;}
.hnbox:hover .hnimg img{transform:scale(1.2);}
.hnbox i{color:#fff;background-image: linear-gradient(to right, #fcecd0, #e0bd80);height: 100%;position: absolute;left: 0;top: 0;width: 0;transition: all 0.5s;z-index: 1;}
.hnbox:hover i{width:100%;}




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

}
@media screen and (max-width:1200px) {
.hnbox{width: 100%;}
}
/* ------------------------------------------------------------------------------
     hpro
-------------------------------------------------------------------------------*/
.hp_con{}
.hp_mbox{}
.hprocat{}
.hp_info{display:flex;margin-bottom: 13px;}
.hpi_l{width:820px;}
.hpi_r{width:620px;padding:80px 68px;background-color: #e6e6e6;}
.hpi_r .p1{font-size:19px;background-image: linear-gradient(to right, #fcecd0, #e0bd80);display: inline-block;padding: 11px 19px;box-shadow: #cecece 1px 6px 5px 0;margin-bottom: 36px;color: #000;}
.hpi_r .p2{line-height: 2.4;margin-bottom: 30px;font-size: 13px;color: #616161;}
.hpi_r .p3{width:130px;color:#fff;padding: 8.5px 16px;background-color: #1f224f;display: inline-flex;justify-content: space-around;align-items: center;text-transform: uppercase;}
.hpi_r .p3:hover{opacity: 0.8;}
.hp_list{overflow: hidden;height: 712px;width: 100%;}
.hp_list .swiper-wrapper{height:100%;width:100%;}
.hp_box{padding:13px;float: left;position: relative;height: 50%;}
.hp_box a{position:relative;display:block;box-shadow: #d8d8d8 2px 5px 5px 0;}
.hpimg{position:relative;}
.hptit{position:absolute;left:0;bottom:0;width: 100%;background: #eee;text-align: center;padding: 10.5px;height: 40px;color: #000;transition: all 0.5s;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.hptit i{font-size:0;border: 1px solid;border-radius: 50%;color: #e5be08;}
.hp_box:hover .hptit{height:100%;color: #fff;background: rgba(36,40,90,0.73);}
.hp_box:hover .hptit i{font-size:15px;margin-top: 20px;padding: 7px;}


@media screen and (max-width: 1200px) {
.hp_info{display:block;}
.hpi_l{width:100%;}
.hpi_r{width:100%;padding: 5%;}
.hp_box{width:50%;height: auto;}
.hp_list{height:auto;}
}

/* ------------------------------------------------------------------------------
     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%;}
.hvideo{margin:0;}
}
/* ------------------------------------------------------------------------------
     happ
-------------------------------------------------------------------------------*/
.happ{padding-bottom: 30px;}
.happ_box{width: calc(((100%) - 35px) / 6);float: left;}
.happimg{}
.happimg img{min-width:100%;}
.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;text-align: center;}
.happdes .p1{margin-bottom:15px;}
.happdes .p2{font-size:12px;}
.happ_box:hover .happdes{opacity:1;}

@media screen and (max-width: 1200px) {
.happ_box{width: calc(((100%) - 35px) / 3);}
}
/* ------------------------------------------------------------------------------
     hcase
-------------------------------------------------------------------------------*/
.hcase{overflow: hidden;margin: 0 -8px;}
.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: 60px;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: 234px;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(36,40,90,0.73);}
.hc_box:hover .hcdes .p1{color:#fff;}
.hc_box:hover .hcdes .p2{background-color:#fff;}


@media screen and (max-width: 1200px) {
.hctit{padding:15px;flex-direction: column;}
.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;}
.hc_box{width:50%;}
}
/* ------------------------------------------------------------------------------
     pic_list
-------------------------------------------------------------------------------*/
.pic_list{overflow: hidden;}
.pic_box{float: left;width: 25%;padding:15px;text-align: center;}
.pic_box.biger{width:33.333333%}
.pic_box p{background: #edeef3;line-height: 3;}
.pic_box .img_box{box-shadow: #b3b3b3 0 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;}
.pic_box:hover .img_box img{transform: scale(1.1);}
@media screen and (max-width:768px) {
.pic_box,.pic_box.biger{width:50%;}
}
/* ------------------------------------------------------------------------------
     about
-------------------------------------------------------------------------------*/
.about_top{background: #fff;padding: 30px 5%;}
.about_top .img_box{margin-bottom:30px;}
.about_tit{font-size: 19px;color: #000;margin-bottom: 40px;/* text-transform: uppercase; */font-weight: bold;word-break: break-word;}
.about_des{color: #595959;line-height: 1.5;}
.about_lr{display: flex;justify-content: space-between;/* align-items: center; */border: 1px #ddd solid;}
.about_lr .img_box{position: relative;z-index: 2;padding: 20px;width: 676px;display: flex;align-items: center;justify-content: center;}
.about_lr .img_box img{position: relative;z-index: 2;box-shadow: #1b1b1b 3px 4px 5px 0;}
.about_lr .img_box video{width: 100%;position: relative;z-index: 2;box-shadow: #1b1b1b 3px 4px 5px 0;}

.about_lr .des_box{max-width: 49%;padding: 30px 30px 0;padding-left: 48px;}
.about_lr .block{background: #1f224f;position:absolute;right: 0;top: 0;width: 399px;height: 100%;z-index: 1;}

.num_box{display:flex;justify-content: space-between;padding-top: 24px;align-items: center;}
.num_box li{display:flex;flex-direction:column;align-items:center;color: #ccc;}
.num_box li .p1{font-size: 35px;color: #d3a24a;background-image: linear-gradient(-27deg,#c79947, #ffe6ab );-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin-bottom: 10px;}
.num_box li .p3{font-size:29px;}
.num_box li .p2{font-size: 15px;color: #636363;}

@media screen and (min-width: 1201px) {
    .max58{max-width:58%;}
    .max50{max-width: 49%;}
}
@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 .img_box{width:100%;}
.about_tit{margin-bottom:30px;}
}
@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 20px;}
.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;width: auto;height: auto;border-radius: 0;color: #000;padding: 11px 52px;margin-right: 33px;background: #cfcece;transition: all 0.5s;text-align: center;}
.swipertab:last-child{margin-right:0;}
.swipertab:hover,.swipertab.active{background: #1f224f;color: #fff;}
.ii_con{height:auto;}
.ii_list{height: 474px;margin-bottom: 36px;width: 100%;}
.ii_list .swiper-wrapper{height:100%;width: 100%;}
.ii_box{float: left;/* width: 25%; */padding: 15px 5px;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);}

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

/* ------------------------------------------------------------------------------
     clients
-------------------------------------------------------------------------------*/
.clients{display:flex;align-items:center;justify-content:space-between;padding-bottom: 50px;}
.clients .cl{flex-shrink: 0;}
.clients .cr{width: 50%;}
.clients .cr .p1{line-height:2;margin-bottom: 44px;}
.client_list{display:flex;height: 192px;}
.cl_box{float: left;text-align: center;padding: 10px 7px;height: 50%;}
.cl_box .img_box{border: 1px #ccc solid;box-shadow: #b3b3b3 0 3px 5px 0;}



/* ------------------------------------------------------------------------------
     progress
-------------------------------------------------------------------------------*/
.abprogress{height: auto;margin-bottom:50px;}
.abprogress .swiper-wrapper{height: auto;}
.abp_box{display:flex;justify-content:space-between;align-items: center;}
.abp_des{width:50%;}
.abp_des .p1{font-size:86px;text-shadow: #eee 0 5px 5px;color: #ddd;font-weight: bold;margin-bottom: 30px;}
.abp_des .p2{line-height:2;font-size:15px;color:#676767;}

.abp_nav {display:flex;justify-content:space-around;position: relative;margin: auto;margin-top: 66px;width: 80%;}
.abp_nav:before{content:"";position:absolute;width: 100%;height: 1px;background-color: #c7d1e9;top: 11px;left: 0;z-index: -1;}
.agerow{display:flex;flex-direction:column;align-items:center;cursor: pointer;}
.agerow .p1{width:24px;height:24px;border:1px #e9edf6 solid;border-radius: 50%;background-color: #fff;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;transition: all 0.5s;}
.agerow .p1 i{width:12px;height:12px;border: 1px #fff solid;border-radius: 50%;display: inline-block;transition: all 0.5s;}
.agerow .p2{font-size:16px;color:#4d4c4c;}
.agerow.active .p1{background-color:#17447e}
.agerow.active .p1 i{border:1px #e4e6e9 solid;}


.abp_arr{overflow: hidden;display: flex;justify-content: space-between;width: 100%;position: absolute;bottom: 32px;left: 0;z-index: -1;}
.abp_arr a{display: flex;color: #e9edf5;font-size: 37px;transition: all 0.5s;cursor: pointer;align-items: center;justify-content: center;z-index: 9;}
.abp_arr a:hover{color: #17447e;}

.progress{background: url(../images/p1.jpg) center top repeat-y;padding-top: 60px;margin: 0 auto;}
.pcbox{display:flex;justify-content:space-between;align-items: center;background: url(../images/p2.png) center no-repeat;margin-bottom: 70px;}



@media screen and (min-width: 769px) {
.pcbox.ll{flex-direction: row-reverse;}
}
.pcimg{overflow: hidden;}
.pcimg img{transform:scale(1);transition: all 0.5s;}
.pcimg:hover img{transform:scale(1.2);}
.pcdes{padding: 10px;min-width: 45%;}
.pcdes .p1{font-size: 22px;color: #434343;margin-bottom: 20px;}
.pcdes .p2{font-size: 15px;color: #434343;margin-bottom: 26px;}
.pcdes .p3{line-height: 2;color: #626262;}
@media screen and (max-width: 768px) {
.progress{background:none;padding: 0;}
.pcbox{background:none;flex-direction: column;margin-bottom: 15px;}
.pcdes{width: 333px;padding-left: 0;}
.pc_tit{margin-bottom:30px;margin-top: 30px;font-size: 16px;}
.pcdes .p1{margin-bottom:10px;font-size:18px;}
.pcdes .p2{margin-bottom:10px;}
}
/* ------------------------------------------------------------------------------
     video
-------------------------------------------------------------------------------*/

.vcat{display: flex;justify-content: space-between;align-items: center;padding: 30px 0 25px;/* border-bottom: 1px #ddd solid; */}
.vcat li{width: 30%;position: relative;}

.vcat1{font-size: 18px;font-weight: bold;color: #000;padding: 22px;background-color: #f5f5f5;text-align: center;transition: all 0.5s;display: block;box-shadow: #bdbdbd 0 3px 5px 0;border: 1px #cacaca solid;}
.vcat1:last-child{margin-right:0;}
.vcat li.hover .vcat1,.vcat li:hover .vcat1{background-image: linear-gradient(to right, #fcecd0, #e0bd80);color: #484848;}
.vcat li:hover .sub_menu1{transform:rotateX(0)}
.vcat .sub_menu1 dd{position:relative;}
.sub_menu2{position:absolute;width: 100%;left: 100%;top: 0;background: #f1f1f1;z-index: 9;transition: all 0.5s;transform: rotateX(90deg);text-align: center;transform-origin: top left;}
.sub_menu2.s3{left:unset;right:100%;}
.vcat .sub_menu1 dd:hover .sub_menu2{transform:rotateY(0)}

.sni3{display:block;padding: 15px 45px;color: #000;}
.sni3:hover{background:#fff;font-weight: bold;}
.vcat .sub_menu1 dd:hover .sni2{color: #e2a741;background: #e6e6e6;}

.video_list{overflow:hidden;margin: 0 -20px;}
.video_box{width:25%;margin-bottom:21px;padding: 0 21px;float: left;}
.video_box a{display:block;box-shadow: #bdbdbd 0 3px 5px 0;}
.video_box .p1{position:relative;overflow:hidden;}
.video_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;}
.video_box:hover .p2{width: 100%;height: 100%;margin: 0;top: 0;left: 0;border-radius: 0;background-color: rgba(0,0,0,0.3);border: 0;}
.video_box .p3{color:#5b5b5b;font-size:15px;background-color: #f5f5f5;text-align:center;padding: 10px;}


@media screen and (max-width: 1200px) {
.video_list{margin:0;}
.video_box{width:50%;padding: 0 15px;margin-bottom: 15px;}
.vcat{padding:15px;padding-bottom: 0;flex-wrap: wrap;}
.vcat li{width: 100%;margin-bottom: 15px;}
.vcat1{font-size:12px;padding: 10px 5px;}
}
/* ------------------------------------------------------------------------------
     contact
-------------------------------------------------------------------------------*/
.solution{display:flex;justify-content:space-between;/* align-items:center; */margin: 0 -20px;margin-bottom: 50px;/* padding-top: 20px; */}
.sl_box{width:20%;padding: 0 20px;transition: all 0.5s;}
.sl_box dl{background-color:#f5f5f5;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 25px 20px 40px;box-shadow: #d8d8d8 0 3px 5px 0;text-align: center;height: 364px;}
.sl_box .p1{font-size:18px;color:#000;margin-bottom: 15px;font-weight: bold;}
.sl_box .p2{color:#7d7d7d;line-height: 1.5;}
.sl_row{width:111px;height:111px;border: 1px #ccc dashed;border-radius: 50%;background-position: center;background-repeat: no-repeat;margin-bottom: 20px;}
@media screen and (min-width: 1200px) {
.sl_box:hover{margin-top: -15px;}
}
.cf_content{position: relative;height: 700px;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: 850px;}
.ci_tit{color: #fff;margin-bottom: 33px;}
.ci_tit .p1{font-size: 21px;margin-bottom: 12px;font-weight: bold;text-transform: uppercase;}
.ci_tit .p2{color:#f5f5f5;font-size: 16px;}
.ci_des{overflow: hidden;}
.ci_box{display:flex;width: 50%;float: left;margin-bottom: 32px;}
.ci_box .p1{margin-right:15px;flex-shrink: 0;}
.ci_box .p2{color:#f5f5f5;display: flex;flex-direction: column;justify-content: center;/* height: 50px; */}
.ci_box p{line-height:1;}
.ci_box p:first-child{margin-bottom:10px;}

@media screen and (max-width: 1200px) {
.sl_box{width: 100%;padding: 0;}
.solution{margin:0;flex-wrap: wrap;}
}
.cf_content .map{border: 1px #dedede solid;width: 100%;height: 700px;margin-bottom: 60px;position: absolute;left: 0;top: 0;}
.contact_form{position: absolute;text-transform: capitalize;/* border-top: 1px #ddd solid; */padding: 34px 47px;background: #fff;left: 0;top: 45px;box-shadow: rgb(0,0,0,0.3) 0 5px 5px 0;width: 586px;}
.contact_form .tit{font-size: 21px;margin-bottom: 15px;color: #000;font-weight: bold;}
.contactform li{/* line-height: 48px; */width: 50%;float: left;margin-bottom: 19px;display: flex;position: relative;}
.contactform li:last-child{margin-bottom:0;}
.contactform li.pl{padding-left: 15px;}
.contactform li.pr{padding-right: 15px;}
.contactform li button:first-child{margin-right:50px;}
.cf_tit {flex:none;width: 100px;}
.contactform li.full{width:100%;}
.contactform li.mb0{margin-bottom:0}

.text_input,.textarea_input{width:100%;padding: 7px;font-size: 15px;border: 1px #e8e8e8 solid;background: #fff;color: #545454;line-height: 28px;text-transform: capitalize;text-indent: 60px;box-shadow: #e8e8e8 1px 6px 5px 0;}
.text_input::-webkit-input-placeholder,.textarea_input::-webkit-input-placeholder{color: #545454;font-family:"Microsoft YaHei";}

.textarea_input{height: 98px;}
.cf_button {background: #000000;border: none;color: #fff;padding: 10px;text-transform: capitalize;cursor: pointer;transition: all 0.5s;display: inline-block;font-size: 20px;box-shadow: #b7b7b7 1px 6px 5px 0;text-align: center;width: 172px;position: relative;top: 0;font-weight: bold;}
.cf_button.bg1{background-image: linear-gradient(to top, #f9e4b5,#f4dca8,#eccf96 42%, #e0ba76 100%);color: #000;}
.cf_button.bg2{background: #1f224f;}
.cf_button:hover{top:-5px;}
.code_img{height: 44px;width: 120px;flex-shrink: 0;}
.code_input{width: calc((100%) - 120px);}


.select_con{position: relative;width: 100%;padding: 0 57px;height: 44px;font-size: 15px;color: #545454;align-items: center;border: 1px #e8e8e8 solid;cursor: pointer;box-shadow: #e8e8e8 1px 6px 5px 0;display: flex;}
.select_tit{margin-right: 40px;margin-left: 12px;}
.select{display:flex;width: 100%;border-left: 1px #e8e8e8 solid;height: 100%;align-items: center;padding-left: 60px;position: relative;}
.select_s{display:block;width: 100%;transition: all 0.5s;}
.select_m{display:block;overflow: auto;max-height: 200px;width: 100%;position: absolute;left: 0;top: 42px;background: #fff;z-index: 9;transform: rotateX(90deg);transform-origin: top left;transition: all 0.5s;border: 1px #eee solid;}
.select_m.open{transform:rotateX(0);}
.select_m a{padding: 10px 57px;font-size: 15px;color: #7b7b7b;display: flex;align-items: center;}
.select_m a:hover{background:#000;color:#fff;}

.f32{display:inline-block;width:32px;height:32px;background:url(../images/sprite_gj.png) no-repeat 0 0;background-position:0 -1088px;margin-right: 10px;}
.f32.NOFLAG{background-position:0 -7520px;}
.f32.BL{background-position:0 0;}
.f32.BM{background-position:0 -32px;}
.f32.BN,.f32.BRU{background-position:0 -64px;}
.f32.BO{background-position:0 -96px;}
.f32.BR,.f32.BRA,.f32.BRD{background-position:0 -128px;}
.f32.BS{background-position:0 -160px;}
.f32.BT{background-position:0 -192px;}
.f32.BW,.f32.BWA{background-position:0 -224px;}
.f32.BLR,.f32.BY{background-position:0 -256px;}
.f32.BZ{background-position:0 -288px;}
.f32.CA,.f32.CAD,.f32.CAN{background-position:0 -320px;}
.f32.CC{background-position:0 -352px;}
.f32.CD,.f32.COD{background-position:0 -384px;}
.f32.CF{background-position:0 -416px;}
.f32.CG{background-position:0 -448px;}
.f32.CH,.f32.CHE,.f32.CHF{background-position:0 -480px;}
.f32.CI,.f32.CIV{background-position:0 -512px;}
.f32.CK{background-position:0 -544px;}
.f32.CL{background-position:0 -576px;}
.f32.CM,.f32.CMR{background-position:0 -608px;}
.f32.CHN,.f32.CN,.f32.CNY{background-position:0 -640px;}
.f32.CO,.f32.COL{background-position:0 -672px;}
.f32.CR,.f32.CRI{background-position:0 -704px;}
.f32.CU{background-position:0 -736px;}
.f32.CV{background-position:0 -768px;}
.f32.CW{background-position:0 -800px;}
.f32.CX{background-position:0 -832px;}
.f32.CY{background-position:0 -864px;}
.f32.CZ,.f32.CZE,.f32.CZK{background-position:0 -896px;}
.f32.DE,.f32.DEU{background-position:0 -928px;}
.f32.DJ{background-position:0 -960px;}
.f32.DK,.f32.DKK,.f32.DNK{background-position:0 -992px;}
.f32.DM{background-position:0 -1024px;}
.f32.DO{background-position:0 -1056px;}
.f32.DOLLAR{background-position:0 -1088px;}
.f32.DZ,.f32.DZA{background-position:0 -1120px;}
.f32.EC,.f32.ECU{background-position:0 -1152px;}
.f32.EE,.f32.EST{background-position:0 -1184px;}
.f32.EG,.f32.EGY{background-position:0 -1216px;}
.f32.EH{background-position:0 -1248px;}
.f32.ER{background-position:0 -1280px;}
.f32.ES,.f32.ESP,.f32.SP{background-position:0 -1312px;}
.f32.ET{background-position:0 -1344px;}
.f32.EU,.f32.EUR{background-position:0 -1376px;}
.f32.FI,.f32.FIN{background-position:0 -1408px;}
.f32.FJ{background-position:0 -1440px;}
.f32.FK{background-position:0 -1472px;}
.f32.FM{background-position:0 -1504px;}
.f32.FO{background-position:0 -1536px;}
.f32.FR,.f32.FRA{background-position:0 -1568px;}
.f32.GA{background-position:0 -1600px;}
.f32.EN,.f32.GB,.f32.GBP,.f32.GBR{background-position:0 -1632px;}
.f32.GD{background-position:0 -1664px;}
.f32.GE,.f32.GEO{background-position:0 -1696px;}
.f32.GG{background-position:0 -1728px;}
.f32.GH,.f32.GHA{background-position:0 -1760px;}
.f32.GI{background-position:0 -1792px;}
.f32.GL{background-position:0 -1824px;}
.f32.GM{background-position:0 -1856px;}
.f32.GN{background-position:0 -1888px;}
.f32.GOLD,.f32.gold{background-position:0 -1920px;}
.f32.GQ{background-position:0 -1952px;}
.f32.GR,.f32.GRC{background-position:0 -1984px;}
.f32.GS{background-position:0 -2016px;}
.f32.GT,.f32.GTM{background-position:0 -2048px;}
.f32.GU{background-position:0 -2080px;}
.f32.GW{background-position:0 -2112px;}
.f32.GY{background-position:0 -2144px;}
.f32.HK,.f32.HKD{background-position:0 -2176px;}
.f32.HN{background-position:0 -2208px;}
.f32.HR{background-position:0 -2240px;}
.f32.HT{background-position:0 -2272px;}
.f32.HU,.f32.HUF,.f32.HUN{background-position:0 -2304px;}
.f32.IC{background-position:0 -2336px;}
.f32.ID,.f32.IDN,.f32.IDR{background-position:0 -2368px;}
.f32.IE{background-position:0 -2400px;}
.f32.IL,.f32.ISR{background-position:0 -2432px;}
.f32.IM{background-position:0 -2464px;}
.f32.IN,.f32.IND,.f32.INR{background-position:0 -2496px;}
.f32.IQ,.f32.IRQ{background-position:0 -2528px;}
.f32.IR,.f32.IRN{background-position:0 -2560px;}
.f32.IS,.f32.ISL{background-position:0 -2592px;}
.f32.IT,.f32.ITA{background-position:0 -2624px;}
.f32.JE{background-position:0 -2656px;}
.f32.JAM,.f32.JM{background-position:0 -2688px;}
.f32.JO,.f32.JOR{background-position:0 -2720px;}
.f32.JP,.f32.JPN,.f32.JPY{background-position:0 -2752px;}
.f32.KE,.f32.KEN{background-position:0 -2784px;}
.f32.KG,.f32.KGZ{background-position:0 -2816px;}
.f32.KH,.f32.KHM{background-position:0 -2848px;}
.f32.KI{background-position:0 -2880px;}
.f32.KM{background-position:0 -2912px;}
.f32.KN{background-position:0 -2944px;}
.f32.KOR,.f32.KP{background-position:0 -2976px;}
.f32.KR,.f32.KRW{background-position:0 -3008px;}
.f32.KW{background-position:0 -3040px;}
.f32.KY{background-position:0 -3072px;}
.f32.KAZ,.f32.KK,.f32.KZ,.f32.KZT{background-position:0 -3104px;}
.f32.LA,.f32.LAO{background-position:0 -3136px;}
.f32.LB{background-position:0 -3168px;}
.f32.LC{background-position:0 -3200px;}
.f32.LI{background-position:0 -3232px;}
.f32.LK,.f32.LKA{background-position:0 -3264px;}
.f32.LR{background-position:0 -3296px;}
.f32.LS{background-position:0 -3328px;}
.f32.LT,.f32.LTL,.f32.LTU{background-position:0 -3360px;}
.f32.LU{background-position:0 -3392px;}
.f32.LV,.f32.LVA,.f32.LVL{background-position:0 -3424px;}
.f32.LBY,.f32.LY{background-position:0 -3456px;}
.f32.MA,.f32.MAR{background-position:0 -3488px;}
.f32.MC{background-position:0 -3520px;}
.f32.MD,.f32.MDA{background-position:0 -3552px;}
.f32.ME{background-position:0 -3584px;}
.f32.MF{background-position:0 -3616px;}
.f32.MG{background-position:0 -3648px;}
.f32.MH{background-position:0 -3680px;}
.f32.MK{background-position:0 -3712px;}
.f32.ML{background-position:0 -3744px;}
.f32.MM{background-position:0 -3776px;}
.f32.MN,.f32.MNG{background-position:0 -3808px;}
.f32.MO{background-position:0 -3840px;}
.f32.MP{background-position:0 -3872px;}
.f32.MQ{background-position:0 -3904px;}
.f32.MR{background-position:0 -3936px;}
.f32.MT{background-position:0 -4000px;}
.f32.MRI,.f32.MU{background-position:0 -4032px;}
.f32.MDV,.f32.MV{background-position:0 -4064px;}
.f32.MW{background-position:0 -4096px;}
.f32.MEX,.f32.MX,.f32.MXN{background-position:0 -4128px;}
.f32.MS,.f32.MY,.f32.MYR,.f32.MYS{background-position:0 -4160px;}
.f32.MZ{background-position:0 -4192px;}
.f32.NA,.f32.NAM{background-position:0 -4224px;}
.f32.NC{background-position:0 -4256px;}
.f32.NE{background-position:0 -4288px;}
.f32.NF{background-position:0 -4320px;}
.f32.NG,.f32.NGN,.f32.NGR{background-position:0 -4352px;}
.f32.NI{background-position:0 -4384px;}
.f32.NED,.f32.NL{background-position:0 -4416px;}
.f32.NO,.f32.NOK,.f32.NOR{background-position:0 -4448px;}
.f32.NP{background-position:0 -4480px;}
.f32.NR{background-position:0 -4512px;}
.f32.NU{background-position:0 -4544px;}
.f32.NZ,.f32.NZD,.f32.NZL{background-position:0 -4576px;}
.f32.OM,.f32.OMR{background-position:0 -4608px;}
.f32.PA,.f32.PAN{background-position:0 -4640px;}
.f32.PE,.f32.PER{background-position:0 -4672px;}
.f32.PF{background-position:0 -4704px;}
.f32.PG{background-position:0 -4736px;}
.f32.PH,.f32.PHL{background-position:0 -4768px;}
.f32.PAK,.f32.PK{background-position:0 -4800px;}
.f32.PL,.f32.PLN,.f32.POL{background-position:0 -4832px;}
.f32.PN{background-position:0 -4864px;}
.f32.PR{background-position:0 -4896px;}
.f32.PS,.f32.PSE{background-position:0 -4928px;}
.f32.PRT,.f32.PT{background-position:0 -4960px;}
.f32.PW{background-position:0 -4992px;}
.f32.PRY,.f32.PY{background-position:0 -5024px;}
.f32.QA,.f32.QAR{background-position:0 -5056px;}
.f32.RO,.f32.ROU{background-position:0 -5088px;}
.f32.RS,.f32.SRB{background-position:0 -5120px;}
.f32.RU,.f32.RUB,.f32.RUR,.f32.RUS{background-position:0 -5152px;}
.f32.RW{background-position:0 -5184px;}
.f32.SA,.f32.SAR,.f32.SAU{background-position:0 -5216px;}
.f32.SB{background-position:0 -5248px;}
.f32.SC{background-position:0 -5280px;}
.f32.SD,.f32.SDN{background-position:0 -5312px;}
.f32.SE,.f32.SEK,.f32.SWE{background-position:0 -5344px;}
.f32.SG,.f32.SGD,.f32.SGP{background-position:0 -5376px;}
.f32.SH{background-position:0 -5408px;}
.f32.SI,.f32.SVN{background-position:0 -5440px;}
.f32.SILVER,.f32.silver{background-position:0 -5472px;}
.f32.SK,.f32.SVK{background-position:0 -5504px;}
.f32.SL{background-position:0 -5536px;}
.f32.SM{background-position:0 -5568px;}
.f32.SN{background-position:0 -5600px;}
.f32.SO{background-position:0 -5632px;}
.f32.SR{background-position:0 -5664px;}
.f32.SS{background-position:0 -5696px;}
.f32.ST{background-position:0 -5728px;}
.f32.SLV,.f32.SV{background-position:0 -5760px;}
.f32.SY{background-position:0 -5792px;}
.f32.SZ{background-position:0 -5824px;}
.f32.TC{background-position:0 -5856px;}
.f32.TD{background-position:0 -5888px;}
.f32.TF{background-position:0 -5920px;}
.f32.TG{background-position:0 -5952px;}
.f32.TH,.f32.THA{background-position:0 -5984px;}
.f32.TJ,.f32.TJK{background-position:0 -6016px;}
.f32.TK{background-position:0 -6048px;}
.f32.TL{background-position:0 -6080px;}
.f32.TKM,.f32.TM{background-position:0 -6112px;}
.f32.TN,.f32.TUN{background-position:0 -6144px;}
.f32.TO{background-position:0 -6176px;}
.f32.TR,.f32.TUR{background-position:0 -6208px;}
.f32.TT,.f32.TTO{background-position:0 -6240px;}
.f32.TV{background-position:0 -6272px;}
.f32.TW,.f32.TWD{background-position:0 -6304px;}
.f32.TZ{background-position:0 -6336px;}
.f32.UA,.f32.UAH,.f32.UKR{background-position:0 -6368px;}
.f32.UG,.f32.UGA{background-position:0 -6400px;}
.f32.US,.f32.USD{background-position:0 -6432px;}
.f32.UY{background-position:0 -6464px;}
.f32.OZ,.f32.UZ,.f32.UZB{background-position:0 -6496px;}
.f32.VA{background-position:0 -6528px;}
.f32.VC{background-position:0 -6560px;}
.f32.VE,.f32.VEN{background-position:0 -6592px;}
.f32.VG{background-position:0 -6624px;}
.f32.VI,.f32.VN,.f32.VNM{background-position:0 -6688px;}
.f32.VU{background-position:0 -6720px;}
.f32.WF{background-position:0 -6752px;}
.f32.WS{background-position:0 -6784px;}
.f32.YE,.f32.YEM{background-position:0 -6816px;}
.f32.YT{background-position:0 -6848px;}
.f32.ZA,.f32.ZAF,.f32.ZAR{background-position:0 -6880px;}
.f32.ZM,.f32.ZMB{background-position:0 -6912px;}
.f32.ZW,.f32.ZWE{background-position:0 -6944px;}
.f32._abkhazia{background-position:0 -6976px;}
.f32._basque-country{background-position:0 -7008px;}
.f32._british-antarctic-territory{background-position:0 -7040px;}
.f32._commonwealth{background-position:0 -7072px;}
.f32._england{background-position:0 -7104px;}
.f32._gosquared{background-position:0 -7136px;}
.f32._kosovo{background-position:0 -7168px;}
.f32._mars{background-position:0 -7200px;}
.f32._nagorno-karabakh{background-position:0 -7232px;}
.f32._nato{background-position:0 -7264px;}
.f32._northern-cyprus{background-position:0 -7296px;}
.f32._olympics{background-position:0 -7328px;}
.f32._red-cross{background-position:0 -7360px;}
.f32._scotland{background-position:0 -7392px;}
.f32._somaliland{background-position:0 -7424px;}
.f32._south-ossetia{background-position:0 -7456px;}
.f32._united-nations{background-position:0 -7488px;}
.f32._unknown{background-position:0 -7520px;}
.f32._wales{background-position:0 -7552px;}
.f32.AD{background-position:0 -7584px;}
.f32.AE,.f32.AED,.f32.AR,.f32.ARE{background-position:0 -7616px;}
.f32.AF,.f32.AFG{background-position:0 -7648px;}
.f32.AG{background-position:0 -7680px;}
.f32.AI{background-position:0 -7712px;}
.f32.AL{background-position:0 -7744px;}
.f32.AM,.f32.ARM{background-position:0 -7776px;}
.f32.AN{background-position:0 -7808px;}
.f32.AO{background-position:0 -7840px;}
.f32.AQ{background-position:0 -7872px;}
.f32.ARG{background-position:0 -7904px;}
.f32.AS{background-position:0 -7936px;}
.f32.AT,.f32.AUT{background-position:0 -7968px;}
.f32.AU,.f32.AUD,.f32.AUS{background-position:0 -8000px;}
.f32.AW{background-position:0 -8032px;}
.f32.AX{background-position:0 -8064px;}
.f32.AZ,.f32.AZE{background-position:0 -8096px;}
.f32.BA,.f32.BIH{background-position:0 -8128px;}
.f32.BB{background-position:0 -8160px;}
.f32.BD,.f32.BGD{background-position:0 -8192px;}
.f32.BE,.f32.BEL{background-position:0 -8224px;}
.f32.BF{background-position:0 -8256px;}
.f32.BG,.f32.BGN,.f32.BGR{background-position:0 -8288px;}
.f32.BH,.f32.BHD,.f32.BRN{background-position:0 -8320px;}
.f32.BI{background-position:0 -8352px;}
.f32.BJ{background-position:0 -8384px;}
.f32.CYP{background-position:0 -864px;}
.f32.KOS{background-position:0 -7168px;}
.f32.HND{background-position:0 -2208px;}
.f32.TZA{background-position:0 -6336px;}
.f32.MMR{background-position:0 -3776px;}
.f32.LSO{background-position:0 -3328px;}
.f32.LBN{background-position:0 -3168px;}
.f32.empty{background-position:0 -999999px;}



.cficon{width:48px;height:48px;background-position: center;background-repeat: no-repeat;position: absolute;top: -3px;left: 17px;}
.cf1{background-image: url(../images/cf1.png)!important;}
.cf2{background-image:url(../images/cf2.png)}
.cf3{background-image:url(../images/cf3.png)}
.cf4{background-image:url(../images/cf4.png)}
.cf5{background-image:url(../images/cf5.png)}
.cf6{background-image:url(../images/cf6.png)}
.cf7{background-image:url(../images/cf7.png)}
.cf8{background-image:url(../images/cf8.png)}
.cf9{background-image:url(../images/cf9.png)}
.cf10{background-image:url(../images/cf10.png)}


.map{width:100%;height:356px;margin-bottom: 50px;}
#map img {
max-width: inherit;
}
@media screen and (max-width: 1200px) {
.cf_content{padding-bottom: 30px;display: block;height: auto;}
.cf_content .map{width:100%;position: relative;margin-bottom: 0;}
.ci_box{width:100%;margin-bottom: 15px;}
.select_tit{display:none}
.select{padding-left: 13px;border-left: 0;}
.contact_info{flex-wrap: wrap;padding: 15px;/* background: none; */position: unset;width: 100%;}
.contactform li{width:100%;}
.contactform li.pl,.contactform li.pr{padding:0;}
.contactform{padding:15px;width: 100%;position: unset;box-shadow: unset;}
.contact_form{padding:15px;width: 100%;position: unset;box-shadow: unset;}

.cf_button{font-size:16px;width: 146px;}
}
@media screen and (max-width: 768px) {
.cf_content{padding-top:30px;margin-bottom: 0;padding-bottom: 0;}
}
/* ------------------------------------------------------------------------------
     case
-------------------------------------------------------------------------------*/
.case_list{overflow:hidden;}
.postlist .case_box{width:25%;}
.case_box{width: 33.3333333%;float:left;padding:0 19px;margin-bottom:64px;}
.postlist .case_box a{/* border-bottom:none; */}
.postlist .case_box{margin-bottom:30px;}
.postlist .casetit .p1{font-size:16px;}
.case_box a{display:block;background-color:#efefef;padding-top: 1px;box-shadow: rgba(0,0,0,0.31) 1px 5px 3px;border-bottom: 2px #000 solid;}
.caseimg{position:relative;margin: 9px;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;text-transform: uppercase;}
.caseimg img{transform:scale(1);transition: all 0.5s;}
.casetit{position:relative;padding: 21px 40px 32px;}
.casetit .p1{position:relative;font-size: 19px;color: #2e2e2e;z-index: 2;/* padding: 5px 0; */margin-bottom: 12px;text-shadow: rgba(0,0,0,0.25) 5px 3px 5px;line-height: 1;height: 40px;}
.casetit .p2{font-size: 15px;color: #686868;}

.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: 40px;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 a{border-color: #2c548e;}
@media screen and (max-width: 1200px) {
.case_box{width:100%;margin-bottom: 20px;}
}
/* ------------------------------------------------------------------------------
    News
-------------------------------------------------------------------------------*/
.news_con{/* padding-bottom:50px; */padding-top: 33px;}
.news_top{display:block;margin-bottom: 65px;padding-bottom: 64px;border-bottom: 1px #ddd solid;}
.nt_con{display:flex;align-items:center;justify-content:space-between;box-shadow: #d2d2d2 0 5px 5px 0;}

.nt_l{width:50%}
.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;background: #f5f5f5;border-top: 1px #ddd solid;padding-left: 80px;}
.nt_box:last-child{margin-bottom:0;}
.nt_time{font-family:"Microsoft Yahei";text-align: center;padding: 8.4px 0;transition: all 0.5s;}
.nt_time .p1{font-size: 26px;margin-bottom: 7px;color: #3f3f3f;border-bottom: 1px #ccc solid;transition: all 0.5s;}
.nt_time .p2{font-size:13px;color: #656565;transition: all 0.5s;}
.nt_des{padding-left: 48px;}
.nt_des .p1{font-size:16px;margin-bottom: 10px;display:block;color: #020202;transition: all 0.5s;}
.nt_des .p2{word-break:break-word;color: #797979;transition: all 0.5s;}
.nt_box:hover{background-image: linear-gradient(#1c5aaa, #17447e);}
.nt_box:hover .nt_time .p1,.nt_box:hover .nt_time .p2,.nt_box:hover .nt_des .p1,.nt_box:hover .nt_des .p2{color:#fff;}
.nt_box.hover{background: #1f224f;}
.nt_box.hover .nt_time .p1,.nt_box.hover .nt_time .p2,.nt_box.hover .nt_des .p1,.nt_box.hover .nt_des .p2{color:#fff;}

.news_down{overflow:hidden;}




.newsbox{position:relative;padding: 0 21px;transition: all 0.5s;width: 33.33333%;float: left;margin-bottom: 67px;}
.newsbox dl{display:block;background: #efefef;box-shadow: rgba(0,0,0,0.21) 1px 5px 5px;}
.newsimg{overflow:hidden;max-width: 275px;}
.newsdes{position: relative;padding: 26px;transition: all 0.5s;}
.newsdes .p1{font-size: 17px;color: #000000;margin-bottom: 20px;display: block;text-shadow: #b5b5b5 3px 5px 5px;transition: all 0.5s;}
.newsdes .p2{margin-bottom: 26px;/* font-size: 13px; */color: #525252;}
.newsdes .p3{font-size:13px;color:#757575;font-family: Microsoft YaHei;}
.newsdes .more{color: #3a3a3a;display: inline-flex;padding: 7px 27px;line-height: 1;align-items: center;background-image: linear-gradient(to right, #fcecd0, #e0bd80);}
.newsdes .more i{display:flex;align-items: center;justify-content: center;margin-left: 8px;font-size: 16px;}

.newsbox:hover .newsdes{background: #1f224f;}
.newsbox:hover .newsdes .p1{color:#fff;text-shadow: rgba(0,0,0,0.24) 3px 5px 5px;font-weight: bold;}
.newsbox:hover .newsdes .p2{color: #e7e7e7;}



@media screen and (max-width: 1200px) {
.newsbox{display: block;border: none;width: 100%;padding: 0;margin-bottom: 20px;}
.newsimg{text-align:center;margin-bottom:15px;display: block;max-width: unset;}
.newsdes{padding: 15px;}
.news_top{display:none;}
.news_con{padding-top: 0;padding-bottom: 0;}
}
@media screen and (max-width: 768px) {

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

}

.video_show{width:100%;height:800px;}
@media screen and (max-width: 768px) {
.video_show{width:100%;height:300px;}
}
/* ------------------------------------------------------------------------------
     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: 262px;flex-shrink: 0;}
.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;color: #000;}
.ai_des .p2{line-height:1.5;font-size: 15px;color: #646464;}
.ask_form{background:#fff;padding: 30px;padding-top: 0;}
@media screen and (max-width: 768px) {
.ask_info{flex-direction:column;}
.float_screen{align-items:baseline;}
.ask_form{padding:15px;width: 100%;}
.ai_img{width:auto;}
.ai_des{padding:0;text-align: center;}
.ai_des .p1{font-size:16px;margin-bottom: 15px;display: block;}
}
/* ------------------------------------------------------------------------------
     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;display: flex;justify-content: center;flex-wrap: wrap;border: 1px #cacbcb solid;background: #1f224f;margin-bottom: 50px;}
.procat li{/* width: calc((100%) / 6); */padding: 14px 0;text-align: center;position: relative;flex-grow: 1;}
.hpro .procat li{/* width: 14.258%; */}
.procat li .sni1{font-size:16px;display:block;border-right: 1px #cacbcb solid;line-height: 25px;position: relative;z-index: 2;cursor: pointer;color: #fff;font-weight: bold;}
.procat li:last-child{/* flex-grow: 1; */}
.procat li:last-child a{border-right:none;}
.procat li .bgi{color:#fff;background-image: linear-gradient(to right, #fff2c8, #c78c1f);height: 100%;position: absolute;left: 0;top: 0;width: 0;transition: all 0.8s;z-index: 1;}
.procat li:hover .bgi,.procat li.hover .bgi{width:100%;}
.procat li:hover .sni1,.procat li.hover .sni1{color:#282828;}
.procat li:hover .sub_menu1{transform:rotateX(0)}
.sub_menu1{position:absolute;width: 100%;left: 0;top: 100%;background: #e6e6e6;z-index: 9;transition: all 0.5s;transform: rotateX(90deg);text-align: center;transform-origin: top left;}
.sni2{display: flex;align-items: center;padding: 15px;background: #f5f5f5;padding-left: 15%;}
.sni2 i{width: 8px;height: 8px;background: #e1c085;margin-right: 19px;}
.sni2:hover{background: #e6e6e6;font-weight: bold;}


@media screen and (max-width:1200px) {
.procat li .sni1{border-right:0;font-size: 12px;}
.procat li,.hpro .procat li{width: 50%;padding: 0;margin-bottom: 10px;}
.procat{padding:15px;padding-bottom: 0;margin-bottom: 0;}
}
.pro_list{overflow: hidden;margin: 0 -9px;transition: all 0.5s;}
.pro_list_con{/* overflow:hidden; */position: relative;}
.pro_box{float: left;width: 25%;padding: 0 9px;margin-bottom: 42px;}
.pro_box a{display:block;box-shadow: #e0e0e0 3px 3px 3px 0;}
.proimg{transition: all 0.5s;overflow: hidden;}
.proimg img{transform: scale(1);transition:all 0.5s;}
.protit{text-align: center;transition: all 0.5s;text-transform: capitalize;color: #000;background-color: #d3d3d3;padding: 15px 0;position: relative;}
.protit .p1{position: relative;z-index: 2;}
.pro_box:hover .proimg img{transform:scale(1.2);}
.pro_box i{color:#fff;background-image: linear-gradient(to right, #fcecd0, #e0bd80);height: 100%;position: absolute;left: 0;top: 0;width: 0;transition: all 0.5s;z-index: 1;}
.pro_box:hover i{width:100%;}

.postlist {margin-bottom:30px;}

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

}

.inner_show{/* background: #e9e9e9; *//* padding: 20px; */}
.inshow_top{margin-bottom: 30px;overflow:  hidden;display: flex;justify-content: space-between;padding-top: 50px;}
.inshow_top .l_box{float: left;display: flex;align-items: center;justify-content: space-between;}
.inshow_top .r_box{float: left;width: 631px;padding: 48px 60px;position: relative;border: 1px #ddd solid;}
.proimgslide {width:711px;}
.proimgsnav {display:flex;flex-direction:column;padding-left: 33px;}
.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;background-image: linear-gradient(to right, #fcecd0, #e0bd80);/* display: inline-block; */padding: 11px 30px;box-shadow: #c7c7c7 1px 6px 5px 0;margin-bottom: 30px;color: #000;font-weight: bold;}
.inshow_top .r_box .p2{line-height:1.5;margin-bottom: 30px;color: #000;}
.inshow_top .r_box .p3{line-height:1.5;margin-bottom: 50px;color: #000;font-size: 18px;}
.inshow_top .r_box .p4{display:flex;justify-content: space-between;}
.inshow_top .r_box .p4 a{width:50%;}
.inshow_top .r_box .p4 a:first-child{margin-right: 15px;}
@media screen and (max-width: 1200px) {
.proimgslide {width:100%;}
.inshow_top .r_box .p1{margin-bottom:15px;font-size: 16px;}
.inshow_top .r_box .p2{margin-bottom:15px;}
.inshow_top .r_box .p3{margin-bottom:15px;}
.proimgsnav{padding:15px;flex-direction: row;justify-content: center;}
}
.limg_box{float:left;margin-right: 40px;margin-bottom: 30px;}
.innerbigimgs{width: 1066px;height: 616px;} 
.innerbigimgs img{display: block;}
.cinfotit{font-size:18px;color:#484848;font-weight: bold;text-align: center;padding: 13px;background-image: linear-gradient(to right, #fcecd0, #e0bd80);box-shadow: rgba(0,0,0,0.2) 0px 5px 5px 0px;}
.rimg_box{position:relative;width: 330px;float: right;height: 616px;overflow: hidden;}
.innerimgs {width:100%;height: 100%;}
.innerimgs li{/* display: flex; */}
.innerimgs .swiper-wrapper{/* justify-content:space-between; */}
@media screen and (min-width: 1201px) {
.innerimgs li{height: calc((100% - 40px) / 3);margin-bottom: 20px;cursor: pointer;float: left;}
.innerimgs li:last-child{margin-bottom:0;}
}
.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: 30px;}
.sapp_box{width:16.666666666666%;margin-right:7px;}

.inshow_d{/* margin-bottom: 50px; */border: 1px #eee solid;background: #fff;}

.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;text-transform: capitalize;}
.isd_tab_b .p2{width: 33px;height:3px;background: #6f6f6f;display: inline-block;}
.isd_tab_b:hover .p1,.isd_tab_b.hover .p1{color: #1f224f;}
.isd_tab_b:hover .p2,.isd_tab_b.hover .p2{background: #1f224f;}

.isd_tit{text-transform: capitalize;margin-bottom: 45px;background: #1f224f;display: inline-block;color: #fff;padding: 11px;width: 240px;text-align: center;}
.isd_tit .p1{font-size:19px;color:#fff;margin-bottom: 12px;}
.isd_tit .p2{width:34px;height:3px;background:#fff;display: inline-block;}
.isd_con{font-size: 15px;line-height: 2;padding: 0 30px;}
.isd_over{overflow:hidden;padding: 0 30px;}
.isd_item{font-size: 15px;line-height: 2;transform: rotateX(90deg);transform-origin: top left;transition: all 0.5s;height: 0;}

.isd_item.active{transform: rotateX(0);height: auto;}


.isd_end{display:flex;justify-content: space-around;padding: 50px 0;max-width: 600px;margin: auto;}
.bbar{display:inline-block;width: 28px;height: 2px;background-color: #505050;}
.backtocat{background: #17447e;color: #ffffff;padding: 7.5px;display: flex;margin: 30px 0;font-size: 15px;align-items: center;justify-content: center;}
.backtocat i{margin-right: 10px;font-size: 28px;}
.backtocat:hover{background: #4780ca;}
@media screen and (max-width: 1200px) {
.left_nav {display:none;}
.isd_tit{width: calc((100%) - 60px);margin: auto;margin-bottom: 15px;display: block;}
.isd_tab{width: 300px;margin-bottom: 0;}
.isd_end{padding:15px}
.isd_over{padding:15px;}
.inapp{margin-bottom: 50px;padding: 0 15px;}
.inshow_d{margin-bottom:15px;}
.right_box{width:100%;padding: 10px;}
.innerimgs li{/* padding: 6px 0; */width: calc((25%) - 6px);margin-right: 8px;cursor: pointer;float: left;}
.innerimgs li:last-child{margin-right:0;}
.cinfotit{font-size:16px;}
.video_con{padding:0 15px;}
.innerimgs{height:auto;}
}
@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: auto;}
.limg_box{width:100%;margin:0;}
.inshow_top .l_box{width:100%;margin-bottom: 15px;display: block;}
.inshow_top .r_box{width:100%;padding: 15px;}
.inshow_top .r_box .tit{margin-bottom:10px;}
.inshow_top{margin-bottom:10px;display: block;padding: 15px;}
.innerimgs{height: 57px;}
}
@media screen and (max-width: 375px) {
.innerimgs{height: 50px;}
}
/* page set */
.page_num{display:block;display:flex;overflow:hidden;text-align:center;justify-content:center;}
.page_num a,.page_num span{padding: 8px 16px;border: 1px #dadada solid;display: inline-block;margin: 5px 10px;color: #6b6b6b;box-shadow: #b3b3b3 2px 2px 2px 0;}
.page_num a.cur{background: #1f224f;color:#fff;border-color: #1f224f;}
.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: #bb4141;}
.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{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;padding-bottom: 15px;}
}
#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;}}

/* wap */
@media screen and (min-width: 1025px) {
.wapshow{display: none;}
#scroll:hover{background:#ffffff;color:#000;}
}
@media screen and (max-width: 1024px) {
.head_block{height: 47px;}
.pcshow{display:none;}
}