@charset "UTF-8";



@font-face {

  font-family: DIN-Alternate-Bold;

  src: url(font/DINAlternate-Bold.eot);

  src: url(font/DINAlternate-Bold.eot?#iefix) format("embedded-opentype"), url(font/DINAlternate-Bold.otf) format("opentype"), url(font/DINAlternate-Bold.svg) format("svg"), url(font/DINAlternate-Bold.ttf) format("truetype"), url(font/DINAlternate-Bold.woff) format("woff");

  font-weight: 400;

  font-style: normal

}



@font-face {

  font-family: DIN-Medium;

  src: url(font/DIN-Medium.eot);

  src: url(font/DIN-Medium.eot?#iefix) format("embedded-opentype"), url(font/DIN-Medium.otf) format("opentype"), url(font/DIN-Medium.svg) format("svg"), url(font/DIN-Medium.ttf) format("truetype"), url(font/DIN-Medium.woff) format("woff");

  font-weight: 400;

  font-style: normal

}



@font-face {

  font-family: DIN-Alternate-Medium;

  src: url(font/DINAlternate-Medium.eot);

  src: url(font/DINAlternate-Medium.eot?#iefix) format("embedded-opentype"), url(font/DINAlternate-Medium.otf) format("opentype"), url(font/DINAlternate-Medium.svg) format("svg"), url(font/DINAlternate-Medium.ttf) format("truetype"), url(font/DINAlternate-Medium.woff) format("woff");

  font-weight: 400;

  font-style: normal

}



@font-face {

  font-family: Frutiger;

  src: url(font/Frutiger-LT-Std-45-Light-Regular.eot);

  src: url(font/Frutiger-LT-Std-45-Light-Regular.eot?#iefix) format("embedded-opentype"), url(font/Frutiger-LT-Std-45-Light-Regular.otf) format("opentype"), url(font/Frutiger-LT-Std-45-Light-Regular.svg) format("svg"), url(font/Frutiger-LT-Std-45-Light-Regular.ttf) format("truetype"), url(font/Frutiger-LT-Std-45-Light-Regular.woff) format("woff");

  font-weight: 400;

  font-style: normal

}



#seo {

  display: none

}



form {

  margin: 0

}



* {

  margin: 0;

  padding: 0

}



body {

  font-family: DIN-Alternate-Bold, Arial, sans-serif;

  width: 100%;

  margin: 0;

  padding: 0;

  font-size: 12px;

  -webkit-font-smoothing: antialiased

}



@media screen and (-ms-high-contrast: active),

(-ms-high-contrast: none) {

  body {

    font-family: DIN-Medium, Arial, sans-serif;

    width: 100%;

    margin: 0;

    padding: 0;

    font-size: 12px;

    -webkit-font-smoothing: antialiased

  }

}



ul,

ol {

  list-style: none;

  margin: 0;

  padding: 0

}



a {

  outline: none;

  hlbr: expression(this.onFocus=this.blur());

  text-decoration: none

}



a:hover {

  text-decoration: none

}



a img {

  border: 0

}



header {

  width: 100%;

  background: #FFF;

  position: fixed;

  box-shadow: #424242 1px 1px 8px;

  padding: 20px 0 5px;

  height: 95px;

  z-index: 99

}



#header {

  width: 1280px;

  margin: 0 auto;

  padding: 0

}



#logo {

  float: left;

  width: 25%;

  margin-left: 20px

}



#logo img {

  width: 100%

}



#m_nav_btn {

  display: none

}



#m_nav {

  display: none

}



#navigation {

  float: right;

  width: 72%

}



.subnav {

  float: right;

  width: 70%;

  position: relative

}



.subnav .snav_i {

  float: right;

  padding: 10px 30px 10px 0;

  text-transform: uppercase

}



.subnav .snav_i a {

  color: #525c64;

  font-size: 1em

}



.subnav .lang {

  float: right;

  padding: 10px 70px 10px 0;

  background: url(../images/lang_bg.svg?2019-06-31) no-repeat right;

  font-size: 1em;

  color: #0d246b;

  cursor: pointer

}



ul#langlist {

  background: #859199;

  padding: 1% 1.5%;

  position: absolute;

  z-index: 999;

  margin: 40px 0 0;

  display: none;

  right: 0

}



ul#langlist li a {

  color: #fff;

  font-size: 1.166em;

  padding: 3px 0;

  float: left

}



.subnav .lang.active {

  display: block

}



nav {

  width: 72.5%;

  float: right;

  font-size: 1.5em;

  line-height: 180%;

  padding: 10px 0 0

}



@media screen and (-ms-high-contrast: active),

(-ms-high-contrast: none) {

  nav {

    width: 78%

  }

}



nav .nav_i,

nav .nav_i_active {

  float: left;

  text-align: right;

  text-transform: uppercase;

  margin: 0 0 0 5%

}



nav .nav_i a {

  color: #525c64

}



nav .nav_i .dropdown-content a {

  color: #fff;

  text-transform: capitalize

}



nav .nav_i a:hover {

  color: #87b842

}



.nav_active {

  color: #87b842

}



nav .nav_i_active a {

  color: #87b842

}



ul#nav_plist {

  width: 64%;

  padding: 2% 18%;

  background: #788088;

  position: absolute;

  left: 0;

  z-index: 10;

  top: 130px

}



ul#nav_plist li {

  width: 25%;

  float: left;

  text-align: left;

  height: 350px

}



ul#nav_plist li .nav_ptitle {

  width: 100%;

  padding: 0 0 10px;

  border-bottom: 1px #fff solid;

  text-transform: capitalize

}



ul#nav_plist li .nav_ptitle a {

  color: #7cb830;

  font-size: .9em

}



ul#nav_plist li ol li {

  width: 95%;

  float: left;

  padding: 20px 5% 0 0;

  text-transform: capitalize;

  font-size: .6em;

  line-height: 160%;

  height: auto

}



.nav_p_i:before {

  content: '\2014';

  position: absolute;

  margin-left: -20px;

  color: #fff

}



.nav_p_i {

  padding: 0 0 0 20px

}



ul#nav_plist li ol li a {

  color: #fff

}



article {

  float: left;

  clear: both;

  width: 100%;

  margin-top: 110px

}



#index_banner {

  width: 100%;

  margin: 0 auto;

  overflow: hidden

}



#index_banner .bannerbox {

  position: relative

}



#index_banner .bannerbox .bannertxt {

  width: 1240px;

  padding: 0 50px;

  margin: 0 auto

}



#index_banner .bannerbox .bannertxt .bannertext_c {

  position: absolute;

  margin: 150px 0 0;

  width: 100%

}



#index_banner .bannerbox .bannertxt .bannertext_c2 {

  position: absolute;

  margin: 10% 0 0

}



#index_banner .bannerbox .bannertxt .title {

  width: 60%;

  color: #fff;

  text-shadow: #222 1px 1px 6px;

  font-size: 5em;

  line-height: 100%

}



