@charset "utf-8";
/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  /*border: 0;*/
  font-size: 100%;
  /*font: inherit;*/
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1.6;
}
blockquote, q {
  quotes: none;
}

ol, ul {
list-style:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Images */
img { border: 0; vertical-align: middle; }
figure { margin: 0; }

/* subscript and superscript content */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
strong, b { font-weight:bold; }

/* Smooth transitions */
body, img { 
    transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;
}

/* general */
body { font-family: "microsoft yahei","微软雅黑"; font-size:12px; color:#333; }
h1 { font-size:24px; line-height:30px; color:#1e71d2; }

a { color:#333; text-decoration:none; outline: 0; }
a:hover { color:#E72C37; }
.container { max-width:1200px; margin:0 auto; position:relative; }

.content-right h2 { color: #1e71d2;  font-size: 16px;   line-height: 20px;   font-weight: 600;}
/* header */
#logo { margin:20px 0 14px; float:left; }
.language-box { margin:17px 0; float:right; }
  .language-box p { font-size: 14px;  color: #595959;line-height:12px; text-align:right; margin-bottom:12px; padding-right: 3px; }
  #lang { background: url(../images/arrow-lang.png) no-repeat right top #fff !important; border:1px solid #c9c9c9; float:right; width:210px; height: 30px;}
    #lang li.active { display:block; margin-top:0;  }
    #lang li { padding-left:10px; position:relative; }
      #lang li a { display:block; color:#e72c37; line-height:12px; font-size:12px; padding: 7px 0; }
        #lang li a img { float:left; margin-top:3px; }
        #lang li a span { padding:0 13px; overflow:hidden; display:block; line-height:16px; }  
      #lang li ul { background:#fff; display:none; width:212px; position:absolute; top:31px; left:-1px; z-index: 1200; }
      #lang li ul li { border:1px solid #c9c9c9; border-top:0; padding: 9px 0; margin:0; }
        #lang li ul li a { padding: 0 0 0 10px; }
#language { background:url(../images/fancybox_overlay.png) repeat; position:fixed; width:100%; height:100%; left:0; top:0; z-index: 2000; }      
  .langWrap { background:#fff; position:absolute; left:50%; top:50%; width:370px; height:220px; margin:-110px 0 0 -185px; }
    .lang-text { padding:20px;}
      .lang-text h2 { margin-bottom:50px; line-height:30px; font-size:23px; }
      .lang-text ul { margin-left:85px; }
        .lang-text ul li { margin-bottom:20px; }
          .lang-text ul li a { display: block; color:#E72C37; }
            .lang-text ul li a:hover { color:#000; }
            .lang-text ul li a img { margin:2px 15px 0 0; float:left; }
    
    
.content-nav { background:#023979; padding:15px 0; }
  .main-nav { float:left; }
    .dropdown-menu { display:block; }
    .main-nav li { float:left; margin-right:42px; }
      .main-nav li a { display:block; font-size: 14px; color:#fff; padding:5px 10px; line-height:20px; }
        .main-nav li a:hover, .main-nav li.active a { background:#e72c37; }
.main-nav-mobile{display: none;}
.main-nav-mobile li { float:left; margin-right:42px; }
      .main-nav-mobile li a { display:block; font-size: 14px; color:#fff; padding:5px 10px; line-height:20px; }
        .main-nav-mobile li a:hover, .main-nav-mobile li.active a { background:#e72c37; }
        
  .search-box { float:right; margin-left:15px; }    
    .search-box input[type="submit"] { background:url(../images/icons-sprite.png) no-repeat 6px 4px #fff; border:1px solid #042f62; border-right:0; cursor:pointer; display:block; padding:0; width:35px; height:31px; float:left; overflow: hidden; text-indent:-9999px; }  
    .search-box input[type="text"] { background:#fff; border:1px solid #042f62; border-left:0; display:block; padding:0; width:117px; height:29px; float:left; font-size:12px; color:#7d7d7d; line-height:29px; }  

    .dropdown { background:#023979; display:none; position:absolute; left:-20px; top:30px; padding:20px 20px 20px; width:185px; }  
      .dropdown input[type="text"], .dropdown input[type="email"] { background:#fff; border:1px solid #042f62; margin-bottom:9px; width:184px; display:block; padding:0; height:28px; font-size:12px; color:#7d7d7d; line-height:28px; text-indent:10px; font-style:italic; }
      .dropdown input[type="submit"] { background:url(../images/icons-sprite.png) no-repeat 1px -82px; cursor:pointer; padding:0 10px 0 0; border:0; color:#e72c37; font-size:12px; line-height:20px; }
    .tracking-form { width:244px; left:0; }  
      .dropdown p { font-size:12px; color:#fff; line-height:20px; padding-bottom:20px; }
      
/* content */
#slideshow { position:relative; }
  #slideshow .slides { position:relative; width:100%; }
    .navigation-box { position:absolute; top:180px; right:368px; z-index: 1000; } 
    .description-slider { position:absolute; right:126px; top:160px; width:360px; background:rgba(0,23,50,.6);}
    #slideshow .slides img { width:100%; }
    .description-slider .title{background-image: url(/images/arrow-banner-bg.png);width: 360px;height: 64px;line-height: 64px;}
    .description-slider h2 { font-size:24px; line-height:64px;width: 336px;padding-left: 24px; float: left;text-align: left; color:#fff; }
    .description-slider .text-slider { display:block; }
      .text-slider .bodytext { font-size:14px; color:#fff; line-height:23px;margin-top: 40px; padding: 22px 24px 14px 24px;}
      #custom-caption { float:right; color:#fff; line-height:32px; margin-left:7px; }
    .navigation-slider { float:left; }
    .navigation-slider .prev, .navigation-slider .next { background:url(../images/icons-sprite.png) no-repeat; cursor:pointer; display:block; overflow: hidden; text-indent:-9999px; width:32px; height:32px; float:left; }
    .navigation-slider .prev { background-position:0 -806px; }
    .navigation-slider .next { background-position:0 -847px; margin-left:2px; }
    
    .more, .services-box ul .more a { background: url(../images/icons-sprite.png) no-repeat right -125px ; display:block; line-height:30px; float:right; color:#fff; padding:0 44px 0 10px; font-size:12px; }
      .more:hover { background: url(../images/icons-sprite.png) no-repeat right -125px; color:#fff; }
    #slideshow .more {  background-position:80px -899px;  margin-top:35px; padding:0 31px 0 25px; float:right; }
      #slideshow .more:hover { text-decoration: underline; background-position:80px -899px; }
    .text-slider-mobile { display:none; }
    
    .header-box .more { margin-top:8px; }
    .imore, .services-box ul .more a { background: url(../images/icons-sprite.png) no-repeat right -125px #1e71d2; display:block; line-height:30px; float:right; color:#fff; padding:0 44px 0 10px; font-size:12px; }
      .imore:hover { background: url(../images/icons-sprite.png) no-repeat right -125px #E72C37; color:#fff; }
.content-list { margin:25px 0 7px;  }

/* about us */
.about-us { float:left; width: 33.334%; }
  .header-box { padding-bottom:20px; }
    .header-box h2 {
      float:left;
      color: #1e71d2;
        font-size: 24px;
        line-height: 30px;
        font-weight:normal;}
  .about-us p { color:#333333; font-size:13px; line-height:22px; padding-bottom:24px; }
  .about-us p strong { line-height:23px; font-weight:600; }
  .request-box { margin-top:31px; }
    .request-box a { background:url(../images/icons-sprite.png) no-repeat right -217px #e72c37; color:#fff; font-size: 20px; display:block;  height: 60px; line-height: 60px;}
      .request-box a strong { background:url(../images/icons-sprite.png) no-repeat 0 -182px; margin-bottom:6px; display:block; font-size:14px; padding-left:20px; line-height:20px; font-weight:600; }
      .request-box a span { display:block; font-size:12px; }
      .request-box a:hover { color:#fff;}
/* service-box */
.service-box { float:right; width:62%; }
  .service-box ul { margin-top:5px; margin-left: 18px;}  
  .service-box .header-box { margin-left:20px; }
  .service-box li {  float:left;width: 30.5%;  margin: 0 0 27px 20px; }
    .service-box li a { display:block; }
    .service-box li h3 { color:#023979; line-height:14px; font-size: 16px; font-weight:600; margin:8px 0;}
    .teaser-box a.more-link, .more-link a, .service-box ul .more { background:url(../images/icons-sprite.png) no-repeat right -81px; padding-right:20px; font-size:12px; line-height:20px; color:#e72c37; float:left; }
    .service-box ul .more { padding-left:0; }  
      .teaser-box a.more-link:hover, .text-news:hover .news-footer a, .news-box-long:hover .more-link, .download-box:hover .more-link a, .more-link a:hover, .service-box ul .more:hover { text-decoration:underline; }
    
/* solution-box */  
.solution-box { /*background:#f0f0f0;*/ padding:16px 0 51px; }
  .solution-box .header-box { padding-bottom:0; }
  .solution-box ul { margin-top:18px; }
    .solution-box li { background:#fff; float:left; margin-right:3%; width:31.3%; }
    .solution-box li { margin-right:2% \9; }
    .solution-box li:nth-child(3n), #home .solution-box li:nth-child(3n) { margin-right:0; }
      .solution-box .img-box { position:relative; }
        .solution-box .img-box h2 { background:url(../images/bg-red.png) repeat; color:#fff; text-transform:uppercase; position:absolute;    right: 5px;  bottom: 0; width: 330px; text-align: center; font-size: 20px; line-height: 25px;
 padding: 7.5px 20px; }
      .solution-box .text-solution { padding:15px 20px 15px;    height: 104px; overflow: hidden;}
        .solution-box .text-solution p { font-size:14px; line-height:26px; }
        .solution-box .text-solution h3 { display:none; }
        .solution-box .text-solution .more-link { display:none;}
      .solution-box ul .more { background:none; padding:0; }
      .solution-box ul .more a, .solution-box ul .more {background:url(../images/icons-sprite.png) no-repeat right -125px #1e71d2; float:none; padding-right:44px; text-align:right; }
        .solution-box ul .more a:hover, .solution-box ul .more:hover { background:url(../images/icons-sprite.png) no-repeat right -125px #023979;  color:#fff; }

/*index isolution-box*/
.isolution-box { /*background:#f0f0f0;*/ padding:16px 0 51px; }
  .isolution-box .header-box { padding-bottom:0; }
  .isolution-box ul { margin-top:18px; }
    .isolution-box li { background:#fff; float:left; margin-right:3%; width:31.3%; }
    .isolution-box li { margin-right:2% \9; }
    .isolution-box li:nth-child(3n), #home .isolution-box li:nth-child(3n) { margin-right:0; }
      .isolution-box .img-box { position:relative; }
        .isolution-box .img-box h2 { background:url(../images/bg-red.png) repeat; color:#fff; text-transform:uppercase; position:absolute;    right: 5px;  bottom: 0; width: 330px; text-align: center; font-size: 20px; line-height: 25px;
 padding: 7.5px 20px; }
 .isolution-box .text-solution { padding:15px 20px 15px; }
        .isolution-box .text-solution .bodytext { font-size:14px; line-height:26px;height: 52px;overflow: hidden; }
        .isolution-box .text-solution h3 { display:none; }
        .isolution-box .text-solution .more-link { display:none;}
      .isolution-box ul .more { background:none; padding:0; }
      .isolution-box ul .more a, .isolution-box ul .more {
        /*background:url(../images/icons-sprite.png) no-repeat right 0 #1e71d2;*/

        background-image:url(../images/icons-sprite.png );
        background-repeat: no-repeat;

        background-color: #1e71d2;

        background-position: 295px -1080px!important;
        float:none;
        padding-right:90px;
        text-align:right;
      }
        .isolution-box ul .more a:hover, .isolution-box ul .more:hover {
          background:url(../images/icons-sprite.png) no-repeat 0 right #023979;
          background-position: 295px -1080px!important;
          float:none; color:#fff; }

.isolution-box ul .morecont a, .isolution-box ul .morecont {
  background:url(../images/icons-sprite.png) no-repeat right 0 #1e71d2;
  background-position: 309px -125px; float:none; padding-right:90px; text-align:right; }
        .isolution-box ul .morecont a:hover, .isolution-box ul .morecont:hover { background:url(../images/icons-sprite.png) no-repeat right 0 #023979;    background-position: 309px -125px; color:#fff; }




/*feature-box*/
.feature-box { background:#f0f0f0; padding:16px 0 40px; }
  .feature-box .header-box { padding-bottom:0; }
  .feature-box ul { margin-top:18px; }
    .feature-box li { background:#fff; float:left; margin-right:3%; width:31.3%; }
    .feature-box li { margin-right:2% \9; }
    .feature-box li:nth-child(3n), #home .feature-box li:nth-child(3n) { margin-right:0; }
      .feature-box .img-box { position:relative; }
      .feature-box .img-box img{ display: block;   margin: 0 auto; }
      .feature-box .text-solution { padding:15px 20px 5px; }
        .feature-box .text-solution .bodytext { font-size:14px; line-height:26px;height: 78px;overflow: hidden; }
        .feature-box li h3{color: #333;font-size: 24px; text-align: center;line-height: 49px;}
        .feature-box .text-solution h3 { display:none; }
        .feature-box .text-solution .more-link { display:none;}
      .feature-box ul .more {background-position: 80px -899px;
    margin-top: 10px;
    padding: 0 31px 0 25px;
    float: right; background:none; padding:0; }
      .feature-box ul .more a, .feature-box ul .more {    background: url(../images/icons-sprite.png) no-repeat right -125px;background-position: 74px -877px;
    display: block;
    line-height: 30px;
    float: right;
    color: #e72c37;
    padding: 0 44px 0 10px;
    font-size: 14px; }
        .feature-box ul .more a:hover, .feature-box ul .more:hover {  background: url(../images/icons-sprite.png) no-repeat right -125px;background-position: 74px -877px;text-decoration: underline; }

/* about-us-list */
.about-us-list { float:right; width:41%; margin:38px 0; }
  .about-us-list li { background:url(../images/arrow-list.png) no-repeat 0 6px; padding-left:20px; font-size:13px; line-height:20px; color:#333333; margin-bottom:16px; }

.content-right .real-content{min-height: 200px;}


/* select stying */
.newListSelected { position:relative; z-index: 200; margin-bottom: 9px; }
  .selectedTxt { background: url(../images/icons-sprite.png) no-repeat 165px -605px #ffffff; border: 1px solid #042F62; cursor:pointer; color: #7D7D7D; display: block; font-size: 12px; font-style: italic; height: 28px; line-height: 28px; padding:0 20px 0 0; text-indent: 10px; width: 164px; }
    .SSContainerDivWrapper { height:auto !important; position:absolute; width:186px; top:29px !important; }
    .newList { background:#fff; border:1px solid #042F62; border-bottom:0; height:auto  !important; }
      .tracking-box .newList li a { background:none; border-bottom:1px solid #042F62; padding:6px 10px; color:#7D7D7D; font-style: italic; font-size: 12px; }
        .tracking-box .newList li a:hover { color:#E72C37; }

/* footer */
#footer { background:#f0f0f0; padding:13px 0; }
  .copyright { width:50%; float:left; }
    .copyright p { color:#595959; font-size:14px; line-height:20px; margin-bottom:4px; }
    .copyright li {float:left; color:#595959; font-size:13px; line-height:20px; margin-right:13px; }
      .copyright li a { display:block; color:#595959; font-size:12px; line-height:20px; text-decoration:underline; }
        .copyright li a:hover { text-decoration:none; }
  .newsletter { width:44%; float:right; }
    #footer .newsletter > ul { float: right }
    .newsletter-box { width:auto; float:left; margin-right:8px; }
      .newsletter-box p { background:url(../images/icons-sprite.png) no-repeat 0 -43px; margin-top:2px; padding-left:24px; font-size:14px; color:#023979; text-align:right; }
      .newsletter-box a { background:url(../images/icons-sprite.png) no-repeat right -127px #023979; display:block; margin-top:16px; float:right; line-height:27px; font-size:12px; color:#fff; padding:0 25px 0 10px; }
        .newsletter-box a:hover { background:url(../images/icons-sprite.png) no-repeat right -125px #E72C37; }
    .newsletter-box ul { float:left; }
      .newsletter li { float:left; margin-left:20px; }

/* branches */
.header-title { position:absolute; right:0; bottom:20px; }
  .header-title h1, .header-title span { background:url(../images/bg-red.png) repeat; display:block; color:#fff; font-size:40px; font-weight:600; line-height:42px; padding:10px 40px; text-transform:uppercase; }

.two-columns { margin:45px auto 40px; min-height: 300px; }

/* sidebar */
.sidebar { float:left; width:25.1%; }
  .sidebar figure { padding-top:20px; }
  .sidebar h2 { margin-bottom: 23px; position: relative; top: -11px; }
  .sidebar-nav { background:#023979; padding:19px 20px 10px; margin-bottom:20px; }
    .sidebar-nav li { margin-bottom:13px; }
      .sidebar-nav li a { background:url(../images/icons-sprite.png) no-repeat 0 -673px; display:block; font-size:16px; font-weight:400; color:#fff; line-height:20px; padding-left:15px; }
        .sidebar-nav li a:hover, .sidebar-nav li.active a { background:url(../images/icons-sprite.png) no-repeat 0 -673px; color:#E72C37; }
        .sidebar-nav ul li.hover a{color: #e72c37;}
/* content-right */
.content-right { width:71.66666666666667%; float:right; }
        .breadcrumbs-o li a:last-child{background: none;color:#333;}

        .breadcrumbs { margin-bottom:24px; }
    .breadcrumbs li { float:left; color:#333; line-height:16px; font-size:12px; margin-right:13px; }
    .breadcrumbs-o-f li a:nth-of-type(2){background-position: 55px -946px;}
      .breadcrumbs li a { background:url(../images/icons-sprite.png) no-repeat right;    background-position: 36px -946px;color:#1e71d2; padding-right:32px; line-height:16px; font-size:12px; }
        .breadcrumbs li a:hover { color:#E72C37; }
    }

  .content-right h2 { margin-bottom:25px;font-size: 20px;color: #1e71d2; }
  .content-right h2.for-mobile{display:none;}
  .content-right h1 { color:#1e71d2; font-size:20px; line-height:30px; margin-bottom:25px; }
  
  .header-text { background:#f0f0f0; padding:15px 20px; }
    .header-text p { color: #333; font-size:14px; line-height:20px; }


/* pagination */
ul.browsebox { list-style: none!important; }
.pagination { padding:16px 0 38px; }
  .pagination ul { float:left; position:relative; }
  .sub-page-content .browsebox { padding:0 0 20px; }
  .sub-page-content ul { list-style: initial;padding-bottom: 20px; }
  /*.sub-page-content .bodytext { padding-left: 50px ; }*/
  .sub-page-content font span {  font-size: 13px; line-height:20px; }
    .sub-page-content font span i { color:#E72C37; }
  .pagination li, .news-single-prevlink a, .browsebox li, .news-single-nextlink a, .news-single-pagination { float:left; width:30px; height:30px; margin-right:10px; }
    .pagination li.divider a { background:#f0f0f0; color:#333333; }
      .pagination li.divider a:hover { background:#f0f0f0; }
       .browsebox li { background:none !important; padding-left:0 !important; width:auto !important; }
         .browsebox li a { padding:0 12px; }
    .pagination li a, .browsebox li a, .news-list-browse a, .news-list-browse span, .news-single-pagination { background:#1e71d2; display:block; font-size:12px; color:#ffffff; text-align:center; line-height:26px; line-height:30px; }
      .pagination li a:hover, .browsebox li a:hover, .browsebox li.tx-indexedsearch-browselist-currentPage a, .pagination li.active a, .news-list-browse span:hover, .news-list-browse a:hover { background:#e72c37; }
    .pagination li.next { margin-right:0; }
      .pagination li.prev a, .pagination li.next a, .news-single-prevlink a, .news-single-nextlink a { background:url(../images/pagination-sprite.png) no-repeat #1e71d2; overflow: hidden; text-indent:-9999px; }
        .pagination li.prev a, .news-single-prevlink a { background-position: 13px -10px; }
          .pagination li.prev a:hover, .news-single-prevlink a:hover { background:url(../images/pagination-sprite.png) no-repeat 13px -10px #e72c37; }
        .pagination li.next a, .news-single-nextlink a { background-position: 13px 12px; }
          .pagination li.next a:hover, .news-single-nextlink a:hover { background:url(../images/pagination-sprite.png) no-repeat 13px 12px#e72c37; }

/*  overlay */        
.overlay, .overlay a { background: url(../images/blank.png) repeat left top; bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; }          

/* services */
.teaser-box { background:#ededed; padding:18px 21px 18px; margin-bottom:20px; }    
  .teaser-box h3 { color:#023979; font-size:20px; line-height:20px; margin-bottom:13px; }
  .teaser-box a { display:block; color:#e72c37; line-height: 17px; text-align:left !important; }
  .teaser-box a.more-link { font-size:14px; }
  .teaser-box p { color:#333333; line-height:20px; font-size:13px; }
  .teaser-box figure { float:right; padding:0; }

.services-box { background:none; padding:0; }
  .services-box li { background:none; width:47.7%; margin-right:38px; margin-bottom:30px; }
  .services-box li:nth-child(2n), .services-box.solution-box li:nth-child(2n) { margin-right:0; }
    .content-right .services-box h2 { margin:0; }
    .services-box .text-solution { padding: 15px 20px; }
    .services-box ul .more { background:none; padding:0; float:right; }
    .services-box ul .more a { background: url(../images/icons-sprite.png) no-repeat right -125px #1E71D2; float: right; }
      .services-box ul .more a:hover { background: url(../images/icons-sprite.png) no-repeat right -125px #E72C37; }

.services-box-t {
    background: none;
    padding: 0;
}
.services-box-t li {
    background: none;
    width: 47.7%;
    margin-right: 38px;
    margin-bottom: 30px;
}
.solution-box .img-box h2 {
    bottom: 20px;
     width: auto; 
}

.services-box-t li:nth-child(2n), .services-box.solution-box li:nth-child(2n) { margin-right:0; }
.services-box-t li:nth-child(3){margin-right: 38px;}

.services-box-t li .smore{    background: url(../images/icons-sprite.png) no-repeat right -125px #1e71d2;
    float: none;
    background-position: 359px -126px;    text-align: right;width: 100%; display: block;
    padding: 9px 0;

}
.services-box-t li .smore a{ 
  display: block;
    float: none;
    padding-right: 25px;
    text-align: right;
    color: #fff;
}
.services-box-t li h2{margin-bottom: 0;}
.services-box-t li .smore:hover {display: block;
    background: url(../images/icons-sprite.png) no-repeat right -126px #e72c37;background-position: 359px -126px;
    color: #fff;}
/* organisation */
.sub-page-content { padding:30px 0; }   
  .sub-page-content .fancybox { float:right; margin:53px 0 0 20px; }
  .sub-page-content .csc-textpic-imagewrap .fancybox { margin-top:5px; }
  .csc-textpic > div {/* overflow:hidden;*/ }
  .csc-textpic > div b{font-size: 14px;color: #333;}
  .content-right p { font-size:14px; line-height:24px; color:#333; }
  .sub-page-content p { /*padding:0 10% 20px 6%; */}
  .sub-page-content p a { display:inline; color:#1e71d2; font-size: 13px;}
  .sub-page-content p a:hover { color:#E72C37; }
  .sub-page-content h3 { font-size:18px; line-height:24px; color:#e72c37; padding:0 0 23px; font-weight:600; }
  .sub-page-content blockquote p { display:block; margin:7px auto 13px; text-align:center; width:70%; font-size:14px; line-height:25px; color: #000; font-weight:600; font-style:italic; padding-bottom:30px; }
  .sub-page-content ul { padding-left:50px; }
  .sub-page-content li { color: #333333; font-size: 14px; line-height: 24px; margin-bottom: 3px; list-style: initial; }
  .sub-page-content li a { background: #1e71d2; color: #fff; font-size: 13px; line-height: 20px; margin-bottom: 3px; display:block; line-height: 30px; }
  .sub-page-content li a:hover { color: #E72C37; }
  .sub-page-content li p, .csc-sitemap li p { padding-bottom:0; }
  .csc-sitemap ul > li { background:none; padding-left:0; }
  .csc-sitemap li ul { margin-left:15px; }
  .csc-sitemap { margin-top:20px; }
.downloadr .title{font-size: 20px;color: #1e71d2;border-bottom: 1px solid #ccc;}
.downloadr ul{width: 100%;padding-bottom: 110px;}
.downloadr ul li{line-height: 67px;border-bottom: 1px solid #ccc;}
.downloadr ul li a{font-size: 20px;color: #1e71d2;}
.downloadr ul li .downloadimg{ width: 140px;  height: 30px; float: right;display: block;margin-top: 20px;}


.content-right .search{min-height: 200px;}
.content-right .searchlist{width: 100%;padding-bottom: 10px;margin-bottom: 10px; border-bottom: 1px solid #ccc;}
.content-right .searchlist .title{width: 100%;line-height: 40px;}
.content-right .searchlist .title a{font-size: 20px;}
.content-right .searchlist .descr{font-size: 14px;margin-top: 10px;}

/*pagebreak*/
.content-right .pagebreak{width: 100%;}
.content-right .pagebreak ul{width: 100%;}
.content-right .pagebreak ul li{float: left; padding: 0 10px;}
.content-right .pagebreak ul li.thisclass{color: #023979;}
/* contact page */
.content-right .contact-ul{width: 84.02%;padding-left: 116px;margin-top: 25px;padding-bottom: 38px;}
.content-right .contact-ul li{line-height: 30px;font-size: 14px;color: #333;}
.content-right .contact-ul .title{font-size: 20px;color: #333;line-height: 50px; margin-left: 4px;}
.content-right .contact-ul .address{background: url(/images/icons-sprite.png) no-repeat;    background-position: 0 -979px;  padding-left: 28px;}
.content-right .contact-ul .tel{background: url(/images/icons-sprite.png) no-repeat;    background-position: 0 -1011px;  padding-left: 28px;}
.content-right .contact-ul .email{background: url(/images/icons-sprite.png) no-repeat;    background-position: 0 -1042px;  padding-left: 28px;}


#content input[type="submit"], .back { background:#1E71D2; border:0; cursor:pointer; display:block; padding:0; width:90px; height:30px; margin-left:29.69%; color:#fff; }  
  #content input[type="submit"]:hover, .back:hover { background:#E72C37; color:#fff;}
  .back { line-height: 30px; text-align:center; margin-left:0; }
#content legend { display:block; line-height:20px; }
.countryzone, .tx-powermail-pi1_fieldset_additional > legend { display:none !important; }
#content label { width:20%; float:left; line-height:25px; font-size:13px; }
#content label.error, #content p.error { display: inline-block; color:#E72C37!important; float:none; margin-left:0; width:auto!important; clear:both; }
.input-wrapper font { display: block; color:#E72C37; float:none; margin-left:20%; clear:both; font-size:13px; line-height:16px; }
.subscribe > font { display:block; margin-bottom:10px; }
.subscribe-box input[type="submit"] { margin-left:5px !important; height:31px !important; }
#content input, textarea{ background:#fff; border:1px solid #ccc;font-size:16px; display:block; padding:0 15px; width:30%; height:35px; float:left; color:#333; line-height:35px; }   
textarea { height:100px; width:33.6%; max-width:69%; box-sizing:border-box; -moz-box-sizing:border-box; }  
.powermail_check_inner input, .powermail_radio_inner input { margin: 0 5px 0 0; width: auto !important; }
#content label a { display:none; position:relative; padding-left:5px; }
  #content label a:hover dfn { display:none; }
  dfn { display:none; position:absolute; left:0px; top:-20px; width:133px; }
.input-wrapper, .subscribe ol li { background:none; margin-bottom:15px; }


/*yanzheng*/
  .tx-powermail-pi1 { padding:0 10% 0 4.7%; }
  #content #contactform label { width: 18.6%; text-align: right; padding-right: 28px; font-size: 16px; line-height: 35px;color: #333;}
  #content .fieldsets fieldset > legend { padding:20px 10px 10px; }
  #powermaildiv_uid68 fieldset legend, #powermaildiv_uid112 fieldset legend, #content .fieldsets > fieldset > legend, #powermaildiv_uid34 fieldset legend, #powermaildiv_uid90 fieldset legend { font-weight:bold; }
  #powermaildiv_uid133, #powermaildiv_uid124, #powermaildiv_uid127, #powermaildiv_uid136, #powermaildiv_uid137,  #powermaildiv_uid144, #powermaildiv_uid145, #powermaildiv_uid146, #powermaildiv_uid147, #powermaildiv_uid148, #powermaildiv_uid149 { float:left; line-height:27px; width:28%; }
     #powermaildiv_uid59, #powermaildiv_uid58, #powermaildiv_uid24, #powermaildiv_uid25, #powermaildiv_uid80, #powermaildiv_uid81 { width:30%; float:left; }
  #powermaildiv_uid148, #powermaildiv_uid149, #powermaildiv_uid136, #powermaildiv_uid137, #powermaildiv_uid144, #powermaildiv_uid145, #powermaildiv_uid146, #powermaildiv_uid147, #powermaildiv_uid60, #powermaildiv_uid61, #powermaildiv_uid62, #powermaildiv_uid63, #powermaildiv_uid133, #powermaildiv_uid59, #powermaildiv_uid58, #powermaildiv_uid106, #content fieldset#tx-powermail-pi1_fieldset_5 div.tx_powermail_pi1_fieldwrap_html, #content fieldset#tx-powermail-pi1_fieldset_16 div.tx_powermail_pi1_fieldwrap_html { margin-bottom:0; padding:10px; }
   #powermaildiv_uid148, #powermaildiv_uid149, #powermaildiv_uid146, #powermaildiv_uid147, #powermaildiv_uid144, #powermaildiv_uid145, #powermaildiv_uid64, #powermaildiv_uid65, #powermaildiv_uid66, #powermaildiv_uid67, #powermaildiv_uid60, #powermaildiv_uid61, #powermaildiv_uid62, #powermaildiv_uid63, #powermaildiv_uid59, #powermaildiv_uid58, #powermaildiv_uid134, #powermaildiv_uid134, #powermaildiv_uid133, #powermaildiv_uid110, #powermaildiv_uid111, #powermaildiv_uid109, #powermaildiv_uid108, #powermaildiv_uid107, #content fieldset#tx-powermail-pi1_fieldset_5 .tx_powermail_pi1_fieldwrap_html, #powermaildiv_uid29 fieldset, #powermaildiv_uid30, #powermaildiv_uid31, #powermaildiv_uid32, #powermaildiv_uid33, #powermaildiv_uid80, #powermaildiv_uid81 { background:#f2f2f2; }
   #powermaildiv_uid64, #powermaildiv_uid65, #powermaildiv_uid66, #powermaildiv_uid67, #powermaildiv_uid111, #powermaildiv_uid110, #powermaildiv_uid109, #powermaildiv_uid108, #powermaildiv_uid30, #powermaildiv_uid31, #powermaildiv_uid32, #powermaildiv_uid33, #powermaildiv_uid86, #powermaildiv_uid87, #powermaildiv_uid88, #powermaildiv_uid89 { float:left; width:46%; }
     #tx-powermail-pi1_fieldset_13 #powermaildiv_uid64 label, #tx-powermail-pi1_fieldset_13 #powermaildiv_uid66 label, #tx-powermail-pi1_fieldset_21 #powermaildiv_uid110 label, #tx-powermail-pi1_fieldset_21 #powermaildiv_uid108 label, #tx-powermail-pi1_fieldset_6 #powermaildiv_uid30 label, #tx-powermail-pi1_fieldset_6 #powermaildiv_uid31 label, #tx-powermail-pi1_fieldset_6 #powermaildiv_uid32 label, #tx-powermail-pi1_fieldset_6 #powermaildiv_uid33 label { width:48.5%; }
    #powermaildiv_uid60 input, #powermaildiv_uid26 input, #powermaildiv_uid82 input { width:72%; }
    #powermaildiv_uid61 input, #powermaildiv_uid27 input, #powermaildiv_uid36 input, #powermaildiv_uid92 input, #powermaildiv_uid83 input { width:14%; }
    #powermaildiv_uid63 legend, #powermaildiv_uid62 legend, #powermaildiv_uid107 legend, #powermaildiv_uid28 legend, #powermaildiv_uid29 legend, #powermaildiv_uid106 legend { float:left; width:23%; padding:0 !important; }
    #powermaildiv_uid28 .powermail_check_inner { float:left; width:8%; }
     #powermaildiv_uid64, #powermaildiv_uid65, #powermaildiv_uid66, #powermaildiv_uid67, #powermaildiv_uid111, #powermaildiv_uid110, #powermaildiv_uid109, #powermaildiv_uid108, #powermaildiv_uid107 fieldset, #powermaildiv_uid29 fieldset, #powermaildiv_uid30, #powermaildiv_uid31, #powermaildiv_uid32, #powermaildiv_uid33 { padding:10px; margin-bottom:0 !important; }
      #powermaildiv_uid84 label, #powermaildiv_uid62 label, #powermaildiv_uid28 .powermail_check_inner label, #powermaildiv_uid106 label { display:none; }
  #content fieldset #powermaildiv_uid29 { margin-bottom:0; }
  .wrapper_check_inner, .wrapper_check_inner-1, .wrapper_radio_inner { float:left; width:77%; }
    #powermaildiv_uid63 .powermail_check_inner, #powermaildiv_uid107 .powermail_check_inner, #powermaildiv_uid29 .powermail_check_inner { float:left; width:35%; margin-bottom:0; }
      #content .tx-powermail-pi1 .wrapper_check_inner label, #powermaildiv_uid107 .powermail_check_inner label, #powermaildiv_uid29 .powermail_check_inner label { width:80%; }
      #powermaildiv_uid29 .powermail_check_inner input { margin-right:5px; float:left;}
      input[type="checkbox"]{ min-width: 13px; min-height: 18px; }
  #tx-powermail-pi1_fieldset_13 #powermaildiv_uid65, #tx-powermail-pi1_fieldset_13 #powermaildiv_uid67, #tx-powermail-pi1_fieldset_21 #powermaildiv_uid111, #tx-powermail-pi1_fieldset_21 #powermaildiv_uid109, #tx-powermail-pi1_fieldset_6 #powermaildiv_uid31, #tx-powermail-pi1_fieldset_6 #powermaildiv_uid33 { width:48.4%; }
  #tx-powermail-pi1_fieldset_13 #powermaildiv_uid64 select, #tx-powermail-pi1_fieldset_13 #powermaildiv_uid66 select, #tx-powermail-pi1_fieldset_21 select, #tx-powermail-pi1_fieldset_6 select { width:50%; }
  #tx-powermail-pi1_fieldset_21 #powermaildiv_uid111 label, #tx-powermail-pi1_fieldset_21 #powermaildiv_uid109 label, #tx-powermail-pi1_fieldset_6 #powermaildiv_uid31 label, #tx-powermail-pi1_fieldset_6 #powermaildiv_uid33 label { width:25%; }
  #tx-powermail-pi1_fieldset_13 #powermaildiv_uid65 input, #tx-powermail-pi1_fieldset_13 #powermaildiv_uid67 input, #tx-powermail-pi1_fieldset_21 #powermaildiv_uid111 input, #tx-powermail-pi1_fieldset_21 #powermaildiv_uid109 input, #tx-powermail-pi1_fieldset_6 #powermaildiv_uid31 input, #tx-powermail-pi1_fieldset_6 #powermaildiv_uid33 input { width:48%; }
  #powermaildiv_uid68 legend, #powermaildiv_uid34 legend, #powermaildiv_uid112 legend { float:left; width:21%; }
  #powermaildiv_uid34 .powermail_check_inner { float:left; width:1.2%; padding-top:6px; }
  #powermaildiv_uid68 label, #powermaildiv_uid34 label, #powermaildiv_uid112 label { display:none; }
  #powermaildiv_uid68 .powermail_check_inner, #powermaildiv_uid112 .powermail_check_inner, #powermaildiv_uid34 .powermail_check_inner { padding-top:20px; }
    #powermaildiv_uid34 .powermail_check_inner input { float:left; margin-right:0%; }
   #powermaildiv_uid135, #powermaildiv_uid72, #powermaildiv_uid73, #powermaildiv_uid74, #powermaildiv_uid75, #powermaildiv_uid76, #powermaildiv_uid77, #powermaildiv_uid78, #powermaildiv_uid69, #powermaildiv_uid70, #powermaildiv_uid71, #powermaildiv_uid132, #powermaildiv_uid122, #powermaildiv_uid116, #powermaildiv_uid117, #powermaildiv_uid118, #powermaildiv_uid119, #powermaildiv_uid120, #powermaildiv_uid121, #powermaildiv_uid113, #powermaildiv_uid114, #powermaildiv_uid115, #tx-powermail-pi1_fieldset_7 fieldset, #powermaildiv_uid35, #powermaildiv_uid34, #powermaildiv_uid36, #tx-powermail-pi1_fieldset_8 .tx_powermail_pi1_fieldwrap_html  { background:#F2F2F2; margin:0 !important; }
   #powermaildiv_uid69, #powermaildiv_uid70, #powermaildiv_uid71, #powermaildiv_uid113, #powermaildiv_uid114, #powermaildiv_uid35, #powermaildiv_uid36 { padding:10px; }
    #content #powermaildiv_uid34 fieldset .powermail_check_inner { margin:0; }
  #tx-powermail-pi1_fieldset_7 #powermaildiv_uid34 fieldset{ background:#fff; }
  #powermaildiv_uid69 textarea, #powermaildiv_uid113 textarea, #powermaildiv_uid35 textarea { width:76.5%; max-width:76.5%; }
  #powermaildiv_uid115 fieldset, #powermaildiv_uid37 fieldset, #powermaildiv_uid38 fieldset { padding:10px; margin:0; }
  #powermaildiv_uid72 fieldset, #powermaildiv_uid116 fieldset, #powermaildiv_uid38 fieldset { padding:20px 0 0; }
    #powermaildiv_uid72 legend, #powermaildiv_uid71 legend, #powermaildiv_uid116 legend, #powermaildiv_uid115 legend, #powermaildiv_uid37 legend, #powermaildiv_uid38 legend { float:left; padding:0 !important; width:23%; }
    #powermaildiv_uid37 .powermail_check_inner { margin-bottom:0; }
      #powermaildiv_uid37 .powermail_check_inner input { float:left; width:1%; }
    .powermail_radio_inner { width:13%; float:left; margin:0; }
      #content .powermail_radio_inner label { width:80%; }
  #powermaildiv_uid72, #powermaildiv_uid73, #powermaildiv_uid74, #powermaildiv_uid75, #powermaildiv_uid76, #powermaildiv_uid77, #powermaildiv_uid78, #powermaildiv_uid79, #powermaildiv_uid123, #powermaildiv_uid116, #powermaildiv_uid117, #powermaildiv_uid118, #powermaildiv_uid119, #powermaildiv_uid120, #powermaildiv_uid121, #powermaildiv_uid122, #tx-powermail-pi1_fieldset_8 .tx_powermail_pi1_fieldwrap_html { padding:0 10px 10px; }
  #tx-powermail-pi1_fieldset_8 #powermaildiv_uid125 { padding-bottom:0; }
  #powermaildiv_uid79, #powermaildiv_uid123, #tx-powermail-pi1_fieldset_8 .tx_powermail_pi1_fieldwrap_html#powermaildiv_uid45 { background:#fff; padding-top:10px; }
  #powermaildiv_uid37 { margin-bottom:0; }
  #tx-powermail-pi1_fieldset_8 .tx_powermail_pi1_fieldwrap_html#powermaildiv_uid44 { padding-bottom:20px; }
  #powermaildiv_uid79 input, #powermaildiv_uid123 input, #content .tx-powermail-pi1 input[type="submit"] { margin-left:23%; }
  #powermaildiv_uid40 span, #powermaildiv_uid36 span { line-height:26px; padding-left:10px; float:left; }
  input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
  #powermaildiv_uid74, #powermaildiv_uid70, #powermaildiv_uid118, #powermaildiv_uid114, #powermaildiv_uid40, #powermaildiv_uid36, #powermaildiv_uid92, #powermaildiv_uid96 { background:#F2F2F2; width:56%; float:left; }
    #tx-powermail-pi1_fieldset_15 #powermaildiv_uid74 label, #tx-powermail-pi1_fieldset_14 #powermaildiv_uid70 label, #tx-powermail-pi1_fieldset_23 #powermaildiv_uid118 label, #tx-powermail-pi1_fieldset_22 #powermaildiv_uid114 label, #content #powermaildiv_uid36 label, #content #powermaildiv_uid40 label { width:40%; }
    #tx-powermail-pi1_fieldset_18 #powermaildiv_uid92 input, #tx-powermail-pi1_fieldset_19 #powermaildiv_uid96 input, #tx-powermail-pi1_fieldset_15 #powermaildiv_uid74 input, #tx-powermail-pi1_fieldset_14 #powermaildiv_uid70 input, #powermaildiv_uid118 input, #powermaildiv_uid114 input, #content #powermaildiv_uid40 input, #powermaildiv_uid36 input { width:52%; }
    #powermaildiv_uid129, #powermaildiv_uid135, #powermaildiv_uid132, #powermaildiv_uid131, #powermaildiv_uid125, #powermaildiv_uid126 { background:#F2F2F2; line-height:25px; margin-bottom:0 !important; }
    #powermaildiv_uid134, #powermaildiv_uid126, #powermaildiv_uid128, #powermaildiv_uid131 { line-height:44px; }
  #contactform { /*background:#eee;*/padding: 40px 0 99px 0; }
    #contactform .tx_powermail_pi1_fieldwrap_html { padding-bottom:10px; }
  .subscribe font { margin: 10px 10% 10px 4.7%; padding:0 10px; }
  .subscribe font:last-child, .subscribe ol { background:#F2F2F2; margin: 10px 10% 10px 4.7%; padding:10px;  }
    .subscribe ol li { padding:0; }
    .subscribe .input-wrapper { padding:0; }
  
  
  
  #powermaildiv_uid128, #powermaildiv_uid129, #powermaildiv_uid127, #powermaildiv_uid95, #powermaildiv_uid96, #powermaildiv_uid97, #powermaildiv_uid98, #powermaildiv_uid99, #powermaildiv_uid100, #powermaildiv_uid94, #powermaildiv_uid92, #powermaildiv_uid93, #powermaildiv_uid91, #powermaildiv_uid82, #powermaildiv_uid83, #powermaildiv_uid84, #powermaildiv_uid85, #powermaildiv_uid86, #powermaildiv_uid87, #powermaildiv_uid88, #powermaildiv_uid89  { background:#f2f2f2; }  
    #powermaildiv_uid84 legend, #powermaildiv_uid85 legend { float: left; padding: 0 !important; width: 23%; }
    #powermaildiv_uid94, #powermaildiv_uid93, #powermaildiv_uid92, #powermaildiv_uid85 fieldset, #powermaildiv_uid91 { padding:10px; }
      #powermaildiv_uid85 .powermail_check_inner { width: 35%; float:left; }
        #powermaildiv_uid85 .powermail_check_inner label { width:80%; }
    #powermaildiv_uid86 label, #powermaildiv_uid87 label, #powermaildiv_uid88 label, #powermaildiv_uid89 label { width:48.5% !important; float:left; }
    #powermaildiv_uid86, #powermaildiv_uid87, #powermaildiv_uid88, #powermaildiv_uid89  { padding:10px; }
    #tx-powermail-pi1_fieldset_17 select { width:50%; }
    #powermaildiv_uid87, #powermaildiv_uid89 { width:48.4%; }
    #powermaildiv_uid87 input, #powermaildiv_uid89 input { width:48%; }
    #powermaildiv_uid87 label, #powermaildiv_uid89 label { width:25% !important; }
    #powermaildiv_uid90 .powermail_check_inner { float: left; width: 2%; padding-top: 20px; }
      #powermaildiv_uid90 label { display:none; }
      #powermaildiv_uid90 legend { float:left; width:21%; }
      #powermaildiv_uid91 textarea {  max-width: 76.5%; width: 76.5%; }
      #powermaildiv_uid93 legend, #powermaildiv_uid94 legend { float:left; width:23%; padding:0 !important; }
    #powermaildiv_uid95, #powermaildiv_uid96, #powermaildiv_uid97, #powermaildiv_uid98, #powermaildiv_uid99, #powermaildiv_uid100 { padding:0 10px 10px; }
      #powermaildiv_uid40 { padding:0; }
    #powermaildiv_uid101 { padding:10px; background:none; }
    #content .tx-powermail-pi1 #powermaildiv_uid92 label, #content .tx-powermail-pi1 #powermaildiv_uid96 label { width:40%; }




.left-part { float:left; width:49%; }
.right-part { float:right; width:49%; }


.tx_powermail_pi1_fieldwrap_html_check legend { display:block !important; }
.tx_powermail_pi1_fieldwrap_html img { margin:2px 0 2px 5px; }
#contactform fieldset > legend { display:none; }
#tx_indexedsearch .tx-indexedsearch-form { float:left; width:50%; }
  #tx_indexedsearch .tx-indexedsearch-form input { width:72%; }
  #tx_indexedsearch .tx-indexedsearch-search-submit { float:left; width:3%; }
  .tx-indexedsearch p { padding:0 0 20px; }
.tx-felogin-pi1 > div { margin-bottom:20px; }  
/* map */
.gm-style .gm-style-iw, .gm-style .gm-style-iw a, .gm-style .gm-style-iw span, .gm-style .gm-style-iw label, .gm-style .gm-style-iw div { overflow: hidden !important; }
.gm-style-iw { line-height:20px; }
  #content .gm-style-iw input { width:65%; margin:15px 0 0 0; box-sizing:border-box; -moz-box-sizing:border-box; }
  .sub-page-content p a.download { float:left; }
  
/* clearfix */
#quote_form fieldset:after, .fieldsets:after, .clearfix:after, #lang li a:after, .tx-indexedsearch-form:after, .tx-indexedsearch-search-for:after, #content fieldset div:after, .browsebox:after, .input-wrapper:after, .subscribe ol li:after, .tx-jppageteaser-pi1-list-entry-image:after, .news-footer:after, .news-content:after, .download-box:after, .solution-box li:after, .teaser-box:after, .pagination:after, .pagination ul:after, .news-single-wrapper:after, .download-list:after, .header-page:after, .news-box-long:after, .breadcrumbs:after, .two-columns:after, .solution-box ul:after, .content-list:after, .newList:after, .service-box ul:after, .header-box:after, .text-slider:after, .container:after, .main-nav ul:after, .content-right p:after { display:block; content:""; height:0; clear:both; }

#quote_form fieldset, .fieldsets, .clearfix, .tx-indexedsearch-form, #lang li a, .tx-indexedsearch-search-for, .news-footer, #content fieldset div, .browsebox, .input-wrapper, .subscribe ol li, .tx-jppageteaser-pi1-list-entry-image, .news-content, .solution-box li, .download-box, .pagination, .teaser-box, .pagination ul, .news-single-wrapper, .download-list, .header-page, .breadcrumbs, .news-box-long, .solution-box ul, .two-columns, .container, .newList, .content-list, .service-box ul, .header-box, .text-slider, .main-nav ul, .content-right p { zoom:1; }



.menu-btn { background:url(../images/icons-sprite.png) no-repeat 7px -731px #1e71d2; display:none; line-height:30px; padding:0 9px 0 29px; color:#fff; height:30px; float:left; }
  .menu-btn.active, .menu-btn:hover { background:url(../images/icons-sprite.png) no-repeat 7px -731px #e72c37; color:#fff; }

.powermail_mandatory_list { padding:20px 0 !important; }
.tx-powermail-pi1_mandatory input[type="submit"] { width:auto !important; margin-left:0 !important; padding:0 20px !important; }



body .ui-tooltip {
  border-width: 2px;
}



.tx-felogin-pi1 fieldset > div { padding-bottom:10px; }


.siderlogo{width: 100%;display: block;margin: 0 auto;}


/* Tablet (Portrait and landscape)*/
@media (min-width: 320px) and (max-width: 1250px) { 
  
  .container { padding:0 20px; width:auto; } 
  .description-slider { top:80px; right:20px; } 
  .navigation-box { right: 20px; top: 48px; }
  .img-box img { width:100%; min-height:95px; }
  
  .service-box ul{margin-left: 13px;}
  .service-box li { margin-left:3px; }
    .service-box li a img { width:100%; } 
  .newsletter { width:50%;}
  .header-title { right:20px; }
  .news-single-wrapper figure img { width:100%; }
  .news-single-text { float:none; width:auto; padding-right:0; }
  .news-single-wrapper figure { margin-right:2%; }
  .header-page-list h2 { width:auto; margin-right:15px; }
}

@media (min-width: 769px) and (max-width: 1100px) {
  .solution-box li { width:47%; }
  
  
}


@media (max-width: 1024px) {
    #content label.error, #content p.error { display: inline-block; color:#E72C37!important; float:none; margin-left:23%; width:auto!important; clear:both; }

}

@media (min-width: 320px) and (max-width: 1024px){
  .csc-textpic > div ul{width: 100%!important;}
  .main-nav-mobile{display: block;}
  .main-nav {  position: relative; display: none;}
  .main-nav li { margin-right:0; }
    .menu-btn { display:block; }

    .dropdown-menu { background:#023979; display:none; padding:10px 10px 10px 20px; position:absolute; left:-20px; top:46px; width:135px; z-index: 1100; }
      .dropdown-menu li { float:none;margin-left: 10px; }

        .dropdown-menu li a {  display:inline-block; }
  .description-slider { top:80px; right:20px; width:400px; }
    .description-slider h2 { font-size: 35px; line-height: 35px; padding: 10px 15px 12px; }
    .navigation-box { right: 20px; top: 48px; }
    .text-slider { padding:15px;}
    #slideshow .more { float: right;  margin-top: 8px; }
    #slideshow .slides img { min-height: 347px; }
    .content-list { margin:30px 0;}
      .about-us { width:40.3%; }
        .request-box { margin-top:5px; }
        .about-us p, .about-us p strong { font-size:12px; line-height:20px; }
        .request-box a { padding-bottom:18px; padding-right:35px; }
      .service-box { width:55.4%; }
      .service-box ul{margin-left: 13px;}
        .service-box li { margin:0 0 10px 3px; width: 32.5%; }
          .service-box li h3 { min-height:30px; margin-bottom:0; }
    .solution-box li { margin-right:22px; }
    .solution-box .img-box h2{  padding: 7.5px 0;  left: 0;  width: 100%;}

    .isolution-box .img-box h2{ padding: 7.5px 0;  left: 0;  width: 100%;}
    .img-box h2 { padding:5px 17px; }
    
    .services-box-t .img-box h2 {     padding: 7.5px 13px;     left: auto;     right: 20px;     width: auto;  }
    .solution-box li.last .img-box h2 { width:63%; }
    .services-box-t li.last .img-box h2{width: auto;}
    .about-us-list .header-box h2 { padding-bottom:10px; }
    .about-us-list .header-box .more { display:block; }
      .about-us-list ul { margin-top:10px; }
    .newsletter { width:66%; }
    .copyright { width:100%; text-align:center; margin-top:0; }
      .copyright li { float:none; display:inline-block; }
      .copyright p { display:none; }
    #slideshow .static-slide img { min-height:0; }
    .header-page { margin-left:0; }
    .news-single-wrapper figure { margin-bottom:10px; }
    .sidebar a { text-align:center; }
    .sidebar ul li a { text-align:left; }
    .sidebar a img { width:100%; max-width:270px; height:auto; }
    .sub-page-content p { padding:0 0 20px 0; }
    .sub-page-content ul { padding-left:0; }
    
    #content label { width:30%; }
    #content input, textarea, select { width:63.5%; }
    select { width:69.9%; }
    textarea { width:69.9%; }
    #content input[type="submit"] { margin-left:30%; }
    .newsletter { width:74%; }
    .solution-box li { width:47%; }
    
    #content .tx-indexedsearch-form label { width:35%: }
    #tx_indexedsearch .tx-indexedsearch-search-submit { width:25%; margin-top:30px; }
    #tx_indexedsearch .tx-indexedsearch-form input { width:100%; box-sizing:border-box; -moz-box-sizing:border-box; }
    
    .tx-powermail-pi1 { padding:0; }
    .isolution-box ul .more a, .isolution-box ul .more {
        background-position: 272px -1080px;
    }
    .isolution-box ul .more a:hover, .isolution-box ul .more:hover {
        background-position: 272px -1080px;
    }
    .isolution-box ul .morecont a, .isolution-box ul .morecont {
        background-position: 242px -125px;
    }
    .isolution-box ul .morecont a:hover, .isolution-box ul .morecont:hover {
        background-position: 242px -125px;
    }
    .siderlogo{width: 50%;}

}

@media (min-width: 768px) and (max-width: 800px) { 
  .img-box h2 { padding: 5px 8px; right: 10px; font-size:20px; bottom:10px; }
  .solution-box li.last .img-box h2 { width:145px; }
  .img-box img { min-height: 78px; height:65px; }
  .service-box li a img { height:auto; }
.solution-box li{width: 48%;}
}


/* Smartphones (portrait and landscape) */
@media (max-width: 784px){
  #logo { width:35%; margin:10px 0 10px; }
    #logo img { width:100%; max-width:180px; }
  .container { padding:0 10px; width:auto; } 
  .language-box p { display:none; }
  .language-box { margin:19px 0 10px; }
    #lang, #lang li ul { width:160px; top:31px; }
    #lang, #lang li.long-lang-sub ul { top:39px; }
  .search-box { display:none; }
  .content-right h2.for-mobile{display: block;font-size: 18px;line-height: 26px;font-weight: 600;}
  .login-box, .tracking-box { margin-left:5px; }
    .login-box a, .tracking-box a { padding:5px 5px 5px 26px; }
  .tracking-box a { background-position: -4px -520px; }
  .login-box a { background-position: -4px -424px; }
  .tracking-box a:hover, .tracking-box.active a { background-position:-4px -568px; }
  .login-box a:hover, .login-box.active a { background-position: -4px -472px; }
  .dropdown-menu { top:45px; }
  .dropdown { left:-113px; }
  .tracking-form { left:-54px; }
  #slideshow .slides img { min-height:0; }
  .navigation-box { display:none; }
  .description-slider { width:auto; bottom: 10px; right: 10px; top: 44px; }
  .description-slider .text-slider { display:none; }
  .text-slider-mobile { border-bottom:1px solid #bebebe; display:block; padding:20px 20px 30px; line-height: 22px;}
    .text-slider-mobile p { color:#333; line-height:20px;  }
    .description-slider h2 { padding:9px 15px; font-size:29px; line-height:29px; }
    .text-slider-mobile .more {    background: url(../images/icons-sprite.png) no-repeat right -125px;
    background-position: 54px -877px !important; /* display: block; */float: right; color: #e72c37;padding-right: 20px!important;padding-left: 10px!important; display:inline-block; padding-left:0 !important; margin-top:0 !important; float: none !important; font-size: 12px; line-height: 30px;}
  #content .container { padding:0 15px; }
  .about-us, .service-box, .news-wrapp, .about-us-list { width:auto; float:none; margin-bottom: 40px; }
  .request-box a { padding-right: 59px; }
  .service-box .header-box { margin-left:0; }
  .service-box li { width:31%; margin-left:12px; }
    .service-box ul{margin-left: 10px;}
  .service-box ul li:first-child{margin-left: 0;}
  .service-box ul li:nth-of-type(4n){margin-left: 0;}


  .solution-box .header-box .more, .news-box figure { display:none; }
  .news-wrapp { border-bottom:1px solid #bebebe; }
  .newsletter { width:100%; }
    .newsletter-box { float:right; margin-bottom:25px; }
    .newsletter ul { clear:both; text-align:center; }
      .newsletter li { margin-left:14px; float:none; display:inline; }


.isolution-box li .img-box{display: block;float: none;margin: 0 auto;}
.isolution-box .text-solution{padding: 15px 0;}
  .solution-box { padding-bottom:15px; }
  .solution-box li { width:100%; float:none; padding:10px; margin-bottom:10px; }
    .solution-box li .more { display:block; }
    .img-box { /*width:100px;*/ float:left; margin-right:15px; }
    .text-solution { width:100%; float:left;}
    #home .text-solution { width:90%; padding: 5%;}
      .img-box h2 { display:none; }
      .img-box { overflow: hidden; }
      .img-box img { height:auto; width:100%; }
      .text-solution { padding:0; }
      .text-solution h3 { display:block; color:#023979; font-weight:600; font-size:14px; line-height:20px; }
      .text-solution .more-link { display:block; display:inline-block; float:none; }
        .solution-box li { width:100%; }

  #quote_form .mobile { display: block;}
  #quote_form #tx-powermail-pi1_fieldset_44, #quote_form #tx-powermail-pi1_fieldset_45,#quote_form #tx-powermail-pi1_fieldset_36, #quote_form #tx-powermail-pi1_fieldset_37, #quote_form #tx-powermail-pi1_fieldset_53, #quote_form #tx-powermail-pi1_fieldset_54, #quote_form #tx-powermail-pi1_fieldset_62, #quote_form #tx-powermail-pi1_fieldset_63 { display: none;}

  #slideshow .static-slide img { min-height:80px; }
  .header-title { right:10px; }
    .header-title h1 { line-height:29px; font-size:29px; padding:9px 20px; }
  
  .header-page-list h2 { float:none; }
  .sidebar, .content-right { width:100%; float:none; }
  .content-right{min-height: 210px;}
  .download-list { border:0; margin-bottom:0; padding:0; }
  .download-box { border-bottom:1px solid #C1C1C1; width:100%; margin:0; float:none; margin-bottom:15px; padding-bottom:15px; }
  
  .services-box .text-solution { padding:0; }
  .solution-box li { border-bottom:1px solid #C1C1C1; padding:10px; margin-bottom:10px; box-sizing:border-box; -moz-box-sizing:border-box; }
  .services-box li { padding:0 0 10px; }
  .isolution-box .text-solution { width:auto !important; float:none; }
  .solution-box .text-solution { padding: 30px 20px 38px;  }
  .services-box-t .text-solution{padding: 0;}

  .services-box-t li .smore {
      float: right;
      background-position: 42px -127px;
      text-align: right;
      width: 13%;
    background: #1e71d2!important;
  }
  .sub-page-content p { padding:0 0 20px 0; }
  .sub-page-content blockquote { width:100%; }
  .sub-page-content ul { padding-left:10px; }
  #content input, textarea, select, #content label { width:100%;  max-width: 100%; float:none; box-sizing:border-box; -moz-box-sizing:border-box; }
  #content input[type="submit"] { margin-left:0; }
  
  .header-title h1 { margin-left:10px; font-size:12px; line-height:16px; }
  .service-box li a img { height:auto; }
  .download-box figure { display:block; text-align:center; float:none; margin-bottom:15px; }
  .pagination li, .news-single-prevlink a, .browsebox li, .news-single-nextlink a, .news-single-pagination { margin-right:2px; }
  #tx_indexedsearch .tx-indexedsearch-form { margin-right:5px; width:35%; }
    #lang li.active a.long-lang { padding-bottom:0; padding-top:6px; }
    #lang li.active a.long-lang span { width:118px; float:left; position:relative; top:-6px;}
    #lang li.active a span { width:78px; float:left;padding: 0 2px; }
    
    
  
  
  
  .tx-jppageteaser-pi1 .solution-box li { width:100%; margin-right:0; position:relative; }
  .tx-jppageteaser-pi1 .img-box{width: 50%;}
  .tx-jppageteaser-pi1 .img-box img { width:100%;  display: block; margin: 0 auto;}
  .tx-jppageteaser-pi1 .img-box h2 { /*position:absolute; lefT:0; top:-34px; padding-left:0; display:block; background:none; color:#333333; */ display:none; }
  .tx-jppageteaser-pi1 h2 { color:#333; padding-top:10px; }

  
  .langWrap { width:290px; margin:-110px 0 0 -146px; }
    .lang-text h2 { font-size:16px; line-height:20px; }
    .lang-text ul { margin-left:25px; }
    
  .header-title h1, .header-title span { font-size:25px; line-height:30px; padding:10px 15px; }
    #content label.error, #content p.error { display: inline-block; color:#E72C37!important; float:none; margin-left:0; width:auto!important; clear:both; }
  
}
@media (max-width: 580px){
  
  .sub-page-content .fancybox { width:100%; margin:0 0 10px; } 
    .sub-page-content figure img { width:100%; max-width:250px; }
  .text-solution { width:100%; }
  #home .text-solution {
    width: 90%;
    padding: 5%!important;
}
.service-box li a img {
  width: 100%;
}
  .feature-box .text-solution .bodytext {height: auto;}
  .isolution-box .text-solution .bodytext {
    height: auto;
  }
  .service-box li { width:30%; margin-left:12px; }
    .service-box ul{margin-left: 0;}

  .services-box-t li img{width: 100%;}
    .services-box-t li .smore {
      float: right;
      background-position: 323px -127px;
      text-align: right;
      width: 100%;
  }
  .services-box-t .text-solution {   padding: 0 20px;min-height: 2px;    height: auto; }
      .feature-box li{width: 100%;margin: 0 auto 10px auto;}
      .feature-box .img-box{width: 100%;}
      .content-right .contact-ul{width: 100%;padding-left: 0;margin-top: 25px;padding-bottom: 38px;}
 
 .tx-jppageteaser-pi1 .img-box{width: 100%;}
 
  .content-right h2.for-mobile{display:block; font-size: 16px; font-weight: 600;}
  .header-title h1, .header-title span { font-size: 20px; }
  .copyright{margin-top: 0;}
.isolution-box li {  /*margin-right: 2% \9; */ width: 100%;  margin-bottom: 15px;}
.isolution-box li .img-box{display: block;float: none;margin: 0 auto;}
.isolution-box .text-solution{padding: 15px 0;}
/* End Media queries */

/* Front-end Layout: 1col */
#fullwidth #content .container.maps { max-width: 100%; }
#fullwidth #content .container.maps .header-text { padding: 0px; background-color: #FFFFFF; }
@media (max-width: 1250px) and (min-width: 320px) {
  #fullwidth #content .container.maps {
    width: 100%;
    padding: 0px;
  }
  .services-box-t li .smore {
      background-position: 278px -127px;
  }
}
@media (max-width: 784px) {

}

@media (max-width: 435px){
  .services-box-t li .smore {
      background-position: 335px -127px;
  }
}

@media (max-width: 425px){
  .services-box-t li .smore {
      background-position: 324px -127px;
  }
}

@media (max-width: 414px){
  .services-box-t li .smore {
      background-position: 310px -127px;
  }
}
@media (max-width: 375px){
  .services-box-t li .smore {
      background-position: 274px -127px;
  }
}
@media (max-width:320px){
  .services-box-t li .smore {
      float: right;
      background-position: 219px -123px;
      text-align: right;
      width: 100%;
  }
  .services-box-t .text-solution {
    padding: 0 0;
  }
}

@media (max-width: 768px) {
  #otx-map #map { display: none; }
  #otx-map #list { 
    width: calc(100% - 100px);
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: -ms-calc(100% - 100px);
    margin: 30px 50px;
    height: auto;
    float: none;
  }
  #otx-map #list .location-links { max-height: 1000px; overflow: hidden; }
  #otx-map #list .location-links > li > .country { width: 100%; }
  #otx-map #list .location-links > li > .country:after { right: 25px; }
  #otx-map #list .location-links > li > .country.open:after { right: 27px; }
}
#extra_info .bodytext {
  padding-left: 0 !important;
}
#location .bodytext a {
  background: #E72C37;
  padding: 0 44px 0 10px;
  line-height: 30px;
}
#location .bodytext a:hover {
  background: #fff;
  color: #E72C37;
}
#location .content p {
  margin-bottom: 8px;
}
#location .bodytext .back_button {
  background: url(../images/icons-sprite.png) no-repeat right -125px #1e71d2 !important;
}
#location .bodytext .back_button:hover {
  background: url(../images/icons-sprite.png) no-repeat right -125px #E72C37 !important;
  color: #fff;
}
.leftContent .knipsels2 h2 {
    background-color: #000000;
    background-position: 8px center;
    background-repeat: no-repeat;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    text-align: left !important;
    margin-bottom: 15px;
    padding: 8px 0 8px 34px !important;
    text-transform: uppercase;
}
#content .sub-page-content  .bodytext a {
     background: url(../images/arrow-list.png) no-repeat 0px 6px; 
     padding-left: 20px;
}
@media (max-width: 992px) {
  .tx-jppageteaser-pi1 .img-box {
    width: 100%;
  }
}


