body{font-family: "MyriadPro-Regular",sans-serif;background: #f4f5f7;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: "iconfont";
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/iconfont.svg#iconfont') format('svg'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.woff2') format('woff2'),
  url('../fonts/iconfont.ttf') format('truetype');
}
@font-face {font-family: "iconfont";
    src: url('../fonts/iconfont2.eot');
    src: url('../fonts/iconfont2.eot?#iefix') format('embedded-opentype'),
  url('../fonts/iconfont2.svg#iconfont') format('svg'),
  url('../fonts/iconfont2.woff') format('woff'),
  url('../fonts/iconfont2.woff2') format('woff2'),
  url('../fonts/iconfont2.ttf') format('truetype');
}
@font-face {
  font-family: "MyriadPro-Regular";
  src: url("../fonts/MyriadPro-Regular.woff2") format("woff2"),
       url("../fonts/MyriadPro-Regular.woff") format("woff"),
       url("../fonts/MyriadPro-Regular.ttf") format("truetype"),
       url("../fonts/MyriadPro-Regular.eot") format("embedded-opentype"),
       url("../fonts/MyriadPro-Regular.svg") format("svg");
}
[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_ins:before{content:"\e92a"}
.icon_twitter:before{content:"\e60a"}
.icon_liuyan:before{content:"\e690"}
.icon_adv1:before{content:"\e66b"}
.icon_clock:before{content:"\e603"}
.icon_location:before{content:"\e501"}
.icon_adv2:before{content:"\e63f"}
.icon_network:before{content:"\e645"}
.icon_arr_r:before{content:"\e51a"}
.icon_adv0:before{content:"\e505"}
.icon_facebook:before{content:"\e61c"}
.icon_adv3:before{content:"\e634"}
.icon_arr_d:before{content:"\e51e"}
.icon_email:before{content:"\e664"}
.icon_ar_r:before{content:"\e6f0"}
.icon_sence:before{content:"\e65a"}
.icon_team:before{content:"\e6b4"}
.icon_skype:before{content:"\e608"}
.icon_back:before{content:"\e69f"}
.icon_home:before{content:"\e6b5"}
.icon_light:before{content:"\e6e2"}
.icon_tel:before{content:"\e60b"}
.icon_wenben:before {content: "\e508";}



*{-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;}
.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;}
.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: 1200px) {
.font60,.font80{font-size:3rem;} 
}
.lh2{line-height:2;}