@media screen and (-ms-high-contrast: active),

(-ms-high-contrast: none) {

  #index_banner .bannerbox .bannertxt .title {

    width: 67%

  }

}



#index_banner .bannerbox .bannertxt .contenttxt {

  font-family: Frutiger, Arial, sans-serif;

  letter-spacing: normal;

  width: 28%;

  font-size: 1.9em;

  line-height: 130%;

  padding: 10px 0;

  color: #fff;

  text-shadow: #222 1px 1px 2px

}



#index_banner .bannerbox .bannertxt .contenttxt2 {

  font-family: Frutiger, Arial, sans-serif;

  letter-spacing: normal;

  width: 28%;

  font-size: 1.9em;

  line-height: 130%;

  padding: 10px 0;

  color: #fff;

  text-shadow: #222 1px 1px 2px

}



#index_banner .bannerbox .bannertxt .contenttxt3 {

  font-family: Frutiger, Arial, sans-serif;

  letter-spacing: normal;

  width: 28%;

  font-size: 1.9em;

  line-height: 130%;

  padding: 0;

  color: #fff;

  text-shadow: #222 1px 1px 2px

}



#index_banner .bannerbox .bannertxt .contenttxt4 {

  font-family: Frutiger, Arial, sans-serif;

  letter-spacing: normal;

  width: 32%;

  font-size: 2.3em;

  line-height: 130%;

  padding: 10px 0;

  color: #fff;

  text-shadow: #222 1px 1px 2px

}



#index_banner .bannerbox .bannertxt .contenttxt5 {

  font-family: Frutiger, Arial, sans-serif;

  letter-spacing: normal;

  width: 40%;

  font-size: 1.9em;

  line-height: 130%;

  padding: 10px 0;

  color: #fff;

  text-shadow: #222 1px 1px 2px

}



#index_banner .bannerbox img {

  width: 100%

}



#index_category {

  width: 100%

}



#index_category #in_clist {

  width: 1270px;

  padding: 50px 0 20px;

  margin: 0 auto

}



#index_category #in_clist .inp {

  float: left;

  width: 18%;

  margin: 0 1%;

  position: relative

}



#index_category #in_clist .inp img {

  width: 100%

}



#index_category #in_clist .inp .inp_text {

  width: 90%;

  float: left;

  padding: 40px 5% 0;

  color: #fff;

  font-size: 1.33em;

  line-height: 150%;

  display: none;

  position: absolute;

  bottom: 3px;

  font-family: Frutiger, Arial, sans-serif

}



.inp_text_dblue {

  background: rgba(16, 55, 123, .8)

}



.inp_text_red {

  background: rgba(155, 13, 30, .8)

}



.inp_text_green {

  background: rgba(0, 114, 47, .8)

}



.inp_text_blue {

  background: rgba(0, 105, 184, .8)

}



.inp_text_light-green {

  background: rgba(4, 181, 150, .8)

}



ul.inp_linklist li {

  padding: 0 0 0 10px;

  background: url(../images/inp_links_icon.png?2019-06-31) left top 5px no-repeat;

  background-size: 2%;

  font-family: Frutiger, Arial, sans-serif;

  letter-spacing: normal

}



ul.inp_linklist li a {

  color: #fff

}



a.in_more {

  width: 96%;

  float: left;

  margin: 15px 0 0;

  color: #fff;

  font-size: 1em;

  padding: 0 0 0 16px;

  background: url(../images/arrow3.png?2019-06-31) left 6px no-repeat;

  background-size: 3%;

  font-family: Frutiger, Arial, sans-serif;

  letter-spacing: normal

}



.inptitle_navyblue,

.inptitle_red,

.inptitle_green,

.inptitle_blue,

.inptitle_light-green {

  font-size: 2.333em;

  line-height: 130%;

  text-align: center;

  margin: 0 0 25px;

  padding: 0 0 15px;

  height: auto;

  text-transform: uppercase

}



.inptitle_navyblue {

  border-bottom: 10px #11377c solid

}



.inptitle_red {

  border-bottom: 10px #9b0d1e solid

}



.inptitle_green {

  border-bottom: 10px #00722f solid

}



.inptitle_blue {

  border-bottom: 10px #0069b8 solid

}



.inptitle_light-green {

  border-bottom: 10px #04b596 solid

}



.container_white {

  width: 100%;

  float: left;

  padding: 4% 0 2%

}



.c_white_inside {

  max-width: 1290px;

  padding: 0 50px;

  margin: 0 auto

}



.c_white_inside h3 {

  color: #0d246b;

  font-size: 3em;

  padding: 0 0 15px;

  border-bottom: #0d246b 1px solid;

  float: left

}



.c_white_inside #wtext {

  float: left;

  width: 68%;

  margin: 0 0 0 2%

}



.c_white_inside #wtext .wtext1 {

  width: 95%;

  font-size: 3em;

  color: #657078;

  float: left

}



.c_white_inside #wtext .t1,

.c_white_inside #wtext .t2,

.c_white_inside #wtext .t3,

.c_white_inside #wtext .t4 {

  color: #414b52;

  float: left;

  padding: 20px 0 0

}



.c_white_inside #wtext .count {

  font-size: 1.6em;

  width: 16%;

  color: #0d246b;

  float: left;

  text-align: center;

  margin-top: 0

}



.c_white_inside #wtext .count1 {

  font-size: 1.6em;

  width: 10%;

  color: #0d246b;

  float: left;

  text-align: center;

  margin-top: 0

}



.c_white_inside #wtext .wfocustext {

  width: 16%;

  font-size: 7.5em;

  color: #0d246b;

  float: left;

  margin-top: 5px

}



.c_white_inside #wtext .wtext2 {

  width: 95%;

  font-size: 3em

}



.index_com {

  width: 46%;

  float: left;

  margin: 0 2%;

  opacity: 0

}



.index_com h3 {

  font-size: 2em;

  color: #788088;

  border-bottom: none;

  text-transform: uppercase;

  float: left

}



.index_com h3 a {

  color: #788088

}



.index_com h3 a:visited {

  color: #788088

}



.index_com h4 {

  width: 100%;

  float: left;

  font-size: 2.5em;

  color: #0e347e;

  padding: 20px 0 0;

  height: 60px

}



.index_com .index_text {

  font-size: 1.33em;

  line-height: 150%;

  width: 100%;

  float: left;

  padding: 20px 0;

  height: 60px;

  color: #666;

  font-family: Frutiger, Arial, sans-serif;

  letter-spacing: normal

}



.index_com img {

  width: 100%

}



.in_exhibitions {

  font-weight: 700;

  text-transform: uppercase;

  width: 46%;

  float: left;

  margin: 95px 2% 0

}



.innewstitle {

  font-size: 2em;

  color: #788088;

  padding: 0 0 10px;

  margin: 0 0 20px;

  border-bottom: 1px #657078 solid

}



.innewstitle a {

  color: #788088

}



