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

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

@font-face {
  font-family: 'Roboto-Medium'; 
  src: url('../fonts/Roboto-Bold.eot'); 
  src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Roboto-Bold.woff') format('woff'), 
  url('../fonts/Roboto-Bold.ttf') format('truetype'), 
  url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg'); 
} 
@font-face {
  font-family: 'Century-Gothic'; 
  src: url('../fonts/Century-Gothic.eot'); 
  src: url('../fonts/Century-Gothic.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Century-Gothic.woff') format('woff'), 
  url('../fonts/Century-Gothic.ttf') format('truetype'), 
  url('../fonts/Century-Gothic.svg#Century-Gothic') format('svg'); 
} 
@font-face {
  font-family: 'DINEngschriftStd'; 
  src: url('../fonts/DINEngschriftStd.eot'); 
  src: url('../fonts/DINEngschriftStd.eot?#iefix') format('embedded-opentype'),
  url('../fonts/DINEngschriftStd.woff') format('woff'), 
  url('../fonts/DINEngschriftStd.ttf') format('truetype'), 
  url('../fonts/DINEngschriftStd.svg#DINEngschriftStd') format('svg'); 
}


body{margin: 0; padding: 0; font-size: 14px; font-family:"Roboto-Regular","Microsoft YaHei","SourceHanSansCN-Regular";overflow-x: hidden;background: #fff;padding-top:0px;}
ul, li, h1, h2, h3, h4, h5, h6, dl, dt, dd, form, input, hr, img, div, label, span, p, table, tr, td{margin: 0; padding: 0; list-style: none; border: 0;}
ol,ul{margin-bottom: 0;}
.h1, .h2, .h3,.h5, h1, h2, h3,h5{margin-top: 0; margin-bottom: 0}
.h4, .h5, .h6, h4, h5, h6{margin-top: 0; margin-bottom: 0;}
a{-webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none;outline: none !important;}
.trs{-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.ellipsis{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
*{margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box;outline: 0px;}
video{object-fit: fill;width:100%;}
img{vertical-align: middle;max-width:100%;}
a:focus, a:hover{text-decoration: none !important;}
i,em{display: block; font-style: normal;}
.fl{float: left;}
.fr{float: right;}
.ellipsis2,.ellipsis3{
  text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;  
}
.ellipsis3{
 -webkit-line-clamp: 3;
}
.clearfix:after{content: ""; display: block; clear: both;}
.scale-img {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    display: block;
}
.scale-img img {
    width: 100%;
    height: 100%;
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
   transition: all .8s ease 0s;
}
.scale-img:hover img{transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}

.wrapper,.container,.wrapper1500{width:100%;margin-left: auto;margin-right: auto;position: relative;}
.container{max-width:1920px;transition: transform .5s;}
.wrapper,.banner .wrapper{width: 1720px;}
.wrapper1500{width:1500px;}

.searchshow{width: 100%;position: fixed;left: 0px;opacity: 0;box-shadow: 6px 5px 10px rgb(0 0 0 / 20%);visibility: hidden;transform: scale(0);transform-origin: top;padding: 20px 90px;background: #fff;overflow: hidden;box-sizing: border-box;z-index: 999;}
.searchshow.sticky{top:70px;}
.header.sticky{position:fixed;background:#fff;width:100%;top:0px;left:0px;border-bottom: solid 1px #dddddd;height:70px;}
.noban .header.sticky{background:#fff;border-bottom: solid 1px #dddddd;}
.header.sticky  .navmenu a{color: #333333;}
.header.sticky  .language a{background:#04306d;border:solid 1px #04306d;}
.header.sticky  .language a:hover,.noban  .language a.hover{background:#c50226;border:solid 1px #c50226; }
.header.sticky .search{background:url(../images/searchico_blue.png) no-repeat center;}
.header.sticky .logo{display:none;}
.header.sticky .logomob{display:block;height:40px;margin-top:-20px;-webkit-transition: all 0.3s ease; transition: all 0.3s ease;width:93px;}
.header.sticky  .language a{background:#04306d;border:solid 1px #04306d;}
.header.sticky  .language a:hover,.header.sticky  .language a.hover{background:#c50226;border:solid 1px #c50226; }

.searchshow form{width: 100%;overflow: hidden;position: relative;}
.searchshow .bt{float: left;width: 20px;height: 40px;background: url("../images/icon-1.png") no-repeat center;cursor: pointer;}
.searchshow .txt{float: left;width: 80%;height: 40px;line-height: 40px;font-size: 14px;background: none;margin-left: 10px;}
.search-close{width: 40px;height: 40px;position: absolute;right: 0px;top: 0px;cursor: pointer;background: url("../images/closetop.png") no-repeat center;}
.search-close:hover{transform: rotate(180deg);}
.search-active{top: 100px;opacity: 1;visibility: visible;transform: scale(1);}
.header{height: 100px;position:absolute;top:0px;z-index:99;width:100%;background: none;}
.header .wrapper{height:100%;}
.logo{position: absolute;top:50%;margin-top:-25px;height: 50px;display: block;left:50%;left:0px;width: 116px;}
.logomob{display: none;}
.header .navmenu{left:42.9%;top:50%;transform: translateY(-50%);position:absolute;width: 100%;z-index: 22;}
.header .navmenu li{float: left;padding-right: 48px;}
.header .navmenu li:hover a,.header .navmenu li.hover a{color: #04306d;}
.header .navmenu a{color:#fff;position: relative;font-size:16px;}
.header .navmenu a:after{content:"";display: block;width: 0px;height: 8px;border-radius:50%;position: absolute;bottom:0px;background: #04306d;
left:50%;transform: translateX(-50%);bottom:-15px;opacity:0;
}
.header .navmenu li:hover a:after,.header .navmenu li.hover a:after{width:8px;opacity:1;}
.search{background: url(../images/searchico.png) no-repeat center;width: 22px;position: absolute;right:0px;top:50%;height:22px;margin-top:-11px;z-index:999;cursor:pointer;}
.search:hover{background: url(../images/searchicoh.png) no-repeat center;}
.language a{width: 27px;height: 27px;border-radius:5px;display: block;border:solid 1px #ddbc8d;font-size: 14px;color:#fff;text-align: center;line-height: 27px;}
.language{width: 107px;height: 27px;position: absolute;right: 73px;top:50%;margin-top:-13.5px;display: flex;display: flex;justify-content: space-between;align-items:center;align-content: center;z-index:99;}
.language a.hover,.language a:hover{background: #c50226;color:#fff;border:solid 1px #c50226;}

.footer{background:#071427;height:566px;background:#071427;padding-top:100px;}
.footlogo{width:185px;height:79px;display: block;position: absolute;top:0px;left:0px;}
.foot_left{width: 185px;height: 222px;position: absolute;top:0px;left:0px;}
.foot_share{position: absolute;bottom:0px;left:0px;width:173px;display: flex;flex-direction: row;align-content: center;align-items: flex-end;justify-content: space-between;}
.foot_share a{display: block;width: 25px;height:27px;}
.footshare_ico1{background: url(../images/foot_share1.png) no-repeat center;}
.footshare_ico2{background: url(../images/foot_share2.png) no-repeat center;}
.footshare_ico3{background: url(../images/foot_share3.png) no-repeat center;}
.footshare_ico4{background: url(../images/foot_share4.png) no-repeat center;}
.footer_top,.footer_top a{color:#fff;}
.footer_top a:hover{color:#c50226;}
.footer_top{padding-left: 360px;padding-bottom:94px;}
.footer_top dl{float: left;}
.footer_top dl.contact_us{width:310px;}
.footer_top dt,.foot_contact_form h3{font-family: 'Roboto-Bold';font-size: 28px;text-transform: uppercase;}
.footer_top dd p{padding-left: 34px;font-size: 16px;line-height: 26px;margin-top: 12px;}
.footer_top dd p.tel{font-size: 24px;background: url(../images/contact_ico1.png) no-repeat left center;font-family: 'Roboto-Bold';}
.footer_top dd p.email{background: url(../images/contact_ico2.png) no-repeat left center;}
.footer_top dd p.address{background: url(../images/contact_ico3.png) no-repeat left 7px;}
.footer_top dl.dl2{margin-left: 123px;width:284px;}
.footer_top dl.dl2 dt,.footer_top dl.dl3 dt{margin-top:19px;}
.footer_top dl.dl2 dt:nth-of-type(1),.footer_top dl.dl3 dt:nth-of-type(1){margin-top:0px;}
.footer_top dl.dl3{width: 210px;}

.footer_top .foot_contact_form{width:430px;float: right;}
.foot_contact_form h3{margin-bottom: 22px;font-weight: bold;font-family: 'Century-Gothic'; }
.foot_contact_form li{width:100%;height:44px;border: solid 1px #2b4161;margin-bottom: 13px;position: relative;line-height: 44px;}
.foot_contact_form li:last-of-type{margin-bottom: 20px;}
.foot_contact_form li label{color:#aeb2b7;font-size: 16px;position: absolute;left:16px;line-height: 44px; }
.foot_contact_form li input{background: none;position: absolute;left:0px;top: 0px;height: 44px;line-height: 44px;width:100%;padding-left: 15px;outline: 0px;color:#fff;font-size:17px;}
.foot_contact_form li:last-of-type input{}
.ajax_submit_foot{border: solid 1px #c50226;width: 240px;height: 43px;line-height: 41px;background:#c50226;text-align: center;border-radius:15px;font-size: 20px;color:#ffffff;cursor:pointer;}
.ajax_submit_foot:hover{background:#9f0723;border:solid 1px #9f0723;}
.foot_copyright{font-size: 16px;color:#999999;text-align: center;line-height: 93px;height: 93px;border-top:solid 1px  #2b4161;}
.foot_copyright a{color:#999999;}
.foot_copyright span:nth-of-type(1){padding-right: 40px;}

/*viewmore*/
.viewmore{width: 170px;height: 50px;line-height: 50px;font-size:16px;color:#fffefe;display: block;background:#04306d;
border-radius:30px;padding-left: 25px;position: relative;margin-top: 35px;
}
.viewmore i{display: block;width: 33px;height: 33px;border-radius:50%;background:#fff url(../images/jt_blue.png) no-repeat center;
position: absolute;right: 11px;top:50%;margin-top:-16.5px;
}
.newsul li:hover .viewmore,.viewmore.hover{background:#c50226;}
.newsul li:hover .viewmore i,.viewmore.hover i{background:#fff url(../images/jt_red.png) no-repeat center;}

.pull_product{display: none;position:absolute;width:748px;top:0px;left:36.458%;top:0px;z-index:11;}
.pull_product.hover{display: block;}
.pull_product.sticky.hover{display:block;position:fixed;top:0px;box-shadow: 6px 5px 10px rgb(0 0 0 / 20%);}
.pull_product ul{width:748px;background:rgb(255 255 255 / 90%);margin-top: 100px;z-index:998;border-radius:20px;padding:9px 25px;}
.pull_product li{height:66px;line-height: 66px;border-bottom: solid 1px #dbdbdb;}
.pull_product .li_left{font-size:18px;color:#04306d;font-family: 'Roboto-Medium';float: left;}
.pull_product .li_left a{color:#04306d;}
.pull_product .li_left a:hover,.pull_product .li_right a:hover{color:#c50226;}
.pull_product .li_right a{font-size:14px;color:#666666;padding-left: 60px;}
.pull_product .li_right a:nth-of-type(1){padding-left:69px;}
.pull_product li:last-of-type{border-bottom:0px;}
.mobi_nav_default{display: none;}

#hamburger {
 cursor: pointer;
   /* position: absolute;*/
    position: fixed;
    top: 15px;
    right: 2%;
    z-index: 999;
}
#hamburger span,
#hamburger::before,
#hamburger::after {
  content: "";
  display: block;
  width: 30px;
  height: 2px;
  background-color: #000;
  margin: 8px 0;
  transition: 0.3s;
  text-indent: -999em;
}
.mobi_navBar.current #hamburger::before {
  transform: translate(0, 10px) rotate(-45deg);
}
.mobi_navBar.current #hamburger span {
  opacity: 0;
}
.mobi_navBar.current #hamburger::after {
  transform: translate(0, -10px) rotate(45deg);
}
.wrapper.hamburger::after {
  content: "";
  display: block;
  height: 0;
  clear: left;
}
.mobi_navfixed_bottom .bt_bb_icon_holder{
    color: #fff;
    text-align: center;
    margin:1em 0;
}

.menumob{display: none;}


@media screen and (max-width:1750px) {
.wrapper,.banner .wrapper{width: 1230px;}
.wrapper1500{width:1200px;}
.header .navmenu{left: 20.9%;}
.footer{padding-top: 60px;height: auto;}
.footer_top dt, .foot_contact_form h3{font-size: 24px;}
.footer_top dl.dl2{margin-left:50px;width:160px;}
.footer_top dl.dl3{width: 148px;}
.footer_top{padding-left: 240px;padding-bottom: 50px;}
.footer_top .foot_contact_form{width: 300px;}
.foot_copyright{height: 80px;line-height: 80px;}
.pull_product{left:17.458%;}

}
@media screen and (max-width:1080px) {
.wrapper,.banner .wrapper,.wrapper1500{width:94%;margin-left: auto;margin-right: auto;}
body{padding-top: 0px;}
.header{height:65px;position: static;}
.logomob{height: 46px;width: auto;margin-top: -23px;left:2%;display: block!important;}
.logo{display: none;}
.wrapper{width:94%;}
.navmenu,.head_tel{display: none;}
.mobi_nav_default{display: block;}
.header.sticky{position:fixed;background:#fff;width:100%;top:0px;left:0px;box-shadow: 6px 5px 10px rgb(0 0 0 / 20%);height:65px;z-index:999;}
.noban .header.sticky{background:#fff;}

.search{right:58px;}
.language{right:50px;}
.language a{border:0px;background: #04306d;}
.header .navmenu,.search,.footer_top dl.contact_us dt{display: none;}
.foot_share,.footer_top dl,.footer_top .foot_contact_form{display: none;}
.footer_top dl.contact_us{display: block;width:100%;}
.foot_left{height: 64px;width: 100%;position: static;margin:0 auto 15px;}
.footlogo{width:130px;height: auto;margin:0 auto;display: block;position: static;}
.footer_top{padding-left:0px;padding-bottom:30px;}
.foot_copyright{height: auto;line-height:30px;padding:10px 20px;}
.foot_copyright span:nth-of-type(1){padding-right:0px;}
.footer{padding-top: 30px;}
}