body{font-family: "SourceHanSansCN-Regular",sans-serif;background: #ffffff;margin:0 auto;padding:0;color: #666666;zoom:1;font-size: 14px;}
body:lang(cn){font-family: "Microsoft YaHei",sans-serif;background: #ffffff;margin:0 auto;padding:0;color: #666666;zoom:1;font-size: 14px;}
body:lang(en){font-family: "Akrobat-Bold",sans-serif;background: #ffffff;margin:0 auto;padding:0;color: #666666;zoom:1;font-size: 14px;}
input,textarea,button{font-family: Myriad Pro,sans-serif;}
@font-face {
  font-family: "SourceHanSansCN-Regular";
  src: url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"),
       url("../fonts/SourceHanSansCN-Regular.woff") format("woff"),
       url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
       url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSansCN-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Akrobat-Bold";
  src: url("../fonts/Akrobat-Bold.woff2") format("woff2"),
       url("../fonts/Akrobat-Bold.woff") format("woff"),
       url("../fonts/Akrobat-Bold.ttf") format("truetype"),
       url("../fonts/Akrobat-Bold.eot") format("embedded-opentype"),
       url("../fonts/Akrobat-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@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');
}

[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_search1:before{content:"\e632"}
.icon_search2:before{content:"\e61e"}
.icon_ar_left:before{content:"\e611"}
.icon_ar_right:before{content:"\e604"}
.icon_ar_down:before{content:"\e612"}
.icon_ar_up:before{content:"\e607"}
.icon_location:before{content:"\e67c"}
.icon_tri_right:before{content:"\e60f"}
.icon_tri_left:before{content:"\e610"}
.icon_lang:before{content:"\e85f"}
.icon_back:before{content:"\e662"}
.icon_close:before{content:"\e71b"}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-style: normal;}
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;}
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";}
.mb30{margin-bottom:30px;}

.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;}
.bf1{background-color: #f1f1f1;}
.bf3{background-color: #f3f3f3;}
.bf5{background-color: #f5f5f5;}
.beee{background-color: #eeeeee;}
.b000{background-color: #000000;}
.b666{background-color: #666666;}

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

.c333{color:#333333;}
.c666{color:#666666;}
.c999{color:#999999;}
.cccc{color:#cccccc;}
.c000{color:#000000;}
.cddd{color:#dddddd;}
.c000{color:#000000;}
.cfff{color:#ffffff;}
.cbbb{color:#bbbbbb;}

.font12{font-size:0.75rem;}
.font16{font-size:0.875rem;}
.font16{font-size:1rem;}
.font20{font-size:1.25rem;}
.font36{font-size: 2.25rem;}
.font60{font-size:3.75rem;}
.font80{font-size:5rem;}
@media screen and (max-width: 1220px) {
.font60,.font80{font-size:3rem;} 
}

.lh2{line-height:2;}
.main{max-width: 1220px;margin:0 auto;}
.mid{max-width:990px;margin:auto;}
.mid_main{max-width:60%;margin:0 auto;}
@media screen and (max-width: 1200px) {
.main{margin: 0 5%;}

}

/* 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;}

/* header */
.top_search{text-align: center;display: inline-block;width: 37px;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{background:#fff;transition:all .3s;overflow: hidden;display: flex;justify-content: space-between;align-items: center;height: 48px;flex-direction: row-reverse;width: 192px;}
.top_search .search_box.open{visibility:visible;opacity:1}
.top_search .search_box .text_input{float:left;line-height: 1;background: #fff;border: 1px #eee solid;height: 100%;padding: 5px;font-size: 14px;}
.top_search .search_box .search_button{float:right;margin: 0;border-radius: 0;padding: 0;background: #fff;color: #b7b7b7;height: 100%;width: 48px;border: none;}
.top_search:hover{width:192px;}
header{width: 100%;background: #ffffff;z-index: 999;position: relative;}
.head_bar{display:flex;justify-content: space-between;align-items: center;}
.logo{display: inline-block;padding-right: 1rem;}
nav{display: inline-flex;align-items: center;transition: all 0.5s;vertical-align: middle;}
nav li{margin: 0 10px;}
.ni1{display: block;font-size: 15px;padding: 36px 10px;color: #000;text-transform: uppercase;}
nav li.hover .ni1,nav li:hover .ni1{background: #000;color: #fff;cursor: pointer;}
nav li.has_menu:hover .sub_nav{opacity: 1;visibility: visible;top: 100%;}

.sub_nav{position: absolute;width: 100%;left: 0;top: -480px;background: #f3f3f3;justify-content: center;transition: all 0.5s;/* opacity: 0; *//* visibility: hidden; */z-index: -1;border-bottom: 1px #dedede solid;}

.tpicons{display:flex;color:#000;flex-wrap: wrap;padding: 30px 0;}
.tpicon{display:flex;flex-direction:column;padding: 28px 10px;align-items: center;min-width: 78px;width: 12.5%;}
.tpicon .obox{background-color: #fff;margin-bottom: 15px;}
.tpicon .p1{width: 30px;height: 36px;background-position: center 0;background-repeat:no-repeat;margin-bottom: 15px;transition: all 0.5s;margin: 15px 18px;}
.tpicon .p2{font-size:15px;word-break: keep-all;}
.tpicon:hover,.tpicon.hover{background:#000;color:#fff;}
.tpicon:hover .obox,.tpicon.hover .obox{background:#000;}
.tpicon:hover .p1,.tpicon.hover .p1{background-position: center -36px;}

.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:#000;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;}
.top_search{display:none;}
.sub_nav{display:none;}
.logo{margin:0;width: 13em;}
.top_tel{display:none;}
.close_menu{position:relative;right:1rem;color: #fff;}
.head_bar{padding: 1rem;}
header{position:fixed;border-bottom: 1px #eee solid;}
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;}
.lang{margin-left:0}
}

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


/* footer */
footer{padding-top: 50px;padding-bottom: 30px;background-color: #212121;}
footer a:hover{opacity:1;color: #000;}
.ftop{border-bottom:1px solid;padding-bottom: 35px;margin-bottom: 26px;display: flex;justify-content: space-between;}
.ftl{}
.flogo{margin-bottom: 35px;}
.flogo img{display:inline-block;vertical-align:middle;}
.flogo dd{width:207px;height:2px;background-color:#949494;display: inline-block;vertical-align: middle;margin-left: 32px;}
.fads{margin-bottom: 30px;color:#9c9c9c;}
.ftr{display:flex;justify-content:space-between;width: 200px;}
.ftr .ewma{text-align:center;line-height: 4;}
.fdown{color:#9c9c9c;display: flex;justify-content: space-between;}
.fdown a{color:#9c9c9c;}
.fdown a:hover{color:#fff;}
.fdown dd{display:inline;}
.fnav{overflow: hidden;display: inline-flex;justify-content: space-between;}
.fnav a{color: #9c9c9c;vertical-align:middle;transition: all 0.5s;line-height: 2;text-transform: capitalize;}
.fnav a:hover{color:#fff;}
.fni span{margin-right: 15px;margin-left:10px;}

@media screen and (max-width:768px) {
footer{margin-top:0;padding: 1rem;}
.ftop{/* display:none; */padding-bottom: 0;margin-bottom: 15px;}
.fdown{display:block;}
.ftr,.flogo dd,.fnav{display:none;}
.fads{font-size:13px;margin-bottom: 15px;}
.flogo{margin-bottom:15px;width: 13em;}
}

.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;height: fit-content;margin-bottom: 40px;}
#home_banner li{float: left;background-position: center;background-size: cover;}
#home_banner li.active{float: left;}
#home_banner li img{display: block;width: 100%;}
#home_banner .banner_box{position:absolute;top: 33%;left:5%;color: #00589a;}
.banner_box .p1{font-size:40px;}
.banner_box .p2{font-size:50px;}
.banner_box .p3{font-size:18px;}
#home_banner .page_spot{position: absolute;bottom: 5%;left: 50%;margin-left: -30px;z-index: 999;display: inline-block;}
#home_banner .page_spot a{width: 7px;height: 7px;border-radius: 50%;margin: 2px;display: inline-block;cursor: pointer;}
#home_banner .page_spot a.active{color: #3156c2;background:#64b63e;}
#home_banner .wave_box{position:absolute;bottom: 0;width: 100%;left: 0;z-index: 9;}

@media screen and (max-width: 1280px) {
#home_banner{height:500px;margin-bottom: 30px;}
#home_banner li img{display:none;}
#home_banner a{background-size:cover;height: 200px;display: block;}
}
@media screen and (max-width: 768px) {
#home_banner{height: 400px;}
}
@media screen and (max-width: 425px) {
#home_banner{height: 200px;}
}

/* ------------------------------------------------------------------------------
     page_banner
-------------------------------------------------------------------------------*/
.banner{background-position: center;background-repeat: no-repeat;background-size: cover;height: 469px;}
.bannertxt{display:flex;align-items: center;height: 100%;}
.bannertxt.ll{padding-left: 3%;}
.bannertxt.lr{padding-left: 42%;}
.probanner{height:469px;}
.pagebanner{height:275px;}

.pb_tit{max-width: 435px;}
.pb_tit .p1{font-size:25px;color:#000;margin-bottom: 15px;text-transform: uppercase;}
.pb_tit .p2{font-size:15px;color:#7c7c7c;}
.pb_tit.cfff .p1{color:#fff;}
.pb_tit.cfff .p2{color:#fff;}

.position{position: relative;color: #5d5d5d;text-align: right;}
.position .loc1{display: inline-block;font-size: 25px;padding: 18px 0;color: #e21b18;padding-right: 10px;}
.position a{transition: color 0.3s;color: #4f4f4f;}
.position a i{margin-left:16px;}
.position a:hover,.position a.hover{color: #e21b18;}
.position a,.position span{display: inline-block;vertical-align: middle;text-transform: capitalize;}
.position span{margin:0 5px;}
.position .main{position: relative;}
@media screen and (min-width: 769px) {
.cat_r{position:absolute;left: 0;top: 0;line-height: 55px;}
.cat_r a{margin-right: 15px;}
.cat_r a:hover,.cat_r a.hover{/* border-bottom: 3px solid; *//* color: #e21b18; */}
.cat_r dd{font-size: 22px;color:#000;}

}
.innercon{padding: 50px 0;background: #f3f3f3;margin-bottom: 60px;}
.grayline{background:#cacaca;width: 94px;height: 1px;position: absolute;right: -44px;top: 80px;z-index: 2;}

.page_tit{text-align: center;margin-bottom: 30px;}
.page_tit .p1{color:#000;}
.page_des{padding: 0 5%;line-height: 2;}
.page_tit .p3{display:inline-block;vertical-align:middle;}

@media screen and (max-width: 768px) {
.pagebanner{height:200px;}
.grayline{display:none;}
.position{display:none;}
.page_des{padding:0;}
.innercon{padding: 30px 15px;margin-bottom: 0px;padding-bottom: 0;}
.page_tit .p1{font-size: 12px;}
.page_tit .p2{font-size:12px;}
.pb_tit .p1{font-size:15px;}
.pb_tit .p2{font-size:12px;}
.cat_r{display:flex;justify-content: space-around;line-height: 36px;border-bottom: 1px #ddd solid;}
.cat_r a{border-bottom: 3px solid;border-color:#fff;padding-top: 3px;}
.cat_r a:hover,.cat_r a.hover{border-color:#000;}
}

@media screen and (max-width: 1440px) {
.page_banner{background-size:  cover;}
}
@media screen and (max-width: 768px) {
.page_banner{height: 200px;margin-bottom: 15px;}
}

/* ------------------------------------------------------------------------------
     hnews
-------------------------------------------------------------------------------*/
.hcmore{padding: 6px 25px;border: 1px #ccc solid;color: #616161;text-transform: capitalize;transition: all 0.5s;}
.hcmore:hover{background: #0d58ab;color: #fff;}
.hnews{margin-bottom: 50px;display: flex;justify-content: space-between;position: relative;}
.hn_box{width:355px;position: relative;z-index: 2;}
.hn_box .p1{margin-bottom: 35px;display: block;overflow:hidden;}
.hn_box .p1 img{transform: scale(1);transition:all 0.5s;}
.hn_box .p1:hover img{transform:scale(1.2);}
.hn_box .p2{margin-bottom: 25px;color: #473c51;font-size: 16px;}
.hn_box .p3{margin-bottom: 40px;color: #777777;}
.hnews .f_font{left: -60px;top: -60px;font-size: 119px;letter-spacing: 10px;}
@media screen and (max-width:1220px) {
.hn_box{/* display: flex; */margin: auto;margin-bottom: 20px;}
.hnews{display:block;}
.hn_box .p1,.hn_box .p2,.hn_box .p3{margin-bottom:15px;}
}
/* ------------------------------------------------------------------------------
     hpro
-------------------------------------------------------------------------------*/
.hcatit{text-align: center;display: block;margin-bottom: 40px;}
.hcatit .p1{font-size: 30px;color: #473c51;text-transform: uppercase;margin-bottom: 15px;}
.hcatit .p2{color: #777777;font-size: 15px;margin-bottom: 30px;}


.hpro{/* display:flex; *//* justify-content:space-between; */margin-bottom: 50px;}
.hpbox{}
.hpro li{width: 590px;margin-right: 40px;}
.hpro li:last-child{margin-right:0;}
.hpimg{margin-bottom: 30px;display: block;overflow: hidden;}
.hpimg img{transform: scale(1);transition:all 0.5s;}
.hpimg:hover img{transform:scale(1.2);}
.hpbox .p1{font-size:24px;color:#473c51;margin-bottom: 25px;}
.hpbox .p2{margin-bottom: 30px;color: #777777;font-size: 15px;}

@media screen and (max-width: 1220px) {
.hpro li{width: 50%;padding: 0 10px;margin-right: 0;}
.hpbox .p1{font-size: 16px;margin-bottom: 15px;}
.hpbox .p2{font-size:12px;margin-bottom: 15px;}
.hpimg{margin-bottom:15px;}
.hcatit{max-width: 280px;margin: auto;margin-bottom: 30px;}
.hcatit .p1{font-size: 18px;margin-bottom: 5px;}
.hcatit .p2{font-size:12px;margin-bottom: 15px;}
}
/* ------------------------------------------------------------------------------
     habout
-------------------------------------------------------------------------------*/

.habout{display:flex;position: relative;margin-bottom: 50px;}
.hal{background-color:#af192c;width: 366px;color: #fff;/* position: relative; */padding-left: 50px;}
.hal .p1{margin-bottom: 30px;padding-top: 47px;}
.hal .p2{border-radius: 3px;background: #fff;color: #af192c;display: inline-block;padding: 5px 20px;font-size: 17px;font-weight: bold;margin-bottom: 15px;text-transform: capitalize;}
.hal .p3{font-size: 40px;margin-bottom: 15px;}
.hal .p4{font-size: 16px;margin-bottom: 15px;}
.hal .p5{color: #fff;border-radius: 20px;border: 1px solid;padding: 6px 20px;display: inline-block;}
.hal .p5:hover{background: #fff;color:#af192c;border-color: #af192c;}

.har{background-color:#f5f5f5;width: 835px;position: relative;}
.har .f_font{right: -51px;top: -43px;}
.har .p1{position:relative;z-index:2;}
.har .p2{line-height:2;padding: 30px;}
@media screen and (min-width: 1221px) {
.hal .p3{position: absolute;top: 201px;left: 50px;z-index: 3;}
.hal .p4{position: absolute;left: 50px;top: 286px;z-index: 4;}
.hal .p5{position: absolute;left: 50px;top: 437px;}
body:lang(cn) .hal .p4,body:lang(cn) .hal .p3{letter-spacing:10px;}
}
@media screen and (max-width: 1220px) {
.hal{width:100%;padding-bottom: 20px;padding-left: 15px;}
.har{width:100%;}
.habout{display:block;}
.f_font{display:none;}
.hal .p1{padding-top:20px;margin-bottom: 20px;}
.hal .p3{font-size:18px;}
.hal .p4{font-size:13px;}
}
/* ------------------------------------------------------------------------------
     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.small{width: 16.6666666%;}
.pic_box a{display:block;position: relative;}
.pic_box p{background: rgba(0,0,0,0.5);position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #fff;display: flex;justify-content: center;align-items: center;transition: all 0.5s;opacity: 0;}
.pic_box:hover p{opacity:1;}
@media screen and (max-width:768px) {
.pic_box,.pic_box.biger,.pic_box.small{width:50%;}
}
/* ------------------------------------------------------------------------------
     about
-------------------------------------------------------------------------------*/
.about_top{margin-bottom: 43px;background: #fff;}
.about_tit{font-size: 26px;color: #000000;margin-bottom: 20px;text-transform: uppercase;}
.about_des{color: #666666;line-height: 3;}
.about_lr{margin-bottom: 60px;display: flex;justify-content: space-between;align-items: center;}
.about_lr .img_box{border: 1px #ddd solid;position: relative;}
.about_lr .img_box img{z-index:2;position:relative;}
.about_lr .img_box .f_font{left: -43px;top: -11px;}
.about_lr .des_box{line-height: 2;max-width: 50%;padding-left: 30px;}
.con_tit{font-size: 26px;color: #000000;margin-bottom: 36px;text-transform: uppercase;text-align: center;}
.f_font{position:absolute;writing-mode: vertical-rl;font-size: 100px;font-family: Akrobat-Bold;z-index: 1;transition: auto;transform: rotate(180deg);font-weight: bold;color: #e5e5e5;text-transform: uppercase;}

.about_honor{position:relative;}
.honor_list {height:fit-content;}
.honor_box{float: left;width: 20%;padding: 0 9px;}
.honor_box img{border: 1px #ddd solid;}

.arr_lr{overflow: hidden;display: flex;justify-content: space-between;width: calc((100%) + 80px);position: absolute;top: 50%;margin-top: -23px;left: -40px;}
.arr_lr a{display: flex;width: 36px;height: 50px;color: #fff;background-color: #252525;font-size: 24px;transition: all 0.5s;cursor: pointer;align-items: center;justify-content: center;z-index: 9;}
.arr_lr a:hover{background: #e31a23;}

.down_box{display:flex;justify-content:space-between;}
.down_box_more{border: 1px #6d6d6d solid;padding:5px 15px;}
.down_box_more:hover{background:#000;color:#fff;}


@media screen and (max-width: 1220px) {
.about_lr{display:block;padding: 0 15px;padding-top: 30px;margin-bottom: 30px;}
.about_lr .des_box{max-width:unset;padding-left: 0;}
.honor_box{width:50%;}
.about_des{padding: 0;}
.about_adv{flex-direction:column;}
.aboutadvlist li{margin-bottom:15px;}
.arr_lr{width:100%;left: 0;}
.about_tit{font-size:18px;margin-top: 20px;margin-bottom: 15px;}
}
@media screen and (max-width: 768px) {

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

}
/* ------------------------------------------------------------------------------
     recruit
-------------------------------------------------------------------------------*/
.recruit{}
.recruit_list{margin-bottom:50px;}
.recruit_top{position: relative;overflow: hidden;font-size: 16px;font-weight: bold;line-height: 68px;}
.recruit_top a{color: #00589a;}
.recruit_top .bg_tit{font-family: 'bebasregular';font-size: 60px;text-transform: uppercase;color: #eaf0f6;position: absolute;right: 0;top: 20px;}
.recruit_l{border: 1px #eee solid;}
.recruit_des{width:100%;padding: 50px 80px;line-height: 2;overflow: hidden;background: #ffffff;color: #454545;}
.recruit_des hr{border-color: #ececec;border-style: solid;margin: 30px 0;border-width: 1px;height: 0;unicode-bidi: normal;border-block-start: unset;}
.recruit_tit{background: #eee;line-height: 52px;padding: 0 80px;position: relative;color: #616161;}
.recruit_tit.active{background: #000000;color: #fff;}
.recruit_tit span{display: inline-block;width: 30%;}
.recruit_tit .more{font-size: 20px;border-radius: 50%;background: #bababa;width: 27px;height: 27px;display: inline-flex;justify-content: center;align-items: center;color: #fff;font-family: serif;position: absolute;right: 30px;top: 16px;cursor: pointer;}
.recruit_tit .more:before{content: "+";}
.recruit_tit.active .more{background:#fff;color:#bababa;}
.recruit_tit.active .more:before{content: "-"}
@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 768px) {
.recruit_top .bg_tit{display:none;}
.recruit_des{padding: 15px;}
}
@media screen and (max-width: 425px) {
.recruit_tit{padding:0 30px;}
.recruit_tit span{width: 60%;}
.recruit_tit span.p3,.recruit_tit span.p4{display:none;}
}
/* ------------------------------------------------------------------------------
     progress
-------------------------------------------------------------------------------*/
.pc_tit{font-size:25px;text-align:center;margin-bottom: 40px;color: #000;text-transform:capitalize;}
.progress{background: url(../images/p1.jpg) center top repeat-y;padding-top: 20px;max-width: 892px;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%;padding-left: 9%;}
.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;}
}
/* ------------------------------------------------------------------------------
     join
-------------------------------------------------------------------------------*/
.jp_list{display:flex;justify-content: space-between;position: relative;margin-bottom: 60px;}
.jpline{position: absolute;left: 0;width: 100%;top: 70%;border-bottom: 1px #ccc dashed;z-index: 1;}
.jpbox{width:14.285%;text-align: center;position: relative;z-index: 2;}
.jpbox .img{width: 100px;height: 100px;border: #ccc 1px solid;border-radius: 50%;overflow: hidden;display: inline-flex;background: #fff;justify-content: center;align-items: center;transition: all 0.5s;}
.jpbox .img span{background-position: center 0;background-repeat: no-repeat;width: 50px;height: 50px;overflow: hidden;transition: all 0.5s;}
.jpbox:hover .img{background:#000}
.jpbox:hover .img span{background-position: center -50px;}
.jpbox .dot{border:1px solid;width:13px;height: 13px;margin: 23px auto 26px;border-radius: 50%;background: #fff;transition: all 0.5s;}
.jpbox .tit{font-size: 16px;color: #434343;}
.jpbox:hover .dot{background:#000;}

.advs{background:#f3f3f3;padding: 40px 0 60px;}
.adv_list{display: flex;flex-wrap: wrap;}
.adv_list li{width: calc((25%) - 7.5px);margin-right: 10px;margin-bottom: 10px;}
.adv_list li:nth-child(4n){margin-right:0;}
.advbox{border: 1px #d2cfcf solid;border-radius: 15px;padding: 15px;background: url(../images/dbg.png) right bottom no-repeat #fff;}
.advtit{display: flex;align-items: center;margin-bottom: 15px;}
.advtit .p1{font-size:20px;font-family: Impact;color: #fff;background-color: #3d3d3d;border-radius: 50%;width: 32px;height: 32px;text-align: center;line-height: 32px;}
.advtit .p2{font-size: 16px;color: #000;margin-left: 15px;}
.advdes{line-height: 2;color: #4e4e4e;}

@media screen and (max-width: 1220px) {
.jpbox{width: 50%;margin-bottom: 15px;}
.jp_con{/* overflow: auto; */}
.jp_list{/* width: max-content; */position: relative;flex-wrap: wrap;margin-bottom: 0;}
.adv_list{display:block;}
.adv_list li{width: 100%;}
.advbox{height:auto;min-height: unset;}
.jpbox .dot{display:none;}
.jpbox .tit{margin: 15px 0;}
.jpline{display:none;}
.advs{padding: 1px;}
}
/* ------------------------------------------------------------------------------
     contact
-------------------------------------------------------------------------------*/
.cf_content{position: relative;display: flex;justify-content: space-between;margin-bottom: 50px;background: #f5f5f5;}
.contact_info{padding: 50px 50px 0px 50px;}
.ci_box{line-height: 2;background-repeat: no-repeat;background-position: left 3px;padding-left: 30px;margin-bottom: 25px;display: flex;}
.contact_info .tit{font-size:20px;color: #d3181f;text-transform: capitalize;margin-bottom: 30px;}
.ci_box p{display: inline-block;}
.ci_box p:first-child{width: 57px;text-align: right;flex-shrink: 0;}
.ci1{background-image: url(../images/ci1.jpg);}
.ci2{background-image: url(../images/ci2.jpg);}
.ci3{background-image: url(../images/ci3.jpg);}
.ci4{background-image: url(../images/ci4.jpg);}
.ci5{background-image: url(../images/ci5.jpg);}


@media screen and (min-width: 1200px) {
.ci_box dd p:nth-child(1){margin-right:15px;}
}
.ci_box .tit{font-size: 21px;color: #000;text-transform: uppercase;padding-left: 38px;}
.ci_p{color: #616161;display: flex;justify-content: space-between;align-items: center;}
.ci_p i{font-size: 23px;margin-right: 15px;color: #000;}
.ci_p span{font-size: 14px;/* font-family: "SourceHanSansCN-Regular"; */}
.cf_content .map{border: 1px #dedede solid;width: 100%;height: 456px;margin-bottom: 60px;}
.contact_form{position: relative;text-transform: capitalize;margin: 50px 0;width: 700px;border-left: 1px #ccc dashed;padding: 0 60px;}
.contact_form .tit .p1{font-size: 20px;/* margin-bottom: 10px; */color: #000;}
.contact_form .tit .p2{font-size: 14px;margin-bottom: 30px;color: #969696;}

.contact_form li{line-height: 36px;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}
.contact_form li span{display:inline-block;width: 84px;text-align: center;}
.text_input,.textarea_input{width:100%;padding: 10px;font-size: 14px;/* border: 1px solid; */font-weight: 100;background: #fff;color: #979797;line-height: 1;text-transform: capitalize;}
.textarea_input{height: 71px;}
.cf_button{background: #a2a2a2;border: none;color: #fff;padding: 6px 60px;text-transform: capitalize;cursor: pointer;transition: all 0.5s;display: inline-block;font-size: 15px;}
.cf_button:hover{background: #c01111;color: #fff;}

.map{width:100%;height:356px;margin-bottom: 50px;}
#map img {
max-width: inherit;
}
@media screen and (max-width: 1220px) {
.cf_content{padding-bottom: 30px;display: block;}
.map{margin-top:30px;}
.cf_content .map{width:100%;}
.ci_box{width:100%;margin-bottom: 0;}
.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%;border-left: none;margin: 0;}
}
@media screen and (max-width: 768px) {
.cf_content{padding-top:30px;}
}
/* ------------------------------------------------------------------------------
    News
-------------------------------------------------------------------------------*/
.news_con{padding-bottom:50px;}

.newsbox{position:relative;padding: 33px;/* margin-bottom: 30px; */transition: all 0.5s;display: flex;justify-content: space-between;align-items: center;}
.newsimg{overflow:hidden;max-width: 355px;}
.newsdes{width: 750px;position: relative;padding-bottom: 30px;}
.newsdes .p1{font-size:16px;margin-bottom: 20px;display: flex;justify-content: space-between;}
.newsdes .p1 a{color:#473c51;}
.newsdes .p1 span{color:#4d4d4d;}
.newsdes .p2{font-size:13px;line-height:2;color:#777777;margin-bottom: 30px;}
.newsdes .p3{font-size:13px;color:#757575;font-family: Microsoft YaHei;}
.newsdes .more{font-size:12px;color:#fff;display: inline-flex;background: #000;padding: 6px 10px;font-family: Microsoft YaHei;position: absolute;right: 0;bottom: 0;align-items: center;justify-content: space-between;}
.newsdes .more i{display:flex;align-items: center;justify-content: center;margin-left: 8px;}


@media screen and (max-width: 1220px) {
.newsbox{display: block;border: none;border-bottom: 1px #ddd solid;}
.newsimg{text-align:center;margin-bottom:15px;display: block;max-width: unset;}
.newsdes .p1 span{display:none;}
.newsdes{width:auto;}
}
@media screen and (max-width: 768px) {

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

}


/* ------------------------------------------------------------------------------
     products
-------------------------------------------------------------------------------*/

.fglist li{padding:50px 0;}
.fgbox{display:flex;justify-content: space-between;align-items: center;}
.fgl{}
.fgl .p1{font-size:24px;color:#473c51;margin-bottom:30px;}
.fgl .p2{font-size:15px;color:#777;margin-bottom: 58px;}
.lmore{color:#af192c;border-radius: 20px;border: 1px solid;padding: 6px 20px;display: inline-block;}
.lmore:hover{background: #af192c;color:#fff;border-color: #af192c;}

.cattit{text-align:center;font-size: 32px;text-transform: capitalize;margin-bottom: 47px;}
.procat{position: relative;display: flex;flex-wrap: wrap;margin-bottom: 30px;}
.procat a{padding: 10px 25px;background: #eee;margin-right: 25px;}
.procat a:hover,.procat a.hover{color:#fff;background:#be192e;}
.procat a:last-child{margin-right:0;}
@media screen and (max-width:1200px) {
.procat{/* display:block; */margin-top: 20px;margin-bottom: 20px;justify-content: space-between;}
.procat a{margin-bottom:0;width: 48%;margin-right: 0;margin-bottom: 10px;}
.pb_imgs{display:none;}
.pcicon_box{margin-left: 10px;margin-right: 10px;margin-bottom: 15px;}
.picons{/* width:fit-content; */}
.probanner .main{justify-content:center;}
.probanner{height:200px;}
.probanner.mb30{margin-bottom:30px;}
.pro_search{display:none;}
.pb_tit{padding:0 10px;max-width: 280px;display: none;}
.fgbox{flex-direction:column;align-items: flex-start;}
.fglist li{padding:0;}
.fgl{padding:15px;}
.fgl .p1{margin-bottom:15px;font-size: 18px;}
.fgl .p2{margin-bottom:15px;font-size: 12px;}
}
.pro_list{overflow: hidden;}
.pro_list_con{/* overflow:hidden; */position: relative;}
.pro_box{float: left;margin-right: 36px;margin-bottom: 42px;width: 278px;}

.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: #ebebeb;line-height: 42px;}
.pro_box:hover .proimg img{transform:scale(1.2);}
.pro_box:hover .protit{color:#fff;background: #be192e;}

@media screen and (min-width: 1221px) {
.pro_box:nth-child(4n){margin-right: 0;}
}
@media screen and (max-width: 1220px) {
.pro_box{width: 48%;margin-bottom: 15px;margin-right: 0;}
.pro_list{display:flex;justify-content:space-between;flex-wrap: wrap;}
}
@media screen and (max-width: 425px) {

}

.inner_show{background: #f6f6f6;padding: 50px 0;}
.inshow_top{margin-bottom:50px;overflow:  hidden;display: flex;justify-content: space-between;align-items: center;background: #fff;padding: 50px;}
.inshow_top .l_box{float: left;display: flex;align-items: center;justify-content: space-between;}
.inshow_top .r_box{float: left;width: 480px;position: relative;padding-left: 30px;padding-top: 30px;}
.innerbigimgs{width: 433px;height: 434px;border: 1px #ddd solid;float: left;margin-right: 50px;} 
.innerbigimgs img{display: block;}

.rimg_box{position:relative;width: 98px;float: right;height: 434px;}
.innerimgs {width:100%;height: 100%;}
.innerimgs li{display: flex;padding: 5px 0;width: 98px;height: 108px;}
.innerimgs li img{display:block;border: 1px #ddd solid;}
.innerimgs li.swiper-slide-thumb-active img{border-color: #de2018;}
.inshow_top .r_box .bbar{color:#000;background: #000;width: 50px;margin: 30% 0 50px;}
.inshow_top .r_box .tit{font-size: 25px;margin-bottom: 30px;font-weight: bold;color: #000;}
.inshow_top .r_box .des{line-height: 2;font-size: 15px;color: #7e7e7e;}
.p_ask_button{font-size:16px;border: 1px solid;display: inline-block;padding: 10px 15px;margin-bottom: 140px;color: #334194;}

.inshow_d{margin-bottom: 50px;/* border: 1px #eee solid; */background: #fff;padding: 50px;}
.isd_tit{font-size: 19px;color: #000000;text-transform: capitalize;padding: 20px;}
.isd_tit .p1{margin-bottom:18px;}
.isd_con{padding:30px 15px;font-size: 15px;line-height: 2;}
.bbar{display:inline-block;width: 57px;height: 3px;background-color: #af192c;}
.backtocat{background: #8c8c8c;color:#fff;padding: 7.5px;display: inline-block;margin: 30px 0;font-size: 15px;width: 56%;}
.backtocat i{margin-right: 10px;}
.backtocat:hover{background: #000;}
@media screen and (max-width: 425px) {
.innerbigimgs{width:100%;margin-right: 0;height: fit-content;}
.rimg_box{width:100%;height: fit-content;}
.inshow_top .l_box{width:100%;margin-bottom: 15px;display: block;}
.inshow_top .r_box{width:100%;padding-left: 0;padding-top: 0;}
.inshow_top .r_box .tit{margin-bottom:10px;}
.inshow_top{margin-bottom:10px;display: block;}
.backtocat{width:80%;}
}

/* page set */
.page_num{display:block;display:flex;overflow:hidden;text-align:center;justify-content:center;}
.page_num.pb30{padding-bottom:30px;padding-top: 30px;}
.pagination{}
.pagination a,.pagination span{padding: 5px 10px;border: 1px #dadada solid;display: inline-block;margin: 5px 10px;color: #6b6b6b;}
.pagination a.cur{background:#343434;color:#fff;border-color: #343434;}
.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;}
.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;}
@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{transform: rotate(180deg);display: block;}
#scroll.active{visibility:visible;transform:translateY(0);-ms-transform:translateY(0);animation:bounceInDown 2s;-webkit-animation:bounceInDown 2s;-moz-animation:bounceInDown 2s;}


/* 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:5px;}20%{top:2px;}80%{top:8px;}100%{top: 5px;}}
/* 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: 53px;}
.pcshow{display:none;}
}