.innewstitle a:visited {

  color: #788088

}



.innews,

.innews2 {

  width: 64%;

  float: right;

  font-size: 1em;

  line-height: 140%;

  padding: 12px 2% 10px 0;

  font-weight: 400;

  color: #666;

  text-transform: capitalize;

  height: 140px;

  font-family: Frutiger, Arial, sans-serif;

  letter-spacing: normal

}



.innews span,

.innews2 span {

  font-size: 1.83em;

  line-height: 130%;

  display: block;

  width: 100%;

  padding: 0 0 10px;

  color: #000;

  font-family: DIN-Alternate-Bold, Arial, sans-serif

}



@media screen and (-ms-high-contrast: active),

(-ms-high-contrast: none) {



  .innews span,

  .innews2 span {

    font-family: DIN-Medium, Arial, sans-serif

  }

}



.innews_img {

  width: 30%;

  float: left;

  padding: 3% 4% 0 0

}



.innews_img img {

  width: 100%;

  border: 1px solid #dedede

}



.innews_img2 {

  width: 30%;

  float: left;

  padding: 3% 4% 0 0

}



.innews_img2 img {

  width: 100%;

  border: 1px solid #dedede

}



.index_hot_product {

  width: 100%;

  float: left;

  background: #171c2a

}



.index_hot_product .ih_inside {

  max-width: 1240px;

  padding: 0 50px;

  margin: 0 auto;

  position: relative

}



.index_hot_product .ih_inside h3 {

  position: absolute;

  text-align: right;

  color: #fff;

  width: 70%;

  font-size: 3.83em;

  margin: 7% 0 0 22%;

  z-index: 96

}



.index_hot_product .ih_inside .in_inside_text {

  position: absolute;

  text-align: right;

  color: #fff;

  width: 45%;

  font-size: 1.5em;

  line-height: 150%;

  margin: 13% 0 0 47%;

  z-index: 96;

  font-family: Frutiger, Arial, sans-serif;

  letter-spacing: normal

}



.index_hot_product .ih_inside .img {

  width: 100%;

  float: left

}



.index_hot_product .ih_inside .img img {

  width: 100%

}



.locations {

  float: right;

  width: 345px;

  margin: 0 3% 0 0

}



.locations h3 {

  color: #7dba30;

  font-size: 2.6em;

  text-transform: uppercase;

  border: none;

  padding: 0

}



.loc_info {

  width: 100%;

  float: left

}



.loc_info h4 {

  width: 92%;

  padding: 3% 4%;

  color: #373535;

  font-size: 1.8em;

  font-weight: 400;

  font-family: Arial, sans-serif;

  cursor: pointer;

  background: url(../images/arrow1.png?2019-06-31) right no-repeat #fff;

  background-size: 10%;

  margin: 10px 0 0;

  border: 1px #1a1311 solid

}



.loc_info .loc_info_i {

  background: #7fb83b;

  padding: 10px;

  width: 327px;

  position: absolute;

  color: #fff;

  font-family: Arial, sans-serif;

  display: none

}



.loc_title {

  font-size: 2em;

  float: left;

  width: 100%;

  line-height: 160%;

  font-family: Frutiger, Arial, sans-serif;

  letter-spacing: normal

}



.loc_address {

  width: 100%;

  float: left;

  line-height: 160%;

  font-size: 1.3em;

  padding: 5px 0;

  font-family: Frutiger, Arial, sans-serif;

  letter-spacing: normal

}



.loc_phone {

  width: 95%;

  float: left;

  line-height: 180%;

  font-size: 1.3em;

  padding: 0 0 0 20px;

  margin: 0 0 5px;

  background: url(../images/phone.png?2019-06-31) left no-repeat;

  background-size: 6%;

  font-family: Frutiger, Arial, sans-serif;

  letter-spacing: normal

}



.loc_fax {

  width: 95%;

  float: left;

  line-height: 180%;

  font-size: 1.3em;

  padding: 0 0 0 20px;

  margin: 0 0 5px;

  background: url(../images/fax.png?2019-06-31) left no-repeat;

  background-size: 6%;

  font-family: Frutiger, Arial, sans-serif;

  letter-spacing: normal

}



.loc_mail {

  width: 95%;

  float: left;

  line-height: 180%;

  font-size: 1.3em;

  padding: 0 0 0 20px;

  margin: 0 0 5px;

  background: url(../images/mail.png?2019-06-31) left no-repeat;

  background-size: 6%;

  font-family: Frutiger, Arial, sans-serif;

  letter-spacing: normal

}



.loc_mail a {

  color: #fff

}



.loc_mail a:hover {

  text-decoration: underline

}



.worldmap {

  width: 100%;

  float: left

}



.worldmap img {

  width: 100%

}



#top_box {

  position: fixed;

  right: 0;

  bottom: 30%;

  z-index: 99;

  width: 47px

}



#top_box img {

  width: 100%

}



.top {

  cursor: pointer

}



footer {

  float: left;

  clear: both;

  width: 100%;

  padding: 20px 0 50px;

  background: #0d246b

}



#footer {

  width: 1500px;

  margin: 0 auto;

  color: #fff;

  font-size: 1.2em

}



#footer a {

  color: #fff

}



#footer .links {

  width: 50%;

  float: left;

  margin-left: 27px

}



#footer .copyright {

  width: 18%;

  float: right;

  text-align: right;

  margin-right: 27px

}



footer#white {

  background: #fff;

  padding: 0 0 36px

}



#footer_white {

  width: 1240px;

  margin: 0 auto;

  color: #788088;

  font-size: 1.333em;

  padding: 25px 0 0

}



.footer_white_line {

  border-top: 1px solid #000

}



#footer_white a {

  color: #657078

}



.copyright {

  width: 50%;

  float: left;

  text-align: left

}



.links {

  width: 30%;

  float: right;

  text-align: right

}



.commtitle {

  float: left;

  padding: 0 5px 0 0

}



.commicon {

  float: left;

  padding: 0 0 0 5px;

  width: 15%

}



.commicon img {

  width: 100%

}



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

  header {

    padding: 10px 0 5px

  }



  #header {

    width: 1170px

  }



  #logo {

    width: 23%;

    margin-left: 35px

  }



  ul#langlist {

    margin: 40px 0 0 84%

  }



  nav {

    width: 68.5%;

    font-size: 1.275em;

    padding: 3px 0 0

  }

}



@media screen and (-ms-high-contrast: active),

(-ms-high-contrast: none) {

  nav {

    width: 74%

  }

}



article {

  margin-top: 93px

}



#index_banner .bannerbox .bannertxt {

  width: 1100px

}



#index_banner .bannerbox .bannertxt .bannertext_c {

  margin: 6% 0 0

}



#index_banner .bannerbox .bannertxt .title {

  width: 65%;

  font-size: 4.25em

}



#index_banner .bannerbox .bannertxt .contenttxt {

  width: 28%;

  font-size: 1.5em

}



