/*@font-face { font-family: Cambriai; src: url('../fonts/CAMBRIAI.TTF');}*/
/*@font-face { font-family: Dincoros; src: url('../fonts/DINCOROS.TTF');}*/
/*@font-face { font-family: AbhayaLibre; src: url('../fonts/ABHAYALIBRE.TTF');}*/
/*@font-face { font-family: OpenSans; src: url('../fonts/OpenSans.TTF');}*/
/*@font-face { font-family: Times_New_Roman; src: url('../fonts/Times_New_Roman.TTF');}*/
/*@font-face { font-family: Comic_Sans_Ms; src: url('../fonts/Comic_Sans_Ms.TTF');}*/
/*@font-face {
  font-family: 'Calibri';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/l/font?kit=J7afnpV-BGlaFfdAhLEY6w&skey=a1029226f80653a8&v=v15) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}*/

:root{
  --wrapper: 1620px;
  --max-width: 1340px;
}
:root {  
  --border: #eee solid 1px;
  --primary-color: #222;
  --second-color: #666;
  --other-color: #0157d2;
  --white-color: #fff;
  --black-color: #000;
  --bg-color: #114ca1;
  --bg-color1: #f5f5f5;
  --text-color: #333;
  --text-hover:#000;
  --btn-color:#fff;
  --btnbg-color:#114ca1;
  --btn-hover:#fff;
  --btnbg-hover:#000;

  --background-gradient: linear-gradient(to right,#0071da,#da251d);
}
*{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    /*-moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;*/
}
img{ max-width: 100%; vertical-align: middle; border: 0;}
h1{ font-size:40px;}
h2{ font-size: 35px;}
h3{ font-size: 30px;}
h4{ font-size: 25px;}

@media (max-width: 991px){
  h1{ font-size: 25px;}
  h2{ font-size: 22px;}
  h3{ font-size: 20px;}
  h4{ font-size: 18px;}
}

p{ margin: 0 0 10px;}
a{ color:var(--text-color); text-decoration: none;}
a:hover{  color:var(--text-hover);}

.btn {
  background-color: var(--btnbg-color);
  color: var(--btn-color);
  cursor: pointer;
  padding: 10px 25px;
  display: inline-block;
}
.btn:hover{
  background-color: var(--btnbg-hover);
  color: var(--btn-hover);
}
input{ border-radius: 3px; border:1px solid #ccc; width: 100%; padding: 0 10px;}
input:focus{outline: none;box-shadow: none; }
textarea{ border-radius: 3px; border:1px solid #ccc; width: 100%; padding: 10px; font-family: inherit; }
textarea:focus{outline: none;box-shadow: none; }

table { border-collapse: collapse;}
table td{ padding: 7px 10px; border: 1px solid #000 !important;}

/*文字超过几行显示省略号*/
.overflow-clamp {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.overflow-clamp-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.overflow-clamp-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.overflow-clamp-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.transition_top{transition: transform 0.3s ease-in, -webkit-transform 0.3s ease-in, -moz-transform 0.3s ease-in;}
.transition_top:hover {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}
.transition_img{overflow: hidden;}
.transition_img img{-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all 1.5s;-webkit-transition: all .5s;transition: all .5s;}
.transition_img:hover img{transform: scale(1.1);}
.opacity_img:hover { opacity: 0.75;}


/*swiper*/
.swiper-pagination-bullet{
    /*border: 1px solid var(--bg-color);*/
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    height: 7px;
    margin: 0 7px;
    opacity: .8;
    transition: opacity .3s;
    width: 40px;
    background: #f1f1f1;
    /*padding: 6px;*/
}
.swiper-pagination-bullet:hover{
  opacity: 1;
  background-color: var(--other-color);
}
.swiper-pagination-bullet-active{
  background-color: var(--other-color);
  /*border: 3px solid var(--bg-color);*/
  opacity: 1;
}
/*--*/

.swiper-button-next:after, .swiper-button-prev:after{
  font-size: 16px;
  color: #fff;
}
.swiper-button-next, .swiper-button-prev{
  background-color: transparent;
  border:2px solid #fff;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  transition: all .3s;
}
.swiper-button-next{ right: 60px; }
.swiper-button-prev{ left: 60px;}
.swiper-button-next:hover,.swiper-button-prev:hover{ background-color: #000; border-color:#000; }
/*--*/

.swiper-scrollbar.swiper-scrollbar-horizontal{ height: 5px; }


/*new translate*/
@media (min-width: 992px){
  #gt_float_wrapper {
      bottom: auto !important;
      position: fixed;  !important;
      top: 7px !important;
      left: auto !important;
      z-index: 999999 !important;
      right: 1% !important;
  }
}
.gt_float_switcher .gt-selected .gt-current-lang {
    padding: 3px 8px !important;
    font-weight: 400 !important;
    font-size: 15px !important;
}
.gt_float_switcher img {
    width: 24px !important;
}
.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
    height: 24px !important;
    width: 20px !important;
    background-size: 7px !important;
}
/*end*/

/*translate top*/
.change-language{display:inline-block;position:relative;text-align:left;vertical-align:middle;white-space:normal; float:right;margin-left: 50px;}
.change-language-title a{color:#666;}
.change-language .change-language-title, .change-language .change-language-title a{font-size:16px;line-height: 27px;}
.change-language .change-language-title a { height: 27px; display: flex; align-items: center;}
.change-language .change-language-title a:after{font-family:'fontawesome';content:"\f0d7"; display:inline-block;padding-left:3px;}
.change-language:hover .change-language-title a:after{-moz-transform:rotate(-360deg);-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);}
.change-language .change-language-cont{position:absolute;top:35px;right:0;width:160px;background:#FFF;padding:15px;transform:scale3d(0.9, 0.9, 1);opacity:0;visibility:hidden;z-index:999;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border:1px solid #ccc;border-radius:5px;/*overflow-y:scroll;max-height:80vh;*/ z-index: 9999;}
.change-language:hover .change-language-cont{transform:scale3d(1, 1, 1);opacity:1;visibility:visible;}
.change-language .change-language-cont li{display:inline-block;vertical-align:top;width:100%;margin:0 0 10px;font-size:10pt;overflow:hidden;padding:0;}
.change-language .change-language-cont li a:hover{color:#4e4e4e;}
.change-language .change-language-cont .lang-item-hide{display:none !important;}
.change-language .change-language-cont .lang-more{position:relative;display:block;text-align:center;cursor:pointer;line-height:30px;}
.change-language .change-language-cont .more-active{font-size:20px;}
.language-flag span{position:relative;display:inline-block;vertical-align:top;white-space:nowrap;padding:0 0 0 15px;overflow:hidden;}
.change-language-cont .language-flag span{ font-size:16px; }
.change-language .change-language-title a:after{color:#fff;}
.change-language .change-language-title .language-flag span{color:#fff;}
.change-language ::-webkit-scrollbar{width:5px;}
.change-language ::-webkit-scrollbar-track{background-color:#000;}
.change-language ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:3px;}
.change-language .language-cont:hover::-webkit-scrollbar-thumb{display:block}
li.language-flag a{position:relative;}

/*translate bottom*/
.footer_tra{ display: flex; justify-content: center; flex-wrap: wrap; margin:10px;}
.footer_tra .tar-flag{ margin:8px; }
.footer_tra .tar-flag span{ color:#fff; margin-left: 5px;}

/*end*/


/*animation 动画,需先加载animate.min.css*/
/*zoomIn 放大*/
/*fadeInUp 向上淡入*/
/*fadeIn 淡入*/
/*rollIn 滚动进去*/
/*slideInLeft 左淡入,下方出现滚动条，要在父类添加overflow:hidden;*/
/*slideInRight 右淡入,下方出现滚动条，要在父类添加overflow:hidden;*/