@charset "utf-8";
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,瀹嬩綋,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#3480ce;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}
.clearfix:after {content: " "; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }


/* placeholder */
input::-webkit-input-placeholder {
  color: rgba(0,0,0,.71);
}
input:-moz-placeholder {
  color: rgba(0,0,0,.71);
}
input::-moz-placeholder {
  color: rgba(0,0,0,.71);
}
input:-ms-input-placeholder {
  color: rgba(0,0,0,.71);
}
/* box-sizing */
.nav_wrap, .product_item .item_img { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; }
/* font-family */
.search-btn, .side-cate li .icon-cate:before, .product-btn-wrap a:before, .mobile-head-item .title:before, .head_nav > li:after, .head_nav li b:after, .download-item .item-button:before, .faq-item .faq-title:before { display: inline-block; text-decoration: inherit; text-transform: none; font-weight: normal; font-style: normal; font-variant: normal; font-family: "fontawesome"; speak: none; }
.fa:before, .btn_more:after, .sys_btn:after, .head-search .search-btn:before, .swiper-button-next:before, .swiper-button-prev:before, .side-product-items .btn-prev:before, .side-product-items .btn-next:before, .product-btn-wrap .email:before, .product-btn-wrap .pdf:before { font-family: 'fontawesome'; }
/*flex_row*/
.flex_row { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; -webkit-justify-content: space-between; }
/*==============web_head=================*/
.web_head { position: relative; z-index: 99; width: 100%; }
.top_bar { position: relative; background: #004262; }
.head_phone { position: relative; float: left; }
.head_phone a { color: #fff; font-size: 15px; font-family: "Lato"; line-height: 50px; position: relative; padding-left: 0; }
.k1 a {
  color: #fff;
  line-height: 50px;
  font-size: 15px;
}
.head_phone a:before { content: ""; margin-right: 15px; width: 19px; height: 19px; background-image: url(img/phone_icon.png); background-repeat: no-repeat; position: absolute; left: 0; top: 0; }
.head-search { position: relative; float: right; margin-top: 15px; }
.head-search .search-ipt { background: transparent; border: 0; color: rgba(255,255,255,.7); width: 55px; line-height: 20px; }
.head-search .search-btn { width: 20px; height: 20px; background-image: url(img/search_btn.png); background-color: transparent; padding: 0; border: 0; background-repeat: no-repeat; background-position: 5px 5px; opacity: .75; vertical-align: middle; }
.search-ipt::-webkit-input-placeholder {
  color: rgba(255,255,255,.7);
}
.search-ipt::-moz-placeholder {
  color: rgba(255,255,255,.7);
}
.search-ipt::-moz-placeholder {
  color: rgba(255,255,255,.7);
}
.search-ipt::-ms-input-placeholder {
  color: rgba(255,255,255,.7);
}

.box1 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #666;font-size:16px;
}
.box1 input:-moz-placeholder, textarea:-moz-placeholder {
  color:#666;font-size:16px;
}
.box1 input::-moz-placeholder, textarea::-moz-placeholder {
  color:#666;font-size:16px;
}
.box1 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color:#666;font-size:16px;
}
.head-search .search-ipt:focus { width: 160px; border-bottom: 1px solid rgba(255,255,255,.5); }
.head_layout {position: relative;height: 100px;}
.head_layout.layout:after { display: none; }
.web_head .change-language { position: relative; text-align: left; float: right; margin-top: 12px; }
.web_head .change-language .change-language-cont { border-radius: 3px; box-shadow: 1px 1px 3px rgba(0,0,0,.2); }
.web_head .logo { position: relative; float: left;   margin-left: 0; }
/*nav*/
.web_head .nav_wrap { position: relative; float: right; }
.web_head .nav_wrap .head_nav { position: relative; }
.head_nav > li {position: relative;display: inline-block;margin-left: 13px;}
.head_nav > li.has-child a { padding-left: 5px; }
.head_nav>li>a {
  position: relative;
  display: inline-block;
  color: #333;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 15px;
  line-height: 100px;
  font-family: "Lato";
  height: 100px;
  padding: 0 15px;
}
#path {
  background: #fff;
  padding: 20px 0;
  z-index: 998;
  top: 100px;
  width: 100%;
}
.head_nav li a b { position: absolute; top: 50%; display: inline-block; overflow: hidden; -webkit-box-sizing: content-box; box-sizing: content-box; width: 19px; height: 19px; text-align: center; line-height: 19px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.head_nav li a b:before { content: '\f107'; font-family: 'fontawesome'; }
.head_nav li ul { position: absolute; top: calc(100% + 5px); left: 0; display: block; padding: 10px; width: 250px; border-radius: 0 0 7px 7px; background-color: rgba(0,66,98,.75); opacity: 0; -webkit-transition: all ease-in-out .35s; transition: all ease-in-out .35s; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; transform-origin: top; }
.head_nav>li ul li {position: relative;padding: 3px;border-bottom: 1px solid #fff;font-size: 14px;line-height: 2;text-transform: capitalize;}
.head_nav>li ul li a { position: relative; display: block; color: #fff; }
.head_nav>li ul li a b { top: 12px; }
.head_nav>li ul li a b:before { content: '\f105'; }
.head_nav li ul ul { top: 0; left: 240px; margin-left: 2px; border-radius: 7px; }
.head_nav li.menu_show>ul { display: block; opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); }
.head_nav > li:hover > a { position: relative; z-index: 1; color: #004262; }
.head_nav > li > a:hover b { -webkit-transform: rotateX(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%)rotate(180deg); }
.fixed-nav{position: fixed;background-color:#fff}

.am-pagination {padding-left: 0;margin: 1.5rem 0;list-style: none;color: #999999;text-align: left;}
.am-pagination {position: relative;}
.am-pagination-default {margin-left: 10px;margin-right: 10px;font-size: 16px; text-align: center}
.am-pagination:before, .am-pagination:after {content: " "; /* display: table; */}
.am-pagination > li {display: inline-block;}
.am-pagination > li > a, .am-pagination > li > span {position: relative;display: block;padding: 1em 1em;text-decoration: none;line-height: 0.8;font-size: 15px;background-color: #ffffff;border: 1px solid #dddddd;border-radius: 2px;margin-bottom: 5px;margin-right: 5px;}
.am-pagination > .am-active > a, .am-pagination > .am-active > span, .am-pagination > .am-active > a:hover, .am-pagination > .am-active > span:hover, .am-pagination > .am-active > a:focus, .am-pagination > .am-active > span:focus {z-index: 0;color: #ffffff;background-color: #073780;border-color: #073780;cursor: default;}
.am-pagination .am-pagination-next {float: right;}
.am-pagination .am-pagination-next a {border-radius: 2px;}
.am-pagination > li:last-child > a, .am-pagination > li:last-child > span {margin-right: 0;}
.am-pagination-default .am-pagination-prev, .am-pagination-default .am-pagination-next {float: none;}





.web_footer {position: relative;background-color: #004262;}
.web_footer, .web_footer a {color: #f4f4f4;font-size: 15px;font-family: WorkSans;line-height: 24px;}
.foor_service { display: flex; padding: 60px 0; width: 100%; -webkit-display: flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; border-bottom: 1px solid #e5e5e5; }
.foor_service .foot_item .fot_tit {margin-bottom: 20px;color: #f4f4f4;text-transform: uppercase;font-weight: 400;font-weight: 700;font-size: 18px;font-family: Roboto-BoldCondensed;line-height: 24px;}
.foot_item { width: 33.33%; }
.foot_item.foot_company_info { padding: 0 5%;box-sizing: border-box; }
.foor_service .foot_item li { position: relative; display: block; margin-bottom: 15px; }
.foot_logo img { width: auto; }
.foot_text { position: relative; margin: 25px 0 35px 0; }
.foot_sns { position: relative; margin-top: 25px; font-size: 0; }
.foot_sns li { display: inline-block!important; margin-right: 10px; }
.foot_sns li a { width: 24px; height: 24px; text-align: center; line-height: 24px; }
.foot_sns li img {width: auto;max-height: 30px;}
.foot_sns li:hover img { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); }
.foot_item.foot_contact_item ul.foot_contact li { position: relative; margin-bottom: 10px; padding-left: 25px; }
.foot_item.foot_contact_item ul.foot_contact li:before { position: absolute; top: 0; left: 0; font-size: 20px; font-family: fontawesome; }
.foot_item.foot_contact_item ul li.foot_address:before { content: "\f041"; }
.foot_item.foot_contact_item ul li.foot_phone:before { content: "\f095"; }
.foot_item.foot_contact_item ul li.foot_email:before { content: "\f0e0"; }
.foot_contact_item .inquiry_btn { display: block; margin-top: 25px; margin-left: 0; padding: 0 25px;border: 1px solid #3368c6; color: #fff; text-align: left; text-transform: capitalize; letter-spacing: .38px; font-weight: 400; font-size: 20px; font-family: Roboto-BoldCondensed; line-height: 43px; background-color: #3368c6; background-repeat: no-repeat; background-position: 96% 13px; }
.foot_contact_item .inquiry_btn:hover { border-color: #3368c6; background-color: #fff; color: #3368c6; background-position: 96% -13px; }
.foot_item .foot_nav li:hover { -webkit-transform: translateX(7px); transform: translateX(7px); }
.foot_item .foot_nav li:hover a { color: #3368c6; }
.copyright {position: relative;display: block;text-align: center;text-transform: capitalize;font-size: 16px;line-height: 28px;padding: 20px 0;}
.tel_link { pointer-events: none; }
@media screen and (max-width:768px) {
  .tel_link { pointer-events: auto; }
}
figure.foot_logo {
  margin-left: 0;
}



#toolbar {
  position: fixed;
  z-index: 9999;
  right: 17px;
  bottom: 10%;
}
#toolbar li {
  margin-bottom: 3px;
  position: relative;
}
#toolbar li, #toolbar li a {
  font-size: 0;
  width: 57px;
  height: 57px;
  right: 0;
}
#toolbar li a {
  display: block;
  position: absolute;
  z-index: 9;
  top: 0;
  overflow: hidden;
  background: #007bd9;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  white-space: nowrap;
}
#toolbar li .iconfont {
  width: 57px;
  height: 57px;
  background-color: #d9d9d9;
  text-align: center;
  color: #2b2b2b;
  font-size: 26px;
}
#toolbar li .iconfont, #toolbar li .wz {
  display: inline-block;
  vertical-align: middle;
  line-height: 57px;
}
#toolbar li.backtop {
  cursor: pointer;
}
#toolbar li.backtop .iconfont {
  color: #fff;
  background-color: #007bd9;
}
#toolbar li:hover a {
  width: 200px;
}
#toolbar li.ewm:hover .ewm-box {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}






.container {
  width: 1300px !important;
  margin: 0 auto;
  padding: 0;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px
}

.container:after,.container:before {
  content: " ";
  display: table
}

.container:after {
  clear: both
}

@media (min-width: 768px) {
  .container {
    width:750px
  }
}

@media (min-width: 992px) {
  .container {
    width:970px
  }
}

@media (min-width: 1200px) {
  .container {
    width:1170px
  }
}


@media only screen and (max-width: 1680px) {
  /*layout*/
  body { min-width: 1200px; }
  .layout { width: 1200px;margin: 0 auto }
}
@media only screen and (max-width: 1440px) {
  /*layout*/
  body { min-width: 1200px; }
  .layout { width: 1200px; }
}
@media only screen and (max-width: 1366px) {
  /*layout*/
  body { min-width: 1150px; }
  .layout { width: 1150px; }
  /*header*/
  .head_layout { height: 90px; }
  .web_head .logo img { max-height: 70px; width: auto; }
  .head_nav>li>a { font-size: 16px; }
  .head_nav > li { padding: 0 20px; }
}
@media only screen and (max-width: 1280px) {
  /*layout*/
  body { min-width: unset; }
  .layout { width: 98%; }
  /*header*/
  .head_nav>li>a { font-size: 14px; }
  .head_nav > li { padding: 0 15px; }

}
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 950px) {
  body { min-width: 100%; }
  .z10000 { position: relative; z-index: 100000; }
  .mobile-body-mask { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6); }
  .mobile-ico-close { position: absolute; top: 0; right: -35px; width: 30px; height: 30px; background: #fff url(img/mobile_close.png) center center no-repeat; background-size: 50% auto; cursor: pointer; }
  .sub-content { position: relative; right: auto; z-index: 99999; display: block; border: none; border-radius: 0; box-shadow: none; }
  .lang-more { display: none !important; }
  .mobile-head-items { position: fixed; top: 0; left: 0; z-index: 999; display: block; width: 100%; height: 25px; background: #161622; text-align: left; line-height: 25px; }
  .mobile-head-item { float: left; width: 45px; }
  .mobile-head-item.mobile-head-aside { float: right; }
  .mobile-head-item .title { overflow: hidden; width: 100%; height: 25px; color: #FFF; text-align: center; line-height: 25px; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); }
  .mobile-head-item .title a { position: relative; display: block; color: #FFF; }
  .mobile-head-item.mobile-head-home .title a:before { content: '\f015'; }
  .mobile-head-item.mobile-head-nav .title:before { content: '\f0c9'; }
  .mobile-head-item.mobile-head-language .title:before { content: "\f1ab"; }
  .mobile-head-item.mobile-head-search .title:before { content: "\f002"; }
  .mobile-head-item.mobile-head-social .title:before { content: "\f007"; }
  .mobile-head-item.mobile-head-aside .title:before { content: "\f060"; }
  .mobile-head-item .main-content-wrap { top: 0; z-index: 99999; display: block; background: #FFF; }
  .mobile-head-item .main-content-wrap .content-wrap { overflow-y: auto; padding: 15px 10px; height: 100%; background-color: #fff; }
  .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap { overflow-y: hidden; }
  .mobile-head-item .side-content-wrap { position: fixed; left: -70%; display: block; width: 70%; height: 100%; }
  .mobile-head-item .middle-content-wrap { position: absolute; left: 0; visibility: hidden; padding: 20px 0; width: 100%; height: auto; opacity: 0; }
  .mobile-head-item .middle-show-content-wrap { top: 30px; visibility: visible; opacity: 1; }
  .web_head .nav_wrap .head_nav, .web_head .change-language, .web_head .head-search, .top_bar { display: none; }
  .index_main .layout, .layout { margin: 0 auto; width: 98%; }
  .web_head { padding: 25px 0 0; height: auto; }
  .web_head .logo { width: 100%; text-align: center; padding: 10px 0; }
  .web_head .nav_wrap { position: static; }
  .nav_wrap .logo img { height: 100px; }
  .head-search { position: relative; width: 100%; height: 35px; background: #004262; color: #fff; }
  .head-search .search-ipt { width: 100%; line-height: 35px; height: 35px; padding-left: 1.5%; }
  .head-search .search-btn { width: 35px; height: 35px; position: absolute; right: 0; top: 0; background-position: center; }
  /* header */

  /*nav */
  .head_nav { width: 100%; }
  .head_nav > li { display: block; }
  .head_nav li { padding-top: 4px; padding-bottom: 4px; padding-left: 28px; }
  .head_nav li, .head_nav li a, .head_nav>li ul li a, .head_nav li:hover a { color: #111; }
  .head_nav li.has-child { margin-top: 0; margin-bottom: 0; padding-left: 28px; }
  .head_nav li.has-child>a { margin-top: 3px; margin-right: 35px; margin-bottom: 3px; }
  .head_nav li.has-child>ul { position: relative; top: auto; left: auto; display: block; margin-left: 0; padding: 0 0 0 10px; width: 100%; border-top: unset; box-shadow: unset; opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); background: #fff; display: none; }
  .head_nav li a { position: relative; display: block; line-height: 1.5; }
  .head_nav li a:hover { color: inherit; }
  .head_nav li em { display: block; overflow: hidden; }
  .head_nav li li { font-size: 14px; }
  .head_nav li li li { font-size: 12px; }
  .head_nav li li a { color: #666; }
  .head_nav li.has-child a b { position: absolute; top: 10px; right: -35px; display: inline-block; overflow: hidden; -webkit-box-sizing: content-box; box-sizing: content-box; width: 15px; height: 15px; border: 1px solid #111; border-radius: 2px; line-height: 15px; }
  .head_nav li.has-child a b:before, .head_nav li.has-child a b:after { position: absolute; top: 50%; left: 3px; display: block; margin-top: -.5px; width: 9px; height: 1px; background-color: #111; content: ''; }
  .head_nav li.has-child a b:after { -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -ms-transform: rotate(90deg); }
  .head_nav li.has-child a:hover b { border-color: #111; }
  .head_nav>li { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2; }
  .head_nav>li>a { position: relative; position: relative; margin-bottom: -1px; text-transform: uppercase; text-transform: uppercase; font-size: 16px; }
  .head_nav li, .head_nav li.has-child { padding-left: 0; }
  .head_nav li li, .head_nav li li.has-child { padding-left: 15px; }
  .head_nav li.active>a>b:after { display: none; }
  .web_head .nav_wrap { display: none; }
  .head_nav>li ul li {border-bottom: none;text-transform: capitalize;}
  .head_nav > li:before { display: none; }

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

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

}
@media only screen and (max-width: 480px) {
  .mobile-hide { display: none!important; }
  .gotop { display: none !important; }

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

}