#index_banner .bannerbox .bannertxt .contenttxt2 {

  width: 40%;

  font-size: 1.5em

}



#index_banner .bannerbox .bannertxt .contenttxt3 {

  width: 40%;

  font-size: 1.5em

}



#index_banner .bannerbox .bannertxt .contenttxt4 {

  font-size: 2em

}



#index_banner .bannerbox .bannertxt .contenttxt5 {

  width: 40%;

  font-size: 1.6em

}



/* #index_category #in_clist {

  width: 1125px

} */



.inptitle_navyblue,

.inptitle_red,

.inptitle_green,

.inptitle_blue,

.inptitle_light-green {

  font-size: 1.98em

}



#index_category #in_clist .inp .inp_text {

  font-size: 1.1em;

  height: 150px

}



a.in_more {

  background: url(../images/arrow3.png?2019-06-31) left 5px no-repeat;

  background-size: 4%

}



.c_white_inside {

  width: 1150px

}



.index_com h3 {

  font-size: 1.5em;

  padding: 0

}



.index_com h4 {

  font-size: 2.125em;

  line-height: 130%

}



.index_com .index_text {

  font-size: 1.1em;

  padding: 10px 0 5px

}



.innewstitle {

  font-size: 1.5em

}



.innews,

.innews2 {

  font-size: 1em

}



.innews span,

.innews2 span {

  font-size: 1.55em

}



.index_hot_product .ih_inside {

  width: 1150px

}



.index_hot_product .ih_inside h3 {

  font-size: 3.255em;

  margin: 7% 0 0 20.5%

}



.c_white_inside #wtext {

  margin-top: -10px

}



.c_white_inside #wtext .wtext1 {

  width: 95%;

  font-size: 2.7em;

  color: #657078;

  float: left

}



.c_white_inside #wtext .t1,

.c_white_inside #wtext .t2,

.c_white_inside #wtext .t3,

.c_white_inside #wtext .t4 {

  float: left;

  padding: 20px 0 0

}



.c_white_inside #wtext .count {

  font-size: 1.6em;

  width: 16%;

  color: #0d246b;

  float: left;

  text-align: center;

  margin-top: 3px

}



.c_white_inside #wtext .count1 {

  font-size: 1.6em;

  width: 10%;

  color: #0d246b;

  float: left;

  text-align: center;

  margin-top: 3px

}



.c_white_inside #wtext .wfocustext {

  width: 16%;

  font-size: 7.5em;

  color: #0d246b;

  float: left;

  margin-top: 5px

}



.c_white_inside #wtext .wtext2 {

  width: 95%;

  font-size: 2.8em

}



.index_hot_product .ih_inside .in_inside_text {

  width: 40%;

  margin: 12% 0 0 50.5%;

  font-size: 1.275em

}



.locations {

  width: 285px;

  margin: 0 1.5% 0 0

}



.locations h3 {

  font-size: 2.2em

}



.loc_info h4 {

  font-size: 1.4em

}



.loc_info .loc_info_i {

  width: 267px

}



.loc_title {

  font-size: 1.6em

}



.loc_address {

  font-size: 1.2em;

  line-height: 140%

}



.loc_phone {

  font-size: 1.2em;

  margin: 0

}



.loc_fax {

  font-size: 1.2em;

  margin: 0

}



.loc_mail {

  font-size: 1.2em

}



#footer {

  width: 1200px

}



#footer .links {

  margin-left: 24px

}



#footer .copyright {

  width: 20%;

  margin-right: 18px

}



#footer_white {

  width: 1100px

}



.commicon {

  width: 13%

}



#top_box {

  right: 0;

  width: 50px

}



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

  #header {

    width: 1150px

  }



  ul#langlist {

    margin: 40px 0 0 83%

  }



  article {

    margin-top: 95px

  }



  #index_banner .bannerbox .bannertxt {

    width: 1080px

  }



  #index_banner .bannerbox .bannertxt .title {

    width: 65%

  }



  .inptitle_navyblue,

  .inptitle_red,

  .inptitle_green,

  .inptitle_blue,

  .inptitle_light-green {

    font-size: 2em

  }



  #index_category #in_clist {

    max-width: 1100px

  }



  .c_white_inside {

    max-width: 1120px

  }



  .c_white_inside #wtext .wtext1 {

    font-size: 2.6em

  }



  .c_white_inside #wtext .wtext2 {

    font-size: 2.6em

  }



  .index_hot_product .ih_inside {

    width: 1150px

  }



  .index_hot_product .ih_inside h3 {

    margin: 7% 0 0 20%

  }



  .index_hot_product .ih_inside .in_inside_text {

    width: 38%;

    margin: 12% 0 0 52%

  }



  #footer {

    width: 1150px

  }



  #footer .copyright {

    width: 21%;

    margin-right: 20px

  }

}



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

  header {

    height: 80px

  }



  #header {

    width: 100%

  }



  #logo {

    width: 25%;

    margin-left: 20px

  }



  ul#langlist {

    margin: 40px 0 0 82%

  }



  nav {

    width: 83%;

    padding: 0

  }

}



@media screen and (-ms-high-contrast: active),

(-ms-high-contrast: none) {

  nav {

    width: 88%

  }

}



article {

  margin-top: 85px

}



#index_banner .bannerbox .bannertxt {

  width: 925px

}



#index_banner .bannerbox .bannertxt .bannertext_c {

  margin: 6% 0 0

}



#index_banner .bannerbox .bannertxt .title {

  font-size: 3.6125em;

  width: 65%

}



#index_banner .bannerbox .bannertxt .contenttxt {

  font-size: 1.4em;

  width: 28%

}



#index_banner .bannerbox .bannertxt .contenttxt2 {

  font-size: 1.4em

}



#index_banner .bannerbox .bannertxt .contenttxt3 {

  font-size: 1.4em

}



#index_banner .bannerbox .bannertxt .contenttxt4 {

  font-size: 1.6em

}



#index_banner .bannerbox .bannertxt .contenttxt5 {

  font-size: 1.4em

}



.inptitle_navyblue,

.inptitle_red,

.inptitle_green,

.inptitle_blue,

.inptitle_light-green {

  font-size: 1.7em

}



/* #index_category #in_clist {

  width: 940px

} */



.c_white_inside {

  max-width: 960px

}



.index_com .index_text {

  font-size: 1em;

  line-height: 150%;

  padding: 10px 0 5px

}



.index_hot_product .ih_inside {

  width: 960px

}



.index_hot_product .ih_inside h3 {

  margin: 8% 0 0 18.5%;

  font-size: 2.766em

}



.index_hot_product .ih_inside .in_inside_text {

  margin: 14% 0 0 50.5%;

  font-size: 1em

}



#index_category #in_clist .inp .inp_text {

  font-size: 1em;

  line-height: 140%

}



.in_exhibitions {

  margin: 65px 2% 0

}



.c_white_inside #wtext {

  width: 66%

}



.c_white_inside #wtext .wtext1 {

  font-size: 2.2em

}