.float_change{position:fixed;top:50%;display:flex;flex-direction: column;background: #000;left: -6rem;padding-right: 1rem;border-radius: 0 1rem 1rem 0;transition: all 0.5s;}
.float_change a{color:#fff;padding: 15px;}
.float_change:hover{left:0;}
/* wap */
@media screen and (min-width: 1025px) {
.wapshow{display: none;}
.main{max-width: 1200px;margin:0 auto;}
.mid_main{max-width:60%;margin:0 auto;}
}
@media screen and (max-width: 1024px) {
}
/* header */
header{width: 100%;background: #ffffff;z-index: 999;}
.head_bar{display:flex;justify-content: space-between;align-items: center;}
.logo{display: inline-block;padding-right: 1rem;float: left;margin-top: 12px;margin-bottom: 19px;}
.top_tel{float:left;font-size: 20px;}
.top_tel i{margin-right:15px;}
.top_tel span{font-family:Impact;color:#ff8400;}

nav{display:flex;position: relative;align-items: center;transition: all 0.5s;float: left;}
nav li{margin: 0 5px;position: relative;}
.ni1{padding: 0 25px;display: block;font-size: 15px;text-transform: uppercase;line-height: 92px;color: #000;}
nav li.hover .ni1,.ni1:hover{background: #0d58ab;color: #fff;}
nav li.has_menu:hover .sub_nav{opacity: 1;visibility: visible;}
nav li.has_menu:hover .ni1{background: #0d58ab;color: #fff;}
.sub_nav{position: absolute;width: max-content;left: 0;top: 100%;background: #fff;border-top: 1px solid #ddd;justify-content: center;transition: all 0.5s;z-index: 999;opacity: 0;visibility: hidden;padding-bottom: 5px;min-width: 100%;}

.ni2{padding: 10px;display: block;position: relative;font-size: 14px;}
.ni2 a{color:#333;}
.ni2 i{display: block;width: 0;position: absolute;left: 25%;bottom: 0;height: 1px;background-color: #333;transition: all 0.5s;}
.ni2:hover i{width: 100%;left: 0;}
.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;}
.logo{margin:0;width: 7rem;}
.top_tel{display:none;}
.close_menu{position:relative;right:1rem;font-size: 1.5rem;color: #fff;}
.head_bar{padding: 1rem;}
nav li{border-bottom: #3e3e3e 1px solid;margin: 0;}
.head_r .lang{display:flex;align-items:center;justify-content:space-around;}
.ni1{color:#fff;line-height: 3rem;}
}

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


/* footer */
footer{padding: 60px 0;background-color: #343434;font-family: sans-serif;}
footer a:hover{opacity:1;color:#fff;}
footer .main{display:flex;justify-content: space-between;}
.f_l{padding-bottom: 1rem;/* width: 60%; */padding-right: 106px;}
.fnav{display:flex;position: relative;align-items: center;justify-content: space-between;padding-right: 78px;border-bottom: 1px #595959 solid;padding-bottom: 34px;margin-bottom: 35px;}
.fnav li{/* margin-right:1rem; */}
.fni1{color: #b2b2b2;text-transform: capitalize;}
.f_contact{color:#898989;line-height: 2.5;margin-bottom: 30px;max-width: 650px;}
.f_contact .tit{font-size:16px;text-transform: uppercase;margin-bottom: 16px;}
.f_contact span{margin-right:15px;}
.f_contact span:last-child{margin-right:0;}
.fshare a{font-size:18px;color:#fff;margin-right: 15px;}
.f_r{width: 419px;}
.contact_form{position: relative;text-transform: capitalize;}
.contact_form .tit{font-size: 16px;margin-bottom: 20px;font-weight: bold;padding-left: 15px;}
.contact_form li{line-height: 48px;width: 100%;float: left;margin-bottom: 26px;display: flex;}
.text_input,.textarea_input{border: none;width:100%;padding: 7px 15px;font-size: 14px;font-weight: 100;background: #464646;color: #979797;line-height: 1;text-transform: capitalize;}
.textarea_input{height:72px;padding: 15px;}
button{background: #0d58ab;border: 1px #0d58ab solid;color: #fff;padding: 7px 30px;text-transform: capitalize;cursor: pointer;transition: all 0.5s;}
button:hover{background:none;color:#0d58ab;}
@media screen and (max-width:1200px) {
footer{margin-top:0;padding: 1rem;}
.f_r,.fnav{display:none;}
.f_contact,.f_l{width:100%;padding: 0;}
}

.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;}
#home_banner a{float: left;background-position: center;background-size: cover;}
#home_banner a.active{float: left;}
#home_banner a 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: 1%;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: 1200px) {
#home_banner{height:500px;}
#home_banner a img{display:none;}
}
@media screen and (max-width: 768px) {
#home_banner{height: 400px;}
}
@media screen and (max-width: 425px) {
#home_banner{height: 200px;}
}

/* ------------------------------------------------------------------------------
     page_banner
-------------------------------------------------------------------------------*/
.page_banner{position: relative;height: 268px;overflow: hidden;}
.page_banner_tit{text-transform: uppercase;padding: 30px 50px;position: absolute;top: 125px;}
.page_banner_tit .p1{font-size: 38px;margin-bottom: 10px;}
.page_banner_tit .p1 .dot{margin: 0 8px;font-size: 32px;}
.page_banner_tit .p2{font-size:15px;}
.page_banner .main_box{position:relative;}
.page_banner_tit.tl{left:15px;}
.page_banner_tit.tr{right:15px;}
.page_banner_tit.bbox{background: rgba(0, 0, 0, 0.15);}

.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);}

.position{position: relative;color: #5d5d5d;margin-bottom: 47px;background: #fff;}
.position .loc1{display: inline-block;font-size: 16px;padding: 20px 20px 20px 0;color: #000;}
.position a{transition: color 0.3s;color: #5d5d5d;}
.position a i{margin-left:16px;}
.position a:hover,.position a.hover{color: #0d58ab;}
.position a,.position span{display: inline-block;vertical-align: middle;text-transform: capitalize;font-size: 1rem;}
.position span{margin:0 5px;}
.position .main{position: relative;}

.cat_r{position:absolute;right:0;top: 0;line-height: 55px;}
.cat_r a{border-bottom:1px solid;border-color:#fff;margin-left: 1rem;}
.cat_r a:hover,.cat_r a.hover{border-color: #b9b9b9;}
.innercon{padding: 80px 5%;background: #fff;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_des{line-height: 2;font-size: 16px;}
.page_tit .p3{display:inline-block;vertical-align:middle;}

@media screen and (max-width: 768px) {
.grayline{display:none;}
.position{display:none;}
.page_des{padding: 15px;}
.innercon{padding:30px 0;}
.page_tit .p1{font-size: 12px;}
.page_tit .p2{font-size:12px;}
}

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

/* ------------------------------------------------------------------------------
     quick_knonw
-------------------------------------------------------------------------------*/
.hometop{position:relative;}
.qk_lbox{background:#0d58ab;color:#fff;display:flex;justify-content: space-between;align-items: center;padding: 0 22px;flex: none;}
.qk_lbox .p1{font-size: 43px;flex: none;margin-right: 21px;}
.qk_lbox .p2{font-size:20px;font-weight:bold;}
.qk_rbox{display:flex;justify-content:space-between;width: -webkit-fill-available;}
.qk_rbox a{display: flex;flex-direction: column;align-items: center;width: 25%;padding: 14px 0;text-transform:capitalize;}
.qk_icon{width: 50px;height: 50px;display:flex;justify-content:center;align-items:center;font-size: 24px;color: #636363;border-radius: 50%;border: 1px #636363 dotted;margin-bottom: 10px;transition: all 0.5s;}
.qk_rbox a:hover .qk_icon{color:#0d58ab;}

@media screen and (min-width: 1201px) {
.quick_knonw{display:flex;justify-content:space-between;background: #f6f6f7;position: absolute;z-index: 99;width: 1200px;left: 50%;margin-left: -600px;bottom: -70px;}
}
@media screen and (max-width: 1200px) {
.quick_knonw{width:100%;display: none;position: relative;bottom: 0;}
.hometop{margin-bottom:30px;}
}

/* ------------------------------------------------------------------------------
     hpro
-------------------------------------------------------------------------------*/
.hpro{background: url(../images/bg1.jpg) 0 0 repeat;padding-top: 145px;}
.hcat_top{display:flex;justify-content:space-between;margin-bottom: 45px;align-items: center;}
.hcatit{flex:none}
.hcatit .p1{font-size:32px;color:#000;text-transform:capitalize;margin-bottom: 15px;}
.hcatit .p2{width:50px;height:3px;background-color:#0d58ab;}
.hp_cats{display:flex;min-width: 80%;justify-content: space-between;}
.hp_cats a{color: #000;padding: 11px;margin-right: 15px;}
.hp_cats a.active,.hp_cats a:hover{background-color:#e5e5e5;}
.hp_cats a:last-child{margin-right:0;}
.hp_down{position:relative;padding-bottom: 47px;}
.hp_list {height:fit-content;}
.hp_tit{}
.hp_box{float: left;width: 25%;padding: 0 9px;}
.hpimg{border: 1px #ddd solid;}
.hp_tit{text-align: center;line-height: 54px;transition: all 0.5s;background: #0d58ab;color: #fff;}
.hp_box:hover .hp_tit{background: #ff8400;}

.hp_ar{overflow: hidden;display: flex;justify-content: space-between;width: 1356px;position: absolute;top: 50%;margin-top: -31px;left: -78px;}
.hp_ar a{display: flex;width: 38px;height: 62px;color: #0d58ab;font-size: 33px;border: 1px #0d58ab solid;transition: all 0.5s;cursor: pointer;align-items: center;justify-content: center;z-index: 2;}
.hp_ar a:hover{background:#fff;color:#646464;}
@media screen and (max-width:1280px) {
.hp_ar{width:100%;left: 0;}
}
@media screen and (max-width:1200px) {

.hp_cats{flex-wrap: wrap;justify-content: space-between;padding: 0 15px;min-width: unset;}
.hcat_top{padding:0 10px;margin-bottom: 0;}
.hp_cats a{margin-right:0;margin-bottom: 8px;width: 49%;}
}
/* ------------------------------------------------------------------------------
     hcase
-------------------------------------------------------------------------------*/
.hcase{padding: 70px 0;}
.hcase_list{position:relative;padding-top: 35px;}
.hc_box1{display:flex;background:#0d58ab;color:#fff;width: 811px;align-items: center;float: left;overflow: hidden;}
.hc_box1 img{width:381px;transform: scale(1.0);transition: all 0.5s;}
.hc_box1:hover img{transform: scale(1.1);}
.hc_tit{padding: 0 80px;}
.hc_tit .p1{font-size:16px;margin-bottom:28px;}
.hc_tit .p2{color:#bebebe;margin-bottom:50px;word-break: break-word;}
.hc_tit .p3{color:#bebebe;}
.hc_box2{width:180px;height: 135px;display: flex;float: left;overflow: hidden;}
.hc_more{color: #fff;text-transform: capitalize;transition: all 0.5s;background: #ff8400;border: 1px #ff8400 solid;align-items: center;justify-content: center;}
.hc_more:hover{background: #ffffff;color: #ff8400;}
.hc_box2:last-child{position:absolute;top: -100px;left: 631px;}
.hc_box2 img{transform: scale(1.0);transition: all 0.5s;}
.hc_box2:hover img{transform: scale(1.1);}

@media screen and (max-width:1200px) {
.hcase{display:flex;flex-wrap:wrap;padding: 30px 0;}
}
/* ------------------------------------------------------------------------------
     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{background:#fff;padding: 50px 0;}
.hnewslist{display:flex;justify-content: space-between;}
.hn_box1{margin-right: 18px;flex: none;width: 429px;}
.hn_tit{display:flex;}
.hntl{padding: 13px;background:#ededed;width: -webkit-fill-available;transition: all 0.5s;}
.hntl .p1{font-size:16px;color:#555;margin-bottom:5px;}
.hntl .p2{color:#a3a3a3;font-size:14px;}
.hntr{width:95px;background:#ff8400;color: #fff;font-size: 33px;justify-content: center;display: flex;align-items: center;transition: all 0.5s;flex: none;}
.hn_box1:hover .hntl,.hn_box1:hover .hntr{background:#0d58ab;}
.hn_box1:hover .hntl .p1,.hn_box1:hover .hntl .p2{color:#fff;}



.hn_box2{background: #f4f5f7;padding: 25px;margin-right: 18px;justify-content: center;display: flex;flex-direction: column;}
.hn_box2:last-child{margin-right:0;}
.hn_box2 .p1{font-size: 16px;color: #000;text-transform: capitalize;margin-bottom: 20px;display: block;word-break: break-word;}
.hn_box2 .p2{color: #a3a3a3;word-break: break-all;margin-bottom: 25px;}
.hn_box2 .p3{color: #7c7c7c;word-break: break-word;margin-bottom: 60px;}
.hn_box2 .p4{text-transform: uppercase;color: #7c7c7c;}
.hn_box2:hover{background:#0d58ab;}
.hn_box2:hover .p1,.hn_box2:hover .p2,.hn_box2:hover .p3,.hn_box2:hover .p4{color:#fff;}

@media screen and (max-width:1200px) {
.hnewslist{display:flex;flex-wrap:wrap;padding: 30px 0;}
.hn_box1{width:100%;margin-bottom: 15px;}
.hn_box2{width:100%;margin-right: 0;margin-bottom: 15px;}
.hn_box2 .p2{margin-bottom:15px;}
.hn_box2 .p3{margin-bottom:15px;}
.hnews{padding:0;padding-top:15px;}
}
/* ------------------------------------------------------------------------------
     pic_list
-------------------------------------------------------------------------------*/
.pic_list{overflow: hidden;margin-bottom: 50px;}
.pic_box{float: left;width: 33.3333333%;padding:15px;text-align: center;}
.pic_box.biger{width:33.333333%}
.pic_box p{line-height: 3;}
@media screen and (max-width:768px) {
.pic_box,.pic_box.biger{width:50%;}
}
/* ------------------------------------------------------------------------------
     about
-------------------------------------------------------------------------------*/
.about_top{margin-bottom: 43px;background: #fff;padding: 35px 25px;}
.about_tit{font-size: 32px;color: #474747;margin-bottom: 28px;text-transform: uppercase;text-align: center;}
.about_des{line-height: 35px;margin-bottom: 60px;font-size: 0.975rem;}
.about_adv{overflow:hidden;display: flex;}
.about_adv .img_box{float:left;border-radius: 30px 0;overflow: hidden;flex: none;}
.aboutadvlist {padding-left: 46px;}
.aboutadvlist li{border-bottom:1px #ccc dashed;overflow: hidden;padding-bottom: 43px;margin-bottom: 38px;}
.aboutadvlist li:last-child{border-bottom:none;margin-bottom:0;}
.advicon{font-size: 3rem;border:1px #ddd dotted;border-radius:50%;width: 76px;height: 76px;display: flex;align-items: center;justify-content: center;float: left;margin-right: 20px;color: #0d58ab;}
.advdes{line-height:1.5;}
.advdes .p1{font-size:18px;margin-bottom: 10px;text-transform: capitalize;font-weight: bold;color: #000;}
.advdes .p2{font-size:14px;color: #7d7d7d;}

.brand_hisory{display:flex;flex-direction: column;font-size: 1.25rem;line-height: 2;background: #fff;padding: 3rem 0;margin-bottom: 5rem;}
.bh_box {display:flex;justify-content:center;position: relative;}
.bh_box.lr{flex-direction:row-reverse;text-align: right;}
.bh_box div{width:50%;max-width: 500px;}
.bh_box.ll div.rbox{position:relative;padding-left: 20px;border-left: 1px solid;left: -1px;}
.bh_box.lr div.rbox{position:relative;padding-right: 20px;border-right: 1px solid;}
.bh_box p{color:#888;font-size: 15px;}
.bh_box i{position: absolute;top: 15px;display: inline-block;border-radius: 50%;width: 7px;height: 7px;background: #000;}
.bh_box.ll i{left: -4px;}
.bh_box.lr i{right: -4px;}
@media screen and (max-width: 1200px) {
.about_adv{flex-wrap:wrap;}
.about_des{margin-bottom:15px;}
.aboutadvlist{padding-left:0;padding-top: 15px;}
.aboutadvlist li{padding-bottom:10px;margin-bottom: 15px;}
}
@media screen and (max-width: 768px) {

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

}

/* ------------------------------------------------------------------------------
     case
-------------------------------------------------------------------------------*/
.case{padding:50px 0;}
.case_con{display: flex;justify-content: space-between;align-items: center;}
.case_l{position:relative;}
.casebigimgs{width: 602px;height: 429px;border: 1px #ddd solid;float: left;margin: 0;} 
.casebigimgs img{display: block;}
.casetit{position:absolute;bottom: 0;width: 100%;background: rgb(0 0 0 / 0.3);color: #fff;padding: 20px 40px;}
.casetit .p1{font-size:16px;margin-bottom: 10px;}
.case_arr{overflow: hidden;display: flex;justify-content: space-between;width: calc((100%) + 48px);position: absolute;top: 50%;margin-top: -21px;left: -24px;}
.case_arr a{display: flex;width: 48px;height: 42px;color: #fff;background: #6d6d6d;font-size: 27px;transition: all 0.5s;cursor: pointer;align-items: center;justify-content: center;z-index: 9;}
.case_arr a:hover{background: #ff8400;}
.casr_r{position:relative;}
.caseimgs {width: 573px;height: 449px;margin: 0;}
.caseimgs li{display: flex;height: calc((100%) / 3);padding: 10px;}
.caseimgs li img{display:block;border: 2px #ddd solid;}
.caseimgs li.swiper-slide-thumb-active img{border: 2px #0d58ab solid;}
.caser_arr{overflow: hidden;display: flex;justify-content: space-between;width: 120px;position: absolute;top: -87px;right: 10px;}
.caser_arr a{display: flex;width: 48px;height: 42px;color: #fff;background: #6d6d6d;font-size: 27px;transition: all 0.5s;cursor: pointer;align-items: center;justify-content: center;z-index: 9;}
.caser_arr a:hover{background: #ff8400;}

/* ------------------------------------------------------------------------------
     contact
-------------------------------------------------------------------------------*/
.cf_content{position: relative;padding: 50px;background: #fff;margin-bottom: 60px;}
.contact_info{margin-bottom: 50px;display: flex;justify-content: space-between;}
.ci_box{float:left;max-width: 30%;}
.ci_box .p1{margin-bottom: 24px;font-size: 33px;color: #0d58ab;}
.ci_box .p2{font-size:16px;color:#1f1f1f;margin-bottom: 15px;}
.ci_box .p3{font-size:15px;color:#898989;}
#map img{max-width: inherit;}
.cf_content .map{border: 1px #dedede solid;width: 100%;height: 456px;}

@media screen and (max-width: 1200px) {
.cf_content{padding-bottom: 30px;display: block;}
.cf_content .map{width:100%;}
.ci_box{width: 100%;max-width: 100%;margin-bottom: 30px;display: flex;align-items: center;}
.contact_info{flex-wrap:wrap;margin-bottom: 0;}
.ci_box .p1{margin-right:15px;}
}
@media screen and (max-width: 768px) {
.cf_content{padding: 15px;}
}
/* ------------------------------------------------------------------------------
    News
-------------------------------------------------------------------------------*/
.news_h{padding-bottom:50px;}
.news_top{overflow: hidden;margin-bottom: 42px;}
.news_t{overflow: hidden;position: relative;display: flex;background: #fff;align-items: center;}
.news_t .img_box{text-align: center;display: inline-block;vertical-align: top;flex: none;width: 378px;}
.news_t .img_box img{width:100%;}
.news_t .des_box{color: #606060;display: inline-block;width: 80%;padding-left: 30px;vertical-align: top;}
.news_t .des_box .p1{font-size: 16px;transition: all 0.5s;color: #555;text-transform: capitalize;margin-bottom: 14px;display: block;}
.news_t .des_box .p2{color: #a3a3a3;word-break: break-all;margin-bottom: 14px;}
.news_t .des_box .p3{color: #969696;word-break: break-all;margin-bottom: 14px;}
.news_t .des_box .p4{color: #fff;display: inline-block;background: #ff8400;padding: 8px 30px;text-transform: capitalize;border: 1px #ff8400 solid;}
.news_t .des_box .p4:hover{color: #ff8400;background: #fff;}
.new_box{background: #fff;position:relative;padding: 28px;margin-bottom: 30px;border: 1px #ddd solid;transition: all 0.5s;display: block;}
.new_box .p1{font-size: 14px;color: #969696;text-transform: capitalize;justify-content: space-between;display: flex;margin-bottom: 5px;}
.new_box .p1 .tit{color: #555555;font-size: 16px;}
.new_box .p2{color: #7e7e7e;word-break: break-all;font-size: 14px;}
.new_box:hover{background:#0d58ab;}
.new_box:hover .p1,.new_box:hover .p1 .tit,.new_box:hover .p2{color:#fff;}

@media screen and (max-width: 1200px) {
.news_t .img_box{width: 100%;}
.news_t .des_box{width: 100%;padding: 15px;}
.news_t{display:block;}
}
@media screen and (max-width: 768px) {
.news_top{padding:15px 0}
}
@media screen and (max-width: 425px) {

}


/* ------------------------------------------------------------------------------
     products
-------------------------------------------------------------------------------*/
.cattit{text-align:center;font-size: 32px;text-transform: capitalize;margin-bottom: 47px;}
.cattit .p2{font-size: 16px;}
.procat{display:flex;padding-bottom: 86px;justify-content: space-between;position: relative;}
.procat li{float: left;/* margin: 0 5px; */}
.pcat1{display:block;padding: 10px 25px;background: #dedede;font-size: 16px;}
.pcat1:before{content:"";border-color: transparent;}
.pcatsub{position:absolute;opacity: 0;visibility: hidden;width: 100%;background: #fff;padding: 15px;transition: all 0.5s;left: 0;top: 50px;}
.pcat2{margin-right:2rem;}
.pcat2:hover,.pcat2.hover{color:#0d58ab;}

@media screen and (min-width:1201px) {
.procat li:hover .pcat1,.procat li.hover .pcat1{background-color:#0d58ab;color:#fff;position: relative;}
.procat li.has_menu.hover .pcat1:before{border-width: 6px;border-style: solid;border-color: #0d58ab transparent transparent transparent;position: absolute;left: 50%;bottom: -12px;margin-left: -6px;}
.procat li.hover .pcatsub{visibility:visible;opacity:1;z-index:1;}

}
@media screen and (max-width:1200px) {
.procat{margin-bottom:30px;flex-wrap: wrap;justify-content: space-between;padding-bottom: 0;}
.procat li{margin:0;margin-bottom: 8px;width: 49%;}
.pcat1{width:100%;padding: 10px;}
.cattit{font-size:23px;margin-bottom:15px;}
}
.product{margin-bottom:60px;}
.pro_list{overflow: hidden;margin: 0 -10px;}
.pro_box{float: left;width: 25%;padding: 0 9px;margin-bottom: 47px; max-height:290px;}
.proimg{border: 1px #ddd solid;}
.protit{text-align: center;line-height: 54px;transition: all 0.5s;background: #0d58ab;color: #fff;}
.pro_box:hover .protit{background: #ff8400;}

@media screen and (max-width: 768px) {
.pro_box{width:50%;margin-bottom: 15px;}
.product{margin-bottom:30px;}
}
@media screen and (max-width: 425px) {

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

.rimg_box{position:relative;width: 141px;float: right;height: 432px;}
.innerimgs {width:100%;}
.innerimgs li{display: flex;padding: 10px 0;}
.innerimgs li img{display:block;border: 1px #ddd solid;}
.innerimgs li.swiper-slide-thumb-active img{border-color:#0d58ab;}
.inshow_top .r_box .bbar{color:#000;background: #000;width: 50px;margin: 30% 0 50px;}
.inshow_top .r_box .tit{font-size: 18px;margin-bottom: 30px;font-weight: bold;}
.inshow_top .r_box .des{line-height: 2;}
.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;}
.isd_tit{font-size: 19px;color: #808080;text-transform: capitalize;padding: 15px;}
.isd_tit .p1{margin-bottom:10px;}
.isd_con{padding:30px 15px;padding-top: 0;}
.bbar{display:inline-block;width: 28px;height: 2px;background-color:#0d58ab;}
.backtocat{background: #0d58ab;color:#fff;padding: 13px;display: inline-block;margin: 30px 0;font-size: 15px;width: 56%;}
.backtocat i{margin-right: 10px;}
.backtocat:hover{background:#ff8400;}
@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 li{display:inline-block;margin:0 5px;border:1px #eee solid;background:#fff}
.page_num li.active,.page_num li:hover{background: #0d58ab;}
.page_num li.active span,.page_num li:hover a{color:#fff}
.page_num a,.page_num span{display:block;padding:10px;color:#b5b5b5;font-size:14px}
.page_num a:hover,.page_num span{color:#b5b5b5}
.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: #0d58ab;}
.page_break span{display:inline-block;vertical-align:middle;font-family: sans-serif;}
.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;}

#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: #0d58ab;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;}
#scroll:hover{background:#ffffff;color:#000;}

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

@media screen and (min-width: 1025px) {
.wapshow{display: none;}
}