.c_white_inside #wtext .wtext2 {

  font-size: 2.2em

}



.index_com h3 {

  font-size: 1.4em;

  padding: 0

}



.index_com h4 {

  font-size: 1.806em;

  height: 50px

}



.innewstitle {

  font-size: 1.4em

}



ul.inp_linklist li {

  font-size: 1em

}



.locations {

  width: 250px;

  margin: 0 3% 0 0

}



.locations h3 {

  font-size: 1.8em

}



.loc_info h4 {

  padding: 4%

}



.loc_info .loc_info_i {

  width: 232px

}



.loc_title {

  font-size: 1.4em

}



.loc_address {

  font-size: 1.1em

}



.loc_phone {

  font-size: 1.1em

}



.loc_fax {

  font-size: 1.1em

}



.loc_mail {

  font-size: 1.1em;

  margin: 0

}



#footer {

  width: 960px

}



#footer .links {

  margin-left: 18px

}



#footer .copyright {

  width: 26%;

  margin-right: 12px

}



#footer_white {

  width: 920px;

  font-size: 1em

}



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

  #header {

    width: 100%

  }



  ul#langlist {

    margin: 40px 0 0 80%

  }



  #index_banner .bannerbox .bannertxt {

    width: 925px

  }



  #index_banner .bannerbox .bannertxt .title {

    font-size: 3.5em

  }



  #index_banner .bannerbox .bannertxt .contenttxt {

    font-size: 1.5em;

    width: 28%

  }



  #index_banner .bannerbox .bannertxt .contenttxt2 {

    font-size: 1.5em

  }



  #index_banner .bannerbox .bannertxt .contenttxt3 {

    font-size: 1.5em

  }



  #index_banner .bannerbox .bannertxt .contenttxt4 {

    font-size: 1.5em

  }



  #index_banner .bannerbox .bannertxt .contenttxt5 {

    font-size: 1.5em;

    width: 38.5%

  }



  #index_category #in_clist {

    width: 940px

  }



  .inptitle_navyblue,

  .inptitle_red,

  .inptitle_green,

  .inptitle_blue,

  .inptitle_light-green {

    font-size: 1.6em

  }



  .c_white_inside {

    max-width: 960px

  }



  .index_hot_product .ih_inside {

    max-width: 1000px

  }



  .index_hot_product .ih_inside h3 {

    margin: 8% 0 0 17.5%;

    font-size: 2.8em

  }



  .index_hot_product .ih_inside .in_inside_text {

    width: 48%;

    margin: 12% 0 0 39.5%

  }



  .c_white_inside #wtext .wtext1 {

    font-size: 2.2em

  }



  .c_white_inside #wtext .wtext2 {

    font-size: 2.2em

  }



  .locations {

    width: 230px;

    margin: 0 3% 0 0

  }



  .locations h3 {

    font-size: 1.6em

  }



  .loc_info .loc_info_i {

    width: 212px

  }



  .loc_info h4 {

    font-size: 1.3em

  }



  .loc_title {

    font-size: 1.3em

  }



  .loc_address {

    font-size: 1em

  }



  .loc_phone,

  .loc_fax,

  .loc_mail {

    font-size: 1em

  }



  #footer {

    width: 960px

  }

}



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

  ul#langlist {

    margin: 40px 0 0 77%;

    width: 14%

  }



  #logo {

    width: 24%

  }



  nav {

    width: 88%

  }

}



@media screen and (-ms-high-contrast: active),

(-ms-high-contrast: none) {

  nav {

    width: 84%

  }

}



nav .nav_i,

nav .nav_i_active {

  margin: 0 0 0 4%

}



#index_banner .bannerbox .bannertxt .contenttxt {

  width: 28%

}



.inptitle_navyblue,

.inptitle_red,

.inptitle_green,

.inptitle_blue,

.inptitle_light-green {

  margin: 0 0 20px;

}



.index_com .index_text {

  font-size: 1.2em;

  padding: 10px 0 5px

}



.c_white_inside {

  padding: 0

}



.index_hot_product .ih_inside {

  max-width: 950px

}



.index_hot_product .ih_inside h3 {

  margin: 7% 0 0 17.3%;

  font-size: 2.5em

}



.index_hot_product .ih_inside .in_inside_text {

  margin: 12% 0 0 39.5%;

  line-height: 160%

}



.c_white_inside #wtext .wtext1 {

  font-size: 2em

}



.c_white_inside #wtext .wtext2 {

  font-size: 2em

}



.locations {

  width: 200px;

  margin: 0 4% 0 0

}



.loc_info .loc_info_i {

  width: 182px

}



#footer {

  width: 860px

}



#footer .links {

  width: 55%

}



#footer .copyright {

  width: 30%

}



.inp_1 {

  animation: inp_a .5s;

  -moz-animation: inp_a .5s;

  -webkit-animation: inp_a .5s;

  -o-animation: inp_a .5s

}



.inp_2 {

  animation: inp_a .8s;

  -moz-animation: inp_a .8s;

  -webkit-animation: inp_a .8s;

  -o-animation: inp_a .8s

}



.inp_3 {

  animation: inp_a 1.1s;

  -moz-animation: inp_a 1.1s;

  -webkit-animation: inp_a 1.1s;

  -o-animation: inp_a 1.1s

}



.inp_4 {

  animation: inp_a 1.4s;

  -moz-animation: inp_a 1.4s;

  -webkit-animation: inp_a 1.4s;

  -o-animation: inp_a 1.4s

}



.incom_right {

  animation: inp_a_left .8s;

  -moz-animation: inp_a_left .8s;

  -webkit-animation: inp_a_left .8s;

  -o-animation: inp_a_left .8s

}



.incom_left {

  animation: inp_a_right .8s;

  -moz-animation: inp_a_right .8s;

  -webkit-animation: inp_a_right .8s;

  -o-animation: inp_a_right .8s

}



.ihh3_right {

  animation: h3_right .8s;

  -moz-animation: h3_right .8s;

  -webkit-animation: h3_right .8s;

  -o-animation: h3_right .8s

}



.ihtext_right {

  animation: bluetext_right .8s;

  -moz-animation: bluetext_right .8s;

  -webkit-animation: bluetext_right .8s;

  -o-animation: bluetext_right .8s

}



.ihimg_right {

  animation: img_right .8s;

  -moz-animation: img_right .8s;

  -webkit-animation: img_right .8s;

  -o-animation: img_right .8s

}



.wtext_a {

  animation: wtext_an .8s;

  -moz-animation: wtext_an .8s;

  -webkit-animation: wtext_an .8s;

  -o-animation: wtext_an .8s

}



.locations_a {

  animation: locations_an .8s;

  -moz-animation: locations_an .8s;

  -webkit-animation: locations_an .8s;

  -o-animation: locations_an .8s

}



.worldmap_a {

  animation: wmap_an .8s;

  -moz-animation: wmap_an .8s;

  -webkit-animation: wmap_an .8s;

  -o-animation: wmap_an .8s

}



@keyframes inp_a {

  from {

    margin-top: 80px;

    opacity: 0

  }



  to {

    margin-top: 0;

    opacity: 1

  }

}



@-moz-keyframes inp_a {

  from {

    margin-top: 80px;

    opacity: 0

  }



  to {

    margin-top: 0;

    opacity: 1

  }

}



@-webkit-keyframes inp_a {

  from {

    margin-top: 80px;

    opacity: 0

  }



  to {

    margin-top: 0;

    opacity: 1

  }

}



@-o-keyframes inp_a {

  from {

    margin-top: 80px;

    opacity: 0

  }



  to {

    margin-top: 0;

    opacity: 1

  }

}



@keyframes inp_a_right {

  0% {

    margin-left: 90%;

    margin-right: -90%;

    opacity: 1

  }



  50% {

    margin-left: 0;

    margin-right: 2%;

    opacity: 1

  }



  100% {

    margin-left: 2%;

    margin-right: 2%;

    opacity: 1

  }

}



@-moz-keyframes inp_a_right {

  0% {

    margin-left: 90%;

    margin-right: -90%;

    opacity: 1

  }



  50% {

    margin-left: 0;

    margin-right: 2%;

    opacity: 1

  }



  100% {

    margin-left: 2%;

    margin-right: 2%;

    opacity: 1

  }

}



@-webkit-keyframes inp_a_right {

  0% {

    margin-left: 90%;

    margin-right: -90%;

    opacity: 1

  }



  50% {

    margin-left: 0;

    margin-right: 2%;

    opacity: 1

  }



  100% {

    margin-left: 2%;

    margin-right: 2%;

    opacity: 1

  }

}



@-o-keyframes inp_a_right {

  0% {

    margin-left: 90%;

    margin-right: -90%;

    opacity: 1

  }



  50% {

    margin-left: 0;

    margin-right: 2%;

    opacity: 1

  }



  100% {

    margin-left: 2%;

    margin-right: 2%;

    opacity: 1

  }

}



@keyframes inp_a_left {

  0% {

    margin-left: -30%;

    opacity: 1

  }



  50% {

    margin-left: 4%;

    margin-right: 0;

    opacity: 1

  }



  100% {

    margin-left: 2%;

    margin-right: 2%;

    opacity: 1

  }

}



@-moz-keyframes inp_a_left {

  0% {

    margin-left: -30%;

    opacity: 1

  }



  50% {

    margin-left: 4%;

    margin-right: 0;

    opacity: 1

  }



  100% {

    margin-left: 2%;

    margin-right: 2%;

    opacity: 1

  }

}



@-webkit-keyframes inp_a_left {

  0% {

    margin-left: -30%;

    opacity: 1

  }



  50% {

    margin-left: 4%;

    margin-right: 0;

    opacity: 1

  }



  100% {

    margin-left: 2%;

    margin-right: 2%;

    opacity: 1

  }

}



@-o-keyframes inp_a_left {

  0% {

    margin-left: -30%;

    opacity: 1

  }



  50% {

    margin-left: 4%;

    margin-right: 0;

    opacity: 1

  }



  100% {

    margin-left: 2%;

    margin-right: 2%;

    opacity: 1

  }

}



@keyframes h3_right {

  0% {

    margin-left: 50%;

    margin-right: 0;

    opacity: 1

  }



  50% {

    margin-left: 10%;

    margin-right: 20%;

    opacity: 1

  }



  100% {

    margin-left: 20%;

    margin-right: 20%;

    opacity: 1

  }

}



@-moz-keyframes h3_right {

  0% {

    margin-left: 50%;

    margin-right: -50%;

    opacity: 1

  }



  50% {

    margin-left: -10%;

    margin-right: 20%;

    opacity: 1

  }



  100% {

    margin-left: 0;

    margin-right: 20%;

    opacity: 1

  }

}



@-webkit-keyframes h3_right {

  0% {

    margin-left: 50%;

    margin-right: -50%;

    opacity: 1

  }



  50% {

    margin-left: -10%;

    margin-right: 20%;

    opacity: 1

  }



  100% {

    margin-left: 0;

    margin-right: 20%;

    opacity: 1

  }

}



@-o-keyframes h3_right {

  0% {

    margin-left: 50%;

    margin-right: -50%;

    opacity: 1

  }



  50% {

    margin-left: -10%;

    margin-right: 20%;

    opacity: 1

  }



  100% {

    margin-left: 0;

    margin-right: 20%;

    opacity: 1

  }

}



@keyframes bluetext_right {

  0% {

    margin-left: 80%;

    margin-right: -80%;

    opacity: 1

  }



  50% {

    margin-left: 45%;

    margin-right: 0;

    opacity: 1

  }



  100% {

    margin-left: 55%;

    margin-right: 0;

    opacity: 1

  }

}



@-moz-keyframes bluetext_right {

  0% {

    margin-left: 80%;

    margin-right: -80%;

    opacity: 1

  }



  50% {

    margin-left: 45%;

    margin-right: 0;

    opacity: 1

  }



  100% {

    margin-left: 55%;

    margin-right: 0;

    opacity: 1

  }

}



@-webkit-keyframes bluetext_right {

  0% {

    margin-left: 80%;

    margin-right: -80%;

    opacity: 1

  }



  50% {

    margin-left: 45%;

    margin-right: 0;

    opacity: 1

  }



  100% {

    margin-left: 55%;

    margin-right: 0;

    opacity: 1

  }

}



@-o-keyframes bluetext_right {

  0% {

    margin-left: 80%;

    margin-right: -80%;

    opacity: 1

  }



  50% {

    margin-left: 45%;

    margin-right: 0;

    opacity: 1

  }



  100% {

    margin-left: 55%;

    margin-right: 0;

    opacity: 1

  }

}



@keyframes img_right {

  0% {

    margin-left: -40%;

    margin-right: 0;

    opacity: 1

  }



  50% {

    margin-left: 5%;

    margin-right: -10%;

    opacity: 1

  }



  100% {

    margin-left: 0;

    margin-right: 0;

    opacity: 1

  }

}



@-moz-keyframes img_right {

  0% {

    margin-left: -40%;

    margin-right: 0;

    opacity: 1

  }



  50% {

    margin-left: 5%;

    margin-right: -10%;

    opacity: 1

  }



  100% {

    margin-left: 0;

    margin-right: 0;

    opacity: 1

  }

}



@-webkit-keyframes img_right {

  0% {

    margin-left: -40%;

    margin-right: 0;

    opacity: 1

  }



  50% {

    margin-left: 5%;

    margin-right: -10%;

    opacity: 1

  }



  100% {

    margin-left: 0;

    margin-right: 0;

    opacity: 1

  }

}



@-o-keyframes img_right {

  0% {

    margin-left: 50%;

    margin-right: 0;

    opacity: 1

  }



  50% {

    margin-left: 5%;

    margin-right: -10%;

    opacity: 1

  }



  100% {

    margin-left: 2.5%;

    margin-right: 0;

    opacity: 1

  }

}



@keyframes wtext_an {

  0% {

    margin-left: -50%;

    margin-right: 0;

    opacity: 1

  }



  50% {

    margin-left: 5%;

    margin-right: -10%;

    opacity: 1

  }



  100% {

    margin-left: 2.5%;

    margin-right: 0;

    opacity: 1

  }

}



@-moz-keyframes wtext_an {

  0% {

    margin-left: -50%;

    margin-right: 0;

    opacity: 1

  }



  50% {

    margin-left: 5%;

    margin-right: -10%;

    opacity: 1

  }



  100% {

    margin-left: 2.5%;

    margin-right: 0;

    opacity: 1

  }

}



@-webkit-keyframes wtext_an {

  0% {

    margin-left: -50%;

    margin-right: 0;

    opacity: 1

  }



  50% {

    margin-left: 5%;

    margin-right: -10%;

    opacity: 1

  }



  100% {

    margin-left: 2.5%;

    margin-right: 0;

    opacity: 1

  }

}



@-o-keyframes wtext_an {

  0% {

    margin-left: -50%;

    margin-right: 0;

    opacity: 1

  }



  50% {

    margin-left: 5%;

    margin-right: -10%;

    opacity: 1

  }



  100% {

    margin-left: 2.5%;

    margin-right: 0;

    opacity: 1

  }

}



@keyframes locations_an {

  0% {

    margin-right: -45%;

    opacity: 1

  }



  50% {

    margin-right: 5%;

    opacity: 1

  }



  100% {

    margin-right: 1%;

    opacity: 1

  }

}



@-moz-keyframes locations_an {

  0% {

    margin-right: -45%;

    opacity: 1

  }



  50% {

    margin-right: 5%;

    opacity: 1

  }



  100% {

    margin-right: 1%;

    opacity: 1

  }

}



@-webkit-keyframes locations_an {

  0% {

    margin-right: -45%;

    opacity: 1

  }



  50% {

    margin-right: 5%;

    opacity: 1

  }



  100% {

    margin-right: 1%;

    opacity: 1

  }

}



@-o-keyframes locations_an {

  0% {

    margin-right: -45%;

    opacity: 1

  }



  50% {

    margin-right: 5%;

    opacity: 1

  }



  100% {

    margin-right: 1%;

    opacity: 1

  }

}



@keyframes wmap_an {

  0% {

    margin-top: 30%;

    opacity: 1

  }



  50% {

    margin-top: -5%;

    opacity: 1

  }



  100% {

    margin-top: 0;

    opacity: 1

  }

}



@-moz-keyframes wmap_an {

  0% {

    margin-top: 30%;

    opacity: 1

  }



  50% {

    margin-top: -5%;

    opacity: 1

  }



  100% {

    margin-top: 0;

    opacity: 1

  }

}



@-webkit-keyframes wmap_an {

  0% {

    margin-top: 30%;

    opacity: 1

  }



  50% {

    margin-top: -5%;

    opacity: 1

  }



  100% {

    margin-top: 0;

    opacity: 1

  }

}



@-o-keyframes wmap_an {

  0% {

    margin-top: 30%;

    opacity: 1

  }



  50% {

    margin-top: -5%;

    opacity: 1

  }



  100% {

    margin-top: 0;

    opacity: 1

  }

}



.dropdown {

  display: inline-block

}



.dropdown-content {

  display: none;

  position: absolute;

  z-index: 1;

  padding: 22px 0 0

}



.drop_com {

  margin: 0 0 0 -42px;

  width: 190px

}



.drop_adv {

  margin: 0 0 0 -33px;

  width: 200px

}



.drop_pro {

  margin: 0 0 0 -20px;

  width: 160px

}



.dropdown-content a {

  color: #fff;

  padding: 8px 15px;

  text-decoration: none;

  display: block;

  text-align: left;

  font-size: .6em;

  line-height: 120%;

  background-color: #656d75;

  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);

  text-align: left

}



.dropdown-content a:hover {

  background-color: #f1f1f1

}



.dropdown:hover .dropdown-content {

  display: block

}



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

  .dropdown-content {

    padding: 15px 0 0

  }



  .drop_com {

    margin: 0 0 0 -35px;

    width: 175px

  }



  .drop_adv {

    margin: 0 0 0 -30px;

    width: 185px

  }



  .drop_pro {

    margin: 0 0 0 -20px;

    width: 145px

  }

}



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

  .dropdown-content {

    padding: 20px 0 0

  }

}



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

  .dropdown-content {

    padding: 13px 0 0

  }



  .drop_com {

    margin: 0 0 0 -35px;

    width: 175px

  }



  .drop_adv {

    margin: 0 0 0 -30px;

    width: 185px

  }



  .drop_pro {

    margin: 0 0 0 -20px;

    width: 145px

  }

}



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

  .dropdown-content {

    padding: 15px 0 0

  }



  .drop_com {

    margin: 0 0 0 -45px;

    width: 165px

  }



  .drop_adv {

    margin: 0 0 0 -40px;

    width: 175px

  }



  .drop_pro {

    margin: 0 0 0 -25px;

    width: 135px

  }

}



#submenu {

  width: 94%;

  float: left;

  margin: 0 3%;

  position: fixed;

  top: 130px;

  z-index: 97;

  display: none

}



#submenu_com {

  width: 94%;

  float: left;

  padding: 0 0 10px;

  margin: 0 3%;

  position: fixed;

  top: 130px;

  z-index: 97;

  display: none

}



#submenu_world {

  width: 94%;

  float: left;

  padding: 0 0 10px;

  margin: 0 3%;

  position: fixed;

  top: 130px;

  z-index: 97;

  display: none

}



#submenu_news {

  width: 94%;

  float: left;

  padding: 0 0 10px;

  margin: 0 3%;

  position: fixed;

  top: 130px;

  z-index: 97;

  display: none

}



.submenu_c {

  float: left;

  width: 67%;

  margin: 0 15.5%;

  padding: 28px 1% 10px;

  background: #a6b0b8

}



ul.smenu {

  width: 100%;

  float: left;

  padding: 20px 0 10px

}



ul.smenu li {

  float: left;

  width: 18%;

  padding: 0 1%;

  text-align: left;

  font-size: 1.3em

}



ul.smenu li.scmenu_i {

  width: 18%;

  padding: 0 1%

}



ul.smenu li .img {

  width: 100%

}



ul.smenu li .img img {

  width: 100%

}



.smenu_i {

  width: 100%;

  float: left;

  padding: 10px 0

}



.smenu_i a {

  color: #fff;

  width: 100%;

  float: left;

  font-size: .85em;

  padding: 0 0 8px;

  font-family: Frutiger, Arial, sans-serif;

  letter-spacing: normal

}



.smenu_i a:hover {

  color: #0e347f

}



a.smenutitle {

  color: #fff;

  font-weight: 700;

  text-transform: uppercase;

  width: 100%;

  float: left;

  padding: 10px 0 13px;

  font-size: 1.1em;

  font-family: DIN-Alternate-Bold, Arial, sans-serif

}



a.smenu_com_title {

  color: #fff;

  width: 100%;

  float: left;

  padding: 0 0 10px;

  font-size: 1.1em;

  font-family: DIN-Alternate-Bold, Arial, sans-serif

}



a.smenutitle:hover {

  color: #fff

}



a.smenusubtitle {

  color: #646e77;

  width: 100%;

  float: left;

  font-size: 1em;

  padding: 0 0 13px 15px;

  background: url(../images/smenu_i_icon.png?2019-06-31) left top no-repeat

}



a.smenusubtitle:hover {

  color: #87b842

}



.smenu_i_title {

  color: #646e77;

  width: 100%;

  float: left;

  font-size: 1em;

  padding: 0 0 13px

}



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

  #submenu {

    top: 95px;

    width: 93%;

    margin: 0 3.5%

  }



  #submenu_com {

    top: 95px;

    width: 93%;

    margin: 0 3.5%

  }



  #submenu_world {

    top: 95px;

    width: 93%;

    margin: 0 3.5%

  }



  #submenu_news {

    top: 95px;

    width: 93%;

    margin: 0 3.5%

  }



  .submenu_c {

    width: 81%;

    margin: 0 8.5%;

    padding: 28px 1% 10px

  }



  .smenu_i a {

    font-size: .7em

  }



  a.smenu_com_title {

    font-size: .9em

  }



  a.smenutitle {

    font-size: .9em

  }



  _::-webkit-full-page-media,

  _:future,

  :root a.smenutitle {

    font-size: 1em

  }



  .smenu_i_title {

    font-size: .8em

  }



  a.smenusubtitle {

    font-size: .8em

  }

}



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

  #submenu {

    width: 98%;

    margin: 0 1%

  }



  #submenu_com {

    width: 98%;

    margin: 0 1%

  }



  #submenu_world {

    width: 98%;

    margin: 0 1%

  }



  #submenu_news {

    width: 98%;

    margin: 0 1%

  }

}



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

  #submenu {

    top: 105px;

    width: 84%;

    margin: 0 8%

  }



  #submenu_com {

    top: 105px;

    width: 84%;

    margin: 0 8%

  }



  #submenu_world {

    top: 105px;

    width: 84%;

    margin: 0 8%

  }



  #submenu_news {

    top: 105px;

    width: 84%;

    margin: 0 8%

  }



  .submenu_c {

    width: 84%;

    margin: 0 7%;

    padding: 20px 1% 0

  }



  .smenu_i a {

    font-size: .7em;

    padding: 0 0 8px

  }



  a.smenutitle {

    font-size: .8em;

    padding: 10px 0

  }



  a.smenusubtitle {

    font-size: .7em;

    padding: 2px 0 10px 13px

  }



  .smenu_i_title {

    font-size: .7em;

    padding: 0 0 10px

  }

}



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

  #submenu {

    width: 93%;

    margin: 0 3.5%

  }



  #submenu_com {

    width: 93%;

    margin: 0 3.5%

  }



  #submenu_world {

    width: 93%;

    margin: 0 3.5%

  }



  #submenu_news {

    width: 93%;

    margin: 0 3.5%

  }



  ul.smenu {

    padding: 10px 0 0

  }



  .smenu_i_title {

    font-size: .6em;

    padding: 0 0 8px

  }



  a.smenusubtitle {

    font-size: .6em;

    padding: 2px 0 8px 13px

  }



  .smenu_i a {

    font-size: .6em

  }

}



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

  #submenu {

    width: 90%;

    margin: 0 5%

  }



  #submenu_com {

    width: 90%;

    margin: 0 5%

  }



  #submenu_world {

    width: 90%;

    margin: 0 5%

  }



  #submenu_news {

    width: 90%;

    margin: 0 5%

  }



  .submenu_c {

    width: 98%;

    margin: 0

  }

}



.bottom_links {

  background: #788088;

  height: 350px;

  float: left;

  width: 100%

}



.bottom_linklist {

  width: 1240px;

  padding: 45px 20px 0;

  margin: 0 auto

}



.blsec {

  width: 20%;

  float: left

}



.blinklogo {

  width: 195px;

  padding: 0 0 10px

}



.blinklogo img {

  width: 100%

}



.bcont {

  width: 80%;

  color: #fff;

  font-size: 1.25em;

  line-height: 160%;

  float: left;

  font-family: Frutiger, Arial, sans-serif

}



.bcont a {

  color: #fff

}



.bcont a:hover {

  text-decoration: underline

}



.bcont a:visited {

  color: #fff

}



.blinktitle {

  font-size: 1.66em;

  color: #7db930;

  text-transform: uppercase;

  padding: 0 0 10px

}



.blink {

  font-size: 1.25em;

  font-family: Frutiger, Arial, sans-serif;

  line-height: 176%

}



.blink a {

  color: #fff

}



.blink a:hover {

  text-decoration: underline

}



.blink a:visited {

  color: #fff

}



.bsearch {

  width: 100%;

  float: left;

  padding: 0;

  margin-top: 5px;

  position: relative

}



.b_srh_input {

  width: 94%;

  padding: 5% 3% 2.5%;

  font-size: 1.333em;

  font-family: Frutiger, Arial, sans-serif;

  outline: none;

  border: 0

}



.bsearch .btn-search {

  position: absolute;

  right: 0;

  top: 0;

  border: none;

  background: none;

  width: 15%

}



.bsearch .btn-search img {

  max-height: 36px;

  display: block

}



.community {

  width: 100%;

  float: left;

  margin: 30px 0 0

}



.comtitle {

  width: 40%;

  float: left;

  font-size: 1.416em;

  color: #fff;

  font-family: Frutiger, Arial, sans-serif

}



.comiconlist {

  width: 60%;

  float: left

}



.coicon {

  width: 33%;

  float: left;

  text-align: right

}



.coicon img {

  width: 80%

}



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

  .bottom_linklist {

    width: 1100px

  }



  .blinktitle {

    font-size: 1.411em;

    padding: 0 0 15px

  }



  .blink {

    font-size: 1.0625em

  }



  .b_srh_input {

    font-size: 1.133em

  }



  .comtitle {

    font-size: 1.2036em

  }



  .blinklogo {

    width: 170px

  }



  .bcont {

    font-size: 1.0625em

  }

}



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

  .bottom_linklist {

    width: 920px

  }



  .blinktitle {

    font-size: 1.2em;

    padding: 0 0 10px

  }



  .blink {

    font-size: 1em

  }



  .comtitle {

    font-size: 1em

  }



  .b_srh_input {

    font-size: 1em

  }



  .blinklogo {

    width: 150px

  }



  .bcont {

    font-size: 1em

  }

}