input[type="button"],
input[type="submit"],
input[type="reset"] {
  -webkit-appearance: none;
}

textarea {
  -webkit-appearance: none;
}

button {
  border-radius: 0;
}

.content ul li {
  list-style: none;
}

.content ul {
  margin: 0;
  padding: 0;
}

body {
  font-family: HelveticaNeueRegular, HelveticaNeue-Regular, "Helvetica Neue Regular", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
  margin: 0;
  color: #333;
}

#header .content ul {
  padding: 0;
  margin: 0;
}

#header .content li {
  list-style: none;
  font-size: 18px;
  float: left;
  margin-right: 36px;
}

.marker,
.form-required {
  color: #e0260b;
}

#header .region.region-header #block-menu-menu-header-menu a:hover {
  color: #e0260b;
}

#header .region.region-header #block-menu-menu-header-menu {
  float: right;
  margin-top: 3px;
}

.gallary .flexslider img {
  width: 100%;
  height: auto;
}

a,
li,
input {
  transition: background 0.6s, color 0.6s, border 0.6s;
  -moz-transition: background 0.6s, color 0.6s, border 0.6s;
  /* Firefox 4 */
  -webkit-transition: background 0.6s, color 0.6s, border 0.6s;
  /* Safari 閸滐拷 Chrome */
  -o-transition: background 0.6s, color 0.6s, border 0.6s;
  /* Opera */
}


#header .section {
  width: 1140px;
  position: relative;
  margin: 0 auto;
}

#block-views-navigation-views-navigation-links {
  position: absolute;
  right: 0;
  bottom: -120px;
  width: 100%;
}

.content-type {
  position: absolute;
  bottom: -120px;
  font-size: 40px;
  text-transform: capitalize;
}

#block-views-navigation-views-navigation-links .content .links {
  float: right;
}

#header a {
  color: #fff;
  text-decoration: none;
}

#header {
  position: absolute;
  z-index: 10;
  width: 100%;
  margin-top: 35px;
  color: #fff;
}

#header #block-menu-menu-header-menu h2 {
  display: none;
}

a#logo {
  float: left;
  width: auto;
  height: 46px;
}

.main-menu .content a {
  font-size: 10px;
  color: #fff;
  text-decoration: none;
  padding-top: 42px;
  position: absolute;
  width: 100%;
  left: 0;
}

.main-menu .content li {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 70px;
  text-align: center;
  background: rgba(0, 0, 0, 0.8);
  display: block;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.main-menu .content ul {
  margin: 0;
  padding: 0;
  position: relative;
}

.main-menu h2 {
  display: none;
}

.front .main-menu {
  height: 496px;
}

.main-menu {
  position: fixed;
  top: 0;
  z-index: 10;
  color: #fff;
  bottom: 0;
  margin: auto;
  width: 80px;
  height: 567px;
}

.main-menu .content ul ul li.first {
  border-top-right-radius: 0;
}

.main-menu .content ul li.first {
  border-top-right-radius: 10px;
}

.main-menu .content ul ul li.last {
  border-bottom-right-radius: 0;
}

.main-menu .content ul li.last {
  border-bottom-right-radius: 10px;
}

.front .flexslider .slides>li {
  max-height: none;
}

.flexslider .slides>li {
  max-height: 824px;
  overflow: hidden;
  width: 100%;
}

.main-menu a.m-doc {
  background: url(../images/documents-white.png) no-repeat left center;
}

.main-menu a.m-doc.active,
.main-menu a.m-doc:hover {
  background: url(../images/documents-red.png) no-repeat left center;
}

.main-menu a.m-home {
  background: url(../images/m-1.png) no-repeat center top;
}

.main-menu a.m-home.active,
.main-menu a.m-home:hover {
  background: url(../images/mh-01.png) no-repeat center top;
}

.main-menu a.m-search {
  background: url(../images/m-2.png) no-repeat center top;
}

.main-menu a.m-search.active,
.main-menu a.m-search:hover {
  background: url(../images/mh-02.png) no-repeat center top;
}

.main-menu a.m-products {
  background: url(../images/m-3.png) no-repeat center top;
}

.main-menu a.m-products.active,
.main-menu a.m-products:hover {
  background: url(../images/mh-03.png) no-repeat center top;
}

.main-menu a.m-faq {
  background: url(../images/m-faq.png) no-repeat center left;
}

.main-menu a.m-faq.active,
.main-menu a.m-faq:hover {
  background: url(../images/mh-faq.png) no-repeat center left;
}

.main-menu a.m-sup {
  background: url(../images/m-4.png) no-repeat center top;
}

.main-menu a.m-sup.active,
.main-menu a.m-sup:hover {
  background: url(../images/mh-04.png) no-repeat center top;
}

.main-menu a.m-ecosystem {
  background: url(../images/ecosystem.png) no-repeat center top;
}

.main-menu a.m-ecosystem.active,
.main-menu a.m-ecosystem:hover {
  background: url(../images/ecosystem-active.png) no-repeat center top;
}

.main-menu a.m-media {
  background: url(../images/m-5.png) no-repeat center top;
}

.main-menu a.m-media.active,
.main-menu a.m-media:hover {
  background: url(../images/mh-05.png) no-repeat center top;
}

.main-menu a.m-com {
  background: url(../images/m-6.png) no-repeat center top;
}

.main-menu a.m-com.active,
.main-menu a.m-com:hover {
  background: url(../images/mh-06.png) no-repeat center top;
}

.main-menu a.m-sign {
  background: url(../images/m-7.png) no-repeat center top;
}

.main-menu .logout a.m-sign {
  background: url(../images/m-7-2.png) no-repeat center top;
}

.main-menu a.m-sign.active,
.main-menu a.m-sign:hover {
  background: url(../images/mh-07.png) no-repeat center top;
}

.main-menu .logout a.m-sign.active,
.main-menu .logout a.m-sign:hover {
  background: url(../images/mh-07-2.png) no-repeat center top;
}

.main-menu a.m-more {
  background: url(../images/m-8.png) no-repeat center top;
}

.main-menu a.m-more.active,
.main-menu a.m-more:hover {
  background: url(../images/mh-08.png) no-repeat center top;
}

.main-menu a.m-download {
  background: url(../images/m-9.png) no-repeat center left;
}

.main-menu a.m-download.active,
.main-menu a.m-download:hover {
  background: url(../images/mh-9.png) no-repeat center left;
}

.main-menu a.m-forums {
  background: url(../images/m-12.png) no-repeat center top;
}

.main-menu a.m-forums.active,
.main-menu a.m-forums:hover {
  background: url(../images/mh-12.png) no-repeat center top;
}

.main-menu a.m-community {
  background: url(../images/m-13.png) no-repeat center left;
}

.main-menu a.m-explore.active,
.main-menu a.m-explore:hover {
  background: url(../images/mh-15.png) no-repeat center left;
}

.main-menu a.m-explore {
  background: url(../images/m-15.png) no-repeat center left;
}

.main-menu .content a.m-community.active,
.main-menu .content a.m-community:hover {
  background: url(../images/mh-13.png) left center no-repeat;
  background-position: left center;
}

.main-menu .content a:hover,
.main-menu .content a.active {
  color: #e0260b;
  background-position: center 12px;
}



.faq-page.new-faq-page .views-exposed-form .form-item,
.new-faq-page.faq-page .views-exposed-form .form-submit {
  float: none;
}

.faq-page .views-exposed-form .form-item,
.faq-page .views-exposed-form .form-submit {
  float: left;
}

.view.view-faq.view-id-faq.view-display-id-page_2.faq-page .views-exposed-form .form-item {
  float: none;
}

#block-menu-block-1 #product-menu ul ul,
#block-menu-block-1 #support-menu ul ul,
#block-menu-block-1 #company-menu ul ul,
#block-menu-block-1 #contact-us-menu ul ul,
#block-menu-block-1 #documents-menu ul ul,
#block-menu-block-1 #invest-menu ul ul,
#block-menu-block-1 #ecosystem-menu ul ul,
#block-menu-block-1 #product-menu ul ul li,
#block-menu-block-1 #support-menu ul ul li,
#block-menu-block-1 #company-menu ul ul li,
#block-menu-block-1 #contact-us-menu ul ul li,
#block-menu-block-1 #documents-menu ul ul li,
#block-menu-block-1 #invest-menu ul ul li,
#block-menu-block-1 #ecosystem-menu ul ul li {
  width: auto;
  height: auto;
  position: static;
  float: none;
  text-align: left;
  background: transparent;
  line-height: 18px;
}

#block-menu-block-1 #product-menu ul ul li a,
#block-menu-block-1 #support-menu ul ul li a,
#block-menu-block-1 #company-menu ul ul li a,
#block-menu-block-1 #contact-us-menu ul ul li a,
#block-menu-block-1 #documents-menu ul ul li a,
#block-menu-block-1 #invest-menu ul ul li a,
#block-menu-block-1 #ecosystem-menu ul ul li a {
  padding: 0;
  margin: 0;
  padding: 0;
  margin: 0;
  display: inline;
  float: none;
  font-size: 12px;
  line-height: 16px;
}

#block-menu-block-1 #product-menu ul li a,
#block-menu-block-1 #support-menu ul li a,
#block-menu-block-1 #company-menu ul li a,
#block-menu-block-1 #contact-us-menu ul li a,
#block-menu-block-1 #documents-menu ul li a,
#block-menu-block-1 #invest-menu ul li a,
#block-menu-block-1 #ecosystem-menu ul li a {
  border: 0;
  padding: 17px 0;
  padding-left: 55px;
  position: static;
  height: 20px;
  display: block;
  background-size: 30%;
  width: 80px;
  margin: 20px 0 5px 30px;
}

.i18n-en #block-menu-block-1 #company-menu ul li a.jobo,
.i18n-en #block-menu-block-1 #support-menu ul li a.m-community {
  padding-top: 0px;
  margin-top: 26px;
  margin-bottom: 14px;
}

.main-menu .content ul ul li a {
  font-size: 15px;
  padding-top: 60px;
  border-top: 61px solid transparent;
  border-bottom: 61px solid transparent;
}

.main-menu .content ul ul li {
  width: 200px;
  height: 200px;
  float: left;
  border-bottom: 0;
}

#block-menu-block-1 li#support-menu ul.menu ul,
#block-menu-block-1 li#company-menu ul.menu ul {
  margin-top: 0;
}

#block-menu-block-1 li#support-menu ul.menu,
#block-menu-block-1 li#company-menu ul.menu {
  margin-top: -117px;
}

.hm.hm-1.hm-2.last {
  background: transparent !important;
}

#header .hm.hm-1.hm-2 .content ul {
  margin-left: 0;
}

.hm.hm-2.hm-1 h2 {
  padding-left: 0;
  border: 0;
  margin-left: 10px;
}

.main-menu .content li.last {
  border: 0;
}

.main-menu .content ul ul {
  width: 400px;
  height: 400px;
  position: absolute;
  top: -71px;
  left: 80px;
}

.main-menu .content ul li#product-menu ul,
.main-menu .content ul li#support-menu ul,
.main-menu .content ul li#ecosystem-menu ul {
  height: 220px;
}

.main-menu .content li:hover {
  background: rgba(0, 0, 0, 1);
}

#footer {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  width: 1140px;
  font-weight: normal;
  margin: 22px auto 40px;
}

#footer-wrapper {
  background: #f4f4f4;
  overflow: hidden;
}

.contact-us strong:hover {
  text-decoration: underline;
}

#footer .content li {
  float: left;
}

#footer .content .l {
  float: left;
  width: 782px;
}

#footer .content .r {
  float: right;
}

#footer .share,
#footer .sec {
  overflow: hidden;
  color: #b6b6b6;
}

#footer .share .l a {
  font-size: 14px;
  color: #666;
  text-decoration: none;
}

#footer .share .l li {
  padding: 0 28px;
  border-right: 1px solid #ccc;
  line-height: 12px;
  font-weight: bold;
}

#footer .content .l li.first {
  padding-left: 0;
}

#footer .content .l li.last {
  border-right: 0;
}

#footer .share .r a {
  width: 40px;
  height: 40px;
  display: block;
  cursor: pointer;
  background: red;
  border-radius: 40px;
}

#footer .share .r li {
  margin-left: 15px;
}

#footer .content .share .l {
  margin-top: 11px;
}

#footer .share {
  padding-bottom: 18px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 40px;
}

#footer .share .r a.tw {
  background: url(../images/s-1.png) no-repeat bottom center;
}

#footer .share .r a.fc {
  background: url(../images/s-2.png) no-repeat bottom center;
}

#footer .share .r a.ld {
  background: url(../images/s-3.png) no-repeat bottom center;
}

#footer .share .r a.ytb {
  background: url(../images/s-4.png) no-repeat top center;
}

#footer .share .r a.ytb:hover {
  background: url(../images/s-4.png) no-repeat bottom center;
}

#footer .share .r a.wc {
  background: url(../images/s-5.png) no-repeat bottom center;
}

#footer .share .r a.gg {
  display: none;
  background: url(../images/s-6.png) no-repeat top center;
}

#footer .share .r a.gg:hover {
  background: url(../images/s-6.png) no-repeat bottom center;
}

#footer .share .l a:hover {
  color: #00595a;
}

#footer .sec .l li a {
  color: #b6b6b6;
}

#footer .rb li a:hover,
#footer .sec .l li a:hover {
  color: #00595a;
}

#footer .sec .l li {
  padding: 0 16px;
  border-right: 1px solid #b6b6b6;
  font-size: 12px;
  line-height: 12px;
}

.content a {
  text-decoration: none;
}

#footer .info p {
  font-size: 12px;
  line-height: 24px;
}

#footer .info {
  font-size: 12px;
  margin-top: 25px;
}

.support-words p {
  font-size: 34px;
}

.support-words h2 {
  font-size: 44px;
}

.support-words {
  position: absolute;
  top: 300px;
  color: #fff;
  left: 250px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.content p {
  margin: 0;
  line-height: 1.2;
}

#footer a {
  font-weight: normal;
}

#footer .rb li a {
  color: #666;
}

#footer .rb li {
  float: none;
  line-height: 25px;
  height: 25px;
  margin-bottom: 22px;
  padding-left: 40px;
  font-size: 14px;
}

#footer .sec .r {
  width: 310px;
  margin-top: 9px;
}

.content li.expanded ul {
  display: none;
}

#footer .rb .sm {
  background: url(../images/rb-1.png) no-repeat left center;
}

#footer .rb .language {
  background: url(../images/rb-2.png) no-repeat left center;
}

#footer .rb .rs {
  background: url(../images/rb-3.png) no-repeat left center;
}

#footer .rb .language h2 {
  font-size: 14px;
  color: #666;
  font-weight: normal;
}

#footer #block-locale-language li {
  width: 70px;
  padding: 0;
  text-align: center;
  margin: 0;
  float: left;
}

#footer .rb .language:hover #block-locale-language {
  top: -23px;
}

#footer .rb .language {
  overflow: hidden;
  line-height: 0;
  display: none;
  position: relative;
}

#block-locale-language {
  position: absolute;
  top: 0;
  transition: top 0.6s;
  -moz-transition: top 0.6s;
  /* Firefox 4 */
  -webkit-transition: top 0.6s;
  /* Safari 4-5, Chrome 1-9*/
  -o-transition: top 0.6s;
  /* Opera */
}

#footer .rb li ul a {
  float: left;
}

.CMC h2 {
  display: none;
}

.sheet-category-overview-nav>.view-content>div,
.CMC .content ul li {
  position: relative;
  float: left;
  min-width: 15%;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.sheet-category-overview-nav>.view-content>div {
  min-width: auto;
}

.sheet-category-overview-nav>.view-content .views-row-last .module-nav-item,
.CMC .content .last a {
  border-right: 1px solid #ddd;
}

.sheet-category-overview-nav>.view-content .module-nav-item,
.CMC .content a {
  cursor: pointer;
  display: block;
  text-align: center;
  height: 81px;
  line-height: 80px;
  font-size: 18px;
  color: #666;
  border: 1px solid #ddd;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  padding: 0 20px;

}

.sheet-category-overview-nav>.view-content {
  display: table;
}

.sheet-category-overview-nav>.view-content .module-nav-item {
  display: table-cell;
  vertical-align: middle;
  white-space: normal;
  text-align: left;
  line-height: 1.3;
}

.gallary {
  margin-bottom: -24px;
}

.sheet-category-overview-nav,
.CMC {
  border-bottom: 1px solid #ddd;
  background: #fff;
  z-index: 2;
  position: relative;
}

.sheet-category-overview-nav>.view-content,
.CMC .content {
  width: 1148px;
  height: 81px;
  margin: 0 auto;
}

.sheet-category-overview-nav>.view-content .active .module-nav-item,
.sheet-category-overview-nav>.view-content .module-nav-item:hover,
.CMC .content a.active,
.CMC .content a.active-trail,
.CMC .content a:hover {
  background: #333;
  position: relative;
  color: #fff;
}

#breadcrumb {
  width: 1148px;
  margin: 20px auto;
}

#breadcrumb a:hover {
  color: #e0260b;
}

#breadcrumb .breadcrumb,
#breadcrumb a {
  font-size: 13px;
  text-decoration: none;
  color: #999;
}

.page-title .content p {
  line-height: 120px;
  margin-bottom: 70px;
}

.page-title .content {
  text-align: center;
  font-size: 56px;
  color: #cd3129;
}

.list-media {
  width: 1180px;
  margin: 0 auto;
}

.list-media li img {
  width: 100%;
  height: 200px;
}

.list-media li .views-field.views-field-field-list-img {
  margin: 0;
}

.list-media li .views-field {
  margin: 0 40px;
}

.block-views .list-media li .views-field.views-field-type {
  margin-top: -16px;
}

.list-media li .views-field.views-field-type {
  overflow: hidden;
  margin: -23px 0px 15px 21px;
  position: relative;
}

.list-media li .views-field.views-field-type .Articles,
.list-media li .views-field.views-field-type .articles {
  display: block;
  height: 38px;
  line-height: 38px;
  color: #fff;
  padding: 0 90px 0 20px;
  background: #d8312b;
  text-transform: capitalize;
  float: left;
}

.list-media li .views-field .News,
.list-media li .views-field .news {
  background: #5fadc1;
  display: block;
  height: 38px;
  line-height: 38px;
  color: #fff;
  padding: 0 90px 0 20px;
  text-transform: capitalize;
  font-size: 15px;
  float: left;
}

.list-media li .views-field .Videos,
.list-media li .views-field .videos {
  background: #ff9600;
  display: block;
  height: 38px;
  line-height: 38px;
  color: #fff;
  padding: 0 90px 0 20px;
  text-transform: capitalize;
  font-size: 15px;
  float: left;
}

.list-media li .views-field .Blogs,
.list-media li .views-field .Blog,
.list-media li .views-field .blog,
.list-media li .views-field .blogs {
  background: #5fadc1;
  display: block;
  height: 38px;
  line-height: 38px;
  color: #fff;
  padding: 0 90px 0 20px;
  text-transform: capitalize;
  font-size: 15px;
  float: left;
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
}

.list-media li .views-field.views-field-title {
  margin-bottom: 15px;
  line-height: 25px;
  font-size: 18px;
  max-height: 124px;
  overflow: hidden;
  color: #333;
}

.list-media li .views-field.views-field-body {
  height: 141px;
  overflow: hidden;
}

.list-media li.noImg .views-field.views-field-body {
  height: 242px;
  overflow: hidden;
}

.list-media li .views-field.views-field-title a:hover {
  color: #d8312b;
}

.list-media li .views-field.views-field-title a {
  font-size: 18px;
  color: #333;
}

.list-media li .views-field.views-field-field-date {
  font-size: 14px;
  color: #555;
  margin: 35px 40px 15px;
}

.node-type-videos #main-wrapper .active .title h1,
.node-type-news #main-wrapper .active .title h1,
.node-type-blog #main-wrapper .active .title h1,
.node-type-blogs #main-wrapper .active .title h1,
.node-type-articles #main-wrapper .active .title h1 {
  margin-right: 0;
}

.node-type-videos #main-wrapper .title h1,
.node-type-news #main-wrapper .title h1,
.node-type-blog #main-wrapper .title h1,
.node-type-blogs #main-wrapper .title h1,
.node-type-articles #main-wrapper .title h1 {
  margin-top: 0px;
  margin-right: 52px;
}

.node-type-videos #main-wrapper .list-media,
.node-type-news #main-wrapper .list-media,
.node-type-blog #main-wrapper .list-media,
.node-type-blogs #main-wrapper .list-media,
.node-type-articles #main-wrapper .list-media {
  width: 100%;
}

.node-type-videos #main-wrapper,
.node-type-news #main-wrapper,
.node-type-blog #main-wrapper,
.node-type-blogs #main-wrapper,
.node-type-articles #main-wrapper {
  width: 1140px;
  margin: 100px auto;
}

.node-media {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.node-media .title {
  font-size: 20px;
  font-weight: normal;
}

.node-media .body {
  font-size: 20px;
  margin-top: 60px;
  clear: both;
  padding-bottom: 60px;
  border-bottom: 2px solid #aaa;
}

.node-media .body a,
.node-media .body a span,
.node-media .body a:visited,
.node-media .body a:visited span {
  color: #009d9f !important;
}

.node-media .body a:hover,
.node-media .body a:hover span,
.node-media .body a:active,
.node-media .body a:active span {
  color: #00595a !important;
}

.node-media .dl {
  color: #666;
  position: relative;
  padding-bottom: 60px;
  border-bottom: 1px solid #666;
  overflow: hidden;
}

.node-media .body p {
  line-height: 40px;
}

#header .region.region-header #block-menu-menu-header-menu {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  letter-spacing: 2.7px;
}

.page-user {
  background: #f4f4f4;
}

.page-user #block-system-main {
  width: 1010px;
  margin: 95px auto;
}

.view-display-id-page.faq-page,
.view.view-faq.faq-page {
  margin: 100px 0;
}

.page-support-explore-sample-codes #breadcrumb,
.page-support-explore-faqs #breadcrumb,
.page-node-227 #breadcrumb,
.page-node-36 #breadcrumb,
.page-node-532 #breadcrumb,
.page-node-150 #breadcrumb,
.page-node-326 #breadcrumb,
.node-type-videos #breadcrumb,
.node-type-blog #breadcrumb,
.node-type-blogs #breadcrumb,
.node-type-news #breadcrumb,
.node-type-articles #breadcrumb,
.page-node-111 #breadcrumb,
.page-node-327 #breadcrumb,
.page-node-93 #breadcrumb,
.page-node-110 #breadcrumb,
.page-node-82 #breadcrumb,
.page-node-13 #breadcrumb,
.page-user #breadcrumb {
  display: none;
}

#block-menu-block-20 .content li.expanded ul {
  display: block;
}

.front .fc .col-3 .ctt .l.img img {
  margin-right: 180px;
}

.front .col.col-3 .line {
  margin-left: 78px;
  display: none;
}

.flex-control-nav {
  z-index: 10;
}

.flex-control-nav li a {
  width: 55px;
  margin: 0 10px;
}

.flex-control-nav li a:hover,
.flex-control-nav li a.flex-active {
  background: #e0260b;
}

.fc .ctt .r,
.fc .ctt .l {
  display: table-cell;
  vertical-align: middle;
}

.fc .ctt {
  width: 1140px;
  margin: 0 auto;
  display: table;
}

.fc .col-1 img,
.fc .col-3 img {
  margin-right: 120px;
}

.fc {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.tq-guide .tq-content {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.cols.pd .words h3,
.fc h3 {
  font-size: 36px;
  margin: 0;
  margin-bottom: 35px;
  font-weight: normal;
}

.pd p,
.col p {
  font-size: 20px;
  line-height: 40px;
}

.fc .col.col-2 a:hover,
.new-words a:hover,
.pd a:hover,
.col a:hover {
  background: rgba(0, 0, 0, 0.1);
}

#block-views-media-block-1 {
  margin: 100px 0px !important;
}

#block-views-media-block-1 h2 {
  color: #333;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-size: 46px;
  text-align: center;
}

.new-words a,
.pd a,
.pd .cs3 a,
.col a {
  font-size: 22px;
  display: block;
  height: 42px;
  line-height: 41px;
  border-radius: 30px;
  padding-left: 20px;
  border: 2px solid #333;
  padding-right: 20px;
  color: #000;
  background: transparent;
}

.pd a,
.col a {
  float: left;
  margin-top: 45px;
  clear: both;
}

.pd a,
.fc .col.col-2 a {
  border-color: #fff;
  color: #fff;
}

.fc .ctt {
  position: relative;
}

.fc .col .ctt {
  height: 635px;
}

.fc .col-3 .ctt {
  height: 515px;
}

.fc .col-3 {
  background: #eee;
}

.fc .col-2 {
  background: url(../images/fs-1.jpg) no-repeat center;
  background-size: cover;
  color: #fff;
}

.col.col-1 .line {
  position: absolute;
  bottom: -107px;
  left: 80px;
}

.fc .col-2 .l {
  width: 530px;
}

.col.col-2 .line {
  position: absolute;
  bottom: -98px;
  left: 72px;
}

.col.col-3 .line {
  position: absolute;
  bottom: -70px;
  margin-left: 150px;
}

.fc .col-3 .l img {
  margin-right: 176px;
}

.block-views .list-media .view-content ul li {
  margin: 0;
  background: transparent;
  width: 390px;
}

.list-media .view-content ul li .fw {
  margin: 0 16px;
  background: #f4f4f4;
  box-shadow: 0px 4px 0px -1px #ddd;
  margin-bottom: 30px;
  height: 390px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.front .flex-direction-nav li .flex-next {
  right: -40px;
}

.front .flex-direction-nav li .flex-prev {
  left: -40px;
}

.front .flex-direction-nav li a:focus {
  outline: 0;
}

#block-views-media-block-3,
#block-views-media-block-1 {
  margin: 140px 0;
}

.block-views .list-media li .views-field.views-field-title {
  margin-top: 34px;
}

.ctc .pqc span {
  display: block;
}

.page-node-279 .ctc .pqc a:hover,
.page-node-57 .ctc .pqc a:hover {
  color: #006784
}

.page-node-279 .ctc .pqc a,
.page-node-57 .ctc .pqc a {
  color: #5fadc1
}

.images p a {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-weight: normal;
  display: block;
  font-size: 25px;
  border: 2px solid #333;
  height: 50px;
  line-height: 50px;
  float: left;
  padding: 0 20px;
  text-align: center;
  border-radius: 25px;
  margin: 20px 0 100px;
}

.page-node-1576 .ctc .pqc,
.page-node-1577 .ctc .pqc,
.page-node-280 .ctc .pqc,
.page-node-55 .ctc .pqc {
  font-size: 20px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.page-node-280 .ctc .pqc a,
.page-node-55 .ctc .pqc a {
  font-weight: normal;
  display: block;
  font-size: 20px;
  border: 2px solid #333;
  height: 50px;
  line-height: 50px;
  float: left;
  padding: 0 20px;
  text-align: center;
  border-radius: 25px;
  margin: 20px 0 100px;
  color: #333;
}



.page-node-280 .ctc .pqc a span,
.page-node-55 .ctc .pqc a span {
  display: inline !important;
  position: relative;
  left: 0;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}



.images p a:hover span,
.page-node-280 .ctc .pqc a:hover span,
.page-node-55 .ctc .pqc a:hover span {
  left: 8px;
}

.form-top-content .sub-tip,
.page-node-2063 .sub-tip,
.page-node-2062 .sub-tip {
  margin-top: 34px;
}

.form-top-content p.pic,
.form-top-content .ctc .pqc,
.page-node-2063 .ctc .pqc,
.page-node-2063 p.pic,
.page-node-2062 .ctc .pqc,
.page-node-2062 p.pic {
  font-size: 20px !important;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  margin: 0;
  line-height: 28px !important;
}

.images p a:hover,
.ctc .pqc a:hover {
  opacity: 0.8;
}

.block-views .list-media.list-a li .views-field.views-field-title {
  height: auto;
  overflow: visible;
}

#highlighted {
  overflow: hidden;
}

#block-views-media-block-2 .fw {
  height: 380px;
  margin: 0 15px;
  background: #fff;
}

.front #block-menu-block-1 li.first.active {
  display: none;
}

#block-views-documentation-block-1 td,
#block-views-documentation-block-1 tr,
.product .DOC td,
.product .DOC tr {
  padding: 0;
}

.pd a:hover span,
.col a:hover span {
  left: 8px;
}

.pd a span,
.col a span {
  position: relative;
  left: 0;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}

.fc.wwa .col-2 .l {
  width: auto;
}

.fc .ctt .l.img img {
  margin-right: 110px;
}

.fc .ctt .r.img img {
  margin: 0;
  margin-left: 110px;
}

.wwa.fc .col .ctt {
  height: auto;
  padding: 100px 0 140px;
}

.wwa.fc .col-2 {
  background: #5fadc1;
}

.fc.wwa.wwd .ctt {
  padding-bottom: 100px;
}

.fc.wwa.wwd.values h1 {
  text-align: center;
  margin: 80px 0 140px;
  position: relative;
}

.fc.wwa.wwd.mission .ctt {
  height: auto;
  padding: 100px 0;
}

.fc.wwa.wwd.mission h1 {
  width: 1140px;
  margin: 100px auto 140px;
  position: relative;
}

.hm {
  float: left;
}

#header .hm .content li {
  float: none;
  margin-right: 0.5em;
}

.hm .content ul {
  display: none;
}

.hm h2 {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-weight: normal;
  padding-right: 20px;
  background: url(../images/arrow-bottom.png) no-repeat right center;
  height: 36px;
  font-size: 20px;
  line-height: 36px;
  cursor: pointer;
  margin: 3px 15px 22px 16px;
}

.hm.hm-1 h2 {
  margin: 3px 15px 22px 31px;
  border-left: 1px solid #fff;
  padding-left: 22px;
}

.hm.hm-1 {
  background: url(../images/1.png) no-repeat right center;
  padding-right: 9px;
  background-position-y: 14px;
  height: 45px;
}

#header .hm.hm-1 .content ul {
  margin-left: 48px;
}

#header .hm .content ul a {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-size: 16px;
}

#header .hm .content ul {
  background: rgba(0, 0, 0, 0.8);
  border-radius: 9px;
  padding: 22px 14px;
  min-width: 145px;
  position: absolute;
}

#header .hm .content ul li {
  margin-bottom: 17px;
}

.sheet-category-overview-nav>.view-content>div.active:after,
.sheet-category-overview-nav>.view-content>div:hover:after,
.CMC .content .active-trail a:after ,
.CMC .content a.active:after {
  border: 10px solid transparent;
  border-top: 10px solid #333;
  width: 0;
  height: 0;
  position: absolute;
  top: 80px;
  left: 48%;
  content: ' ';
}

.wwa.fc.wwd .col .ctt {
  padding: 170px 0;
}

.fc.wwa .col-1 img.ab-img {
  position: absolute;
  bottom: -86px;
  left: 272px;
}

.fc.wwa.wwd .col-1 img.ab-img {
  position: absolute;
  bottom: -112px;
  left: 68px;
}

.fc.wwa.wwd.values h1 img {
  position: absolute;
  left: 48%;
  bottom: -244px;
}

.fc.wwa.wwd.values .col-2 img.ab-img {
  position: absolute;
  left: 156px;
  bottom: -92px;
}

.fc.wwa.wwd.mission h1 img {
  position: absolute;
  left: 48%;
  bottom: -219px;
}

.fc.wwa.wwd.mission .col-2 img.ab-img {
  position: absolute;
  bottom: -78px;
  left: 160px;
}

.fc.wwa.wwd .col-2 {
  background: #f2d68d;
}

.fc.wwa.wwd.values .col-2 {
  background: #cecece;
}

.fc.wwa.wwd.mission .col-2 {
  background: #5fadc1;
}

.banner-words {
  position: absolute;
  top: 272px;
  z-index: 10;
  text-align: center;
  width: 100%;
}

.banner-words h3 {
  margin: 0;
  font-size: 29px;
  color: #fff;
  margin-bottom: 35px;
}

.banner-words p {
  font-size: 30px;
  margin: 24px;
  color: #fff;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.banner-words a {
  display: block;
  border: 2px solid #fff;
  width: 255px;
  margin: 0 auto;
  line-height: 48px;
  border-radius: 30px;
  margin-top: 117px;
  height: 56px;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.banner-words a span {
  font-size: 36px;
  font-weight: normal;
  position: relative;
  bottom: -2px;
  left: 6px;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  /* Firefox 4 */
  -webkit-transition: all 0.6s;
  /* Safari 4-5, Chrome 1-9*/
  -o-transition: all 0.6s;
  /* Opera */
}

.banner-words a:hover span {
  left: 16px;
}

.banner-words a:hover {
  background: rgba(255, 255, 255, 0.3);
}

.contact-head .fb h1 {
  margin: 0;
  text-align: center;
  font-size: 54px;
  color: #e0260b;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  margin-top: 94px;
  letter-spacing: 3px;
}

.contact-head .fb p {
  width: 1140px;
  margin: 0 auto;
  margin-top: 70px;
  font-size: 32px;
  font-weight: bold;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  line-height: 40px;
  margin-bottom: 110px;
}

#block-menu-block-38,
#block-menu-block-7 {}

#block-menu-block-38.CMC .content a:hover,
#block-menu-block-38.CMC .content a.active,
#block-menu-block-38.CMC .content a.active-trail,
#block-menu-block-7.CMC .content a:hover,
#block-menu-block-7.CMC .content a.active,
#block-menu-block-7.CMC .content a.active-trail {}

#block-menu-block-38.CMC .content a,
#block-menu-block-7.CMC .content a {
  position: relative;
}

#block-menu-block-38.CMC .content a.active:after,
#block-menu-block-7.CMC .content a.active:after,
#block-menu-block-38.CMC .content a.active-trail:after,
#block-menu-block-7.CMC .content a.active-trail:after  {
  width: 0;
  height: 0;
  position: absolute;
  top: 80px;
  left: 48%;
  content: ' ';
}

.ctc {
  width: 1140px;
  margin: 0 auto;
}

.ctc .pqc {
  margin: 34px 0px;
  font-size: 25px;
  line-height: 40px;
}

.webform-client-form {
  width: 645px;
  margin: 0 auto;
}

.node-blog-form textarea,
.node-blogs-form textarea,
.page-user-edit textarea,
.webform-client-form textarea {
  width: 100%;
  border: 1px solid #666;
  padding-top: 10px;
  padding-left: 10px;
  box-sizing: border-box;
}

.node-blog-form select,
.node-blogs-form select,
.page-user-edit select,
.node-blog-form input,
.node-blogs-form input,
.page-user-edit input,
.webform-client-form select,
.webform-client-form input {
  width: 100%;
  font-size: 20px;
  height: 43px;
  line-height: 40px;
  border: 1px solid #666;
  padding-left: 10px;
  box-sizing: border-box;
}

.node-blog-form input.form-file,
.node-blogs-form input.form-file,
.page-user-edit input.form-file {
  padding-top: 6px;
  line-height: 25px;
}

.node-blog-form select,
.node-blogs-form select,
.page-user-edit select,
.webform-client-form select {
  height: 53px;
}

.node-blog-form label,
.node-blogs-form label,
.page-user-edit label,
.webform-client-form label {
  font-size: 24px;
  margin-bottom: 6px;
}

.webform-client-form .form-item.webform-component {
  margin-bottom: 33px;
}

.resizable-textarea .grippie {
  display: none;
}

.node-blog-form,
.node-blogs-form,
.page-user-edit form,
.webform-client-form {
  margin: 30px auto;
}

.node-blog-form input.form-submit:hover,
.node-blogs-form input.form-submit:hover,
.page-user-edit input.form-submit:hover,
.webform-client-form input.form-submit:hover {
  background: rgba(0, 0, 0, 0.1);
}

.node-blog-form input.form-submit,
.node-blogs-form input.form-submit,
.page-user-edit input.form-submit,
.webform-client-form input.form-submit {
  text-transform: capitalize;
  border-radius: 8px;
  width: 167px;
  height: 50px;
  cursor: pointer;
  border: 2px solid #333;
  font-size: 26px;
  letter-spacing: 1.5px;
  color: #333;
  margin: 10px 0;
  margin-right: 10px;
  background: #fff;
}

.page-user-edit .confirm-parent,
.page-user-edit .password-parent {
  width: 100%;
}

ul.tabs.primary {
  margin-top: 100px;
}

.job.banner-words p {
  font-size: 50px;
  font-weight: bold;
  margin-top: 200px;
}

ol {
  padding-left: 30px;
}

.job.banner-words a {
  margin-top: 80px;
}

.fc.wwa.wwd.values.js h1 {
  width: 1140px;
  margin: 140px auto;
  margin-top: 120px;
  text-align: left;
  font-size: 30px;
}

.wwa.fc.wwd.js .col .ctt img {
  display: block;
}

.wwa.fc.wwd.js .col .ctt {
  padding: 0;
  width: 100%;
}

.wwa.fc.wwd.js .col.col-2 .ctt img {
  left: 357px;
}

.js.fc .col-1 .ctt .l {
  padding-left: 115px;
}

.view.view-job-search {
  width: 1140px;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 100px;
}

.i18n-zh-hans .view-job-search .views-exposed-form label[for='edit-field-classification-value-corporate'] {
  color: transparent;
  letter-spacing: -1em;
  font-size: 12px;
}

.i18n-zh-hans .view-job-search .views-exposed-form label[for='edit-field-classification-value-corporate']::before {
  content: '社招';
  color: #000;
  letter-spacing: normal;
  font-size: 18px;
}

.i18n-zh-hans .view-job-search .views-exposed-form label[for='edit-field-classification-value-internship'] {
  color: transparent;
  letter-spacing: -1em;
  font-size: 12px;
}

.i18n-zh-hans .view-job-search .views-exposed-form label[for='edit-field-classification-value-internship']::before {
  content: '校招';
  color: #000;
  letter-spacing: normal;
  font-size: 18px;
}

.i18n-zh-hans .view-job-search .views-exposed-form label[for='edit-field-classification-value-intern'] {
  color: transparent;
  letter-spacing: -1em;
  font-size: 12px;
}

.i18n-zh-hans .view-job-search .views-exposed-form label[for='edit-field-classification-value-intern']::before {
  content: '实习生';
  color: #000;
  letter-spacing: normal;
  font-size: 18px;
}

#edit-field-classification-value-wrapper .form-item.form-type-radio.form-item-field-classification-value {
  float: left;
  line-height: 40px;
  margin-left: 68px;
  font-size: 19px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.view-job-search td.views-field.views-field-title.active {
  color: #5fadc1;
}

.view-job-search .views-exposed-form,
.view-job-search .views-exposed-widget {
  float: none;
  display: inline-block;
}

.view-job-search .views-exposed-form {
  width: 100%;
}

.views-exposed-widget-job-search-filter-group {
  display: block !important;
  margin-top: 45px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.views-exposed-widget-job-search-filter-group>label {
  font-size: 20px;
  width: 310px;
  float: left;
  font-weight: normal;
}

.views-exposed-widget-job-search-filter-group>.views-widget {
  white-space: normal;
  width: auto;
  overflow: hidden;
}

.views-exposed-widget-job-search-filter-group .bef-tree-depth-0>li {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 12px;
}

.views-exposed-widget-job-search-filter-group .bef-tree-depth-0>li label {
  font-weight: normal;
}

.views-exposed-widget-job-search-filter-group .bef-tree-depth-0>li>.form-item {
  width: 130px;
  font-size: 20px;
  display: table-cell;
  pointer-events: none;
  font-weight: normal;
  vertical-align: top;
}

.views-exposed-widget-job-search-filter-group .bef-tree-depth-0>li>.form-item .icheckbox,
.views-exposed-widget-job-search-filter-group .bef-tree-depth-0>li>.form-item input {
  display: none;
}

.views-exposed-widget-job-search-filter-group .bef-tree-depth-1 {
  white-space: normal;
  width: auto;
  display: table-cell;
  vertical-align: top;
}

.views-exposed-widget-job-search-filter-group .bef-tree-depth-1>li {
  display: inline-block;
  white-space: nowrap;
  margin-right: 35px;
}

.views-exposed-widget-job-search-filter-group .bef-tree-depth-1>li:last-child {
  margin-right: 0;
}

.views-exposed-widget-job-search-filter-group .bef-tree-depth-1>li label {
  font-size: 18px;
  white-space: nowrap;
  font-weight: normal;
}

#edit-field-job-location-select-tid-wrapper {
  margin-top: 0;
}

.sat-page .form-submit,
#views-exposed-form-job-search-page .form-submit {
  margin: 0;
}

.page-support-download #highlighted {
  overflow: visible;
}

.sat-page.view,
#views-exposed-form-job-search-page {
  margin-top: 71px;
  margin-bottom: 52px;
}

#node-168 .app,
#node-244 .app {
  display: none;
}

#block-menu-block-1 li.last.menu-mlid-1066 a {
  width: 160px !important;
  display: inline-block !important;
}

li.last.menu-mlid-1066 {
  width: 25% !important;
}

#node-281 .ctc .pqc a,
#node-63 .ctc .pqc a {
  display: inline !important;
  border: 0;
  padding: 0;
  float: none;
  text-decoration: underline;
}

h1.gst a {
  padding: 4px 30px;
  border: 2px solid #fff;
  vertical-align: middle;
  border-radius: 30px;
  margin: 30px 0;
  font-size: 20px;
  color: #fff;
  background: transparent !important
}

.sat-page .form-item-keys input,
#views-exposed-form-job-search-page .views-widget-filter-title input,
#views-exposed-form-job-search-page .form-item-keys input {
  width: 495px;
  height: 36px;
  margin-right: 10px;
}

form#search-form #edit-basic .form-submit,
.sat-page.view .form-submit,
#views-exposed-form-job-search-page .form-submit {
  margin: 0;
  height: 42px;
  width: 42px;
  cursor: pointer;
  border-radius: 42px;
  border: 0;
  background: url(../images/search.png) no-repeat center #009d9f;
  text-indent: -9999px;
}

.search-results a {
  color: #5fadc1;
}

.search-results {
  width: 1100px;
  margin: 0 auto;
  padding-left: 0;
}

form#search-form #edit-basic .form-submit {
  line-height: 50px;
  margin-left: 10px;
}

.sat-page .form-submit:hover,
#views-exposed-form-job-search-page .form-submit:hover {
  background: url(../images/search.png) no-repeat center #488392;
}

#edit-field-classification-value-wrapper {
  float: right;
}

.views-field-field-requirements,
.views-field-field-key-responsibilities,
.views-field-field-job-number {
  display: none;
}

.view.view-job-search table {
  position: relative;
  width: 100%;
}

.view.view-job-search th,
.view.view-job-search td {
  padding-left: 40px;
  background: #fff;
  height: 70px;
  border: 1px solid #ccc;
  font-size: 20px;
}

.view.view-job-search th {
  background: #c0c0c0;
}

.view.view-job-search td {
  color: #666;
}

.view.view-job-search td.pop.active {
  right: 0px;
}

.view.view-job-search td.pop {
  height: auto;
  position: absolute;
  top: 0;
  padding: 40px 80px;
  z-index: 10;
  right: -779px;
  width: 720px;
  transition: right 0.6s;
  -moz-transition: right 0.6s;
  -webkit-transition: right 0.6s;
  -o-transition: right 0.6s;
}

.sat-page #edit-field-type-tid-wrapper {
  width: 100%;
  clear: both;
  margin: 30px 0;
  padding-right: 0;
}

.view.view-job-search .views-field-title {
  cursor: pointer;
}

.view.view-job-search td.pop li,
.view.view-job-search td.pop p {
  line-height: 34px;
}

.view.view-job-search td.pop .close:hover {
  background: url(../images/close2.png) no-repeat center;
  opacity: 0.8;
}

.view.view-job-search td.pop .close {
  width: 27px;
  height: 27px;
  background: url(../images/close2.png) no-repeat center;
  position: absolute;
  top: 20px;
  cursor: pointer;
  left: 20px;
  border-radius: 20px;
}

.pop-ct .sec.s2 h3 {
  margin-top: 20px;
}

.pop-ct .sec h3 {
  font-size: 20px;
  margin: 0;
  margin-bottom: 8px;
}

.pop-ct .s1.sec h3 {
  font-size: 25px;
  color: #5fadc1;
  margin: 0;
  font-weight: bold;
  margin-bottom: 20px;
}

.pop-ct .sec.s2 {
  background: #efefef;
  padding: 10px 40px;
  margin: 20px 0;
  margin-left: -40px;
  border-radius: 6px;
}

.body-normal-page-style #header .hm.hm-1,
.views-developer-zone #header .hm.hm-1,
.i18n-zh-hans.page-products-hardware-services #header .hm.hm-1,
.page-node-3023 #header .hm.hm-1,
.page-node-2944 #header .hm.hm-1,
.page-company-contact-extra #header .hm.hm-1,
.page-node-2062 #header .hm.hm-1,
.page-node-2063 #header .hm.hm-1,
.page-node-1577 #header .hm.hm-1,
.page-node-1576 #header .hm.hm-1,
.page-node-2563 #header .hm.hm-1,
.page-node-2562 #header .hm.hm-1,
.page-node-280 #header .hm.hm-1,
.page-node-282 #header .hm.hm-1,
.page-node-55 #header .hm.hm-1,
.page-node-62 #header .hm.hm-1,
.page-node-2118 #header .hm.hm-1,
.page-node-2117 #header .hm.hm-1,
.page-node-2119 #header .hm.hm-1,
.page-node-2122 #header .hm.hm-1,
.page-node-2124 #header .hm.hm-1,
.page-node-2121 #header .hm.hm-1,
.page-node-2120 #header .hm.hm-1,
.page-node-2102 #header .hm.hm-1,
.page-node-326 #header .hm.hm-1,
.page-node-596 #header .hm.hm-1,
.page-node-695 #header .hm.hm-1,
.node-type-document-map #header .hm.hm-1,
.page-node-608 #header .hm.hm-1,
.html.views-book #header .hm.hm-1,
.html.views-course #header .hm.hm-1,
.page-node-712 #header .hm.hm-1,
.guide-page #header .hm.hm-1,
.page-support-download #header .hm.hm-1,
.page-certification #header .hm.hm-1,
.page-certificates #header .hm.hm-1,
.page-certificates #header .hm.hm-1,
.page-node-285 #header .hm.hm-1,
.page-node-68 #header .hm.hm-1,
.page-node-1985 #header .hm.hm-1,
.page-node-1993 #header .hm.hm-1,
.page-company-job-opportunities-job-search #header .hm.hm-1 {
  background-image: url(../images/lineb.png);
}

.body-normal-page-style #header .hm.hm-1 h2,
.views-developer-zone #header .hm.hm-1 h2,
.i18n-zh-hans.page-products-hardware-services #header .hm.hm-1 h2,
.page-node-3023 #header .hm.hm-1 h2,
.page-node-2944 #header .hm.hm-1 h2,
.page-company-contact-extra #header .hm.hm-1 h2,
.page-node-2062 #header .hm.hm-1 h2,
.page-node-2063 #header .hm.hm-1 h2,
.page-node-1577 #header .hm.hm-1 h2,
.page-node-1576 #header .hm.hm-1 h2,
.page-node-2563 #header .hm.hm-1 h2,
.page-node-2562 #header .hm.hm-1 h2,
.page-node-280 #header .hm.hm-1 h2,
.page-node-282 #header .hm.hm-1 h2,
.page-node-55 #header .hm.hm-1 h2,
.page-node-62 #header .hm.hm-1 h2,
.page-node-2118 #header .hm.hm-1 h2,
.page-node-2117 #header .hm.hm-1 h2,
.page-node-2119 #header .hm.hm-1 h2,
.page-node-2122 #header .hm.hm-1 h2,
.page-node-2124 #header .hm.hm-1 h2,
.page-node-2121 #header .hm.hm-1 h2,
.page-node-2120 #header .hm.hm-1 h2,
.page-node-2102 #header .hm.hm-1 h2,
.page-node-326 #header .hm.hm-1 h2,
.page-node-596 #header .hm.hm-1 h2,
.page-node-695 #header .hm.hm-1 h2,
.node-type-document-map #header .hm.hm-1 h2,
.page-node-608 #header .hm.hm-1 h2,
.html.views-book #header .hm.hm-1 h2,
.html.views-course #header .hm.hm-1 h2,
.page-node-712 #header .hm.hm-1 h2,
.guide-page #header .hm.hm-1 h2,
.page-support-download #header .hm.hm-1 h2,
.page-certification #header .hm.hm-1 h2,
.page-certificates #header .hm.hm-1 h2,
.page-certificates #header .hm.hm-1 h2,
.page-node-285 #header .hm.hm-1 h2,
.page-node-68 #header .hm.hm-1 h2,
.page-node-1985 #header .hm.hm-1 h2,
.page-node-1993 #header .hm.hm-1 h2,
.page-company-job-opportunities-job-search #header .hm.hm-1 h2 {
  border-color: #333;
}

.body-normal-page-style #header .hm h2,
.views-developer-zone #header .hm h2,
.i18n-zh-hans.page-products-hardware-services #header .hm h2,
.page-node-3023 #header .hm h2,
.page-node-2944 #header .hm h2,
.page-company-contact-extra #header .hm h2,
.page-node-2062 #header .hm h2,
.page-node-2063 #header .hm h2,
.page-node-1577 #header .hm h2,
.page-node-1576 #header .hm h2,
.page-node-2563 #header .hm h2,
.page-node-2562 #header .hm h2,
.page-node-280 #header .hm h2,
.page-node-282 #header .hm h2,
.page-node-55 #header .hm h2,
.page-node-62 #header .hm h2,
.page-node-2118 #header .hm h2,
.page-node-2117 #header .hm h2,
.page-node-2119 #header .hm h2,
.page-node-2122 #header .hm h2,
.page-node-2124 #header .hm h2,
.page-node-2121 #header .hm h2,
.page-node-2120 #header .hm h2,
.page-node-2102 #header .hm h2,
.page-node-326 #header .hm h2,
.page-node-596 #header .hm h2,
.page-node-695 #header .hm h2,
.node-type-document-map #header .hm h2,
.html.views-book #header .hm h2,
.html.views-course #header .hm h2,
.page-node-608 #header .hm h2,
.page-node-712 #header .hm h2,
.guide-page #header .hm h2,
.page-support-download #header .hm h2,
.page-certification #header .hm h2,
.page-certificates #header .hm h2,
.page-certificates #header .hm h2,
.page-node-285 #header .hm h2,
.page-node-68 #header .hm h2,
.page-node-1985 #header .hm h2,
.page-node-1993 #header .hm h2,
.page-company-job-opportunities-job-search #header .hm h2 {
  background-image: url(../images/abb.png);
  background-repeat: no-repeat;
}

.i18n-zh-hans.page-products-hardware-services #header,
.page-node-3023 #header,
.page-node-2944 #header {
  color: #333;
}

.body-normal-page-style #header,
.views-developer-zone #header,
.page-company-contact-extra #header,
.page-node-2062 #header,
.page-node-2063 #header,
.page-node-1577 #header,
.page-node-1576 #header,
.page-node-2563 #header,
.page-node-2562 #header,
.page-node-280 #header,
.page-node-282 #header,
.page-node-55 #header,
.page-node-62 #header,
.page-node-2118 #header,
.page-node-2117 #header,
.page-node-2119 #header,
.page-node-2122 #header,
.page-node-2124 #header,
.page-node-2121 #header,
.page-node-2120 #header,
.page-node-2102 #header,
.page-node-326 #header,
.guide-page #header,
.page-support-download #header,
.page-node-285 #header,
.page-node-68 #header,
.page-node-1985 #header,
.page-node-1993 #header,
.page-node-69 #header,
.page-node-70 #header,
.page-node-469 #header,
.page-node-470 #header,
.page-node-596 #header,
.page-node-695 #header,
.node-type-document-map #header,
.html.views-book #header,
.html.views-course #header,
.page-node-608 #header,
.page-node-712 #header,
.page-certification #header,
.page-certificates #header,
.page-company-job-opportunities-job-search #header {
  position: relative;
  padding: 34px 0;
  margin: 0;
  background: #efefef;
  color: #333;
}

.body-normal-page-style.body-transparent-background #header{
  background: transparent;
}

form#search-form .form-item-keys label {
  display: none;
}

.page-search #container a:hover {
  text-decoration: underline;
}

.page-search #container a {
  color: #5fadc1;
}

.page-search #container h2 {
  display: none;
}

.page-search #container {
  width: 1140px;
  margin: 100px auto;
}

.page-search #breadcrumb,
.page-node-18 #breadcrumb {
  display: none;
}

.body-normal-page-style #header #logo,
.views-developer-zone #header #logo,
.i18n-zh-hans.page-products-hardware-services #header #logo,
.page-node-3023 #header #logo,
.page-node-2944 #header #logo,
.page-company-contact-extra #header #logo,
.page-node-2062 #header #logo,
.page-node-2063 #header #logo,
.page-node-1577 #header #logo,
.page-node-1576 #header #logo,
.page-node-2562 #header #logo,
.page-node-2563 #header #logo,
.page-node-280 #header #logo,
.page-node-282 #header #logo,
.page-node-55 #header #logo,
.page-node-62 #header #logo,
.page-node-2118 #header #logo,
.page-node-2117 #header #logo,
.page-node-2119 #header #logo,
.page-node-2122 #header #logo,
.page-node-2124 #header #logo,
.page-node-2121 #header #logo,
.page-node-2120 #header #logo,
.page-node-2102 #header #logo,
.page-search #header #logo,
.page-node-18 #header #logo,
.page-node-326 #header #logo,
.page-node-596 #header #logo,
.page-node-695 #header #logo,
.node-type-document-map #header #logo,
.html.views-book #header #logo,
.html.views-course #header #logo,
.page-node-608 #header #logo,
.page-node-712 #header #logo,
.guide-page #header #logo,
.media-overview #header #logo,
.page-support-download #logo,
.page-node-285 #logo,
.page-node-68 #logo,
.page-node-1985 #logo,
.page-node-1993 #logo,
.page-node-69 #logo,
.page-node-70 #logo,
.page-node-469 #logo,
.page-node-470 #logo,
.page-certification #logo,
.page-certificates #logo,
.page-company-job-opportunities-job-search #logo {
  background: url(../images/logo.svg) no-repeat left center;
  background-size: auto 46px;
}

a#logo img {
  width: auto;
  height: 100%;
}

.mobile-btn {
  display: none;
}

.body-normal-page-style #header img,
.views-developer-zone #header img,
.i18n-zh-hans.page-products-hardware-services #header img,
.page-node-3023 #header img,
.page-node-2944 #header img,
.page-company-contact-extra #header img,
.page-node-2062 #header img,
.page-node-2063 #header img,
.page-node-1576 #header img,
.page-node-1577 #header img,
.page-node-2563 #header img,
.page-node-2562 #header img,
.page-node-280 #header img,
.page-node-282 #header img,
.page-node-55 #header img,
.page-node-62 #header img,
.page-node-2118 #header img,
.page-node-2117 #header img,
.page-node-2119 #header img,
.page-node-2122 #header img,
.page-node-2124 #header img,
.page-node-2121 #header img,
.page-node-2120 #header img,
.page-node-2102 #header img,
.page-search #header img,
.page-node-18 #header img,
.page-node-326 #header img,
.page-node-596 #header img,
.page-node-695 #header img,
.node-type-document-map #header img,
.html.views-book #header img,
.html.views-course #header img,
.page-node-608 #header img,
.page-node-712 #header img,
.guide-page #header img,
.media-overview #header img,
.page-support-download #logo img,
.page-node-285 #logo img,
.page-node-69 #logo img,
.page-node-70 #logo img,
.page-node-469 #logo img,
.page-node-470 #logo img,
.page-node-68 #logo img,
.page-node-1985 #logo img,
.page-node-1993 #logo img,
.page-certification #logo img,
.page-certificates #logo img,
.page-company-job-opportunities-job-search #logo img {
  opacity: 0;
}

span.back {
  position: absolute;
  top: -30px;
  background: url(../images/back-arrow.png) no-repeat center;
  width: 20px;
  height: 20px;
  display: block;
  text-indent: -9999px;
}

p.search-snippet {
  margin-bottom: 10px;
}

.search-results .search-snippet-info {
  padding-left: 0;
}

.pop-ct .at,
.pop-ct .sct {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.view.view-job-search .views-field-nid a {
  width: 25px;
  height: 25px;
  display: block;
  background: url(../images/apply.png) no-repeat center;
  background-size: contain;
  margin-left: 11px;
}

.sat-page .view-filters label {
  font-weight: normal;
  font-size: 20px;
}

.view-documentation .views-field-title .title-content {
  padding-top: 0 !important;
  padding-bottom: 15px;
}

.DOC .view-content table:last-child {
  margin-bottom: 0;
}

.view-documentation,
.sat-page {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  color: #333;
}

#edit-field-technology-tid-wrapper,
#edit-field-type-tid-1-wrapper {
  font-size: 20px;
}

#edit-field-technology-tid-wrapper .views-widget select,
#edit-field-type-tid-1-wrapper .views-widget select {
  width: 228px;
  height: 42px;
  margin-left: 20px;
  font-size: 20px;
  padding: 6px 0;
  padding-left: 12px;
  font-weight: normal;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  border: 1px solid #ccc;
}

#edit-field-type-tid-wrapper .form-type-bef-checkbox {
  float: left;
}

#edit-field-type-tid-wrapper label {
  margin-right: 70px;
  margin-bottom: 10px;
}

#edit-field-type-tid-wrapper .views-widget label {
  margin-right: 39px;
}

#edit-field-type-tid-wrapper label {
  float: left;
}

#edit-field-technology-tid-wrapper label,
#edit-field-technology-tid-wrapper .views-widget,
#edit-field-type-tid-1-wrapper label,
#edit-field-type-tid-1-wrapper .views-widget {
  float: left;
  line-height: 42px;
  font-weight: normal;
}

a.apply:hover {
  background: rgba(0, 0, 0, 0.1);
}

a.apply:hover span {
  margin-left: 20px;
}

#edit-field-technology-tid-wrapper,
#edit-field-type-tid-1-wrapper {
  font-size: 20px;
  margin-left: 86px;
  padding-right: 0;
}

a.apply span {
  position: absolute;
  margin-left: 10px;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}

a.apply {
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  border: 2px solid #333;
  display: block;
  float: left;
  color: #333;
  line-height: 31px;
  padding-right: 20px;
  margin-top: 20px;
  width: 155px;
  height: 35px;
  text-align: center;
}

#node-285,
#node-68,
#node-1993,
#node-1985 {
  width: 1140px;
  margin: 62px auto;
}

#node-285 .field-name-body h2,
#node-1985 .field-name-body h2,
#node-1993 .field-name-body h2,
#node-68 .field-name-body h2 {
  font-size: 34px;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 35px;
}

div#webform-component-zhi-wei-ming-cheng- {
  display: none;
}

#node-285 form,
#node-1985 form,
#node-1993 form,
#node-68 form {
  width: 100%;
  margin: 0;
}

div#webform-component-job-name {
  display: none;
}

#node-285 fieldset,
#node-1985 fieldset,
#node-1993 fieldset,
#node-68 fieldset {
  border: 0;
  padding: 0 3px;
  margin: 0;
}

#node-285 .webform-component-fieldset .webform-component-fieldset legend,
#node-1985 .webform-component-fieldset .webform-component-fieldset legend,
#node-1993 .webform-component-fieldset .webform-component-fieldset legend,
#node-68 .webform-component-fieldset .webform-component-fieldset legend {
  font-size: 24px;
  font-weight: lighter;
  padding: 0;
  margin: 0;
  border: 0;
}

#node-285 .webform-component-fieldset legend,
#node-1985 .webform-component-fieldset legend,
#node-1993 .webform-component-fieldset legend,
#node-68 .webform-component-fieldset legend {
  font-size: 28px;
  padding-bottom: 23px;
  font-weight: bold;
  margin-bottom: 18px;
  border-bottom: 1px solid #333;
  display: block;
  width: 100%;
  letter-spacing: 1.6px;
}

fieldset#webform-component-enter-the-requested-information--contact-information label,
fieldset#webform-component-enter-the-requested-information--contact-information1 label {
  width: 186px;
  float: left;
  font-size: 20px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  margin-bottom: 0;
  margin-top: 6px;
}

fieldset#webform-component-enter-the-requested-information--contact-information select,
fieldset#webform-component-enter-the-requested-information--contact-information input,
fieldset#webform-component-enter-the-requested-information--contact-information1 select,
fieldset#webform-component-enter-the-requested-information--contact-information1 input {
  width: 360px;
  height: 40px;
}

fieldset#webform-component-enter-the-requested-information--contact-information .webform-component,
fieldset#webform-component-enter-the-requested-information--contact-information1 .webform-component {
  float: left;
  margin-bottom: 0;
  margin-top: 8px;
}

fieldset#webform-component-enter-the-requested-information--contact-information .webform-component.even,
fieldset#webform-component-enter-the-requested-information--contact-information1 .webform-component.even {
  margin-right: 36px;
}

#node-285 fieldset#webform-component-enter-the-requested-information--education-summary,
#node-1985 fieldset#webform-component-enter-the-requested-information--education-summary,
#node-1993 fieldset#webform-component-enter-the-requested-information--education-summary,
#node-68 fieldset#webform-component-enter-the-requested-information--education-summary {
  margin-top: 20px;
}

#node-285 label,
#node-1985 label,
#node-1993 label,
#node-68 label {
  font-size: 20px;
  float: left;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-weight: normal;
}

fieldset#webform-component-enter-the-requested-information--education-summary label {
  width: 254px;
  margin-top: 6px;
}

fieldset#webform-component-enter-the-requested-information--education-summary select,
fieldset#webform-component-enter-the-requested-information--education-summary input.form-text {
  width: 290px;
  height: 40px;
}

#node-285 fieldset#webform-component-enter-the-requested-information--education-summary .form-item.webform-component,
#node-1985 fieldset#webform-component-enter-the-requested-information--education-summary .form-item.webform-component,
#node-1993 fieldset#webform-component-enter-the-requested-information--education-summary .form-item.webform-component,
#node-68 fieldset#webform-component-enter-the-requested-information--education-summary .form-item.webform-component {
  margin-top: 10px;
  float: left;
  margin-bottom: -2px;
}

#webform-component-enter-the-requested-information--education-summary--major-field-of-study label {
  margin-left: 40px;
}

#node-285 input.form-radio,
#node-1985 input.form-radio,
#node-1993 input.form-radio,
#node-68 input.form-radio {
  height: auto;
  width: auto;
  display: inline;
}

#node-285 .form-type-radio,
#node-1985 .form-type-radio,
#node-1993 .form-type-radio,
#node-68 .form-type-radio {
  float: left;
  margin: 3px 20px 0 0;
}

#node-285 label.option,
#node-1985 label.option,
#node-1993 label.option,
#node-68 label.option {
  width: auto;
  height: auto;
  float: none;
  font-size: 18px;
  vertical-align: sub;
}

#edit-submitted-enter-the-requested-information-education-summary-graduated-completed {
  float: left;
}

#webform-component-enter-the-requested-information--education-summary--date-obtained select {
  width: auto;
  height: auto;
}

#node-285 input.webform-calendar,
#node-1985 input.webform-calendar,
#node-1993 input.webform-calendar,
#node-68 input.webform-calendar {
  display: none;
}

div#webform-component-enter-the-requested-information--education-summary--date-obtained select {
  width: 94px;
  font-size: 16px;
}

#node-285 .webform-container-inline.webform-datepicker,
#node-1985 .webform-container-inline.webform-datepicker,
#node-1993 .webform-container-inline.webform-datepicker,
#node-68 .webform-container-inline.webform-datepicker {
  float: left;
}

#webform-component-enter-the-requested-information--education-summary--date-obtained {
  margin-left: 17px;
}

fieldset#webform-component-enter-the-requested-information--employment-summary {
  margin: 20px 0;
}

fieldset#webform-component-enter-the-requested-information--employment-summary select,
fieldset#webform-component-enter-the-requested-information--employment-summary input.form-text {
  width: 360px;
  height: 40px;
}

fieldset#webform-component-enter-the-requested-information--employment-summary label {
  width: 186px;
}

fieldset#webform-component-enter-the-requested-information--employment-summary .form-item.webform-component {
  float: left;
  margin-bottom: -6px;
}

fieldset#webform-component-enter-the-requested-information--employment--summary {
  margin: 20px 0;
}

fieldset#webform-component-enter-the-requested-information--employment--summary select,
fieldset#webform-component-enter-the-requested-information--employment--summary input.form-text {
  width: 360px;
  height: 40px;
}

fieldset#webform-component-enter-the-requested-information--employment--summary label {
  width: 186px;
}

fieldset#webform-component-enter-the-requested-information--employment--summary .form-item.webform-component {
  float: left;
  margin-bottom: -6px;
}

div#webform-component-enter-the-requested-information--employment-summary--time-in-company,
div#webform-component-enter-the-requested-information--employment-summary--time-in-position,
div#webform-component-enter-the-requested-information--employment--summary--time-in-company,
div#webform-component-enter-the-requested-information--employment--summary--time-in-position {
  margin-left: 36px;
}

#webform-component-enter-the-requested-information--employment--summary--core-skills {
  clear: both;
}

#edit-submitted-enter-the-requested-information-employment-summary-current-employer {
  float: left;
  margin-left: 232px;
}

#node-285 input#edit-submitted-enter-the-requested-information-employment-summary-core-skills,
#node-1985 input#edit-submitted-enter-the-requested-information-employment-summary-core-skills,
#node-1993 input#edit-submitted-enter-the-requested-information-employment-summary-core-skills,
#node-68 input#edit-submitted-enter-the-requested-information-employment-summary-core-skills {
  width: 942px;
}

input.form-checkbox {
  width: auto;
  height: auto;
  vertical-align: sub;
}

#webform-component-enter-the-requested-information--programming-language {
  margin: 30px 0;
}

#webform-component-enter-the-requested-information--employment-summary--core-skills label,
#webform-component-enter-the-requested-information--employment--summary--core-skills label {
  margin-top: 5px;
}

#webform-component-enter-the-additional-information--analog-design-basic-concepts label,
div#webform-component-enter-the-additional-information--equipment label,
#webform-component-enter-the-requested-information--programming-language label {
  font-size: 26px;
  margin-bottom: 11px;
  font-weight: normal;
}

#webform-component-enter-the-additional-information--analog-design-basic-concepts div#edit-submitted-enter-the-additional-information-analog-design-basic-concepts label,
div#webform-component-enter-the-additional-information--equipment #edit-submitted-enter-the-additional-information-equipment label,
#webform-component-enter-the-requested-information--programming-language #edit-submitted-enter-the-requested-information-programming-language label {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

div#edit-submitted-enter-the-additional-information-analog-design-basic-concepts,
#edit-submitted-enter-the-additional-information-equipment,
div#edit-submitted-enter-the-requested-information-programming-language {
  clear: both;
  overflow: hidden;
}

#edit-submitted-enter-the-requested-information-programming-language .form-type-checkbox {
  width: 20%;
  float: left;
  margin-bottom: 16px;
}

div#edit-submitted-enter-the-additional-information-analog-design-basic-concepts .form-type-checkbox {
  width: 33.3%;
  float: left;
  margin-bottom: 16px;
}

#edit-submitted-enter-the-additional-information-equipment .form-type-checkbox {
  width: 25%;
  float: left;
  margin-bottom: 16px;
}

input#edit-submitted-enter-the-additional-information-equipment-others,
input#edit-submitted-enter-the-additional-information-design-basic-others,
input#edit-submitted-enter-the-requested-information-others {
  width: 1040px;
  margin-left: 32px;
  height: 40px;
}

#webform-component-enter-the-additional-information--Design-Basic-others label,
#webform-component-enter-the-additional-information--Equipment-others label,
#webfmrm-component-enter-the-requested-information--others label {
  margin-top: 6px;
}

#webform-component-enter-the-requested-information--others {
  margin-top: -19px;
  margin-bottom: 0;
}

#node-285 fieldset#webform-component-enter-the-additional-information legend,
#node-1985 fieldset#webform-component-enter-the-additional-information legend,
#node-1993 fieldset#webform-component-enter-the-additional-information legend,
#node-68 fieldset#webform-component-enter-the-additional-information legend {
  padding-bottom: 28px;
}

fieldset#webform-component-enter-the-additional-information {
  margin: 26px 0;
}

#webform-component-enter-the-additional-information--equipment {
  margin: 0;
}

#node-285 #edit-submitted-enter-the-additional-information-equipment .form-item-submitted-enter-the-additional-information-equipment-Communications-Signal-Generator,
#node-1985 #edit-submitted-enter-the-additional-information-equipment .form-item-submitted-enter-the-additional-information-equipment-Communications-Signal-Generator,
#node-1993 #edit-submitted-enter-the-additional-information-equipment .form-item-submitted-enter-the-additional-information-equipment-Communications-Signal-Generator,
#node-68 #edit-submitted-enter-the-additional-information-equipment .form-item-submitted-enter-the-additional-information-equipment-Communications-Signal-Generator {
  width: 500px;
}

#node-68 form .captcha label,
#node-1985 form .captcha label,
#node-1993 form .captcha label,
div#edit-submitted-upload-resume-ajax-wrapper label,
#webform-component-analog-design-circuits label {
  font-size: 26px;
  margin-bottom: 11px;
  font-weight: normal;
}

div#edit-submitted-upload-resume-ajax-wrapper label {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

#webform-component-analog-design-circuits {
  margin-top: -40px;
}

#edit-submitted-upload-resume-ajax-wrapper input.form-submit {
  float: right;
  /* margin-right: -185px; */
  border-radius: 0;
  height: 43px;
  border: 1px solid #222;
  margin-top: -1px;
  margin-right: 0;
}

#edit-submitted-upload-resume-ajax-wrapper .form-file {
  outline: none;
  border: 0;
  height: 20px;
  font-size: 12px;
  padding: 10px 0;
  line-height: 20px;
  box-sizing: content-box;
}

#edit-submitted-upload-resume-ajax-wrapper .form-managed-file {
  /*clear: both;*/
  /*width: 955px;*/
  height: 43px;
  /* border: 1px solid #333; */
  padding-left: 10px;
  box-sizing: border-box;
}

#node-285 span.field-prefix,
#node-1985 span.field-prefix,
#node-1993 span.field-prefix,
#node-68 span.field-prefix {
  display: block;
  clear: both;
}

#node-470,
#node-469,
#node-70,
#node-69 {
  width: 1140px;
  margin: 100px auto;
}

#node-470 h1,
#node-469 h1,
#node-70 h1,
#node-69 h1 {
  text-align: center;
}

#node-470 p,
#node-469 p,
#node-70 p,
#node-69 p {
  font-weight: lighter;
  line-height: 30px;
}

.main-menu .content li.accout-menu ul.menu {
  top: -260px;
}

a.madd-blog.active,
a.madd-blog:hover {
  background-image: url(../images/mh-add.png);
}

a.madd-blog {
  background: url(../images/m-add.png) no-repeat center top;
}

a.m-edit.active,
a.m-edit:hover {
  background-image: url(../images/mh-edit.png);
}

a.m-edit {
  background: url(../images/m-edit.png) no-repeat center top;
}

a.m-accout.active,
a.m-accout:hover {
  background-image: url(../images/mh-acc.png);
}

a.m-accout {
  background: url(../images/m-acc.png) no-repeat center top;
}

.com-words {
  position: absolute;
  top: 190px;
  left: 165px;
  z-index: 10;
  font-size: 20px;
  color: #444;
  line-height: 36px;
  width: 430px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.fc.wwa.esp8266 .col-2.col-4 {
  background: #b4cfec;
}

.fc.wwa.esp8266 .col-2 {
  background: #efefef;
  color: #333;
}

.fc.wwa.esp8266 .col-2 .ab-img {
  position: absolute;
  left: 90px;
  bottom: -83px;
}

.fc.wwa.esp8266 .col-1 .ab-img {
  bottom: -70px;
  left: 180px;
}

.fc.wwa.esp8266 .col-1.col-three .ab-img {
  bottom: -81px;
  left: 150px;
}

.wwa.fc.esp8266 .col .ctt {
  padding: 140px 0;
}

#block-block-21 h2,
#block-views-media-block-3 h2,
#block-views-media-block-2 h2,
.app h1 {
  text-align: center;
  margin: 85px 0 67px;
  font-size: 46px;
  color: #333;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.CMC.black .content a.active,
.CMC.black .content a.active-trail,
.CMC.black .content a:hover {
  background: #333;
}

.flexslider .slides>li {
  float: left;
  overflow: visible;
}

.list-media.list-a .view-content ul li .fw {
  height: auto;
  margin: 0;
  box-shadow: none;
  background: transparent;
}

.list-media.list-a .view-content ul li {
  overflow: hidden;
  height: auto;
}

.app li .box {
  padding: 74px 0 65px 0;
  float: left;
  margin: 15px;
  background: #f2f2f2;
  text-align: center;
  position: relative;
  width: 360px;
  margin-bottom: 25px;
  box-shadow: 0px 4px 0px -1px #ddd;
}

.imgwp img {
  vertical-align: middle;
}

.imgwp {
  display: block;
  height: 115px;
  line-height: 115px;
}

.app .slides li h3 {
  margin: 55px 0px 22px;
  font-size: 26px;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  color: #fff;
}

.app .slides li a:hover span {
  margin-left: 16px;
}

.app .slides li a:hover {
  background: rgba(224, 38, 11, 0.3);
}

.app .slides li a {
  color: #fff;
  width: 144px;
  border: 2px solid #fff;
  display: block;
  border-radius: 30px;
  padding-right: 18px;
  line-height: 37px;
  font-size: 20px;
  margin: 0 auto;
  text-align: center;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}

.app .slides li a span {
  position: absolute;
  margin-left: 8px;
  font-size: 20px;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}

#block-views-media-block-2 .list-media {
  width: auto;
}

#block-views-media-block-2 .list-media .view-content .slides ul li {
  margin-bottom: 30px;
  position: relative;
}

#block-menu-block-41,
#block-menu-block-61,
#block-menu-block-18 {
  display: none;
}

.hm.last {
  display: none;
}

.hm.last h2 {
  background: transparent !important;
}

div#block-views-media-block-2 h2 {
  margin-top: 0;
}

div#block-views-media-block-2 {
  background: #f2f2f2;
  margin-top: 100px;
  padding: 100px 0;
}

.contact-us strong {
  color: #e0260b;
}

.contact-us {
  width: 1140px;
  margin: 80px auto;
}

.contact-us p {
  font-size: 30px;
  line-height: 48px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 10px !important;
  border-radius: 14px;
  margin: 2px !important;
  background: #5fadc1 !important;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 14px !important;
  border-radius: 16px;
  margin: 0 !important;
  background: #ddd !important;
}

.block-views .list-media.list-a li .views-field.views-field-type .field-content {
  font-size: 20px;
  padding-left: 20px;
}

.block-views .list-media li .views-field.views-field-type .field-content {
  font-size: 22px;
  height: auto;
  padding: 4px 36px 4px 12px;
}

#block-views-media-block-2.block-views .list-media li .views-field.views-field-title {
  margin-bottom: 75px;
}

.content select {
  appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -webkit-appearance: none;
  background: url(../images/select.png) no-repeat right center;
}

.icheckbox,
.iradio {
  width: 20px;
  height: 20px;
  background: url(../images/minimal.png) no-repeat;
  float: left;
  margin-right: 10px;
  margin-top: 6px;
}

.icheckbox.hover {
  background: url(../images/minimal.png) no-repeat -20px 0;
}

.icheckbox.checked {
  background: url(../images/minimal.png) no-repeat -40px 0;
}

.iradio {
  background: url(../images/minimal.png) no-repeat -98px 0;
}

.iradio.hover {
  background: url(../images/minimal.png) no-repeat -119px 0;
}

.iradio.checked {
  background: url(../images/minimal.png) no-repeat -139px 0;
}

.view.view-job-search .iradio {
  margin-top: 12px;
}

#block-block-19 .com-words {
  color: #fff;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-size: 25px;
  width: 690px;
}

.fc.wwa.wwd.values.product {
  display: none;
}

.fc.wwa.wwd.values.product .col .ctt img {
  position: static;
}

.ind-words a {
  color: #fff;
  font-size: 50px;
}

.ind-words {
  position: absolute;
  right: 200px;
  bottom: 60px;
}

.ind-words a:hover span {
  margin-left: 25px;
}

.ind-words a span {
  margin-left: 15px;
  position: absolute;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}

.page-support-download #breadcrumb,
.page-certification #breadcrumb,
.page-certificates #breadcrumb,
.page-node-79 #breadcrumb,
.page-node-78 #breadcrumb {
  display: none;
}

.cols .sec {
  height: 390px;
  overflow: hidden;
}

.cols .sec .r {
  float: right;
  height: 390px;
}

.cols .sec .l {
  float: left;
  height: 390px;
}

.cols .sec .link a span {
  position: absolute;
  margin-left: 15px;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}

.cols .sec.cs4 .link:hover {
  background: #46808f;
}

.cols .sec.cs2 .link:hover {
  background: #a22520;
}

.cols .sec.cs3 .link:hover {
  background: #11153a;
}

.cols .sec.cs1 .link:hover {
  background: #8da1b7;
}

.cols .sec .link a:hover {
  opacity: 0.8;
}

.cols .sec .link {
  position: relative;
  width: 390px;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}

.cols .cs0 .link {
  background: #d7b2a0;
}

.cols .cs4 .link {
  background: #5fadc1;
}

.cols .cs3 .link {
  background: #5fadc1;
  /* Maybe for blogs? */
}

.cols .cs2 .link {
  background: #d8312b;
}

.cols .img {
  height: 390px;
}

.cols .cs0 .img:hover {
  background-position: 0px -150px;
}

.cols .cs0 .img {
  background: url(../images/s0.jpg) no-repeat 0 0;
  background-size: 100%;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}

.cols .cs1 .img:hover {
  background-position: 0px -150px;
}

.cols .cs1 .img {
  background: url(../images/s1.jpg) no-repeat 0 0;
  background-size: 100%;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}

.page-node-79 .ind-words {
  display: none;
}

.cols .cs2 .img:hover {
  background-position: 0 -150px;
}

.cols .cs2 .img {
  background: url(../images/s2.jpg) no-repeat 0 0;
  background-size: cover;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}

.cols .cs3 .img:hover {
  background-position: 0 -150px;
}

.cols .cs3 .img {
  background: url(../images/s3.jpg) no-repeat 0 0;
  background-size: cover;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}

.cols .cs4 .img:hover {
  background-position: 0 -150px;
}

.cols .cs4 .img {
  background: url(../images/s4.jpg) no-repeat 0 0;
  background-size: cover;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}

.cols .cs1 .link {
  background: #b4cfec;
}

.cols .sec .link.r a {
  left: 20px;
  bottom: 20px;
}

.cols .sec .link.l a {
  right: 50px;
  bottom: 20px;
  text-align: right;
}

.cols .sec .link a:hover span {
  margin-left: 30px;
}

.cols .sec .link a {
  display: block;
  position: absolute;
  width: 330px;
  font-size: 40px;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  color: #fff;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  font-weight: bold;
}

.flex-direction-nav li .flex-prev {
  left: -30px;
  outline: none;
}

.flex-direction-nav li .flex-next {
  right: -30px;
  outline: none;
}

.cols.pd .sec {
  padding: 150px 0;
  overflow: visible;
  position: relative;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}

.cols.pd .cs1 {
  background: url(../images/p1.jpg) no-repeat left top;
  background-size: cover;
}

.cols.pd .cs2 {
  background: url(../images/p2.jpg) no-repeat left top;
  background-size: cover;
}

.cols.pd .cs3 {
  background: url(../images/p3.jpg) no-repeat left top;
  background-size: cover;
}

.cols.pd .cs4 {
  background: url(../images/p4.jpg) no-repeat left top;
  background-size: cover;
}

.pd .words {
  width: 650px;
}

.pd .ctt {
  width: 1140px;
  margin: 0 auto;
}

.pd .cs3 .words,
.pd .cs1 .words {
  float: right;
  color: #fff;
}

.pd .cs4 .words,
.pd .cs2 .words {
  float: left;
  color: #fff;
}

.pd {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.pd .cs3 .words {
  color: #333;
}

.pd img {
  position: absolute;
  z-index: 10;
}

.pd .cs2 img {
  bottom: -70px;
  left: 320px;
}

.pd .cs1 img {
  bottom: -83px;
  left: 310px;
}

.pd .cs3 img {
  left: 300px;
  bottom: -83px;
}

.cols.pd .sec:hover {
  background-position: 0 -50px;
}

#block-block-21 li {
  float: left;
  margin: 15px;
}

#block-block-21 .content {
  width: 1150px;
  margin: 0 auto;
}

.page-node-13 #block-views-media-block-3 .list-media .view-content ul li .fw {
  background: #fff;
}

.page-node-13 #block-views-media-block-3 {
  background: #f2f2f2;
  margin: 0;
  margin-bottom: 20px;
  padding: 10px 0 100px;
}

div#block-block-21 {
  overflow: hidden;
  margin-bottom: 100px;
}

.main-menu a.Industries {
  background: url(../images/mn9.png) no-repeat left center;
}

.main-menu a.software {
  background: url(../images/mn10.png) no-repeat left center;
}

.main-menu a.solutions {
  background: url(../images/mn11.png) no-repeat left center;
}

.main-menu a.Hardware {
  background: url(../images/mn8.png) no-repeat left center;
}

.main-menu a.Industries:hover,
.main-menu a.Industries.active {
  background: url(../images/mn9-h.png) no-repeat left center;
}

.main-menu a.software:hover,
.main-menu a.software.active {
  background: url(../images/mn10-h.png) no-repeat left center;
}

.main-menu a.solutions:hover,
.main-menu a.solutions.active {
  background: url(../images/mn11-h.png) no-repeat left center;
}

.main-menu a.Hardware:hover,
.main-menu a.Hardware.active {
  background: url(../images/mn8-h.png) no-repeat left center;
}

.main-menu a.Services:hover,
.main-menu a.Services.active {
  background: url(../images/mn12-h.png) no-repeat left center;
}

.main-menu a.Services {
  background: url(../images/mn12.png) no-repeat left center;
}

.main-menu .content ul ul li.first.overview {
  display: none;
}

.main-menu a.articles {
  background: url(../images/mn5.png) no-repeat top center;
}

.main-menu a.blog,
.main-menu a.blogs {
  background: url(../images/mn6.png) no-repeat top center;
}

.main-menu a.news {
  background: url(../images/mn4.png) no-repeat top center;
}

.main-menu a.videos {
  background: url(../images/mn7.png) no-repeat top center;
}

.main-menu a.articles.active,
.main-menu a.articles:hover {
  background: url(../images/mn5-h.png) no-repeat top center;
}

.main-menu a.blog.active,
.main-menu a.blog:hover,
.main-menu a.blogs.active,
.main-menu a.blogs:hover {
  background: url(../images/mn6-h.png) no-repeat top center;
}

.main-menu a.news.active,
.main-menu a.news:hover {
  background: url(../images/mn4-h.png) no-repeat top center;
}

.main-menu a.videos.active,
.main-menu a.videos:hover {
  background: url(../images/mn7-h.png) no-repeat top center;
}

.main-menu a.about {
  background: url(../images/mn1.png) no-repeat left center;
}

.main-menu a.contact-us {
  margin: 0;
  background: url(../images/mn2.png) no-repeat left center;
}

.main-menu a.jobo {
  background: url(../images/mn3.png) no-repeat left center;
}

.main-menu a.about:hover,
.main-menu a.about.active {
  background: url(../images/mn1-h.png) no-repeat left center;
}

.main-menu #contact-us-menu ul a.contact-us:hover,
.main-menu #contact-us-menu ul a.contact-us.active {
  background: url(../images/mn2-h.png) no-repeat left 12px;
}

.main-menu a.contact-us:hover,
.main-menu a.contact-us.active {
  background: url(../images/mn2-h.png) no-repeat center 12px;
}


.main-menu a.jobo:hover,
.main-menu a.jobo.active {
  background: url(../images/mn3-h.png) no-repeat left center;
}

#block-block-43 h2,
.faq-page h2.view-title,
#block-views-faq-block-3 h2,
.product .FAQ h2 {
  padding-left: 70px;
  line-height: 46px;
  font-size: 25px;
  background: url(../images/faq.png) no-repeat left center;
}

#block-block-43 p {
  font-size: 20px;
  line-height: 32px;
}

#block-block-43 h2 {
  background: url(../images/intro.png) no-repeat left center;
}

.GS .view-faq .views-field.views-field-title .field-content span {
  display: none;
}

.view-sample-codes .views-field.views-field-title .field-content span.active,
.view-faq .views-field.views-field-title .field-content span.active {
  background: url(../images/close3.png) no-repeat center;
}

.view-sample-codes .views-field.views-field-title .field-content span,
.view-faq .views-field.views-field-title .field-content span {
  height: 23px;
  width: 23px;
  cursor: pointer;
  margin-top: 5px;
  margin-right: -35px;
  display: block;
  float: right;
  background: url(../images/open.png) no-repeat center;
}

#block-block-54 .com-img {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 110px;
}

#block-block-54 .com-img img {
  width: auto;
  display: inline;
}

#block-block-54 .com-img h2 {
  font-size: 50px;
  color: #fff;
  margin: 100px 0 40px;
}

.company #more .item.m1 {
  background: url(../images/com-2.jpg) no-repeat;
  background-size: cover;
}

.company #more .item.m2 {
  background: url(../images/com-3.jpg) no-repeat;
  background-size: cover;
}

.company #more .item.m3 {
  background: url(../images/com-4.jpg) no-repeat;
  background-size: cover;
}

.company .app .slides li h3 {
  width: 300px;
  height: 80px;
  margin: 0 auto;
}

.company .ct-1 .content img {
  position: absolute;
}

.company .ct-1 .content {
  width: 1170px;
  position: relative;
  margin: 0 auto;
}

.company .ct-1 .content p {
  font-size: 25px;
  line-height: 50px;
}

.company .ct-1 {
  background: #4b3074;
  color: #fff;
  padding: 100px 0;
}

.company #more .item.m2 {
  color: #fff;
}

.company .ct-1 .content img {
  position: absolute;
  left: 49%;
  top: -170px;
}

.company #more a:hover {
  background: transparent;
}

.company #more a {
  background: transparent;
  border: 2px solid #fff;
  border-radius: 30px;
}

.view-sample-codes .views-field.views-field-field-file {
  margin-top: 50px;
}

.view-sample-codes .views-field.views-field-field-file,
.view-sample-codes .views-field.views-field-field-content,
.view-faq .views-field.views-field-field-answer {
  display: none;
}

.view-sample-codes .views-field.views-field-field-content .field-content p,
.view-faq .views-field.views-field-field-answer .field-content p {
  line-height: 30px;
}

.view-sample-codes .views-field.views-field-field-content .field-content,
.view-faq .views-field.views-field-field-answer .field-content {
  font-size: 20px;
  padding-top: 20px;
}

.view-sample-codes .views-field.views-field-title .field-content,
.view-faq .views-field.views-field-title .field-content {
  display: block;
  font-size: 22px;
  font-weight: bold;
}

.view-sample-codes .views-row,
.view-faq .views-row {
  padding: 18px 0;
  border-bottom: 1px solid #ddd;
  padding-right: 35px;
  position: relative;
}

#block-views-faq-block-3,
.product .FAQ {
  width: 1140px;
  margin: 0 auto;
}

#inside.contextual-links-region {
  position: static;
}

.view-sample-codes .view-content,
.view-faq .view-content {
  clear: both;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

ul.cto li.close {
  float: right;
  background: url(../images/close3.png) no-repeat right center;
}

ul.cto li.open {
  float: right;
  background: url(../images/open.png) no-repeat right center;
}

ul.cto li {
  padding-right: 35px;
  margin-left: 33px;
  line-height: 23px;
  font-size: 15px;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  color: #009d9f;
  cursor: pointer;
}

ul.cto {
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  padding-bottom: 22px;
}

.view-documentation table,
.sat-page table,
#block-views-sdks-demos-block-5 table,
#block-views-sdks-demos-block-4 table,
#block-views-sdks-demos-block-3 table,
.product .TOOLS table,
.product .APKS table,
.product .SDK table {
  width: 100%;
}

.view-documentation th,
.view-documentation td,
.sat-page th,
.sat-page td,
#block-views-sdks-demos-block-5 th,
#block-views-sdks-demos-block-5 td,
#block-views-sdks-demos-block-4 th,
#block-views-sdks-demos-block-4 td,
#block-views-sdks-demos-block-3 th,
#block-views-sdks-demos-block-3 td,
.product .TOOLS th,
.product .TOOLS td,
.product .APKS th,
.product .APKS td,
.product .SDK th,
.product .SDK td {
  padding-right: 0;
  border: 1px solid #ccc;
  text-align: center;
}

.block.block-views.DOC .content {
  margin-top: -35px !important;
}

.product .DOC .view-documentation td {
  padding: 0px 30px;
}

.view-documentation .mb20 {
  border: 0;
}

.view-documentation thead,
.sat-page thead,
#block-views-sdks-demos-block-5 thead,
#block-views-sdks-demos-block-4 thead,
#block-views-sdks-demos-block-3 thead,
.product .TOOLS thead,
.product .APKS thead,
.product .SDK thead {
  background: #ccc;
}

.view-documentation .views-field-field-download .download a,
.sat-page .views-field-field-download .download a,
#block-views-sdks-demos-block-4 .views-field-field-download .download a,
#block-views-sdks-demos-block-3 .views-field-field-download .download a,
#block-views-sdks-demos-block-5 .views-field-field-download .download a,
.product .TOOLS .views-field-field-download .download a,
.product .APKS .views-field-field-download .download a,
.product .SDK .views-field-field-download .download a {
  background: url(../images/download2.png) no-repeat center;
  display: block;
  text-indent: -9999px;
  height: 30px;
  width: 28px;
  margin: 0 auto;
}

.sat-page .views-field .icon_download a,
.view-documentation .views-field .icon_download a,
#block-views-sdks-demos-block-4 .views-field .icon_download a,
#block-views-sdks-demos-block-3 .views-field .icon_download a,
#block-views-sdks-demos-block-5 .views-field .icon_download a,
.product .TOOLS .views-field .icon_download a,
.product .APKS .views-field .icon_downloadd a,
.product .SDK .views-field .icon_download a,
.views-field .icon_download a {
  background: url(../images/download2.png) no-repeat center;
  display: block;
  text-indent: -9999px;
  height: 30px;
  width: 28px;
  margin: 0 auto;
}

.sat-page .views-field .icon_link a,
.view-documentation .views-field .icon_link a,
#block-views-sdks-demos-block-4 .views-field .icon_link a,
#block-views-sdks-demos-block-3 .views-field .icon_link a,
#block-views-sdks-demos-block-5 .views-field .icon_link a,
.product .TOOLS .views-field .icon_link a,
.product .APKS .views-field .icon_link a,
.product .SDK .views-field .icon_link a {
  background: url(../images/link.png) no-repeat center;
  display: block;
  text-indent: -9999px;
  height: 30px;
  width: 28px;
  margin: 0 auto;
}

.sat-page .views-field-title .title-content p,
.view-documentation .views-field-title .title-content p,
#block-views-sdks-demos-block-5 .views-field-title .title-content p,
#block-views-sdks-demos-block-4 .views-field-title .title-content p,
#block-views-sdks-demos-block-3 .views-field-title .title-content p,
.product .TOOLS .views-field-title .title-content p,
.product .APKS .views-field-title .title-content p,
.product .SDK .views-field-title .title-content p {
  line-height: 26px;
}

.sat-page .views-field-title .title-content,
.view-documentation .views-field-title .title-content,
#block-views-sdks-demos-block-5 .views-field-title .title-content,
#block-views-sdks-demos-block-4 .views-field-title .title-content,
#block-views-sdks-demos-block-3 .views-field-title .title-content,
.product .TOOLS .views-field-title .title-content,
.product .APKS .views-field-title .title-content,
.product .SDK .views-field-title .title-content {
  margin-left: 40px;
  word-break: break-word;
  display: none;
  font-size: 15px;
  padding-top: 20px;
}

.sat-page .views-field-title .SDK-title,
.view-documentation .views-field-title .SDK-title,
#block-views-sdks-demos-block-5 .views-field-title .SDK-title,
#block-views-sdks-demos-block-4 .views-field-title .SDK-title,
#block-views-sdks-demos-block-3 .views-field-title .SDK-title,
.product .TOOLS .views-field-title .SDK-title,
.product .APKS .views-field-title .SDK-title,
.product .SDK .views-field-title .SDK-title {
  font-size: 16px;
  position: relative;
  padding-left: 30px;
}

.sat-page td.views-field-title,
.view-documentation td.views-field-title,
#block-views-sdks-demos-block-5 td.views-field-title,
#block-views-sdks-demos-block-4 td.views-field-title,
#block-views-sdks-demos-block-3 td.views-field-title,
.product .TOOLS td.views-field-title,
.product .APKS td.views-field-title,
.product .SDK td.views-field-title {
  padding-top: 15px;
}

.sat-page .views-field-title,
.view-documentation .views-field-title,
#block-views-sdks-demos-block-5 .views-field-title,
#block-views-sdks-demos-block-4 .views-field-title,
#block-views-sdks-demos-block-3 .views-field-title,
.product .TOOLS .views-field-title,
.product .APKS .views-field-title,
.product .SDK .views-field-title {
  width: 30%;
  text-align: left;
  padding: 30px 30px 15px;
}

.sat-page .views-field-body,
.view-documentation .views-field-body,
#block-views-sdks-demos-block-5 .views-field-body,
#block-views-sdks-demos-block-4 .views-field-body,
#block-views-sdks-demos-block-3 .views-field-body,
.product .TOOLS .views-field-body,
.product .APKS .views-field-body,
.product .SDK .views-field-body {
  display: none;
}

.sat-page h2,
.product .FAQ h2,
.product .SC h2,
#block-views-sdks-demos-block-5 h2,
#block-views-sdks-demos-block-4 h2,
#block-views-sdks-demos-block-3 h2,
.product .TOOLS h2,
.product .APKS h2,
.product .SDK h2 {
  padding-left: 70px;
  line-height: 46px;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  font-size: 25px;
  background: url(../images/sdk.png) no-repeat left center;
}

.SDK-title span {
  height: 18px;
  width: 18px;
  cursor: pointer;
  margin-top: 2px;
  position: absolute;
  left: 0px;
  margin-right: 20px;
  display: block;
  float: left;
  background: url(../images/open.png) no-repeat center;
  background-size: cover !important;
  outline: 0 !important;
}

.SDK-title span.active {
  background: url(../images/close3.png) no-repeat center;
}

.support .gss {
  overflow: hidden;
}

.morep a {
  display: block;
  width: 300px;
  border: 1px solid #999;
  text-align: center;
  padding: 20px;
  font-size: 21px;
  color: #333;
}

.morep a {
  display: block;
  width: 200px;
  border: 1px solid #333;
  text-align: center;
  padding: 13px;
  font-size: 21px;
  color: #333;
  border-radius: 54px;
  margin: 50px auto;
}

.support .other .box a:hover span,
.support .explore .content a:hover span {
  left: 15px;
}

.support .other .box a span,
.support .explore .content a span {
  position: relative;
  left: 5px;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}

.support .other .box a,
.support .explore .content a {
  padding: 10px 30px;
  border-radius: 50px;
  border: 2px solid #fff;
  color: #fff;
  font-size: 19px;
  margin-top: 30px;
  display: block;
  float: left;
}

.support .explore .content p {
  font-size: 20px;
  width: 500px;
  line-height: 30px;
}

.support .explore .content h3 {
  font-size: 40px;
  margin: 0;
  margin-bottom: 40px;
}

.support .explore .content {
  width: 1170px;
  margin: 0 auto;
  padding: 100px 0 200px;
  color: #fff;
}

.support .other .l {
  background: url(../images/st-4.jpg) no-repeat;
  background-size: cover;
}

.support .other .r {
  background: url(../images/st-5.jpg) no-repeat;
  background-size: cover;
}

.support .other .box h3 {
  font-size: 40px;
  margin: 0;
  margin-bottom: 40px;
}

.support .other {
  overflow: hidden;
}

.support .other .l,
.support .other .r {
  width: 50%;
  color: #fff;
  float: left;
}

.support .other .box p {
  font-size: 18px;
  line-height: 35px;
}

.support .other .box {
  width: 350px;
  margin: 100px 0 200px 100px;
}

.support .explore {
  background: url(../images/st-3.jpg) no-repeat;
  background-size: cover;
}

.support .other h1 {
  clear: both;
  height: 180px;
  line-height: 180px;
  margin: 0;
  text-align: center;
  background: #333;
  font-size: 44px;
  color: #fff;
}

.view-documentation .views-field-title .SDK-title {
  padding: 15px 30px;
}

.view-display-id-page_5.sat-page h2,
#block-views-documentation-block-1 h2,
.product .DOC h2 {
  padding-left: 70px;
  line-height: 46px;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  font-size: 25px;
  background: url(../images/docu.png) no-repeat left center;
}

.product .block-views .content {
  display: none;
}

.view-display-id-page_3.sat-page h2,
#block-views-sdks-demos-block-4 h2,
.product .APKS h2 {
  background-image: url(../images/APKs.png);
}

.view-display-id-page_4.sat-page h2,
#block-views-sdks-demos-block-5 h2,
.product .TOOLS h2 {
  background-image: url(../images/tools.png);
}

.sat-page span.file-size,
.sat-page img.file-icon,
#block-views-sdks-demos-block-5 span.file-size,
#block-views-sdks-demos-block-5 img.file-icon,
#block-views-sdks-demos-block-3 span.file-size,
#block-views-sdks-demos-block-3 img.file-icon,
.product .TOOLS span.file-size,
.product .TOOLS img.file-icon,
#block-views-sdks-demos-block-4 span.file-size,
#block-views-sdks-demos-block-4 img.file-icon,
.product .APKS span.file-size,
.product .APKS img.file-icon,
.product .SDK span.file-size,
.product .SDK img.file-icon {
  display: none;
}

#breadcrumb {
  display: none;
}

.product .block-views h2 span.active {
  background: url(../images/p-b.png) no-repeat center;
}

.product .block-views h2 span {
  width: 24px;
  float: right;
  margin-top: 16px;
  cursor: pointer;
  height: 14px;
  background: url(../images/p-t.png) no-repeat center;
}

.product .block-views {
  border-bottom: 1px solid #ccc;
  margin-top: 35px !important;
}

.page-node-79 .col-4 img {
  margin-left: 100px;
}

.rp li p {
  font-size: 34px;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  margin: 0;
  margin-top: 30px;
  line-height: 40px;
}

.rp p {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-size: 20px;
  margin: 20px 0 50px;
}

.rp h2 {
  font-size: 48px;
  color: #333;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  margin: 0;
}

.rp ul {
  overflow: hidden;
}

.rp .content {
  text-align: center;
  width: 1152px;
  padding: 80px 0;
  margin: 0 auto;
}

.rp li {
  float: left;
  margin: 15px;
  margin-bottom: 40px;
}

.rpg.rp {
  background: #efefef;
}

.page-node-79 .col-4 a {
  clear: both;
}

.page-node-79 .col-4 a.links {
  margin-top: 20px;
}

.faq-page .view-filters form {
  width: 940px;
  margin: 0 auto;
}

.faq-page .view-filters select,
.faq-page .view-filters input {
  font-size: 20px;
  color: #666;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  border: 0;
}

.faq-page .view-filters {
  position: absolute;
  top: 550px;
  z-index: 9;
  width: 100%;
}

.i18n-zh-hans #edit-submitted-enter-the-requested-information-education-summary-graduated-completed {
  margin-left: 90px;
}

.faq-page .view-filters .views-exposed-form {
  position: relative;
}

.faq-page .view-filters .views-exposed-form label {
  text-align: center;
  margin: 0;
  font-size: 50px;
  letter-spacing: 1px;
  color: #fff;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  margin-bottom: 45px;
  position: absolute;
  top: -120px;
  width: 100%;
}

.faq-page .view-filters .form-submit {
  display: none;
}

.faq-page .view-filters form#views-exposed-form-sample-codes-page .form-text {
  width: 659px;
}

.faq-page .view-filters .form-text {
  height: 50px;
  width: 437px;
  border: 0;
  background: url(../images/search2.png) no-repeat right center #fff;
  padding-left: 20px;
  outline: 0;
  padding-right: 37px;
  border-radius: 8px;
  border-right: 26px solid #fff;
}

.faq-page .view-filters .views-exposed-form .views-exposed-widget {
  padding: 0;
}

.faq-page .view-filters select {
  background-color: #fff;
  outline: 0;
  height: 50px;
  border-radius: 8px;
  margin-left: 20px;
  padding: 10px 0;
  padding-left: 6px;
  width: 190px;
}

.faq-page .view-content {
  width: 1140px;
  margin: 0 auto;
}

.view-sec {
  width: 1140px;
  margin: 0 auto;
}

.view-display-id-page.faq-page {
  margin-bottom: 100px;
}

ul.pager.pager-load-more {
  width: 1140px;
  margin: 0 auto;
}

ul.pager.pager-load-more a {
  display: block;
  padding: 6px 0;
  width: 84px;
  margin: 0 auto;
  background: #009d9f;
  color: #fff;
}

.view-sample-codes.faq-page h2.view-title {
  background-image: url(../images/code.png);
}

.explore-block .box.box2 {
  background: url(../images/explore.jpg) no-repeat center;
}

.explore-block .box.box1 {
  background: #ff6f02;
}

.explore-block .box h3 {
  font-size: 40px;
  color: #fff;
}

.explore-block .box {
  height: 610px;
  width: 100%;
  float: left;
}

.explore-block .content {
  width: 960px;
  margin-top: 170px;
  margin: 0 auto;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.explore-block .box.box2 .content {
  width: 300px;
}

.explore-block {
  width: 100%;
}

.gss a:hover span,
.related-app a:hover span,
.software-sec a:hover span,
.explore-block .box a:hover span {
  left: 15px;
}

.gss a span,
.related-app a span,
.software-sec a span,
.explore-block .box a span {
  position: relative;
  left: 5px;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}

.explore-block .box a {
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}

.explore-block .box a {
  display: block;
  color: #fff;
  font-size: 18px;
  float: left;
  padding: 10px 28px;
  border-radius: 30px;
  border: 2px solid #fff;
}

.explore-block .box a:hover {
  background: rgba(0, 0, 0, 0.2) !important;
}

#block-views-sample-codes-block-2 h2,
.product .SC h2 {
  padding-left: 70px;
  line-height: 46px;
  font-size: 25px;
  background: url(../images/code.png) no-repeat left center;
}

#block-views-sample-codes-block-2,
.product .SC {
  width: 1140px;
  margin: 0 auto;
}

.banner-words-software h3 {
  font-size: 36px;
  margin-bottom: 26px;
  margin-top: 0;
}

.banner-words-software .info {
  margin-bottom: 70px;
}

.banner-words-software .info p {
  font-size: 18px;
  line-height: 30px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.banner-words-software {
  position: absolute;
  top: 150px;
  z-index: 9;
  color: #fff;
  width: 100%;
  text-align: center;
}

#block-block-27 .flexslider .slides>li img {
  height: 100%;
}

#block-block-27 .flexslider .slides>li {
  height: 965px;
  max-height: none;
}

.software-sec .lpart img {
  margin: 40px auto 150px;
  width: 275px;
  display: block;
}

.mls a:hover {
  background: #222;
}

.mls a {
  font-size: 24px;
  background: #333;
  color: #fff;
  padding: 13px 30px;
  display: block;
  float: right;
  margin-top: 30px;
}

.mls h1 {
  font-size: 50px;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  margin: 0;
  margin-bottom: 10px;
}

.mls p {
  font-size: 25px;
  opacity: 0.8;
}

.mls {
  color: #fff;
  position: absolute;
  bottom: 150px;
  right: 120px;
  text-align: right;
}

.software-sec .lpart {
  width: 45%;
  height: 100%;
  padding: 120px 0;
  box-sizing: border-box;
  float: left;
  FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#e47305, endColorStr=#f29d16);
  /*IE 6 7 8*/
  background: -ms-linear-gradient(top, #e47305, #f29d16);
  /* IE 10 */
  background: -moz-linear-gradient(top, #e47305, #f29d16);
  /*火狐*/
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e47305), to(#f29d16));
  /*谷歌*/
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e47305), to(#f29d16));
  /* Safari 4-5, Chrome 1-9*/
  background: -webkit-linear-gradient(top, #e47305, #f29d16);
  /*Safari5.1 Chrome 10+*/
  background: -o-linear-gradient(top, #e47305, #f29d16);
  /*Opera 11.10+*/
}

.related-app .info,
.software-sec .info {
  font-size: 26px;
}

.related-app h3,
.software-sec h3 {
  font-size: 46px;
}

.gss a,
.related-app a,
.software-sec a {
  padding: 4px 30px;
  display: block;
  float: left;
  border: 2px solid #fff;
  border-radius: 30px;
  margin: 30px 0;
  font-size: 20px;
  color: #fff;
  background: transparent !important;
}

.related-app .box.box1 a,
.software-sec .rpart .top a {
  color: #333;
  border-color: #333;
}

.software-sec .lpart a {
  background: #cc5a13;
}

.software-sec .lpart a:hover {
  background: rgba(163, 72, 15, 0.4) !important;
}

.software-sec .rpart {
  width: 55%;
  height: 100%;
  float: left;
}

.software-sec {
  height: 1060px;
}

.related-app {
  clear: both;
}

.software-sec .lpart .box {
  width: 400px;
  margin: 0 auto;
}

.software-sec .rpart .bottom a:hover {
  background: rgba(5, 65, 54, 0.4) !important;
}

.software-sec .rpart .bottom a {
  background: #075648;
}

.software-sec .rpart .bottom {
  FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#0b5d4f, endColorStr=#09877d);
  /*IE 6 7 8*/
  background: -ms-linear-gradient(top, #0b5d4f, #09877d);
  /* IE 10 */
  background: -moz-linear-gradient(top, #0b5d4f, #09877d);
  /*火狐*/
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0b5d4f), to(#09877d));
  /*谷歌*/
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0b5d4f), to(#09877d));
  /* Safari 4-5, Chrome 1-9*/
  background: -webkit-linear-gradient(top, #0b5d4f, #09877d);
  /*Safari5.1 Chrome 10+*/
  background: -o-linear-gradient(top, #0b5d4f, #09877d);
  /*Opera 11.10+*/
}

.software-sec .rpart .bottom,
.software-sec .rpart .top {
  height: 50%;
  box-sizing: border-box;
  padding: 60px 0;
  width: 100%;
}

.software-sec .rpart .top {
  background: url(../images/sf2.jpg) no-repeat center;
  background-size: cover;
  color: #333;
}

.software-sec .rpart .box {
  width: 560px;
  margin: 0 auto;
}

.software-sec .rpart .top a:hover {
  background: rgba(97, 62, 46, 0.25) !important;
}

.software-sec .rpart .top a {
  background: #7f513c;
}

.gss,
.related-app,
.software-sec {
  color: #fff;
  line-height: 38px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  background-size: cover;
}

.related-app h1 {
  margin: 0;
  background: #333;
  text-align: center;
  padding: 60px 0;
  font-size: 40px;
}

.related-app .box.box1 a:hover {
  background: #666;
}

.related-app .box.box1 a {
  background: #999;
}

.related-app .box.box2 a:hover {
  background: #0b3757;
}

.related-app .box.box2 a {
  background: #0f4a76;
}

.related-app .box.box2 {
  background: url(../images/sf5.jpg) no-repeat;
  background-size: cover;
}

.related-app .box.box1:hover {
  background-position: right -100px;
}

.related-app .box.box1 {
  background: url(../images/sf4.png) no-repeat right -150px;
  color: #333;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}

.related-app .box {
  width: 50%;
  padding: 30px 85px;
  box-sizing: border-box;
  float: left;
}

.related-app .box .box {
  width: 360px;
  padding: 0;
}

.software-sec .rpart .bottom img {
  float: right;
  margin-top: -40px;
}

#block-views-faq-block-2 .cto,
.product .GS .cto {
  display: none;
}

#block-views-faq-block-2 h2,
.product .GS h2 {
  padding-left: 70px;
  line-height: 46px;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  font-size: 25px;
  background: url(../images/gs.png) no-repeat left center;
}

#block-views-faq-block-2 .content a,
.product .GS .content .views-field-title a {
  color: #333;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  display: block;
  background: url(../images/ab.png) no-repeat right center;
}

#block-views-faq-block-2 .sop,
.product .GS .sop {
  display: none;
}

.product .GS .views-field.views-field-field-file {
  margin-top: 10px;
}

.product .block-views {
  width: 1140px;
  margin: 0 auto;
}

.product .region.region-content {
  margin-bottom: 100px;
}

h1.gst {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 450px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-size: 50px;
  color: #fff;
}

.gss h3,
.gss .software-sec h3 {
  line-height: 70px;
  font-size: 46px;
}

.gss .software-sec .rpart .bottom h3 {
  width: 270px;
}

.gss .software-sec .lpart .box h3 {
  width: 270px;
}

.gss .software-sec .rpart .bottom img {
  margin-top: -135px;
  margin-right: -30px;
}

.gs-content .box .bct {
  width: 554px;
  margin: 0 auto;
  margin-top: 70px;
}

.gs-content .box {
  width: 50%;
  float: left;
  height: 450px;
}

.gs-content .box1 h3 {
  color: #333;
}

.gs-content .box1 a:hover {
  background: rgba(120, 137, 153, 0.2) !important;
}

.gs-content .box1 a {
  background: #97acc0;
  border-color: #333;
  color: #333;
}

.gs-content .box2 a:hover {
  background: hsla(205, 76%, 22%, 0.5) !important;
}

.gs-content .box2 a {
  background: #0f4a76;
}

.gs-content .box1 {
  background: url(../images/gs1.jpg) no-repeat center;
  background-size: cover;
}

.gs-content .box2 {
  background: -webkit-linear-gradient(left, #0a213e, #123d72);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #0a213e, #123d72);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #0a213e, #123d72);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #0a213e, #123d72);
  /* 标准的语法 */
  FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#0a213e, endColorStr=#123d72);
  /*IE 6 7 8*/
}

#block-block-29 .info h1 {
  font-size: 48px;
}

#block-block-29 .info {
  width: 720px;
  position: absolute;
  top: 230px;
  margin-left: 200px;
  color: #fff;
}

.exp .box a:hover span,
#block-block-29 .info a:hover span {
  left: 15px;
}

.exp .box a span,
#block-block-29 .info a span {
  position: relative;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  left: 5px;
}

#block-block-29 .info a:hover {
  background: rgba(0, 0, 0, 0.1);
}

#block-block-29 .info a {
  background: transparent;
  border: 2px solid #fff;
  padding: 10px 30px;
  color: #fff;
  border-radius: 30px;
  font-size: 18px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.exp .box.box1 {
  background: url(../images/ep1.jpg) no-repeat;
  background-size: cover;
}

.exp .box.box2 {
  background: url(../images/ep2.jpg) no-repeat;
  background-size: cover;
}

.exp .explore-content {
  overflow: hidden;
}

.exp .related {}

.exp .explore-content h1 {
  font-size: 60px;
  color: #fff;
}

.exp .box .content {
  left: 150px;
  width: 290px;
  position: absolute;
  bottom: 155px;
}

.exp .box {
  width: 50%;
  float: left;
  height: 730px;
  position: relative;
}

.exp a {
  padding: 10px 32px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 30px;
  background: transparent !important;
  font-size: 18px;
}

.exp .related {
  text-align: center;
  background: #333;
  color: #fff;
  padding: 46px;
  font-size: 40px;
}

.gs-eg .content .l,
.gs-eg .content .r {
  display: table-cell;
  vertical-align: middle;
}

.gs-eg .content .l img {
  float: left;
  margin-right: 180px;
}

.gs-eg .content .r img {
  float: right;
  margin-left: 180px;
}

.gs-eg .step .content a img {
  float: none;
  margin: 0;
  margin-left: 12px;
  vertical-align: -2px;
}

.gs-eg .content h1 {
  font-size: 72px;
  color: #fff;
  margin: 0;
  margin-bottom: 40px;
}

.gs-eg .content a {
  font-size: 18px;
  background: #fff;
  padding: 6px 30px;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}

.gs-eg .content .info {
  font-size: 36px;
  color: #fff;
  margin-bottom: 50px;
}

.gs-eg .step3 a {
  color: #00a2ad;
}

.gs-eg .step3 {
  background: #00a2ad;
}

.gs-eg .step4 a {
  color: #97096b;
}

.gs-eg .step4 {
  background: #97096b;
}

.gs-eg .step5 {
  background: #333;
}

.gs-eg .step2 a {
  color: #f9ab25;
}

.gs-eg .step2 {
  background: #f9ab25;
}

.gs-eg .step1 a {
  color: #a30e18;
}

.gs-eg .step1 {
  background: #a30e18;
}

.gs-eg .content {
  width: 1140px;
  display: table;
  padding: 215px 0;
  margin: 0 auto;
  position: relative;
}

.gs-eg .step5 h3 {
  color: #fff;
  font-size: 36px;
}

.gs-eg .step5 a span {
  position: relative;
  left: 10px;
}

.gs-eg .step5 a {
  color: #333;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-weight: bold;
  font-size: 18px;
  margin-top: 30px;
  padding: 12px 33px;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}

.gs-eg .step5 .content {
  padding: 50px 0 100px;
}

.gs-eg a:hover {
  opacity: 0.6;
}

.gs-eg .step5 {
  text-align: center;
}

.gs-eg .content .info img {
  position: absolute;
}

.gs-eg .step2 .content .info img {
  left: 127px;
  bottom: -86px;
}

.gs-eg .step1 .content .info img {
  left: 0;
  bottom: -70px;
  margin-left: 130px;
}

.gs-eg .step3 .content .info img {
  left: -62px;
  bottom: -73px;
}

.block.rp h2 {
  text-align: center;
  padding-top: 100px;
  color: #333;
}

.sat-page {
  width: 1140px;
  margin: 0 auto;
}

.node-type-articles #header,
.node-type-blog #header,
.node-type-blogs #header,
.node-type-news #header,
.node-type-videos #header,
.views-media #header {
  height: 235px;
  position: relative;
  background: #efefef;
  margin: 0;
}

.page-node-add-blog #header,
.page-node-add-blogs #header,
.page-search #header,
.page-node-1511 #header,
.page-node-1512 #header,
.page-node-18 #header,
.views-media #header {
  height: 120px;
  position: relative;
  background: #efefef;
  margin: 0;
}

.page-node-add-blog #logo,
.page-node-add-blogs #logo,
.page-search #header #logo,
.page-node-18 #header #logo,
.node-type-articles #header #logo,
.node-type-blog #header #logo,
.node-type-blogs #header #logo,
.page-node-1511 #header #logo,
.page-node-1512 #header #logo,
.node-type-news #header #logo,
.node-type-videos #header #logo,
.views-media #header #logo {
  margin-top: 36px;
}

.page-node-add-blog .hm,
.page-node-1511 .hm,
.page-node-1512 .hm,
.views-media .hm,
.page-node-add-blogs .hm {
  margin-top: 38px;
}

#block-menu-block-17 a {
  color: #333;
}

#block-menu-block-17 .overview {
  display: none;
}

#block-menu-block-17 .content ul {
  position: absolute;
  right: 0;
  background: #fff;
  display: none;
  top: 47px;
}

.media-overview #block-menu-block-17 {
  color: #333;
}

#block-menu-block-17 {
  float: right;
  color: #fff;
  z-index: 20;
  position: relative;
  margin-top: 24px;
}

#header #block-menu-block-17 li {
  float: none;
  padding: 0;
  margin: 0;
}

#block-menu-block-17 a.articles {
  border-left: 2px solid #e0260b;
}

#block-menu-block-17 a.blog,
#block-menu-block-17 a.blogs {
  border-left: 2px solid #5fadc1;
}

#block-menu-block-17 a.news {
  border-left: 2px solid #5fadc1;
}

#block-menu-block-17 a.videos {
  border-left: 2px solid #ff6600;
}

#block-menu-block-17 a.articles:hover,
#block-menu-block-17 a.articles.active {
  background: #e0260b;
  color: #fff;
}

#block-menu-block-17 a.blog:hover,
#block-menu-block-17 a.blog.active,
#block-menu-block-17 a.blogs:hover,
#block-menu-block-17 a.blogs.active {
  background: #5fadc1;
  color: #fff;
}

#block-menu-block-17 a.news:hover,
#block-menu-block-17 a.news.active {
  background: #5fadc1;
  color: #fff;
}

#block-menu-block-17 a.videos:hover,
#block-menu-block-17 a.videos.active {
  background: #ff6600;
  color: #fff;
}

#block-menu-block-17 a {
  color: #333;
  display: block;
  padding: 0 16px;
  height: 34px;
  font-size: 16px;
  line-height: 34px;
  width: 100px;
  margin-right: 0 !important;
  font-weight: normal;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.media-overview #block-menu-block-17 h2.active {
  background-image: url(../images/mm-bottom.png);
}

.media-overview #block-menu-block-17 h2 {
  background: url(../images/mm-top.png) no-repeat right center;
}

#block-menu-block-17 h2.active {
  background: url(../images/mm-top-wh.png) no-repeat right center;
}

#block-menu-block-17 h2 {
  background: url(../images/mm-top-w.png) no-repeat right center;
  height: 30px;
  float: right;
  cursor: pointer;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-weight: normal;
  font-size: 20px;
  padding-right: 33px;
}

#block-menu-block-17 li {
  margin-right: 0 !important;
}

.page-media-overview .list-media form .views-submit-button {
  display: none;
}

.page-media-overview .list-media form {
  margin: 58px 20px;
}

form#search-form .form-item-keys .form-text,
.page-media-overview .list-media form .form-text {
  width: 1025px;
  padding-left: 15px;
  padding-right: 40px;
  font-size: 20px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  background: url(../images/m-search.png) no-repeat right center #efefef;
  outline: 0;
  height: 46px;
  line-height: 46px;
  border-radius: 8px;
  border: 0;
  box-shadow: 0 0 4px 1px #ccc inset;
}

form#search-form .form-item-keys .form-text {
  background: #efefef;
  padding-right: 0;
  width: 1068px;
}

.page-media-overview .list-media form .views-reset-button .form-submit {
  width: 28px;
  height: 46px;
  background: url(../images/reset.png) no-repeat center;
  text-indent: -9999px;
  border: 0;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.page-media-overview .list-media .view-content ul {
  margin: 0 15px;
  margin-bottom: 60px;
}

.list-media li.noImg .views-field.views-field-type {
  margin: 0;
}

.list-media li.noImg .views-field.views-field-type .field-content {
  width: 100%;
  height: 40px;
  padding-top: 80px;
  font-size: 22px;
  padding-left: 19px;
}

.list-media li .views-field .field-content {
  font-size: 22px;
}

.list-media li .views-field.views-field-field-date .field-content {
  font-size: 12px;
  font-weight: bold;
}

.list-media li .views-field.views-field-title .field-content a {
  display: block;
  font-size: 25px;
  line-height: 30px;
}

.list-media li .views-field.views-field-body .field-content {
  margin-bottom: 40px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-size: 18px;
}

.list-media.media-block li .views-field.views-field-type .field-content {
  height: auto;
  line-height: inherit;
}

.node-type-videos #header,
.page-media-overview-videos #header {
  background: #ff9600;
}

.node-type-news #header,
.page-node-1511 #header,
.page-node-1512 #header,
.page-media-overview-news #header {
  background: #5fadc1;
}

.node-type-articles #header,
.page-media-overview-articles #header {
  background: #d8312b;
}

.page-node-add-blog #header,
.node-type-blog #header,
.page-media-overview-blog #header,
.page-node-add-blogs #header,
.node-type-blogs #header,
.page-media-overview-blogs #header {
  background: #5fadc1;
}

.not-logged-in .comment-text .links {
  display: none;
}

h3.comment-title {
  background: url(../images/comment.png) no-repeat left center;
  padding-left: 70px;
  font-size: 30px;
  margin-bottom: 80px;
}

.comment .avatar .user-picture {
  margin-bottom: 5px;
}

.comment .avatar .username {
  font-size: 25px;
}

.comment .avatar img {
  width: 67px;
  height: 67px;
}

.comment .avatar {
  text-align: center;
  width: 100px;
  float: left;
  margin-top: 20px;
}

.comment-form-wrapper,
.comments-wrapper {
  width: 750px;
  clear: both;
}

.comments-wrapper {
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 2px solid #ddd;
  padding-top: 40px;
  border-top: 2px solid #ccc;
}

.comment .comment-text .left-arrow {
  border: 20px solid transparent;
  border-right-color: #efefef;
  width: 0;
  height: 0;
  position: absolute;
  display: block;
  left: -39px;
  top: 30px;
}

.comment .comment-text {
  width: 540px;
  position: relative;
  padding: 40px;
  background: #efefef;
  border-radius: 20px;
  float: right;
  margin-bottom: 30px;
  min-height: 70px;
}

.comment ul.links.inline {
  margin-top: 30px;
  display: block;
}

li.comment-reply.last {
  display: none;
}

#comment-form .form-item.form-type-item {
  display: none;
}

.comment-form-title {
  font-size: 30px;
}

#comment-form textarea {
  height: 190px;
  border-radius: 8px;
  background: #efefef;
  border: 0;
  font-size: 18px;
  padding: 10px;
  box-shadow: 0 0 3px 3px #ddd inset;
  outline: none;
}

#comment-form .form-submit:hover {
  opacity: 1;
}

#comment-form .form-submit {
  width: 152px;
  opacity: 0.8;
  height: 51px;
  border: 0;
  background: url(../images/comment-submit.png) no-repeat center;
  text-indent: -9999px;
  outline: none;
}

#comment-form label {
  font-size: 25px;
  margin-bottom: 5px;
}

#comment-confirm-delete {
  width: 1140px;
  margin: 0 auto;
}

.node-media .body p {
  margin-bottom: 20px;
}

.region-content.active .control-list {
  background-image: url(../images/list-open.png);
  right: -52px;
}

.control-list {
  background: url(../images/list-close.png) no-repeat center;
  height: 52px;
  width: 52px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.page-node-1631 .node-media .dl .summary {
  margin-left: 260px;
}

.node-media .dl .summary {
  font-size: 20px;
  min-height: 80px;
  padding-left: 30px;
  border-left: 1px solid #666;
  display: inline-block;
  vertical-align: top;
  max-width: 70%;
}

.list-media.list-a .views-field.views-field-type .field-content {
  font-size: 20px;
  height: auto;
  line-height: 26px;
  padding: 4px 40px 4px 12px;
}

.node-media .dl h3 {
  margin: 0;
  margin-top: -5px;
  font-size: 25px;
  line-height: 43px;
  margin-right: 25px;
  display: inline-block;
  max-width: 200px;
}

.not-logged-in .comment-form-title {
  display: none;
}

#block-block-33 p {
  font-size: 25px;
  line-height: 34px;
}

#block-block-33 h3 {
  font-size: 36px;
  margin-bottom: 20px;
}

#block-block-33 {
  text-align: center;
  margin: 100px 0 20px;
}

.node-media .title h1 {
  font-size: 48px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-weight: normal;
  margin-bottom: 50px;
}

.author .avator img {
  width: 140px;
  height: 140px;
}

.author .info h3 {
  font-size: 25px;
  color: #666;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  margin: 0;
  margin-bottom: 10px;
}

.author .info .pos {
  font-size: 20px;
  color: #777;
  margin-bottom: 10px;
}

.author .info a,
.author .info span {
  font-size: 20px;
  color: #5fadc1;
  margin-bottom: 5px;
  display: block;
  cursor: pointer;
}

.author .info .about-author {
  display: none;
}

.author .info {
  margin-left: 165px;
}

.author .avator {
  float: left;
}

.author {
  margin-top: 40px;
  position: relative;
  overflow: hidden;
  padding-bottom: 85px;
}

.node-type-videos .region.region-content.active .block-system,
.node-type-news .region.region-content.active .block-system,
.node-type-blog .region.region-content.active .block-system,
.node-type-blogs .region.region-content.active .block-system,
.node-type-articles .region.region-content.active .block-system {
  width: 750px;
}

.node-type-videos .region.region-content.active .block-views,
.node-type-news .region.region-content.active .block-views,
.node-type-blog .region.region-content.active .block-views,
.node-type-blogs .region.region-content.active .block-views,
.node-type-articles .region.region-content.active .block-views {
  right: 0px;
  position: relative;
}

.node-type-videos .region.region-content .block-system,
.node-type-news .region.region-content .block-system,
.node-type-blog .region.region-content .block-system,
.node-type-blogs .region.region-content .block-system,
.node-type-articles .region.region-content .block-system {
  width: 1140px;
  float: left;
  word-wrap: break-word;
  position: relative;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}

.node-type-videos .region.region-content .block-views,
.node-type-news .region.region-content .block-views,
.node-type-blog .region.region-content .block-views,
.node-type-blogs .region.region-content .block-views,
.node-type-articles .region.region-content .block-views {
  width: 300px;
  overflow: hidden;
  position: absolute;
  float: right;
  right: -300px;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}

.node-type-videos .region.region-content,
.node-type-news .region.region-content,
.node-type-blog .region.region-content,
.node-type-blogs .region.region-content,
.node-type-articles .region.region-content {
  overflow: hidden;
  position: relative;
}

.list-media.list-a ul.pager.pager-load-more {
  width: auto;
}

.list-media.list-a .view-content ul li {
  width: 100%;
  margin-bottom: 30px;
  background: #efefef;
}

.list-media.list-a li img {
  height: 145px;
}

.list-media.list-a li .views-field.views-field-type {
  margin-top: -25px;
}

.list-media.list-a li .views-field.views-field-field-date {}

.list-media.list-a li .views-field.views-field-body,
.block-views .list-media.list-a li .views-field.views-field-title,
.list-media.list-a li .views-field.views-field-field-date {
  margin: 0px 20px;
  margin-top: 20px;
}

.list-media li.noImg .views-field.views-field-type .field-content {
  padding-left: 38px;
}

.page-media-overview-author .list-media {
  margin: 100px auto;
}

.node-type-videos #block-views-navigation-views-navigation-links .links .previous a {
  background: url(../images/prev1.png) no-repeat center;
}

.node-type-videos #block-views-navigation-views-navigation-links .links .next a {
  background: url(../images/next1.png) no-repeat center;
}

.node-type-blog #block-views-navigation-views-navigation-links .links .previous a,
.node-type-blogs #block-views-navigation-views-navigation-links .links .previous a {
  background: url(../images/prev3.png) no-repeat center;
}

.node-type-blog #block-views-navigation-views-navigation-links .links .next a,
.node-type-blogs #block-views-navigation-views-navigation-links .links .next a {
  background: url(../images/next3.png) no-repeat center;
}

.node-type-articles #block-views-navigation-views-navigation-links .links .previous a {
  background: url(../images/prev2.png) no-repeat center;
}

.node-type-articles #block-views-navigation-views-navigation-links .links .next a {
  background: url(../images/next2.png) no-repeat center;
}

.node-type-news #block-views-navigation-views-navigation-links .links .previous a {
  background: url(../images/prev4.png) no-repeat center;
}

.node-type-news #block-views-navigation-views-navigation-links .links .next a {
  background: url(../images/next4.png) no-repeat center;
}

#block-views-navigation-views-navigation-links .links li {
  margin: 0;
}

#block-views-navigation-views-navigation-links .links a {
  text-indent: -9999px;
  display: block;
  width: 54px;
  height: 54px;
  margin: 0 5px;
}

.share .bshare-custom {
  float: left;
}

.share .addthis_sharing_toolbox {
  float: left;
  margin-right: 10px;
}

.share .addthis_sharing_toolbox a {
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  max-width: 100% !important;
  margin: 0;
  max-height: 100% !important;
}

.share .addthis_sharing_toolbox span svg {
  display: none;
}

.share .addthis_sharing_toolbox span {
  display: block !important;
  width: 52px !important;
  height: 52px !important;
  cursor: pointer !important;
  background: url(../images/share.png) no-repeat center !important;
}

.share .toTop {
  width: 52px;
  float: left;
  cursor: pointer;
  text-indent: -9999px;
  height: 52px;
  background: url(../images/totop.png) no-repeat center;
}

#main-wrapper .share {
  position: absolute;
  width: 130px;
  right: 0;
  top: 80px;
}

.guide-node .guide h1 {
  font-size: 30px;
  color: #fff;
  padding: 10px 30px;
  background: #666;
  margin-top: 0;
}

.guide-node .guide h3 {
  font-size: 20px;
}

.guide-node .guide h2 {
  font-size: 25px;
  color: #333;
}

.guide-node .guide ul {
  padding-left: 20px;
}

.guide-node .guide li,
.guide-node .guide p {
  font-size: 18px;
  color: #333;
  line-height: 30px;
  list-style: initial !important;
}

.guide-node .guide p {
  margin: 15px 0px;
}

.guide-node .guide li {
  margin: 5px 0px;
}

.guide-node {
  width: 1140px;
  overflow: hidden;
  margin: 100px auto;
}

.guide-node .description li p,
.guide-node .description li {
  font-size: 15px;
  color: #666;
  line-height: 30px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.guide-node .guide {
  width: 780px;
  float: right;
}

.guide-node .guide a {
  color: #333333;
  text-decoration: underline;
}

.guide-node .guide a:hover {
  text-decoration: none;
}

ul.guide-links h1 a {
  color: #fff;
}

ul.guide-links h1 {
  font-size: 18px;
  font-weight: normal;
}

ul.guide-links a:hover {
  text-decoration: underline;
}

ul.guide-links ul li a {
  color: #333;
}

ul.guide-links ul li a.h3 {
  padding-left: 12px;
}

ul.guide-links ul li {
  font-size: 15px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  margin-bottom: 10px;
  text-indent: -30px;
  padding-left: 20px;
}

ul.guide-links ul {
  margin-left: 20px;
}

ul.guide-links {
  float: left;
  width: 320px;
  background: #b4cfec;
  padding: 20px;
  height: 500px;
  box-sizing: border-box;
}

.guide table {
  margin: 15px auto 20px auto;
  width: 100% !important;
}

.guide table thead tr {
  background-color: #dddddd;
}

.guide table td {
  border: 1px solid #ccc;
  padding: 10px;
  font-size: 16px;
}

.guide-node .guide table td li,
.guide-node .guide table td p {
  font-size: 16px;
}

.guide table caption {
  height: 55px;
  background: #ccc;
  line-height: 50px;
  font-size: 22px;
}

.guide .chapter {
  margin-bottom: 30px;
}

.main-menu .content ul ul ul {
  display: none !important;
}

.guide .description {
  padding: 3px 20px;
  border-left: 2px solid red;
  margin: 20px 0;
  border-right: 2px solid red;
}

#block-block-34 h2 {
  font-size: 36px;
  color: #e0260b;
}

#block-block-34 .box {
  display: block;
  width: 260px;
  float: left;
  margin: 15px;
  height: 260px;
  background: #f4f4f4;
  border-radius: 8px;
}

#block-block-34 .inner {
  overflow: hidden;
}

#block-block-34 {
  text-align: center;
  width: 1170px;
  margin: 0 auto;
}

#block-block-34 .box p {
  font-size: 15px;
  color: #333;
}

#block-block-34 .box h3 {
  font-size: 25px;
  color: #333;
  margin: 18px 0 30px;
}

#block-block-34 .box img {
  margin-top: 45px;
}

#block-block-35 {
  text-align: center;
}

#block-block-35 h2 {
  font-size: 36px;
  color: #fff;
}

#block-block-35 {
  padding: 100px 0;
  margin: 100px auto 0;
  background: #333;
  text-align: center;
}

.githubs .box h3 {
  font-size: 32px;
}

.githubs .box {
  float: left;
  margin: 15px;
  text-align: left;
  font-size: 32px;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
}

.githubs .items {
  overflow: hidden;
}

.githubs h4 {
  font-size: 25px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-weight: normal;
}

.githubs {
  color: #fff;
  width: 1170px;
  margin: 0 auto;
}

.guide a {
  color: #326496;
}

.guide-node .guide img {
  max-width: 440px;
  height: auto;
  margin: 0px auto;
}

#container .syntaxhighlighter table .line {
  background: #eee !important;
}

.syntaxhighlighter table caption {
  padding: 0 !important;
}

.syntaxhighlighter .SA {
  float: left !important;
  background: #009d9f !important;
  color: #fff;
  padding: 10px 30px !important;
  cursor: pointer;
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}

.app,
.list-media.media-block {
  width: 1170px !important;
  margin: 0 auto;
  float: none;
}

.flexslider .slides>li {
  display: block;
}

.imgwp img {
  display: inline !important;
}

#container .wroom02 .col-2.col-4 * {
  color: #fff;
}

#container .wroom02 .col-2.col-4 {
  background: #009f8a;
}

#container .app .b4 .box,
#container .app .b1 .box {
  background: url(../images/w5.png) no-repeat bottom center;
}

#container .app .b2 .box {
  background: url(../images/w6.png) no-repeat bottom center;
}

#container .app .b3 .box {
  background: url(../images/w7.png) no-repeat bottom center;
}

#block-block-37 h2 {
  font-size: 48px;
  background: #333;
  line-height: 200px;
  color: #fff;
  text-align: center;
  margin: 0;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

#block-block-37 .explore-block .box h3 {
  font-size: 34px;
  line-height: 55px;
}

#block-block-37 .explore-block .box .content {
  margin-left: 250px;
  position: relative;
  margin-top: 200px;
}

#block-block-37 .explore-block .box.box1 a,
#block-block-37 .explore-block .box.box1 h3 {
  margin-left: 160px;
}

#block-block-37 .explore-block .box.box1 h3 img {
  position: absolute;
  left: 0;
  top: 15px;
  width: 120px;
}

.page-node-174 #header,
.page-node-175 #header,
.page-user #header,
.page-node-36 #header,
.page-node-532 #header {
  height: 125px;
  background: #333;
  margin-top: 0;
  position: relative;
}

.page-user #header .section {
  padding-top: 37px;
}

.page-user #header .hm-2 h2 {
  background: transparent;
}

.page-user #header .section #logo {
  margin-top: 0;
}

.page-node-174 #logo,
.page-node-175 #logo,
.page-user #header #logo,
.page-node-36 #header #logo,
.page-node-532 #header #logo {
  margin-top: 40px;
}

#block-block-37 .explore-block .box.box2 {
  background: url(../images/w12.jpg) left top;
  background-size: cover;
}

.audiences .target {
  width: 33.333333%;
  position: relative;
  float: left;
}

.audiences .target img {
  width: 100%;
  display: block;
}

.audiences .target div {
  position: absolute;
  top: 40px;
  left: 25%;
}

.audiences .target div h2 {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-size: 40px;
  margin-top: 10px;
  margin-bottom: 0px;
}

.audiences .developer div h2,
.audiences .press-blogger div h2 {
  color: white;
}

.audiences .target div a {
  background: #444 none repeat scroll 0 0;
  color: #fff;
  display: block;
  float: left;
  font-size: 19px;
  margin-top: 20px;
  padding: 10px 30px;
}

.audiences .target div a span {
  left: 3px;
  position: relative;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  /* Firefox 4 */
  -webkit-transition: all 0.6s;
  /* Safari 和 Chrome */
  -o-transition: all 0.6s;
  /* Opera */
}

.audiences .target div a:hover {
  background: #666666 none repeat scroll 0 0;
}

.audiences .target div a:hover span {
  left: 13px;
}

#more h1 {
  text-align: center;
  font-size: 45px;
  height: 137px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  margin: 0;
  line-height: 137px;
  color: #333;
  background: #fff;
}

#more .item.m1 {
  background: url(../images/m1.jpg) no-repeat left top;
  background-size: cover;
}

#more .item.m2 {
  background: url(../images/m3.jpg) no-repeat left top;
  background-size: cover;
  color: #333;
}

#more .item.m3 {
  background: url(../images/m2.jpg) no-repeat left top;
  background-size: cover;
}

#more .item {
  width: 33.33%;
  float: left;
  height: 550px;
  padding: 140px 0;
  overflow: hidden;
  color: #fff;
}

#more p {
  font-size: 18px;
  width: 270px;
  line-height: 38px;
  margin-bottom: 20px;
}

#more a span {
  position: relative;
  left: 3px;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  /* Firefox 4 */
  -webkit-transition: all 0.6s;
  /* Safari 和 Chrome */
  -o-transition: all 0.6s;
  /* Opera */
}

#more a:hover span {
  left: 13px;
}

#more a:hover {
  background: #666;
}

#more a {
  margin-top: 20px;
  display: block;
  float: left;
  font-size: 19px;
  background: #444;
  padding: 10px 30px;
  color: #fff;
}

#more h3 {
  font-size: 40px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

#more .item .inner {
  margin: 70px 90px;
}

#block-menu-block-20 .content {
  width: 1140px;
  margin: 0 auto;
}

.i18n-en #container .list-media.media-page .view-content li.views-row {
  height: 550px;
}

#container .list-media.media-page .view-content li.views-row {
  margin: 0 16px;
  background: #f4f4f4;
  box-shadow: 0px 4px 0px -1px #ddd;
  margin-bottom: 30px;
  overflow: hidden;
  height: 500px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  width: 370px;
  margin: 5px;
  float: left;
  padding-bottom: 20px;
}

#more {
  overflow: hidden;
}

.more-wrap {
  width: 1140px;
  margin: 0 auto;
}

#container .more-menu .item {
  overflow: hidden;
  clear: both;
  margin: 50px 0;
}

#container .more-menu ul {
  display: block;
}

#container .more-menu ul ul li ul li {
  float: none;
}

#container .more-menu ul ul li {
  float: left;
}

#container .more-menu ul ul ul ul {
  display: none;
}

#container .more-menu #media-menu ul ul {
  display: none;
}

.more-menu h2 {
  margin: 0;
  font-size: 35px;
  color: #fff;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.more-menu ul ul a {
  padding: 0;
  border: 0;
  margin-bottom: 20px;
}

.more-menu ul ul ul a {
  font-size: 18px;
  margin-bottom: 0;
}

#container .more-menu ul ul ul li {
  width: 100%;
}

#container .more-menu ul ul li {
  width: 25%;
}

#container .more-menu li {
  padding: 0;
  margin: 0;
}

.more-menu a:hover {
  opacity: 0.5;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}

.more-menu a {
  font-size: 20px;
  display: block;
  line-height: 30px;
  color: #fff;
  padding-bottom: 10px;
  border-bottom: 1px solid #fff;
  margin-bottom: 10px;
}

.more-menu .contact-us {
  width: auto;
  margin: 0;
  margin-bottom: 20px;
}

.more-menu {
  background: url(../images/more-bg.jpg) no-repeat top left;
  background-size: cover;
  padding: 80px 0;
}

.more-menu .overview {
  display: none;
}

.more_cloud_github_youtube h2 {
  color: #ffffff;
  background: #333333;
  text-align: center;
  padding: 20px;
  margin: 0px;
}

.more_cloud_github_youtube img {
  width: 33.333333%;
  float: left;
}

#block-menu-block-1 #product-menu ul li:hover,
#block-menu-block-1 #support-menu ul li:hover,
#block-menu-block-1 #company-menu ul li:hover,
#block-menu-block-1 #contact-us-menu ul li:hover,
#block-menu-block-1 #documents-menu ul li:hover,
#block-menu-block-1 #invest-menu ul li:hover,
#block-menu-block-1 #ecosystem-menu ul li:hover {
  background: #000;
}

#block-menu-block-1 #product-menu ul li,
#block-menu-block-1 #support-menu ul li,
#block-menu-block-1 #company-menu ul li,
#block-menu-block-1 #contact-us-menu ul li,
#block-menu-block-1 #documents-menu ul li,
#block-menu-block-1 #invest-menu ul li,
#block-menu-block-1 #ecosystem-menu ul li {
  background: transparent;
}

#block-menu-block-1 #product-menu ul,
#block-menu-block-1 #support-menu ul,
#block-menu-block-1 #company-menu ul,
#block-menu-block-1 #contact-us-menu ul,
#block-menu-block-1 #documents-menu ul,
#block-menu-block-1 #invest-menu ul,
#block-menu-block-1 #ecosystem-menu ul {
  background: rgba(0, 0, 0, 0.8);
}

#block-menu-block-1 #product-menu ul ul,
#block-menu-block-1 #support-menu ul ul,
#block-menu-block-1 #company-menu ul ul,
#block-menu-block-1 #contact-us-menu ul ul,
#block-menu-block-1 #documents-menu ul ul,
#block-menu-block-1 #invest-menu ul ul,
#block-menu-block-1 #ecosystem-menu ul ul {
  display: block !important;
  opacity: 1 !important;
  margin-left: 30px;
  background: transparent;
  transition: none;
  -moz-transition: none;
  /* Firefox 4 */
  -webkit-transition: none;
  /* Safari 和 Chrome */
  -o-transition: none;
  /* Opera */
}

#block-menu-block-1 #product-menu ul ul ul,
#block-menu-block-1 #support-menu ul ul ul,
#block-menu-block-1 #company-menu ul ul ul,
#block-menu-block-1 #contact-us-menu ul ul ul,
#block-menu-block-1 #documents-menu ul ul ul,
#block-menu-block-1 #invest-menu ul ul ul,
#block-menu-block-1 #ecosystem-menu ul ul ul {
  display: none !important;
  transition: none;
  -moz-transition: none;
  /* Firefox 4 */
  -webkit-transition: none;
  /* Safari 和 Chrome */
  -o-transition: none;
  /* Opera */
}

.user-form h1 {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-weight: normal;
  font-size: 46px;
  margin-top: 0;
  margin-bottom: 55px;
}

.user-form label {
  font-size: 20px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  margin-bottom: 6px;
}

.user-form .form-item {
  margin: 6px 0;
}

.user-form input.form-text.error {
  border-color: #e0260b;
}

.user-form input.form-text {
  width: 320px;
  padding: 14px;
  border-radius: 5px;
  border: 1px solid #ccc;
  background: #fff;
}

.user-form .captcha input.form-text {
  width: auto;
}

.user-form .form-submit:hover {
  background: #4d8e9e;
}

.user-form .form-submit {
  background: #5fadc1;
  border: 0;
  padding: 7px 20px;
  cursor: pointer;
  color: #fff;
  font-size: 22px;
  margin-top: 10px;
  border-radius: 5px;
}

.user-form .content {
  overflow: hidden;
}

.user-form .l {
  float: left;
  width: 470px;
}

.user-form.change-pass .r {
  margin-top: 135px;
}

.user-form.change-pass .r h3 {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-weight: normal;
  font-size: 24px;
  margin: 0;
  line-height: 37px;
}

.user-form.sign-in .r ul {
  padding-left: 25px;
  margin: 16px 0;
}

.user-form.sign-in .r {
  float: left;
  width: 490px;
}

.user-form.sign-in .r li {
  float: none;
  list-style: inherit;
}

.user-form.sign-in .r h3 {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-size: 28px;
}

.user-form.sign-in .reg {
  font-size: 20px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-weight: bold;
}

.user-form .r li,
.user-form .r p {
  line-height: 26px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-size: 20px;
}

.user-form .r p {
  margin-bottom: 20px;
}

.password-strength {
  float: none;
  margin: 0;
  margin-bottom: 20px;
  width: 348px;
}

.i18n-en #block-menu-block-1 #company-menu ul li a.jobo {
  padding-top: 12px;
  padding-bottom: 35px;
}

.mesh-overview p {
  font-size: 30px;
  line-height: 48px;
}

.mesh-overview h1 {
  text-align: center;
  font-size: 48px;
  margin-bottom: 60px;
}

.mesh-overview {
  width: 1140px;
  margin: 100px auto;
}

#block-block-32 h2 {
  padding: 0;
  margin-top: 20px;
}

#block-block-32 {
  background: #fff;
}

.user-form a:hover {
  text-decoration: underline;
}

.page-user #block-system-main a {
  color: #e0260b;
}

.user-form.user-reg {
  width: 350px;
  margin: 0 auto;
  margin-top: -60px;
}

.get-start .l {
  float: left;
  margin-right: 80px;
}

.get-start {
  width: 793px;
  margin: 0 auto;
}

.get-start p {
  font-size: 20px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-weight: bold;
  line-height: 40px;
}

.get-start h3 {
  font-size: 30px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  margin-bottom: 35px;
}

.step-header h1 {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-weight: normal;
  font-size: 46px;
  margin-top: 0;
  margin-bottom: 65px;
  line-height: 33px;
}

.step-header h1 a:hover {
  background: #4f90a1;
}

.step-header h1 a {
  display: block;
  float: right;
  font-size: 22px;
  font-weight: bold;
  background: #5fadc1;
  color: #fff !important;
  border-radius: 5px;
  padding: 5px 40px;
}

.step-header .reg li {
  width: 33.1%;
  float: left;
  text-align: center;
  height: 76px;
  line-height: 76px;
  font-size: 18px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  border: 1px solid #ccc;
  background: #eee;
}

.step-header .reg li.step1 span {
  background: url(../images/u1.png) no-repeat left center;
}

.step-header .reg li.step2 span {
  background: url(../images/u2.png) no-repeat left center;
}

.step-header .reg li.active {
  background: #f8f8f8;
}

.step-header .reg {
  overflow: hidden;
}

.step-header .reg li.step3 span {
  background: url(../images/u3.png) no-repeat left center;
}

.step-header {
  margin-bottom: 150px;
}

.step-header .reg li span {
  padding: 20px 0 20px 45px;
}

.email-verify .info {
  margin: 0px 45px;
}

.email-verify .info .l {
  float: left;
  margin-right: 65px;
  margin-top: 93px;
  padding-bottom: 100px;
}

.email-verify .info h3 {
  font-size: 30px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  margin: 43px;
  line-height: 62px;
}

div.password-confirm {
  display: none;
}

.email-verify .info p {
  line-height: 43px;
  font-size: 20px;
}

.sign-tips h1 {
  background: #333;
  color: #fff;
  text-align: center;
  line-height: 150px;
  margin: 0;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-size: 36px;
}

.sign-tips .item p {
  font-size: 30px;
  line-height: 38px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  width: 320px;
  margin: 50px auto;
}

.sign-tips .item {
  width: 33.33%;
  float: left;
  text-align: center;
  color: #fff;
  height: 420px;
}

.sign-tips .item1 {
  background: url(../images/u5.jpg) no-repeat;
  background-size: cover;
}

.sign-tips .item2 {
  background: url(../images/u7.jpg) no-repeat;
  background-size: cover;
}

.sign-tips .item3 {
  background: url(../images/u8.jpg) no-repeat;
  background-size: cover;
}

.sign-tips .item h3 {
  font-size: 35px;
  margin-top: 70px;
}

.new-words img {
  width: auto !important;
  display: inline !important;
}

.new-words {
  position: absolute;
  top: 100px;
  text-align: center;
  width: 100%;
  color: #fff;
}

.new-words h1 {
  font-size: 56px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  background: #efefef;
  color: #586e9d;
  width: 360px;
  line-height: 100px;
  margin: 0 auto;
  margin-bottom: 50px;
}

.new-words a {
  display: block;
  border: 2px solid #fff;
  width: 200px;
  margin: 0 auto;
  line-height: 50px;
  height: 50px;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.new-words p {
  font-size: 36px;
  width: 970px;
  margin: 30px auto;
  line-height: 55px;
}

.new-words a:hover span {
  left: 10px;
}

.new-words a span {
  font-weight: normal;
  position: relative;
  left: 4px;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}

.esp32 .sec4 table td {
  border: 1px solid #ccc;
  padding: 20px 40px;
}

.esp32 .sec4 table {
  width: 100%;
}

.esp32 .sec4 {
  width: 1140px;
  margin: 100px auto;
}

.esp32 .sec1 {
  padding: 100px 0;
  background: url(../images/esp32-1.jpg) no-repeat right bottom;
}

.esp32 td,
.esp32 p {
  font-size: 20px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  line-height: 40px;
  margin-bottom: 10px;
}

.esp32 .sec3 .content {
  width: 1140px;
  margin: 0 auto;
}

.esp32 .sec3 img {
  float: left;
  margin-right: 140px;
}

.esp32 .sec3 {
  color: #fff;
  padding: 100px 0;
  background: url(../images/esp32-6.jpg) no-repeat;
  background-size: cover;
}

.esp32 .sec2 .r .content,
.esp32 .sec2 .l .content {
  padding: 130px;
}

.esp32 .sec2 .r,
.esp32 .sec2 .l {
  width: 50%;
  float: left;
  color: #fff;
}

.esp32 .sec2 {
  overflow: hidden;
}

.esp32 .sec2 .r {
  background: url(../images/esp32-5.jpg) no-repeat;
  background-size: cover;
  color: #333;
}

.esp32 .sec2 .l {
  background: url(../images/esp32-3.jpg) no-repeat;
  background-size: cover;
}

.esp32 .sec1 .content .l {
  width: 630px;
}

.esp32 h3 {
  font-size: 36px;
  margin-bottom: 50px;
  font-weight: normal;
}

.esp32 .sec1 .content {
  width: 1140px;
  margin: 0 auto;
}

.esp32 .sec2 p {
  line-height: 36px;
}

.esp32 .sec3 h3 {
  margin: 0;
  padding-top: 20px;
  margin-bottom: 20px;
}

.esp32 .sec4 h1 {
  font-size: 48px;
  text-align: center;
  margin-bottom: 100px;
}

.app .slides li h3 {
  margin: 0;
  line-height: 38px;
}

.imgwp {
  margin-bottom: 20px;
}

.app .slides li a {
  margin-top: 20px;
}

#block-block-41 .content a {
  text-shadow: 1px 1px 1px #000;
}

#block-block-41 {
  position: absolute;
  right: 0;
  z-index: 10;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  top: 10px;
}

.logged-in .main-menu .signin {
  display: none;
}

.page-user.page-user-.page-user-edit .tabs {
  display: none;
}

.page-node-add-blog .region.region-content,
.page-node-add-blogs .region.region-content {
  width: 1010px;
  margin: 0 auto;
}

.image-widget-data {
  width: 100%;
}

.filter a:hover {
  background: #ccc;
}

.filter a,
.filter .l {
  float: left;
  padding: 10px 30px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 22px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  color: #333;
  background: #fefefe;
}

.page-media-overview-author .views-field-name {
  display: none;
}

.filter a span {
  margin-left: 10px;
}

.filter a {
  float: right;
  display: block;
  padding-right: 15px;
}

.filter {
  overflow: hidden;
  width: 1140px;
  margin: -10px auto;
  margin-bottom: 65px;
}

.page-media-overview-author #container .list-media.media-page .view-content li {
  width: 372px;
}

.languge {
  height: 620px;
  position: relative;
  background: url(../images/language.jpg) no-repeat;
  background-size: cover;
}

.languge .block {
  width: 1140px;
  position: static !important;
  margin: 0 auto;
}

.languge h2,
.related-sites h3 {
  margin: 0;
}

.related-sites {
  background: url(../images/rsites.jpg) no-repeat;
  background-size: cover;
  text-align: center;
  padding: 150px 0;
}

.languge h2 {
  font-size: 35px;
  color: #fff;
  padding-top: 80px;
  margin-bottom: 50px;
}

.languge li a {
  color: #fff;
}

.languge li {
  font-size: 38px;
  float: left;
  margin-right: 10px;
}

.languge li a:hover,
.languge li a.active {
  background: #282828;
}

.languge li a {
  color: #fff;
  background: #666;
  padding: 8px 32px;
}

.related-sites .item {
  width: 280px;
  height: 340px;
  display: inline-block;
  background: #fff;
  margin: 5px;
}

.related-sites .items p {
  font-size: 30px;
  color: #282840;
  line-height: normal !important;
}

.related-sites .items {
  width: 1160px;
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
}

.related-sites h3 {
  font-size: 35px;
  color: #fff;
  margin-bottom: 60px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.related-sites .item img {
  margin: 100px 0 40px 0;
}

#block-block-43 {
  width: 1140px;
  margin: 0 auto;
  margin-top: 80px;
}

.banner-words-software img {
  width: auto !important;
  display: inline !important;
}

.page-user-edit input,
.page-user-edit textarea,
.page-user-edit select,
.page-node-add-blog input,
.page-node-add-blog textarea,
.page-node-add-blog select,
.page-node-add-blogs input,
.page-node-add-blogs textarea,
.page-node-add-blogs select {
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #fff;
}

.page-node-add-blog .form-file,
.page-node-add-blogs .form-file {
  line-height: 25px;
}

.page-node-add-blog,
.page-node-add-blogs {
  background: #efefef;
}

.field-type-datestamp fieldset legend {
  display: none;
}

.node-blog-form .form-submit.ajax-processed,
.node-blogs-form .form-submit.ajax-processed {
  border-radius: 46px;
}

.node-blog-form input.form-submit,
.node-blogs-form input.form-submit {
  border: 1px solid #333;
  font-size: 20px;
  height: 40px;
  line-height: 26px;
  width: 130px;
}

.container-inline-date .date-padding {
  padding: 0;
}

.field-type-datestamp fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}

.filter-wrapper {
  padding: 15px;
}

.page-user-edit .form-actions input.form-submit,
.page-node-add-blog .form-actions #edit-submit,
.page-node-add-blogs .form-actions #edit-submit {
  background: #5fadc1;
  border: 0;
  color: #fff;
}

.page-node-add-blog .form-actions #edit-preview,
.page-node-add-blogs .form-actions #edit-preview {
  background: #787878;
  border: 0;
  color: #fff;
}

.page-user-edit * {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-weight: normal;
}

#user-profile-form .password-strength {
  float: left;
  margin-left: 30px;
  width: 440px;
}

#user-profile-form fieldset {
  padding: 0;
  border: 0;
}

#user-profile-form legend {
  display: none;
}

#user-profile-form input.password-confirm.form-text {
  width: 540px;
}

#user-profile-form input.password-field {
  width: 540px;
  float: left;
}

.node-webform .form-item.form-type-item {
  display: none;
}

.hc-word {
  position: absolute;
  text-align: center;
  color: #fff;
  bottom: 100px;
  right: 150px;
  font-size: 50px;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
}

.hc-title {
  text-align: center;
  font-size: 48px;
  line-height: 1.2;
  margin: 40px 20px;
}

.applications .box h2 {
  font-size: 38px;
  position: absolute;
  right: 80px;
  bottom: 50px;
  max-width: 400px;
  color: #fff;
  margin: 0;
}

.applications .box a {
  font-size: 20px;
  border: 2px solid #fff;
  color: #fff;
  padding: 6px 30px;
  border-radius: 30px;
}

.applications .box a:hover {
  background: rgba(0, 0, 0, 0.15) !important;
}

.applications .box .inner {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  box-sizing: border-box;
  padding: 0 110px;
}

.we.applications .box.b1 {
  background-image: url(../images/we-4.jpg);
}

.we.applications .box.b4 {
  background-image: url(../images/we-5.jpg);
}

.app-ia.applications .box.b1 {
  background-image: url(../images/ia-3.jpg);
}

.app-ia.applications .box.b4 {
  background-image: url(../images/ia-4.jpg);
}

.app-ce.applications .box.b1 {
  background-image: url(../images/ce-1.jpg);
}

.app-ce.applications .box.b4 {
  background-image: url(../images/ce-2.jpg);
}

.app-ce.applications .box.b5 {
  background-image: url(../images/ce-3.jpg);
  background-size: cover;
  background-position: center;
}

.app-ce.applications .box.b6 {
  background: #e1bc50;
}

.app-ce.applications .box.b7 {
  background: #1f9192;
}

.app-ce.applications .box.b8 {
  background-size: cover;
  background-image: url(../images/ce-4.jpg);
  background-position: center;
}

.applications .box p {
  font-size: 40px;
  color: #fff;
  line-height: 60px;
  margin-bottom: 50px;
}

.fc.wwa.we .col-2 .ab-img {
  position: absolute;
  bottom: -76px;
  left: 250px;
}

.fc.wwa.we .col-1 img.ab-img {
  left: 200px;
  bottom: -70px;
}

ol,
.title-content ul {
  padding-left: 20px;
}

.title-content ul li {
  list-style: disc;
}

td.views-field.views-field-field-platform {
  text-transform: capitalize;
}

.applications .box.b2 {
  background: #18adc1;
}

.applications .box.b3 {
  background: #82c14c;
}

.applications .box.b1 {
  background: url(../images/hc-3.jpg) no-repeat center;
  background-size: cover;
}

.applications .box.b4 {
  background: url(../images/hc-4.jpg) no-repeat bottom;
  background-size: cover;
}

.applications .boxs {
  overflow: hidden;
}

.applications .box {
  width: 50%;
  float: left;
  height: 410px;
  overflow: hidden;
  position: relative;
  display: table;
}

.applications .box p:last-child {
  margin-bottom: 0;
}

.applications .box a:hover span {
  left: 10px;
}

.applications .box a span {
  position: relative;
  left: 0;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}

.RPS {
  width: 1170px;
  margin: 50px auto 100px;
}

.RPS a.item1 {
  background: url(../images/rp-1.jpg) no-repeat center;
  background-size: cover;
}

.RPS a.item2 {
  background: url(../images/rp-2.jpg) no-repeat center;
  background-size: cover;
}

.RPS a.item3 {
  background: url(../images/rp-3.jpg) no-repeat center;
  background-size: cover;
}

.RPS a.item4 {
  background: url(../images/rp-1.jpg) no-repeat center;
  background-size: cover;
}

.RPS a {
  display: block;
  width: 360px;
  float: left;
  text-align: center;
  line-height: 360px;
  height: 360px;
  margin: 15px;
  font-size: 34px;
  color: #fff;
}

.page-node-256 #breadcrumb,
.page-node-294 #breadcrumb,
.page-node-295 #breadcrumb,
.page-node-250 #breadcrumb,
.page-node-299 #breadcrumb,
.page-node-251 #breadcrumb,
.page-node-253 #breadcrumb,
.page-node-249 #breadcrumb,
.page-node-254 #breadcrumb,
.page-node-235 #breadcrumb {
  display: none;
}

.rp .content a {
  color: #333;
}

.node-media div.body table * {
  width: auto !important;
}

.node-media div.body table {
  max-width: 100%;
  width: 100% !important;
  margin: 0 !important;
}

.images {
  width: 1170px;
  margin: 70px auto;
}

.images img {
  margin: 10px 19px;
  width: 346px;
  height: 95px;
  float: left;
  box-sizing: border-box;
}

.images img:hover {
  box-shadow: 0 0 2px 2px #ccc;
}

.images p {
  font-size: 28px;
  line-height: 60px;
  margin: 20px;
}

.images p a {
  float: none;
  display: inline;
  padding: 0;
  border: 0;
  font-size: inherit;
}

.node.node-page.success {
  width: 1170px;
  margin: 100px auto;
  font-size: 32px;
  line-height: 40px;
  color: #333;
}

body.page-node-502 #block-block-15,
body.page-node-502 #block-menu-block-7,
body.page-node-684 #block-block-15,
body.page-node-684 #block-menu-block-38,
body.page-node-487 .banner-words,
body.page-node-487 #block-menu-block-9 {
  display: none;
}

.google-wrapper {
  height: 0px;
  overflow: hidden;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
}

.google-wrapper.active {
  height: 600px;
}

.google-map {
  width: 100%;
  height: 600px;
}

.views-exposed-widget.views-widget-sort-by label,
.views-exposed-widget.views-widget-sort-order {
  display: none;
}

.page-user #messages .messages {
  padding: 10px 20px;
  border-radius: 5px;
}

.page-user #messages {
  display: block;
  max-width: 1070px;
  margin: 30px auto;
  box-sizing: border-box;
}

div.status {
  background: #be7;
}

div.error {
  background: #fef5f1;
}

div#messages {
  display: none;
}

.block.block-views.GS .views-row {
  padding-right: 0;
}

.faq-page .view-filters form#views-exposed-form-sample-codes-page .form-text {
  width: 647px;
}

.user-role-admin #highlighted {
  overflow: inherit;
}

.custom-style .left {
  float: left;
  height: 80px;
  font-size: 40px;
  line-height: 80px;
  padding-right: 30px;
  border-right: 1px solid #aaa;
  margin-right: 30px;
  color: #aaa;
}

.custom-style .right h3 {
  font-weight: normal;
  margin: 0;
}

.custom-style .right p {
  margin: 0;
}

.custom-style h2 {
  font-size: 24px;
}

.custom-style .right {
  font-size: 24px;
  color: #aaa;
}

.custom-style .section {
  overflow: hidden;
}

.cus-download h2 {
  float: left;
}

.cus-download a {
  float: right;
  margin: 25px;
}

.views-table thead tr th a {
  color: #333;
}

.views-table thead tr th a:hover,
.views-table thead tr th.active a {
  color: #009d9f;
}

.views-table thead tr th a img {
  margin-left: 5px;
}

.views-table thead tr th .ajax-progress {
  display: none !important;
}

.node-type-news .content .body ul {
  margin: 20px;
  margin-left: 24px;
  line-height: 40px;
}

.node-type-news .content .body ul li {
  list-style-type: disc;
}

/* IoT college */

.iot-college .filterlist {
  text-align: right;
  margin-top: 30px;
  margin-bottom: 20px;
}

.iot-college .filterlist a {
  color: #000000;
  background: #ececec;
  border-radius: 15px;
  padding: 5px 15px;
  margin-left: 10px;
}

.iot-college .filterlist a:hover {
  color: white;
  background: #009d9f;
}

.iot-college .github .github_wrapper {
  background: #f5f5f5;
  padding: 20px;
  margin-bottom: 5px;
}

.iot-college .github .github_wrapper .left {
  width: 75%;
  background: url(../images/github-code.png) no-repeat;
  float: left;
  padding-left: 45px;
}

.iot-college .github .github_wrapper h2 {
  font-size: 28px;
  margin: 0px 0px 10px 0px;
}

.iot-college .github .github_wrapper h2 a {
  color: #009d9f;
}

.iot-college .github .github_wrapper h2 a:hover {
  text-decoration: underline;
  color: #00595a;
}

.iot-college .github .github_wrapper .text {
  font-size: 20px;
  color: #333333;
  line-height: normal;
  margin-bottom: 10px;
}

.iot-college .github .github_wrapper .date {
  color: #9e9e9e;
}

.iot-college .github .github_wrapper .right {
  float: right;
}

.iot-college .github .github_wrapper .right .stars {
  background: url(../images/github-stars.png) no-repeat;
  text-align: right;
  padding-left: 30px;
  margin-bottom: 10px;
}

.iot-college .github .github_wrapper .right .forks {
  height: 22px;
  background: url(../images/github-fork.png) no-repeat;
  text-align: right;
  padding-left: 30px;
}

.iot-college .github .github_wrapper .clear {
  clear: both;
}

.iot-college .more {
  text-align: center;
  margin: 20px 0px 40px 0px;
}

.iot-college .more a {
  color: white;
  background: #009d9f;
  padding: 5px 15px;
  display: inline-block;
  cursor: pointer;
}

.main-menu a.m-iot-college.active,
.main-menu a.m-iot-college:hover {
  background: url(../images/iot-college-red.png) no-repeat center left;
}

.main-menu a.m-iot-college {
  background: url(../images/iot-college-white.png) no-repeat center left;
}

/* IoT college - Youtube */

.youtube {
  background: #f4f4f4;
  margin-bottom: 40px;
}

.iot-college .video {
  min-height: 300px;
  padding: 20px;
}

.iot-college .video h1 {
  color: #009d9f;
  margin-top: 10px;
  margin-bottom: 10px;
}

.iot-college .video .description {
  margin-bottom: 5px;
}

.iot-college .video .date {
  font-style: italic;
  margin-bottom: 5px;
}

.iot-college .video a:hover {
  text-decoration: underline;
}

.iot-college .list {
  width: 35%;
  height: 610px;
  background: #d2d2d2;
  padding: 20px;
  float: right;
  overflow: hidden;
}

.iot-college .list .listwrapper {
  height: 570px;
  overflow: hidden;
}

.iot-college .list .more {
  margin: 15px 0px 10px 0px;
  text-align: center;
}

.iot-college .list .more a {
  background: #009d9f none repeat scroll 0 0;
  color: white;
  cursor: pointer;
  display: inline-block;
  padding: 5px 15px;
}

.iot-college .list ul li {
  margin-top: 20px;
  clear: both;
  overflow: hidden;
}

.iot-college .list ul li.first {
  margin-top: 0px;
}

.iot-college .list img {
  float: left;
}

.iot-college .list .listWrapper {
  margin-left: 130px;
}

.iot-college .list h3 {
  position: relative;
  top: -2px;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 5px;
}

.iot-college .list h3 a {
  color: #009d9f;
}

.iot-college .list h3 a:hover {
  text-decoration: underline;
  color: #00595a;
}

.iot-college .list .description {
  margin-bottom: 5px;
}

.iot-college .list .date {
  font-style: italic;
  color: #666;
}

.iot-college .clear {
  clear: both;
}

.node-type-blogs .content .body table,
.node-type-blog .content .body table,
.node-type-news .content .body table {
  width: auto !important;
  border-collapse: collapse;
}

.node-type-blog .content .body table td,
.node-type-blogs .content .body table td,
.node-type-news .content .body table td {
  border: 1px solid #ccc;
  padding: 5px 10px;
}

.node-type-blog .content .body table thead td,
.node-type-blogs .content .body table thead td,
.node-type-news .content .body table thead td {
  background-color: #f1f1f1;
}

/* Mindmap */

.node-document-map .content {
  min-height: 600px;
}

.node-document-map .content ul {
  display: none;
}

svg {
  position: absolute;
}

.js-mindmap-active {
  position: absolute;
}

.js-mindmap-active h1 {
  display: none;
}

.js-mindmap-active section h1 {
  display: block;
}

.js-mindmap-active .node {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-size: 14px;
  font-weight: normal;
  color: #003258;
  opacity: 1;
  padding: 7px 14px;
  cursor: pointer;
  cursor: hand;
  z-index: 100;
  list-style: none;
  box-shadow: 3px 3px 3px #888888;
}

.js-mindmap-active a.node,
.js-mindmap-active span.node {
  letter-spacing: 0;
  width: 100px;
  display: block;
  color: white;
  background: #009d9f;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
}

.js-mindmap-active .node.active {}

.js-mindmap-active .node.active a,
.js-mindmap-active .node.active span {
  color: #003258;
}

.js-mindmap-active .node.activeparent a,
.js-mindmap-active .node.activeparent span {
  color: #001228;
}

.js-mindmap-active img.line {
  position: absolute;
  width: 200px;
  height: 133px;
  top: 0;
  left: 0;
  display: block;
  z-index: 0;
}

.ui-draggable {
  position: absolute;
}

.js-mindmap-active .node .node-action {
  position: absolute;
  right: -2em;
  bottom: -1px;
  text-align: center;
  vertical-align: super;
}

.js-mindmap-active a.node.active,
.js-mindmap-active span.node.active {
  background-color: #004867;
  padding: 7px 14px !important;
  border-width: 5px !important;
}

.js-mindmap-active a.node {
  color: #ffffff;
  background-color: #009d9f;
}

.js-mindmap-active a.node:hover {
  color: #ffffff;
  background-color: #00476e;
}

.js-mindmap-active a.node.activeparent,
.js-mindmap-active span.node.activeparent {
  padding: 7px 14px !important;
  font-size: 14px;
  color: #004867;
  background: #ffffff;
  border: 1px solid #004867;
}

.js-mindmap-active span.node:hover {
  color: #000000;
  background: #cccccc;
}

.js-mindmap-active span.active:hover,
.js-mindmap-active span.node.activeparent:hover {
  color: #ffffff;
  background-color: #666666;
}

.js-mindmap-active a.highlight {
  background-color: #e0260b;
}

.js-mindmap-active a.highlight:hover {
  background-color: #ca1e06;
}

/* Contact > Complaint */

.contactComplaint .field-name-body .field-item {
  width: 1140px;
  padding: 68px 0px;
  margin: 0 auto;
}

.contactComplaint .field-name-body .field-item p {
  font-size: 25px;
  line-height: 40px;
  margin-bottom: 30px;
}

.contactComplaint .field-name-body .field-item p a {
  color: #000000;
  text-decoration: underline;
}

.contactComplaint .field-name-body .field-item p a:hover {
  text-decoration: none;
}

/* Quicklinks for document page */

.page-support-download-documents .view-content h4,
.DOC .view-content h4 {
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  font-size: 25px;
  font-weight: bold;
  margin: 0px;
}

.page-support-download-documents .view-content table,
.DOC .view-content table {
  margin-bottom: 20px;
}

.page-support-download-other-tools .view-content table caption,
.page-support-download-documents .view-content table caption,
.DOC .view-content table caption {
  font-size: 25px;
  color: #009d9f;
  text-align: left;
  padding: 20px 0px;
}

.quicklinks {
  position: relative;
  top: -12px;
  border: 1px solid #ccc;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-size: 15px;
  font-weight: normal;
  height: 35px;
  margin-left: 20px;
  padding: 6px 0 6px 12px;
  width: 180px;
  float: right;
}

.quicklinks option {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-size: 18px;
  color: #333333;
}

.quicklinks optgroup {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-size: 18px;
  font-weight: lighter;
  color: #333333;
}

.quicklinks a:hover {
  color: #000000;
}

.page-support-download-other-tools ul.cto,
.page-support-download-documents ul.cto {
  border-bottom: 0px;
}

/* Maintenance */

.maintenance-page ol.flex-control-nav,
.maintenance-page ul.flex-direction-nav {
  display: none;
}

/* Top right: Search, Login and Language switch */

.top_right_sul {
  position: absolute;
  top: 0px;
  right: 0px;
}

.top_right_sul a:not(.contextual-links-trigger) {
  width: 50px;
  height: 35px;
  border: 1px solid white;
  background-image: url(../images/search-login-language.png?v1);
  background-size: 250px;
  text-indent: -200px;
  display: inline-block;
  margin-left: 10px;
  overflow: hidden;
}

.top_right_sul a.sul_search {
  background-position: 0% 0%;
  margin-left: 0px;
}

.top_right_sul a.sul_signin {
  margin-left: 0;
  background-position: 25% 0%;
}

.top_right_sul a.sul_logout {
  background-position: 50% 0%;
}

.top_right_sul a.sul_language_zh-hans {
  background-position: 75% 0%;
}

.top_right_sul a.sul_language_en {
  background-position: 100% 0%;
}

.top_right_sul a:hover {
  color: black;
  background-color: white;
}

.top_right_sul a.sul_search:hover {
  background-position: 0% 100%;
}

.top_right_sul a.sul_signin:hover {
  background-position: 25% 100%;
}

.top_right_sul a.sul_logout:hover {
  background-position: 50% 100%;
}

.top_right_sul a.sul_language_zh-hans:hover {
  background-position: 75% 100%;
}

.top_right_sul a.sul_language_en:hover {
  background-position: 100% 100%;
}

/* Top right: Search, Login and Language switch - Black background on top */

.page-search #header .top_right_sul,
.page-node-174 #header .top_right_sul,
.page-node-175 #header .top_right_sul,
.page-user #header .top_right_sul,
.page-node-36 #header .top_right_sul,
.page-node-532 #header .top_right_sul {
  top: 40px;
}

/* Top right: Search, Login and Language switch - Grey background on top */

.body-normal-page-style #header .top_right_sul a,
.views-developer-zone #header .top_right_sul a,
.i18n-zh-hans.page-products-hardware-services #header .top_right_sul a,
.page-node-3023 #header .top_right_sul a,
.page-node-2944 #header .top_right_sul a,
.page-company-contact-extra #header .top_right_sul a,
.page-node-2062 #header .top_right_sul a,
.page-node-2063 #header .top_right_sul a,
.page-node-1577 #header .top_right_sul a,
.page-node-1576 #header .top_right_sul a,
.page-node-2563 #header .top_right_sul a,
.page-node-2562 #header .top_right_sul a,
.page-node-280 #header .top_right_sul a,
.page-node-282 #header .top_right_sul a,
.page-node-55 #header .top_right_sul a,
.page-node-62 #header .top_right_sul a,
.page-node-2118 #header .top_right_sul a,
.page-node-2117 #header .top_right_sul a,
.page-node-2119 #header .top_right_sul a,
.page-node-2122 #header .top_right_sul a,
.page-node-2124 #header .top_right_sul a,
.page-node-2121 #header .top_right_sul a,
.page-node-2120 #header .top_right_sul a,
.page-node-2102 #header .top_right_sul a,
.page-search #header .top_right_sul a,
.page-node-18 #header .top_right_sul a,
.page-node-326 #header .top_right_sul a,
.page-node-596 #header .top_right_sul a,
.page-node-695 #header .top_right_sul a,
.page-media-overview #header .top_right_sul a,
.node-type-document-map #header .top_right_sul a,
.page-node-608 #header .top_right_sul a,
.html.views-book #header .top_right_sul a,
.html.views-course #header .top_right_sul a,
.page-node-712 #header .top_right_sul a,
.guide-page #header .top_right_sul a,
.page-support-download #header .top_right_sul a,
.page-certification #header .top_right_sul a,
.page-certificates #header .top_right_sul a,
.page-node-285 #header .top_right_sul a,
.page-node-68 #header .top_right_sul a,
.page-node-1985 #header .top_right_sul a,
.page-node-1993 #header .top_right_sul a,
.page-company-job-opportunities-job-search #header .top_right_sul a {
  border-color: #888888;
  background-image: url(../images/search-login-language-grey-black.png?v1);
  background-size: 250px;
}

.page-node-1512 #header .top_right_sul a,
.page-node-1511 #header .top_right_sul a,
.page-media-overview-news #header .top_right_sul a,
.page-media-overview-blog #header .top_right_sul a,
.page-media-overview-blogs #header .top_right_sul a,
.page-support-download.page-support-download-sdk #header .top_right_sul a,
.page-media-overview-articles #header .top_right_sul a {
  border-color: #ffffff;
  background-image: url(../images/search-login-language.png?v1);
  background-size: 250px;
}

/* Top right: Search, Login and Language switch - Extra media pages */

.node-type-news #header .top_right_sul,
.node-type-blog #header .top_right_sul,
.node-type-blogs #header .top_right_sul,
.node-type-articles #header .top_right_sul,
.page-node-18 #header .top_right_sul,
.page-node-1511 #header .top_right_sul,
.page-node-1512 #header .top_right_sul,
.page-media-overview #header .top_right_sul {
  top: 40px;
}

#block-menu-block-17 {
  display: none;
}

/* Top right: Search, Login and Language switch - Fix breadcrumb space and position */

.hm.hm-1 h2 {
  margin-right: 5px;
  margin-left: 20px;
}

#header .hm.hm-1 .content ul {
  margin-left: 30px;
}

/*---------------------------- new fix ----------------------------*/

.body-normal-page-style #header .top_right_sul a,
.views-developer-zone #header .top_right_sul a,
.i18n-zh-hans.page-products-hardware-services #header .top_right_sul a,
.page-node-3023 #header .top_right_sul a,
.page-node-2944 #header .top_right_sul a,
.page-company-contact-extra #header .top_right_sul a,
.page-node-2062 #header .top_right_sul a,
.page-node-2063 #header .top_right_sul a,
.page-node-1576 #header .top_right_sul a,
.page-node-1577 #header .top_right_sul a,
.page-node-2563 #header .top_right_sul a,
.page-node-2562 #header .top_right_sul a,
.page-node-280 #header .top_right_sul a,
.page-node-282 #header .top_right_sul a,
.page-node-55 #header .top_right_sul a,
.page-node-62 #header .top_right_sul a,
.page-node-2118 #header .top_right_sul a,
.page-node-2117 #header .top_right_sul a,
.page-node-2119 #header .top_right_sul a,
.page-node-2122 #header .top_right_sul a,
.page-node-2124 #header .top_right_sul a,
.page-node-2121 #header .top_right_sul a,
.page-node-2120 #header .top_right_sul a,
.page-node-2102 #header .top_right_sul a,
.html.views-book #header .top_right_sul a,
.html.views-course #header .top_right_sul a,
.page-search #header .top_right_sul a,
.page-node-18 #header .top_right_sul a,
.page-node-326 #header .top_right_sul a,
.page-node-473 #header .top_right_sul a,
.node-type-document-map #header .top_right_sul a,
.page-node-474 #header .top_right_sul a,
.guide-page #header .top_right_sul a,
.media-overview #header .top_right_sul a,
.page-support-download #header .top_right_sul a,
.page-node-285 #header .top_right_sul a,
.page-node-68 #header .top_right_sul a,
.page-node-1985 #header .top_right_sul a,
.page-node-1993 #header .top_right_sul a,
.page-node-69 #header .top_right_sul a,
.page-node-70 #header .top_right_sul a,
.page-node-469 #header .top_right_sul a,
.page-node-470 #header .top_right_sul a,
.page-company-job-opportunities-job-search .top_right_sul a {
  border-color: #888888;
  background-image: url(../images/search-login-language-grey-black.png?);
  background-size: 250px;
}

.top_right_sul a {
  transition: none;
  vertical-align: top;
}

.mb20.quicklinks {
  top: 64px;
}

.mb20 {
  position: relative;
  top: 70px;
}

#edit-field-technology-tid-wrapper {
  margin-left: 0;
  padding-top: 0;
}

#edit-field-technology-tid-wrapper .form-type-bef-checkbox {
  float: left;
}

#edit-field-technology-tid-wrapper label {
  position: absolute;
  margin-top: -10px;
}

#edit-field-technology-tid-wrapper .form-type-bef-checkbox label {
  margin-bottom: 8px;
  position: static;
  margin-top: 0;
  display: block;
  margin-right: 40px;
  line-height: 28px;
}

.sat-page #edit-field-type-tid-wrapper {
  margin-bottom: 0;
}

#edit-field-type-tid-wrapper .views-widget,
#edit-field-technology-tid-wrapper .views-widget {
  margin-left: 300px;
}

#edit-field-technology-tid-wrapper {
  margin-bottom: 25px;
}

.main-menu .content ul li#ecosystem-menu ul {
  height: 400px;
}

.main-menu a.m-iot-college.m-iot-cloud.active,
.main-menu a.m-iot-college.m-iot-cloud:hover {
  background: url(../images/iot-cloud-red.png) no-repeat center left;
}

.main-menu a.m-iot-college.m-iot-cloud {
  background: url(../images/iot-cloud-white.png) no-repeat center left;
}

.float_l {
  float: left;
  margin-top: 10px;
}

.iot-college .filterlist .float_l a.active,
.iot-college .filterlist .float_l a:hover {
  color: #fff;
  background: #009d9f;
}

select#select_sort {
  padding: 10px 10px;
  text-align: left;
  width: 150px;
  margin-left: 20px;
  border: 1px solid #ccc;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-size: 20px;
  font-weight: normal;
  height: 42px;
  margin-left: 20px;
  padding: 6px 0 6px 12px;
  width: 228px;
}

/*        add           */

/*             aff               */

.block-search .form-text {
  position: absolute;
  right: 0px;
  top: 50px;
  background: rgba(0, 0, 0, 0.8);
  width: 380px;
  border: 0;
  font-size: 18px;
  line-height: 18px;
  padding: 12px 20px;
  /* -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.4); */
  font-style: italic;
  color: #fff;
  -webkit-transition: none 125ms ease-out;
  -webkit-transition-delay: 0;
  -moz-transition: none 125ms ease-out 0;
  -o-transition: none 125ms ease-out 0;
  transition: none 125ms ease-out 0;
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  -o-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  transform: scale(0, 0);
  opacity: 0;
  outline: 0;
  font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFang SC Medium", "黑体", sans-serif !important;

}

.block-search input.form-text::-webkit-input-placeholder {
  color: #fff;
  font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFang SC Medium", "黑体", sans-serif !important;

}

.block-search input.form-text:-moz-placeholde {
  color: #fff;
  font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFang SC Medium", "黑体", sans-serif !important;
}

.block-search input.form-text::-moz-placeholder {
  color: #fff;
  font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFang SC Medium", "黑体", sans-serif !important;
}

.block-search input.form-text:-ms-input-placeholder {
  color: #fff;
  font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFang SC Medium", "黑体", sans-serif !important;
}

.block-search.active .form-text {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
}

.block-search .form-submit {
  display: none;
}

.top_right_sul a.sul_search {
  margin-left: 10px;
}

.block-search.active .form-item.form-type-textfield.form-item-search-block-form:after {
  display: block;
}

.form-item.form-type-textfield.form-item-search-block-form:after {
  border: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.8);
  width: 0;
  display: none;
  height: 0;
  position: absolute;
  right: 18px;
  top: 37px;
  content: ' ';
}

#block-menu-block-1 li#support-menu ul.menu {
  margin-top: -8px;
}

.page-support-explore #edit-field-type-tid-wrapper .views-widget,
.page-support-explore #edit-field-technology-tid-wrapper .views-widget {
  margin-left: 0;
}

.com-words,
.pdb-word p {
  font-size: 26px !important;
  line-height: 46px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.pdb-word h2 {
  font-size: 48px !important;
}

.commitment .pdb-word img {
  display: inline;
  width: auto;
}

.commitment .pdb-word {
  text-align: center;
  width: 1140px;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 180px;
  max-width: 100%;
}

.pdb-word {
  position: absolute;
  color: #fff;
  width: 700px;
  margin-left: 220px;
  top: 240px;
}

a.m-community,
a.m-iot-college.m-iot-cloud {
  padding-bottom: 35px !important;
}

/*#block-menu-block-1 #ecosystem-menu ul.menu {
                                                                                                                                                                             *     top: -188px;
                                                                                                                                                                             *     }*/

#block-menu-block-1 #product-menu ul.menu {
  top: -70px;
}

.front #block-menu-block-1 #product-menu ul.menu {
  top: 0px;
}

#block-menu-block-1 li#company-menu ul.menu {
  top: -47px;
}

li#media-menu ul.menu {
  top: -63px;
}

.front li#media-menu ul.menu {
  top: -64px;
}

.front #block-menu-block-1 li#company-menu ul.menu {
  top: -14px;
}

/*.front #block-menu-block-1 #ecosystem-menu ul.menu {
 *     top: -200px;
 *     }*/

.i18n-zh-hans a.m-iot-cloud.m-iot-college {
  width: 56px !important;
}

.languge,
.related-app h1 {
  display: none;
}

/*  new  */

.view-financial .views-field-nothing a,
.view-documentation .views-field-nothing a,
.view-sdks-demos .views-field-nothing a,
.view-documentation .views-field-field-download-1 a,
.view-sdks-demos .views-field-field-download-1 a {
  background: url(../images/download2.png) no-repeat center;
  display: block;
  text-indent: -9999px;
  height: 21px;
  width: 23px;
  background-size: cover !important;
  margin: 0 auto;
}

.page-node-218 .hm.last {
  display: none;
}

/* Add */

.front-word .content {
  width: 960px;
  margin: 0 auto;
}

.front-word.banner1 a:hover span,
.career.banner a:hover span {
  left: 10px;
}

.front-word.banner1 a span,
.career.banner a span {
  position: relative;
  left: 0;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.front-word.banner1 a,
.career.banner a {
  font-size: 24px;
  line-height: 48px;
  padding: 2px;
  border-radius: 30px;
  padding-left: 40px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  border: 2px solid #fff;
  padding-right: 40px;
  color: #fff;
  display: inline;
}

.front-word.banner1 a:hover,
.career.banner a:hover {
  background: rgba(0, 0, 0, 0.15) !important;
}

.front-word.banner1 a {
  position: absolute;
  right: 13%;
  bottom: 14%;
}

.front-word.banner1 h1 {
  /*margin-bottom: 10px;*/
  position: absolute;
  right: 13%;
  bottom: 20%;
}

.front-word.banner1 {
  /*background: url(../images/banner1-line.png) no-repeat center;*/
  /*padding: 20px 0 60px;*/
  /*background-size: 100%;*/
  padding: 0;
  height: 100%;
  width: 100%;
  top: 0;
}

.front-word {
  position: absolute;
  width: 100%;
  top: 120px;
}

.front-word.banner2 h1 {
  margin: 0;
}

.front-word h2,
.front-word h1 {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-size: 48px !important;
  font-weight: normal;
  color: #fff;
}

.front-word.banner1 h3 {
  margin-top: 0;
  margin-bottom: 290px;
}

.front-word p,
.front-word h3 {
  font-size: 26px !important;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  color: #fff;
  font-weight: normal;
}

.front-word.banner2 img {
  display: inline !important;
  width: auto;
}

.front-word.banner2 tbody {
  border: 0;
}

.front-word.banner2 {
  text-align: center;
  color: #fff;
}

.front-word.banner2 h1 img {
  margin: 0 9px;
}

.front-word.banner2 h3 {
  margin-bottom: 55px;
}

.front-word.banner2 .banner2-right,
.front-word.banner2 .banner2-left {
  width: 200px;
}

.front-word.banner2 .banner2-right img,
.front-word.banner2 .banner2-left img {
  width: 29px;
  margin: 5px !important;
}

.front-word.banner2 table img {}

.front-word.banner2 h2 {
  font-size: 30px;
  text-shadow: 3px -2px 5px #111;
}

.front-word.banner2 table img {
  margin: 0 136px;
}

.front-word.banner3 img {
  width: auto;
  display: inline;
}

.front-word.banner3 h3 {
  font-size: 23px;
  margin: 40px 0;
}

.front-word.banner3 {
  text-align: center;
}

#node-63 .form-file,
#node-281 .form-file {
  padding: 5px !important;
  line-height: 30px !important;
}

.ff #node-63 .form-file,
.ff #node-281 .form-file {
  padding: 0 !important;
  line-height: 0px !important;
  font-size: 18px !important;
}

.main-menu .menu-mlid-627 li.leaf {
  font-weight: bold;
}

.main-menu li.last.leaf.menu-mlid-758 {
  width: 160px !important;
}

li#company-menu li#media-menu ul ul {
  display: none !important;
}

li#company-menu a.m-media {
  background-position: left center !important;
}

.i18n-en #sitemap li#company-menu a.m-media {
  margin-top: 0 !important;
}

.i18n-en li#company-menu a.m-media {
  margin-top: 30px !important;
}

li#company-menu li#media-menu ul a {
  background: transparent !important;
}

.view-faq h3,
.faq-page .view-content h3 {
  font-size: 30px;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  padding: 18px 0;
  margin: 0;
  background: url(../images/p-b.png) no-repeat right center;
  border-bottom: 1px solid #ccc;
}

.block-views.FAQ .view-faq h3 {
  background: transparent;
  color: #009d9f;
}

.faq-page .views-exposed-form .views-exposed-widget,
.page-support-explore-faq .faq-page .views-exposed-form .views-exposed-widget,
.page-support-explore-sales-faq .faq-page .views-exposed-form .views-exposed-widget,
.page-support-explore-faqs .faq-page .views-exposed-form .views-exposed-widget {
  float: none;
}

.faq-page .view-filters .form-text,
.page-support-explore-faq .faq-page .view-filters .form-text,
.page-support-explore-sales-faq .faq-page .view-filters .form-text,
.page-support-explore-faqs .faq-page .view-filters .form-text {
  box-sizing: border-box;
  width: 100%;
}

.faq-page .view-content .faq-content,
.page-support-explore-faq .faq-page .view-content .faq-content,
.page-support-explore-sales-faq .faq-page .view-content .faq-content,
.page-support-explore-faqs .faq-page .view-content .faq-content {
  display: none;
}

.faq-page h2.view-title,
.page-support-explore-faq .faq-page h2.view-title,
.page-support-explore-sales-faq .faq-page h2.view-title,
.page-support-explore-faqs .faq-page h2.view-title {
  margin: 0;
  padding: 20px 0 30px 70px;
  border-bottom: 1px solid #ccc;
}

.page-support-explore-faq .view-faq .views-field.views-field-field-answer,
.page-support-explore-sales-faq .view-faq .views-field.views-field-field-answer,
.page-support-explore-faqs .view-faq .views-field.views-field-field-answer {
  margin-left: 50px;
}

.page-support-download-sdk #block-menu-block-40,
.page-support-download-sdk #block-menu-block-16,
.page-support-download-sdk #header .hm {
  display: none;
}

.faq-page .view-filters .form-submit,
.page-support-explore-faq .faq-page .view-filters .form-submit,
.page-support-explore-sales-faq .faq-page .view-filters .form-submit,
.page-support-explore-faqs .faq-page .view-filters .form-submit {
  display: block;
  text-indent: -9999px;
  width: 30px;
  position: absolute;
  cursor: pointer;
  right: 16px;
  top: -72px;
  opacity: 0;
}

.faq-page .view-filters .views-exposed-form .views-exposed-widget,
.page-support-explore-faq .faq-page .view-filters .views-exposed-form .views-exposed-widget,
.page-support-explore-sales-faq .faq-page .view-filters .views-exposed-form .views-exposed-widget,
.page-support-explore-faqs .faq-page .view-filters .views-exposed-form .views-exposed-widget {
  position: relative;
}

/* new css */

.page-support-download.page-support-download-sdk #header #logo img {
  display: block;
  opacity: 1;
}

.page-support-download.page-support-download-sdk #header .hm h2 {
  background-image: url(../images/arrow-bottom.png);
  border-color: #fff;
}

.page-support-download.page-support-download-sdk #header .hm.hm-1 {
  background-image: url(../images/1.png);
}

.page-support-download.page-support-download-sdk #header .hm {
  display: block;
}

.page-support-download.page-support-download-sdk #header {
  position: absolute;
  padding: 0;
  margin-top: 35px;
  background: transparent;
  color: #fff;
}

/* new  */

.view.view-book {
  width: 1148px;
  margin: 20px auto;
}

.view-book .views-field.views-field-body {
  font-size: 22px;
  color: #333;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  margin-bottom: 20px;
}

.view-book .views-field {
  color: #807e7e;
  font-size: 16px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  margin-bottom: 4px;
}

.view-book .views-field span.views-label {
  float: left;
  margin-right: 10px;
}

.view-book .views-field.views-field-field-link {
  margin-bottom: 20px;
}

.view-book .views-field.views-field-field-link a {
  font-size: 26px;
  color: #009d9f;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  transition: all 0.15s;
}

.view-book .views-field.views-field-field-link a:hover {
  color: #00595a;
  text-decoration: underline;
}

.view-book .views-field.views-field-field-image img {
  width: 130px;
  height: 165px;
}

.view-book .views-field.views-field-field-image {
  float: right;
}

.view-book .views-row {
  overflow: hidden;
  padding: 20px;
  background: #f5f5f5;
  margin-bottom: 5px;
}

.view-book div#edit-field-type-tid-all,
.view-book .views-exposed-form .views-exposed-widget.views-submit-button {
  display: none;
}

.view-book #edit-field-type-tid-wrapper .views-widget {
  margin-left: 0;
}

.view-book .view-filters .form-item a:hover {
  color: #fff;
  background: #009d9f;
}

.view-book .view-filters .form-item a {
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
  color: #000000;
  background: #ececec;
  border-radius: 15px;
  padding: 5px 15px;
  margin-left: 10px;
}

.view-book .view-filters {
  margin-bottom: 25px;
}

.view-book .view-filters .form-item {
  float: left;
}

.view-book .views-field.views-field-body p {
  line-height: 28px;
  font-size: 16px;
}

.view-documentation th,
.sat-page th {
  font-size: 16px;
  padding: 15px 0 !important;
}

.view.view-job-search th {
  height: auto;
  padding: 15px 0 15px 30px;
  font-size: 16px;
}

.view.view-job-search td {
  color: #666;
  padding: 13px 0 13px 30px;
  font-size: 16px !important;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.view.view-job-search th,
.view.view-job-search td {
  height: 55px;
  box-sizing: border-box;
}

.view-documentation .views-field-title,
.sat-page .views-field-title {
  padding-left: 30px !important;
}

.view.view-faq.faq-page .field-content table td,
.view.view-faq.faq-page .field-content table th {
  padding: 7px 20px;
  border: 1px solid #333;
}

.view.view-faq.faq-page .field-content table {
  border: 1px solid #333;
}

.view-faq .views-field.views-field-field-answer ul {
  padding-left: 20px;
}

.view-faq .views-field.views-field-field-answer li {
  list-style: inherit;
}

/*.page-support-download-documents .CMC,*/
.page-support-download-documents .hm {
  display: none;
}

#block-menu-block-1 #ecosystem-menu ul li a.m-iot-college.m-iot-cloud {
  margin-bottom: 0;
}

#block-menu-block-1 #ecosystem-menu ul li a.m-iot-college,
#block-menu-block-1 #company-menu ul li a.m-media {
  margin-bottom: 20px;
}

#block-block-26 .explore-block .content {
  width: 400px;
  margin: 175px auto;
}

#edit-field-classification-value-wrapper .form-item-field-classification-value {
  display: none;
}

#edit-field-classification-value-wrapper .form-item-field-classification-value:nth-child(2) {
  margin-left: 0;
}

.item-list .pager a,
.item-list .pager span {
  color: #999;
}

.item-list .pager {
  margin-top: 20px;
}

.views-field.views-field-field-job-link {
  display: none !important;
}

#block-block-26 .explore-block .box {
  width: 50%;
  float: left;
}

#block-block-40 .pdb-word {
  margin-left: auto;
  margin-right: 70px;
  margin-left: 20px !important;
  right: 0;
  width: 640px;
}

#block-block-60 .pdb-word {
  right: 0;
}

.page-node-1281 .hm.last {
  display: none;
}

#block-block-61 .pdb-word p {
  line-height: 44px;
}

.i18n-zh-hans #block-block-61 .pdb-word .content p {
  font-size: 26px;
}

#block-block-61 .pdb-word .content h2 {
  font-size: 52px;
}

.no-b-p {
  margin-bottom: -140px !important;
}

.main-menu li#product-menu ul.menu ul {
  height: auto;
}

.main-menu .content li#product-menu ul.menu {
  height: 450px;
}

.main-menu li#product-menu ul.menu {
  padding-bottom: 20px;
}

.main-menu li#product-menu ul.menu li {
  height: auto;
}

.main-menu .menu-level-1>ul.menu>li>ul.menu>li>a {
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
}

.h-lv-1 {
  padding-left: 12px !important;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.h-lv-2 {
  padding-left: 24px !important;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

li.hb {
  padding-bottom: 12px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
  margin-bottom: 12px !important;
  width: 155px !important;
  box-sizing: border-box;
}

li.disabled a:hover {
  cursor: default;
  color: #fff !important;
}

#block-block-62 .pdb-word .content h2 {
  margin-bottom: 15px;
  font-size: 48px;
}

#block-block-62 .pdb-word .content p {}

div#block-block-62 .pdb-word .content {
  width: 595px;
  float: right;
}

div#block-block-62 .pdb-word {
  width: 1140px;
  margin: 0 auto;
  left: 0;
  right: 0;
}

div#block-block-65 .pdb-word {
  /*width: 615px;*/
}
@media (max-width: 768px) {
  div.success-page .flexslider li,
  div#block-block-65 .flexslider li {
    padding-top: 0 !important;
  }

}


div.success-page .pdb-word h2 ,
div#block-block-65 .pdb-word h2 {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-weight: lighter;
}

div#block-block-65 .pdb-word p {}

div.success-page .pdb-word a ,
div#block-block-65 .pdb-word a {
  color: #fff;
  padding: 10px 30px;
  display: block;
  border: 2px solid #fff;
  float: left;
  border-radius: 30px;
  margin-top: 40px;
  font-size: 18px;
}

#footer #mc_embed_signup h2 {
  color: #fff;
  line-height: 28px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  margin: 12px 0;
  font-weight: normal;
  margin-top: -10px;
}

#mc_embed_signup .indicates-required span,
#mc_embed_signup .indicates-required,
#footer #mc_embed_signup .mc-field-group label span,
#footer #mc_embed_signup .mc-field-group label {
  color: #fff;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

#footer #mc_embed_signup .l {
  padding-right: 20px;
}

#footer #mc_embed_signup .r {
  padding-left: 20px;
}

#footer #mc_embed_signup .b {
  width: 100%;
}

#footer #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
  position: absolute;
}

#footer #mc_embed_signup .r,
#footer #mc_embed_signup .l {
  margin-right: 0;
  width: 50%;
  float: left;
  box-sizing: border-box;
  clear: none;
  height: 70px;
}

#footer #mc_embed_signup {
  position: fixed;
  top: 0;
  z-index: 1000;
  left: 0;
  right: 0;
  display: none;
  bottom: 0;
  background: transparent;
}

#footer #mc_embed_signup form .close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 26px;
  height: 26px;
  background: url(../images/close4.png) no-repeat center;
  background-size: 18px;
}

#footer #mc_embed_signup form {
  width: 935px;
  height: 435px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 40px 117px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.9);
}

#footer #mc_embed_signup .button {
  background: #c60724;
  margin-top: 15px;
  height: 40px;
  width: 125px;
}

#block-search-form {
  position: absolute;
  right: 109px;
  top: 0;
}

a.sul_rss:hover {
  color: #333 !important;
  background: #fff !important;
}

a.sul_rss {
  text-indent: 0 !important;
  background: transparent !important;
  line-height: 36px;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  color: #fff;
  width: auto !important;
  padding: 0 15px;
}

.body-normal-page-style #header .top_right_sul a,
.views-developer-zone #header .top_right_sul a,
.i18n-zh-hans.page-products-hardware-services #header .top_right_sul a,
.page-node-3023 #header .top_right_sul a,
.page-node-2944 #header .top_right_sul a,
.page-company-contact-extra #header .top_right_sul a,
.page-node-2062 #header .top_right_sul a,
.page-node-2063 #header .top_right_sul a,
.page-node-1576 #header .top_right_sul a,
.page-node-1577 #header .top_right_sul a,
.page-node-2562 #header .top_right_sul a,
.page-node-2563 #header .top_right_sul a,
.page-node-280 #header .top_right_sul a,
.page-node-282 #header .top_right_sul a,
.page-node-55 #header .top_right_sul a,
.page-node-62 #header .top_right_sul a,
.page-node-2118 #header .top_right_sul a,
.page-node-2117 #header .top_right_sul a,
.page-node-2119 #header .top_right_sul a,
.page-node-2122 #header .top_right_sul a,
.page-node-2124 #header .top_right_sul a,
.page-node-2121 #header .top_right_sul a,
.page-node-2120 #header .top_right_sul a,
.page-node-2102 #header .top_right_sul a,
.page-certification #header .top_right_sul a,
.page-certificates #header .top_right_sul a,
.html.views-book #header .top_right_sul a,
.html.views-course #header .top_right_sul a,
.page-search #header .top_right_sul a,
.page-node-18 #header .top_right_sul a,
.page-node-326 #header .top_right_sul a,
.page-node-473 #header .top_right_sul a,
.node-type-document-map #header .top_right_sul a,
.page-node-474 #header .top_right_sul a,
.guide-page #header .top_right_sul a,
.media-overview #header .top_right_sul a,
.page-support-download #header .top_right_sul a,
.page-node-285 #header .top_right_sul a,
.page-node-68 #header .top_right_sul a,
.page-node-1985 #header .top_right_sul a,
.page-node-1993 #header .top_right_sul a,
.page-node-69 #header .top_right_sul a,
.page-node-70 #header .top_right_sul a,
.page-node-469 #header .top_right_sul a,
.page-node-470 #header .top_right_sul a,
.page-company-job-opportunities-job-search .top_right_sul a {
  color: #000 !important;
}

.page-support-download-sdk #header .top_right_sul a {
  color: #fff !important;
}

.page-support-download-sdk #header .top_right_sul a:hover {
  color: #000 !important;
}

#footer #mc_embed_signup input {
  border: 0;
  border-radius: 0;
}

#footer #mc_embed_signup div#mce-responses {
  margin: 0;
  width: 100%;
  padding: 0;
}

#footer #mc_embed_signup div.response {
  margin: 0;
  padding: 0;
  color: #fff !important;
  width: 100% !important;
}

/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */

#mc_embed_signup form {
  display: block;
  position: relative;
  text-align: left;
  padding: 10px 0 10px 3%
}

#mc_embed_signup h2 {
  font-weight: bold;
  padding: 0;
  margin: 15px 0;
  font-size: 1.4em;
}

#mc_embed_signup input {
  border: 1px solid #ABB0B2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

#mc_embed_signup input[type=checkbox] {
  -webkit-appearance: checkbox;
}

#mc_embed_signup input[type=radio] {
  -webkit-appearance: radio;
}

#mc_embed_signup input:focus {
  border-color: #333;
}

#mc_embed_signup .button {
  clear: both;
  background-color: #aaa;
  border: 0 none;
  border-radius: 4px;
  transition: all 0.23s ease-in-out 0s;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: normal;
  height: 32px;
  line-height: 32px;
  margin: 0 5px 10px 0;
  padding: 0 22px;
  text-align: center;
  text-decoration: none;
  vertical-align: top;
  white-space: nowrap;
  width: auto;
}

#mc_embed_signup .button:hover {
  background-color: #777;
}

#mc_embed_signup .small-meta {
  font-size: 11px;
}

#mc_embed_signup .nowrap {
  white-space: nowrap;
}

#mc_embed_signup .mc-field-group {
  clear: left;
  position: relative;
  width: 96%;
  padding-bottom: 3%;
  min-height: 50px;
}

#mc_embed_signup .size1of2 {
  clear: none;
  float: left;
  display: inline-block;
  width: 46%;
  margin-right: 4%;
}

* html #mc_embed_signup .size1of2 {
  * margin-right: 2%;
  *
  /* Fix for IE6 double margins. */
}

#mc_embed_signup .mc-field-group label {
  display: block;
  margin-bottom: 3px;
}

#mc_embed_signup .mc-field-group input {
  display: block;
  width: 100%;
  padding: 8px 0;
  text-indent: 2%;
}

#mc_embed_signup .mc-field-group select {
  display: inline-block;
  width: 99%;
  padding: 5px 0;
  margin-bottom: 2px;
}

#mc_embed_signup .datefield,
#mc_embed_signup .phonefield-us {
  padding: 5px 0;
}

#mc_embed_signup .datefield input,
#mc_embed_signup .phonefield-us input {
  display: inline;
  width: 60px;
  margin: 0 2px;
  letter-spacing: 1px;
  text-align: center;
  padding: 5px 0 2px 0;
}

#mc_embed_signup .phonefield-us .phonearea input,
#mc_embed_signup .phonefield-us .phonedetail1 input {
  width: 40px;
}

#mc_embed_signup .datefield .monthfield input,
#mc_embed_signup .datefield .dayfield input {
  width: 30px;
}

#mc_embed_signup .datefield label,
#mc_embed_signup .phonefield-us label {
  display: none;
}

#mc_embed_signup .indicates-required {
  text-align: right;
  font-size: 11px;
  margin-right: 4%;
}

#mc_embed_signup .asterisk {
  color: #e85c41;
  font-size: 150%;
  font-weight: normal;
  position: relative;
  top: 5px;
}

#mc_embed_signup .clear {
  clear: both;
}

#mc_embed_signup .mc-field-group.input-group ul {
  margin: 0;
  padding: 5px 0;
  list-style: none;
}

#mc_embed_signup .mc-field-group.input-group ul li {
  display: block;
  padding: 3px 0;
  margin: 0;
}

#mc_embed_signup .mc-field-group.input-group label {
  display: inline;
}

#mc_embed_signup .mc-field-group.input-group input {
  display: inline;
  width: auto;
  border: none;
}

#mc_embed_signup div#mce-responses {
  float: left;
  top: -1.4em;
  padding: 0em .5em 0em .5em;
  overflow: hidden;
  width: 90%;
  margin: 0 5%;
  clear: both;
}

#mc_embed_signup div.response {
  margin: 1em 0;
  padding: 1em .5em .5em 0;
  font-weight: bold;
  float: left;
  top: -1.5em;
  z-index: 1;
  width: 80%;
}

#mc_embed_signup #mce-error-response {
  display: none;
}

#mc_embed_signup #mce-success-response {
  color: #529214;
  display: none;
}

#mc_embed_signup label.error {
  display: block;
  float: none;
  width: auto;
  margin-left: 1.05em;
  text-align: left;
  padding: .5em 0;
}

#mc-embedded-subscribe {
  clear: both;
  width: auto;
  display: block;
  margin: 1em 0 1em 5%;
}

#mc_embed_signup #num-subscribers {
  font-size: 1.1em;
}

#mc_embed_signup #num-subscribers span {
  padding: .5em;
  border: 1px solid #ccc;
  margin-right: .5em;
  font-weight: bold;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
  display: inline-block;
  margin: 2px 0 1em 0;
  padding: 5px 10px;
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: normal;
  z-index: 1;
  color: #e85c41;
}

#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
  border: 2px solid #e85c41;
}

.new-gallary .pdb-word {
  left: 0;
  width: 1170px;
  margin: 0 auto;
  right: 0;
}

.new-gallary .pdb-word .r.bpd {
  width: auto;
  float: right;
}

.safari .sul_rss {
  vertical-align: bottom;
}

.new-pd-overview .section {
  padding: 70px 0;
}

.new-pd-overview p {
  font-size: 26px;
  line-height: 48px;
}

.new-pd-overview .s1 p {
  text-align: left;
  margin-bottom: 50px;
}

.new-pd-overview .s2 ul {
  margin-left: 30px;
  text-align: left;
  margin-bottom: 61px;
}

.new-pd-overview .s3 li a:hover~h4 a,
.new-pd-overview .s3 li a:hover,
.sec.related-product li a:hover~h4 a,
.sec.related-product li a:hover {
  color: #00595a !important;
  text-decoration: none;
}

.new-pd-overview li:hover a img,
.sec.related-product li:hover a img {
  transform: scale(1.15);
}

.new-pd-overview .s3 li a img,
.sec.related-product li a img {
  transition: transform 0.3s;
}

.new-pd-overview .s3 li a,
.sec.related-product li a {
  display: block;
  line-height: 1;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}

.new-pd-overview .s3 li>a,
.sec.related-product li>a {
  font-size: 0;
}

.page-node-1458 div#block-views-media-block-3 {
  display: none;
}

.new-pd-overview .s3 h3 {
  font-size: 30px;
  text-transform: uppercase;
  margin: 0;
  color: #333;
  padding-bottom: 17px;
  border-bottom: 1px solid #aaa;
  margin-bottom: 29px;
}

.new-pd-overview .s3 li {
  margin-right: 30px;
  display: inline-block;
  vertical-align: top;
}

.new-pd-overview .s3 li h4 a {
  font-size: 20px;
  color: #333;
  margin: 5px 0;
}

.new-gallary .pdb-word .txt {
  padding-top: 15px;
}

.new-pd-overview .s2 li {
  font-size: 30px;
  line-height: 53px;
}

.new-pd-overview .s2 p {
  text-align: left;
  font-size: 30px;
  margin-bottom: 23px;
}

.new-pd-overview .s2 {
  background: #10a0df;
  text-align: center;
  color: #fff;
}

.new-pd-overview .content {
  width: 1170px;
  margin: 0 auto;
}

.new-pd-overview .s1 {
  text-align: center;
}

.new-pd-overview .s1 h2 {
  font-size: 48px;
  margin: 0;
  margin-bottom: 42px;
}

li.views-row.first-links .head h1 {
  background: #428fa3;
  color: #fff;
  font-weight: normal;
  text-align: center;
  padding: 44px 15px 27px;
  font-size: 36px;
  margin: 0;
}

li.views-row.first-links .body {
  background: #5fadc1;
}

li.views-row.first-links .body li a {
  color: #fff;
  display: block;
}

#container .list-media.media-page li.views-row.first-links .body li {
  background: transparent;
  padding: 19px 27px;
  font-size: 25px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin: 0;
}

li.views-row.first-links .body ul {
  height: auto !important;
  margin: 0;
}

li.views-row.first-links .body p {
  padding: 22px 30px 35px;
  color: #fff;
  font-size: 18px;
  line-height: 26px;
}

li.views-row.first-links .foot a {
  display: block;
  text-align: center;
  color: #fff;
  padding: 18px 0 18px;
  background: #428fa3;
  font-size: 25px;
}

li.views-row.first-links a:hover {
  opacity: 0.7;
}

li.views-row.first-links {
  background: #428fa3 !important;
}

li.views-row.first-links a span {
  font-size: 36px;
  margin-top: -10px;
}

li.views-row.first-links .body li a span {
  float: right;
  display: block;
}

#newsletter-page {
  width: 1140px;
  margin: 60px auto;
}

#newsletter-page h1 {
  font-size: 55px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  margin: 0;
  margin-bottom: 23px;
}

#newsletter-page p.info {
  font-size: 20px;
  line-height: 35px;
  margin-bottom: 38px;
}

#newsletter-page a.news-link {
  font-size: 18px;
  text-decoration: underline;
}

#newsletter-page h3 {
  margin: 48px 0 8px;
}

#newsletter-page table {
  width: 100%;
}

#newsletter-page table li {
  line-height: 42px;
  text-decoration: underline;
}

.main-menu .content li.open ul {
  display: block;
}

.sec.sdk-sec-1 {
  text-align: center;
  padding: 37px 0 107px;
}

.sec.sdk-sec-2 {
  position: relative;
}

.sec.sdk-sec-2 img {
  width: 100%;
  display: block;
  height: auto;
}

.sec.sdk-sec-1 h1 {
  font-size: 48px;
  margin-bottom: 16px;
}

.sec.sdk-sec-1 img {
  margin-bottom: 57px;
  margin-left: 48px;
}

.sec.sdk-sec-1 p {
  font-size: 30px;
  width: 1100px;
  line-height: 48px;
  display: inline-block;
}

.sec.sdk-sec-2 .words {
  position: absolute;
  bottom: 88px;
  z-index: 100;
  width: 1100px;
  left: 0;
  right: 0;
  margin: auto;
}

.sec.sdk-sec-2 h3 {
  font-size: 38px;
  margin-bottom: 10px;
  color: #fff;
}

.sec.sdk-sec-2 li {
  font-size: 30px;
  color: #fff;
  line-height: 48px;
}

.sec.sdk-sec-2 ul {
  margin-left: 10px;
}

.sec.sec-brand img {
  display: block;
  width: 100%;
  height: auto;
}

.sec.related-product h3 {
  font-size: 30px;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
}

.sec.related-product h3 {
  font-size: 30px;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.3);
  padding-bottom: 20px;
}

.sec.related-product {
  width: 1100px;
  margin: 0 auto;
  padding-bottom: 70px;
  overflow: hidden;
}

.sec.related-product ul {
  margin: 0 -10px;
}

.sec.related-product li {
  float: left;
  margin: 0 10px;
}

.sec.related-product li a {
  font-size: 20px;
  color: #333;
}

#block-block-69 .pdb-word {
  text-align: center;
  margin-top: -90px;
}

#block-block-69 .pdb-word h1 {
  font-size: 56px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  margin-bottom: 20px;
}

#block-block-69 .pdb-word p {
  width: 1100px;
  margin: 0 auto;
}

.anonymous .pqc a:hover {
  color: #00595a !important;
}

.anonymous .pqc a {
  float: none;
  display: inline;
  border: 0;
  color: #009d9f;
  line-height: 40px;
  padding: 0;
}

#block-menu-block-7.CMC .content a {
  font-size: 14px !important;
}

.sec.sec-brand ul {
  width: 1135px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 170px;
  overflow: hidden;
}

.sec.sec-brand li {
  float: left;
  padding: 20px;
  box-sizing: border-box;
}

.sec.sec-brand li img {
  width: auto;
  max-width: 100%;
  height: 70px;
}

.popup-subscribe .content {
  width: 1000px;
  margin: 200px auto;
  height: auto;
  margin-top: 168px;
  box-sizing: border-box;
  padding: 0;
  background: transparent;
}

.popup-subscribe .close:hover {
  opacity: 0.6;
  cursor: pointer;
}

.popup-subscribe .close {
  position: absolute;
  display: none;
  right: 18px;
  top: 14px;
  width: 26px;
  height: 26px;
  background: url(../images/close-light.png) no-repeat center;
  background-size: 16px;
}

.success-subscribe,
.error-subscribe {
  display: none;
}

.subscribe-msg h3 {
  margin: 0;
  font-size: 20px;
  font-weight: normal;
}

.subscribe-msg h2 {
  font-size: 24px;
  margin-top: 28%;
  font-weight: normal;
}

.subscribe-msg {
  display: none;
  text-align: center;
}

.subscribe-msg .content {
  width: 935px;
  height: 530px;
  margin: auto;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  top: 0;
  padding: 25px 117px;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 18px;
  right: 0;
}

.loading-subscribe.subscribe-msg .content h3 {
  font-size: 20px;
  margin: 0;
  position: absolute;
  bottom: 36%;
  left: 44%;
}

.loading-subscribe.subscribe-msg .content img {
  width: 65px;
  height: auto;
}

.loading-subscribe.subscribe-msg .content {
  display: block;
  text-align: center;
}

.subscribe-msg {
  position: fixed;
  top: 0;
  display: none;
  z-index: 1000;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  left: 0;
  right: 0;
  color: #fff;
  bottom: 0;
  background: transparent;
}

.popup-subscribe {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  color: #333;
  background: transparent;
  overflow: hidden;
}

.popup-subscribe h1 {
  margin: 0px;
  font-size: 27px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  line-height: 20px;
  margin-bottom: 34px;
}

.popup-subscribe .icheckbox,
.popup-subscribe .iradio {
  width: 15px;
  height: 15px;
  background-color: #fff;
  background-size: 165px;
  background-position: 0 0;
  border: 1px solid #666;
  margin-right: 18px;
  margin-top: 4px;
}

.subs .items {
  overflow: hidden;
  margin-bottom: 7px;
}

.popup-subscribe .iradio.hover,
.popup-subscribe .icheckbox.hover {
  background-position: 0 0;
}

.popup-subscribe .iradio.checked,
.popup-subscribe .icheckbox.checked {
  background-position: -33px 0;
}

#subscribe label {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 4px;
  display: block;
}

#subscribe input {
  outline: none;
}

#subscribe .form-group {
  margin-bottom: 30px;
}

#subscribe .form-group p {
  margin-left: 35px;
  line-height: 24px;
  font-size: 16px;
  letter-spacing: 0.3px;
}

.subs p {
  margin: 0 !important;
  margin-bottom: 26px !important;
}

.subs {
  margin-bottom: -18px;
  margin-left: 32px;
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: -23px;
}

.subs label {
  float: left;
  margin-right: 38px;
  font-size: 12px !important;
  margin-bottom: 11px !important;
}

.subs label .icheckbox {
  margin-right: 9px;
}

.subs .items:last-child {
  margin-top: -12px;
}

p.splice {
  padding: 38px 0 6px;
  font-size: 26px !important;
  border-top: 1px solid #fff;
  margin-top: 35px;
  margin-bottom: 32px;
}

#subscribe .item {
  margin: 0 26px;
  float: left;
  width: 473px;
}

#subscribe .input-groups label {
  font-size: 17px;
  margin-bottom: -1px;
}

#subscribe input[type="text"] {
  height: 29px;
  border-radius: 0;
  width: 100%;
  border: 0;
  padding-left: 10px;
  box-sizing: border-box;
}

#subscribe .form-group {
  overflow: hidden;
}

#subscribe .input-groups {
  margin: 0 -25px;
}

#subscribe .input-groups .form-group {
  margin-bottom: 24px;
}

#subscribe .long {
  width: 100%;
  padding-right: 52px;
  box-sizing: border-box;
}

#subscribe input[type="submit"]:hover {
  background: rgba(198, 7, 36, 0.6);
}

#subscribe input[type="submit"] {
  background: #c60724;
  border: 0;
  cursor: pointer;
  color: #fff;
  padding: 11px 55px;
  font-size: 16px;
  margin: 18px 25px;
  font-weight: normal;
}

#subscribe .long input[type="text"] {
  width: 100%;
}

.subs label .disabled.iradio,
.subs label .disabled.icheckbox {
  background: #aaa;
}

#subscribe .input-groups p.error {
  margin-left: 10px;
  display: inline;
  margin-top: 6px;
  color: rgb(198, 7, 36);
  position: absolute;
}

.spinner {
  margin: -10px -40px;
  width: 70px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
}

.spinner>div {
  width: 16px;
  height: 16px;
  background-color: #c60724;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0)
  }

  40% {
    -webkit-transform: scale(1.0)
  }
}

@keyframes sk-bouncedelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.sec.sec-brand h3 {
  width: 1100px;
  margin: 0 auto;
  position: relative;
  left: 0;
  right: 0;
  top: -80px;
  font-size: 30px;
}

.sdk-banner .pdb-word h2 {}

/*Multiple Download*/

.certification .download-btn {
  margin: 20px 0;
}

.certification .view-content .icheckbox.checked,
.page-support-download-documents .view-content .icheckbox.checked {
  background: url(../images/checkbox.png) no-repeat 0 0;
}

.certification .view-content .icheckbox,
.page-support-download-documents .view-content .icheckbox {
  background: url(../images/checkbox.png) no-repeat -20px 0;
  float: none;
  display: inline-block;
  vertical-align: sub;
}

.i18n-zh-hans .download-btn {
  background: url(../images/batch_download_cn.png) no-repeat;
  width: 122px;
}

.download-btn {
  background: url(../images/batch_download.png) no-repeat;
  width: 201px;
  height: 37px;
  cursor: pointer;
  float: right;
  border: 0;
  margin: 10px 0 -30px 0;
}

.page-support-download-documents .mb20.quicklinks,
.page-support-download-documents .mb20 {
  top: 0;
}

.page-support-download-documents .sat-page {
  margin-bottom: 100px;
}

.i18n-zh-hans .sec.sdk-sec-2 h3 {
  font-size: 38px;
}

.i18n-zh-hans .sec.sdk-sec-2 li {
  font-size: 26px;
  line-height: 38px;
}

#block-menu-block-1 #company-menu ul li a.jobo {
  margin-bottom: 20px;
}

.node-type-blogs .content .body table,
.node-type-blog .content .body table,
.node-type-news .content .body table {
  float: none;
  margin: 0 auto !important;
}

.node-pcn {
  width: 600px;
  margin: 100px auto;
}

.node-pcn .form-item.form-type-item {
  display: none;
}

button#seadMail {
  padding: 8px 26px;
  margin-top: 20px;
  border: 0;
  background: #60aec2;
  color: #fff;
}

.page-node-1764,
.page-node-1763 {
  background: url(../images/sub.png) no-repeat bottom #071425;
  background-size: 100% auto;
}

.sub-tip a:hover {
  text-decoration: underline;
}

.sub-tip a {
  font-weight: bold;
  color: #009d9f;
}

.additional-info.sub-tip a,
.ctc.sub-tip a {
  color: rgb(255, 48, 52);
}

.sub-tip {
  clear: both;
}

div#block-block-66 {
  display: none;
}

.front .newhome .wrap {
  text-align: left;
}

.newhome .wrap {
  width: 1212px;
  margin: 90px auto;
  overflow: hidden;
  text-align: center;
  max-width: 100%;
}

.newhome .item {
  display: inline-block;
  width: 380px;
  overflow: hidden;
  vertical-align: top;
  margin: 9px;
  border: 1px solid #b2b2b2;
  padding-bottom: 46px;
}

.colnoimg {
  overflow: hidden;
  background: #f5f5f5;
}

.newhome p {
  font-size: 18px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  line-height: 22px;
  margin-top: -6px;
  height: 88px;
  overflow: hidden;
}

.newhome h2 {
  font-size: 30px;
}

.newhome .item-box,
.newhome .colnoimg {
  padding: 0 40px;
}

.newhome .item-box,
.newhome .colnoimg {
  padding: 0 50px;
}

.newhome div>a {
  background: #009d9f;
  color: #fff;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-weight: bold;
  font-size: 18px;
  padding: 8px 0;
  display: inline-block;
  margin-top: 34px;
  min-width: 183px;
  text-align: center;
}

.newhome .item img {
  width: 100%;
  height: 210px;
  display: block;
}

.item-box ul {
  margin: -8px -23px;
}

.item-box a i {
  font-style: normal;
  float: right;
  margin-top: -8px;
}

.item-box a {
  color: #333;
  font-size: 18px;
  display: block;
}

.item-box li {
  text-align: left;
  padding: 5px 20px 7px;
  border-bottom: 1px solid #e6e6e6;
}

.colnoimg h2 {
  margin-bottom: 29px;
}

.colnoimg .item {
  text-align: left;
  padding: 0 40px;
  box-sizing: border-box;
  height: 515px;
  background: #fff;
}

.colnoimg p {
  height: initial;
}

.colnoimg div>a {
  margin-top: 28px;
}

.colnoimg img {
  height: auto !important;
  float: right;
  width: auto !important;
  margin: 28px 0;
}

.colwithimg .item {
  height: 470px;
}

.colnoimg li:first-child {
  border-top: 1px solid #e6e6e6;
}

.colnoimg li {
  padding: 13px 27px 14px;
  border-bottom: 1px solid #e6e6e6;
  line-height: 21px;
  overflow: hidden;
  position: relative;
}

.flexslider .slides>li:first-child {
  display: block;
  -webkit-backface-visibility: visible;
}

.flexslider .slides>li {
  display: none;
  -webkit-backface-visibility: hidden;
}

.colnoimg ul {
  margin: 0 -27px;
  margin-top: -10px;
}

.colnoimg ul a {
  margin-right: 70px;
  font-size: 18px;
  color: #26aaac;
}

.colnoimg li span {
  display: block;
  font-size: 12px;
}

.colnoimg i {
  font-style: normal;
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  height: 26px;
  margin: auto;
}

.newhome i {
  font-size: 26px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.newhome div>a:hover {
  background: #00595a;
}

.item-box li a:hover {
  color: #009d9f;
}

.colnoimg ul a:hover {
  color: #00595a;
}

.colnoimg .item:last-child>a {
  width: 75px;
  text-align: center;
  margin: 35px auto;
  display: block;
}

.footer .main {
  background: #fff;
  padding: 90px 0 50px;
}

#footer {
  width: auto;
}

.footer .left h2 {
  margin: 0;
  font-size: 30px;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  margin: -10px 0px;
  margin-bottom: 17px;
}

.footer .left {
  width: 315px;
  margin-right: 20px;
}

.footer .right {
  width: 385px;
  padding-left: 55px;
  box-sizing: border-box;
}

.footer .wrap {
  width: 1180px;
  margin: 0 auto;
}

.footer .left p {
  font-size: 16px;
  letter-spacing: 0.1px;
  line-height: 24px;
}

.footer .left ul {
  margin-top: 60px;
  width: 258px;
}

.footer .left p strong {
  margin-bottom: 12px;
  display: block;
  font-size: 18px;
}

.footer .left,
.footer .center,
.footer .right {
  display: inline-block;
  vertical-align: top;
}

.footer .left li {
  display: block;
  float: none !important;
  line-height: 24px;
  letter-spacing: 0.3px;
}

.footer .left li a {
  color: #333;
  display: block;
}

.footer .left li a i {
  float: right;
  font-style: normal;
  font-size: 26px;
  margin-top: -3px;
}

.footer .center .map img {
  width: 100%;
}

.footer .center .map {
  width: 450px;
  height: 300px;
}

.footer .right h2 {
  margin: -9px 0;
  font-size: 30px;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  margin-bottom: 14px;
}

.footer .right tbody {
  border: 0;
}

.footer .right td {
  vertical-align: top;
  padding-bottom: 5px;
}

.footer .right li {
  display: block;
  float: none !important;
  line-height: 24px;
}

.footer .left li a:hover,
.footer .right a:hover {
  text-decoration: underline;
}

.footer .right a {
  color: #333;
}

.footer .right strong {
  margin-bottom: 7px;
  display: block;
  font-size: 18px;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
}

.footer .right tr td:last-child {
  padding-left: 15px;
}

.footer .right tr:last-child td {
  padding-top: 10px;
}

#footer .sec .l li a,
#footer .share,
#footer .sec {
  color: #333;
}

#footer .share .l a {
  font-size: 16px;
  color: #333;
}

#footer .sec {
  padding-top: 10px;
}

#footer .sec .l li {
  padding: 0 14px;
}

#footer .info {
  margin-top: 46px;
}

#footer .info p {
  line-height: 20px;
}

.copyright.share {
  padding-top: 26px;
  margin-bottom: 0;
  padding-bottom: 0 !important;
  border: 0 !important;
}

#footer {
  margin-bottom: 0;
}

#footer .share .r {
  margin-top: -8px;
}

#footer .share .r li {
  float: right;
}

.newhome.hardware .item img {
  height: auto;
}

.newhome.hardware .colwithimg .item {
  height: 455px;
  margin-bottom: 48px;
}

.hardware .item-box li a:hover {
  color: #00595a
}

.hardware .item-box li a {
  color: #009d9f
}

.hardware .item-box li:last-child {
  border: 0;
}

.hardware .item-box ul {
  margin-top: 24px;
}

.item.item-bg {
  width: 50%;
  height: auto !important;
  position: relative;
  padding-bottom: 0;
  float: left;
  margin: 0;
  border: 0;
  padding: 20px;
  box-sizing: border-box;
}

.newhome.hardware .item img {
  height: auto;
  min-height: 180px;
}

.item.item-bg .item-box {
  position: absolute;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  text-align: center;
  padding: 0;
  top: 26px;
  color: #fff;
}

.item.item-bg h2 {
  margin-bottom: 3px;
}

#footer {
  margin-top: 0;
}

.newhome.hardware .wrap {
  margin-bottom: 0;
}

#footer .sec .l li {
  border-color: #333;
}

#block-locale-language {
  display: none
}

.colnoimg .item {
  border: 0;
}

.newhome .item .words h2 {
  margin-bottom: 12px;
  font-size: 28px;
  margin-top: 24px;
}

.newhome .item .words p {
  margin-top: -5px;
}

.newhome .item .words {
  position: absolute;
  top: 0;
  text-align: left;
  margin: 6px 40px;
  color: #fff;
}

.newhome .item {
  position: relative;
}

.certification .SDK-title {
  padding: 0 !important;
}

.certification .SDK-title span {
  display: none;
}

p.filter-label {
  font-size: 20px;
  margin-top: -19px;
  margin-bottom: 10px;
}

.certification .views-exposed-form {
  margin-top: 1.5em;
}

.certification .views-exposed-form .views-exposed-widget {
  float: none !important;
  padding-top: 0 !important;
}

.certification .views-exposed-form .form-type-bef-checkbox {
  margin: 5px 0;
}

.certification .views-exposed-form .form-type-bef-checkbox label {
  float: none;
  margin-right: 0;
  font-size: 20px;
  vertical-align: sub;
}

.certification .views-exposed-form label {
  margin: 5px 0;
  clear: left;
  float: left;
  margin-right: 0;
  width: 30%;
  max-width: 290px;
}

.certification .DOC h2 {
  padding-left: 70px;
  line-height: 46px;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  font-size: 25px;
  background: url(../images/docu.png) no-repeat left center;
}

.certification .views-exposed-form .form-type-bef-checkbox {
  float: left;
  margin-right: 37px;
}

.certification .views-exposed-form .bef-checkboxes {
  overflow: hidden;
}

p.mssg {
  margin: 38px 0 61px;
}

.content .process-bar {
  font-size: 0;
}

.content .process-bar .single-process {
  display: inline-block;
  height: 100px;
  background: #999;
  color: #fff;
  padding: 36px 20px 0 30px;
  box-sizing: border-box;
  font-size: 20px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  margin-left: -20px;
}

.content .process-bar .single-process::before {
  content: '';
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  left: 0;
  top: 0;
  border-top: 50px transparent solid;
  border-bottom: 50px transparent solid;
  border-left: 20px #fff solid;
}

.content .process-bar .single-process::after {
  content: '';
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  right: 0;
  top: 0;
  border-top: 50px #fff solid;
  border-bottom: 50px #fff solid;
  border-left: 20px transparent solid;
}

.content .process-bar .single-process.step-1 {
  background: #1e95ff;
}

.content .process-bar .single-process.step-1::after {
  border-color: #3a8cd7 !important;
}

.content .process-bar .single-process.step-2 {
  background: #3a8cd7;
}

.content .process-bar .single-process.step-2::after {
  border-color: #3180c6 !important;
}

.content .process-bar .single-process.step-3 {
  background: #3180c6;
}

.content .process-bar .single-process.step-3::after {
  border-color: #1d67aa !important;
}

.content .process-bar .single-process.step-4 {
  background: #1d67aa;
}

.content .process-bar .single-process.step-4::after {
  border-color: #245988 !important;
}

.content .process-bar .single-process.step-5 {
  background: #245988;
}

.content .process-bar .single-process.step-5::after {
  border-color: #194267 !important;
}

.content .process-bar .single-process.step-6 {
  background: #194267;
}

.content .process-bar .single-process.step-6::after {
  border-color: #fff !important;
}

.node-job-apply form {
  margin-top: 20px;
  overflow: hidden;
}

.node-job-apply form .webform-component {
  width: 50%;
  width: calc(53% - 36px);
  float: left;
  margin-bottom: 30px !important;
  margin-top: 0 !important;
  margin-right: 36px;
}

.node-job-apply form .webform-component.even {
  margin-right: 36px;
  width: 43%;
  margin-right: 0;
}

.node-job-apply form label {
  font-size: 18px !important;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  margin: 0 !important;
  line-height: 1.2;
}

.node-job-apply form .webform-component input,
.node-job-apply form .webform-component select {
  height: 35px;
  width: 60%;
  font-size: 18px;
  line-height: 1;
  max-width: 280px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  float: right;
}

.node-job-apply form #edit-submitted-upload-resume-upload {
  width: 60%;
  max-width: 280px;
  margin: 0;
  padding: 0;
  text-align: left;
  display: inline-block;
  height: 35px;
  border-color: transparent !important;
}

.node-job-apply form #edit-submitted-upload-resume-upload input[type="file"] {
  padding-top: 6px;
  width: auto;
  max-width: 185px;
  float: none;
}

.node-job-apply form #edit-submitted-upload-resume-upload input[type="submit"] {
  width: auto;
  margin: 0 !important;
  height: 35px;
  letter-spacing: 0;
  font-size: 18px;
  padding: 0 10px;
  float: right !important;
}

.node-job-apply form .form-actions #edit-submit {
  display: block;
  clear: both;
  width: 128px;
  height: 35px;
  border-width: 1px;
  border-radius: 0;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0;
  margin-top: 20px;
  float: left;
}

.node-job-apply form .webform-component label {
  width: 40%;
}

.node-job-apply #webform-component-upload-resume {
  text-align: right;
}

.node-job-apply #webform-component-upload-resume>label {
  text-align: left;
}

.node-job-apply input.webform-submit.form-submit {
  clear: both;
  float: none;
  display: block;
}

.documents .filter-label {
  clear: both;
  padding: 1.5em 0 1em;
}

.documents #edit-field-type-tid-wrapper {
  margin: 0 !important;
  padding-top: 0;
}

.documents #edit-field-technology-tid-wrapper {
  margin: 1.5em 0 20px !important;
}

.main-menu .menu-level-1>ul.menu>li>ul.menu {
  height: auto !important;
  padding-bottom: 20px;
}

.main-menu .menu-level-1>ul>li>a,
.main-menu .menu-level-1>ul>li>a:hover {
  background-position: center 12px;
}

.main-menu .menu-level-1>ul>li>a.contact-us {
  background-size: 30px;
}

.main-menu #contact-us-menu>ul.menu {
  width: auto !important;
}

.media-page-blog #edit-field-blog-author-value-wrapper,
.media-page-blogs #edit-field-blog-author-value-wrapper,
.media-page-blog #edit-field-blog-tags-tid-wrapper,
.media-page-blogs #edit-field-blog-tags-tid-wrapper {
  display: none !important;
}

.media-page-blog .view-content ul,
.media-page-blogs .view-content ul {
  margin-bottom: 45px !important;
}

.media-page-blog li .views-field.views-field-field-date .field-content,
.media-page-blogs li .views-field.views-field-field-date .field-content {
  font-size: 16px !important;
  font-weight: normal !important;
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
}

.media-page-blog li .views-field-field-blog-author-title .field-content,
.media-page-blogs li .views-field-field-blog-author-title .field-content {
  font-size: 16px !important;
}

.media-page-blog li .views-field-field-blog-author-title a,
.media-page-blogs li .views-field-field-blog-author-title a {
  color: #009d9f !important;
}

.media-page-blog li .views-field.views-field-title,
.media-page-blogs li .views-field.views-field-title {
  margin-bottom: 5px !important;
}

.media-page-blog li .views-field.views-field-body,
.media-page-blogs li .views-field.views-field-body {
  margin-top: 30px !important;
  height: auto !important;
}

.media-page-blog li .views-field.views-field-field-date,
.media-page-blogs li .views-field.views-field-field-date {
  margin: 20px 40px 25px !important;
}

.media-page-blog li .views-field-field-blog-tags .field-content,
.media-page-blogs li .views-field-field-blog-tags .field-content {
  font-size: 14px !important;
}

.media-page-blog li .views-field-field-blog-tags .field-content .item-list ul::before,
.media-page-blogs li .views-field-field-blog-tags .field-content .item-list ul::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAQAAABKIxwrAAAAvklEQVQ4EWNg4GdYyHAGBR5i8GTACaYw/MeAvxhCcCnfAlXykuE3MRogyvOALHWGj0gafmPXAFEuBGbvQnHSb4ZQXMpzgSw1FNNxaIC5/RmK22HwD7qGLVgUoWoII0U5SEM4QvlMgspRNMgwPCBNgwLpGu4ToeEH0CUkaUCKZ3kiNBghB6k8wz28invRYxifhgkMjJgpSA6Hhn5siiEa7hKvGJuGfgYCQBZJQx8DEUCW4Sw4vTczEA3kGfjQhQCG+CUF9VU/AQAAAABJRU5ErkJggg==') no-repeat;
  background-size: 16px 16px;
  vertical-align: sub;
}

.media-page-blog li .views-field-field-blog-tags .field-content .item-list ul,
.media-page-blogs li .views-field-field-blog-tags .field-content .item-list ul {
  margin: 0;
}

.media-page-blog li .views-field-field-blog-tags .field-content .item-list ul li,
.media-page-blogs li .views-field-field-blog-tags .field-content .item-list ul li {
  display: inline-block;
  margin: 0;
}

.media-page-blog li .views-field-field-blog-tags .field-content .item-list ul li.first,
.media-page-blogs li .views-field-field-blog-tags .field-content .item-list ul li.first {
  margin-left: 10px;
}

.media-page-blog li .views-field-field-blog-tags .field-content .item-list ul li:not(.last)::after,
.media-page-blogs li .views-field-field-blog-tags .field-content .item-list ul li:not(.last)::after {
  content: ', ';
}

.media-page-blog li .views-field-field-blog-tags .field-content a,
.media-page-blogs li .views-field-field-blog-tags .field-content a {
  color: #009d9f !important;
}

.blog-tags-section {
  padding-left: 20px;
  width: 100% !important;
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
}

.blog-tags-section>h2,
.node-blog .blog-content-tags .blog-content-tags-title,
.node-blogs .blog-content-tags .blog-content-tags-title {
  font-size: 18px;
  margin: 30px 0 25px;
  font-weight: normal;
  white-space: nowrap;
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
}

.blog-tags-section>h2::before,
.node-blog .blog-content-tags .blog-content-tags-title::before,
.node-blogs .blog-content-tags .blog-content-tags-title::before {
  content: '';
  display: inline-block;
  width: 23px;
  height: 23px;
  margin-right: 10px;
  vertical-align: middle;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAQAAABKIxwrAAAAvklEQVQ4EWNg4GdYyHAGBR5i8GTACaYw/MeAvxhCcCnfAlXykuE3MRogyvOALHWGj0gafmPXAFEuBGbvQnHSb4ZQXMpzgSw1FNNxaIC5/RmK22HwD7qGLVgUoWoII0U5SEM4QvlMgspRNMgwPCBNgwLpGu4ToeEH0CUkaUCKZ3kiNBghB6k8wz28invRYxifhgkMjJgpSA6Hhn5siiEa7hKvGJuGfgYCQBZJQx8DEUCW4Sw4vTczEA3kGfjQhQCG+CUF9VU/AQAAAABJRU5ErkJggg==') no-repeat;
}

.blog-tags-section .view .view-content .views-row,
.node-blog .blog-content-tags .single-blog-tag,
.node-blogs .blog-content-tags .single-blog-tag {
  display: inline-block;
  font-size: 14px;
  padding: 3px 7px;
  border: 1px #333 solid;
  color: #333;
  border-radius: 4px;
  margin-right: 10px;
  margin-bottom: 10px;
  vertical-align: middle;
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
}

.blog-tags-section .view .view-content .views-row:hover,
.node-blog .blog-content-tags .single-blog-tag:hover,
.node-blogs .blog-content-tags .single-blog-tag:hover {
  color: #009d9f;
  border: 1px #009d9f solid;
}

.blog-tags-section .view .view-content .views-row.selected {
  background: #009d9f;
  color: #fff;
  border: 1px #009d9f solid;
}

.blog-tags-section .view .view-content .views-row a,
.blog-tags-section .view .view-content .views-row a:hover,
.blog-tags-section .view .view-content .views-row a:active,
.blog-tags-section .view .view-content .views-row a:visited {
  color: inherit;
}

.blog-tags-section .additional-info {
  font-size: 18px;
  font-weight: normal;
  line-height: normal;
  color: #000;
  display: block;
  width: 100%;
  margin: 45px 0 0;
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
}

.node-blog .dl,
.node-blogs .dl {
  padding-bottom: 20px !important;
  border-bottom: none !important;
}

.node-blog .blog-content-tags,
.node-blogs .blog-content-tags {
  padding: 10px 0 20px;
  border-bottom: 1px solid #666;
}

.node-blog .blog-content-tags .blog-content-tags-title,
.node-blogs .blog-content-tags .blog-content-tags-title {
  display: inline-block;
  margin: 0 10px 10px;
  vertical-align: middle;
}

.node-blog div.body table,
.node-blogs div.body table {
  float: none !important;
  clear: both !important;
}

.node-blog .body p,
.node-blogs .body p {
  line-height: 24px;
  font-size: medium !important;
}

span.cjk-word {
  display: inline-block;
  white-space: nowrap;
}

.view-book .views-exposed-form select {
  min-width: 175px;
  height: 35px;
  border-radius: 4px;
  border: 1px #ccc solid;
  font-size: 16px;
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: normal;
  padding-left: 10px;
}

.view-book .views-exposed-form .views-exposed-widget label {
  display: inline-block;
  margin: 0 10px 0 0 !important;
  float: none !important;
  vertical-align: middle !important;
}

.view-book .views-exposed-form .views-exposed-widget .views-widget {
  display: inline-block;
  vertical-align: middle;
}

.view-display-id-book_new .views-field.views-field-field-image {
  float: left;
  margin: 0 60px 0 8px;
}

.view-display-id-book_new .views-row {
  padding: 32px;
}

.view-display-id-book_new .views-field {
  font-size: 15px;
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
}

.view-display-id-book_new .book-description-wrapper {
  overflow: hidden;
}

.view-display-id-book_new .views-field.views-field-field-link {
  margin-bottom: 10px;
}

.view-display-id-book_new .views-field.views-field-body {
  margin-bottom: 15px;
}

.view-display-id-book_new .views-row {
  margin-bottom: 12px;
  padding-bottom: 26px;
}

.view-display-id-book_new .views-exposed-form .views-exposed-widget {
  padding-right: 2em;
  padding-left: 0.5em;
}



.sheet-category-overview>.view-content {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.sheet-category-overview>.view-content .views-row {
  width: 100%;
  margin: 20px auto;
  max-width: 1180px;
  padding: 1px 0;
  box-sizing: border-box;
  z-index: 1;
  background: #fff !important;
}

.sheet-category-overview>.view-content .views-row-even {
  background: #efefef;
}

.sheet-category-overview>.view-content .views-row:before {
  content: '';
  display: block;
  width: 100000px;
  height: 100000px;
  position: absolute;
  left: 0;
  background: #fff;
  z-index: 1;
}

.sheet-category-overview>.view-content .views-row * {
  z-index: 5;
  position: relative;
}

.sheet-category-overview>.view-content .views-row-even:before {
  background: #efefef;
}

.sheet-category-overview>.view-content h2.sheet-category-title {
  font-size: 36px;
  margin: 70px 0 25px;
  padding: 0 25px;
}

.sheet-category-overview>.view-content {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 30px;
}

.sheet-category-overview>.view-footer {
  margin-top: 30px;
  overflow: hidden;
}

.sheet-category-overview>.view-content .sheet-category-description {
  margin-bottom: 55px;
  padding: 0 25px;
}

.sheet-category-overview>.view-content .sheet-category-description p {
  margin: 1em 0;
}

.sheet-category-overview>.view-content .sheet-category-description h3 {
  margin: 0 0 20px;
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: normal !important;
  font-size: 28px;
  line-height: 1;
}

.sheet-category-overview>.view-content .sheet-category-description ul li {
  padding: 0 0 0 1em;
  text-indent: -0.5em;
}

.sheet-category-overview>.view-content .sheet-category-description ul li:before {
  content: '\2022';
  display: inline-block;
  margin: 0 10px 0 0;
}

.sheet-category-overview>.view-content .sheet-table {
  display: table;
  width: 100%;
  font-size: 16px;
  border-collapse: collapse;
  margin-bottom: 55px;
}

.sheet-category-overview>.view-content .sheet-table .sheet-table-header {
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
  color: #000;
  font-weight: bold;
  border-top: 2px #d6d6d6 solid;
  border-bottom: 1px #d6d6d6 solid;
}

.sheet-category-overview>.view-content .sheet-table th {
  height: 50px;
  vertical-align: middle;
  border: none;
  padding-right: 5px;
  padding-left: 10px;
  box-sizing: border-box;
}

.sheet-category-overview>.view-content .sheet-table .sheet-table-body {
  border-top: none;
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
}

.sheet-category-overview>.view-content .sheet-table .sheet-item {
  border-bottom: 1px #d6d6d6 solid;
}

.sheet-category-overview>.view-content .sheet-table .sheet-figure-container {
  margin: 0 auto;
  width: auto;
}

.sheet-category-overview>.view-content .sheet-table .sheet-item .sheet-figure {
  text-align: center;
}

.sheet-category-overview>.view-content .sheet-table .sheet-table-header .sheet-figure {
  text-align: center;
  width: 170px;
}

.sheet-category-overview>.view-content .sheet-table .sheet-table-header .sheet-figure .sheet-figure-wrapper {
  display: inline-block;
  min-width: 120px;
  text-align: left;
}

.sheet-category-overview>.view-content .sheet-table .sheet-figure .sheet-figure-caption {
  line-height: 1;
  margin: 6px 0 4px;
  display: block;
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
  color: #000;
}

.sheet-category-overview>.view-content .sheet-table .module-description {
  vertical-align: middle;
  text-align: center;
}

.sheet-category-overview>.view-content .sheet-table .taxonomy-term-description {
  margin: 0;
}

.sheet-category-overview>.view-content .sheet-table .sheet-table-header th {
  text-align: center;
  vertical-align: middle;
}

.sheet-category-overview>.view-content .sheet-table .sheet-table-header .module-family {
  width: 105px;
  text-align: center;
}

.sheet-category-overview>.view-content .sheet-table .sheet-table-header .chip-flash {
  width: 60px;
  text-align: center;
}

.sheet-category-overview>.view-content .sheet-table .sheet-table-header .chip-package {
  width: 100px;
  text-align: center;
}

.sheet-category-overview>.view-content .sheet-table .sheet-table-header .chip-core {
  width: 300px;
  text-align: center;
}

.sheet-category-overview>.view-content .sheet-table .sheet-table-header .module-size {
  width: 135px;
  text-align: center;
}

.sheet-category-overview>.view-content .sheet-table .sheet-table-header .module-flash {
  width: 80px;
  text-align: center;
}

.sheet-category-overview>.view-content .sheet-table .sheet-table-header .module-pins,
.sheet-category-overview>.view-content .sheet-table .sheet-table-header .chip-pins {
  width: 60px;
  text-align: center;
}

.sheet-category-overview>.view-content .sheet-table .sheet-table-header .module-psram {
  width: 90px;
  text-align: center;
}

.sheet-category-overview>.view-content .sheet-table .sheet-table-header .devbd-description {
  width: 260px;
}

.sheet-category-overview>.view-content .sheet-table .sheet-table-header .module-antenna {
  width: 120px;
  text-align: center;
}

.sheet-category-overview>.view-content .sheet-table .sheet-table-header .module-dev-board {
  width: 150px;
  text-align: center;
}

.sheet-category-overview>.view-content .sheet-category-description a,
.sheet-category-overview>.view-content .sheet-category-description a:visited,
.sheet-category-overview>.view-content .sheet-category-description a:active,
.sheet-category-overview>.view-content .sheet-table .sheet-item td a,
.sheet-category-overview>.view-content .sheet-table .sheet-item td a:visited,
.sheet-category-overview>.view-content .sheet-table .sheet-item td a:active {
  color: #009d9f;
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
  white-space: nowrap;
}

.sheet-category-overview>.view-content .sheet-category-description a:hover,
.sheet-category-overview>.view-content .sheet-table .sheet-item td a:hover {
  text-decoration: underline;
  color: #00595a;
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
}

.sheet-category-overview>.view-content .sheet-table .sheet-item td {
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}

.sheet-category-overview>.view-content .sheet-table .sheet-item .module-description,
.sheet-category-overview>.view-content .sheet-table .sheet-item .devbd-description,
.sheet-category-overview>.view-content .sheet-table .sheet-item .devbd-sdk {
  text-align: left;
}

.sheet-category-overview>.view-content .sheet-table .sheet-item .module-family {
  text-align: center;
}

.sheet-category-overview>.view-content .sheet-table .sheet-item .module-size {
  text-align: center;
}

.sheet-category-overview>.view-content .sheet-table .sheet-item .module-flash {
  text-align: center;
}

.sheet-category-overview>.view-content .sheet-table .sheet-item .module-psram {
  text-align: center;
}

.sheet-category-overview>.view-content .sheet-table .sheet-item .module-antenna {
  text-align: center;
}

.sheet-category-overview>.view-content .sheet-table .sheet-item .module-dev-board {
  text-align: center;
  line-height: 1.6;
}

.sheet-category-overview>.view-content .sheet-table .sheet-item .module-description *,
.sheet-category-overview>.view-content .sheet-table .sheet-item .devbd-sdk *,
.sheet-category-overview>.view-content .sheet-table .sheet-item .devbd-description * {
  line-height: 1.4;
}

.sheet-category-overview>.view-content .sheet-table .sheet-figure .module-name,
.sheet-category-overview>.view-content .sheet-table .sheet-figure .module-name:visited,
.sheet-category-overview>.view-content .sheet-table .sheet-figure .module-name:active {
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
}

.sheet-category-overview-footer-nav-list {
  display: table;
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  table-layout: fixed;
  border-spacing: 20px 0;
  padding: 0;
  box-sizing: border-box;
}

.sheet-category-overview-footer-nav-list .sheet-category-overview-footer-nav-item {
  display: table-cell;
  position: relative;
  height: 210px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}

.sheet-category-overview-footer-nav-list .sheet-category-overview-footer-nav-background {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: auto;
  min-height: 100%;
  left: 0;
  top: 0;
}

.sheet-category-overview-footer-nav-list .sheet-category-overview-footer-nav-title {
  position: relative;
  color: #fff;
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 30px;
  z-index: 5;
  line-height: 1;
  margin-top: 15px;
}

.sheet-category-overview-footer-nav-list .sheet-category-overview-footer-nav-link,
.sheet-category-overview-footer-nav-list .sheet-category-overview-footer-nav-link:visited,
.sheet-category-overview-footer-nav-list .sheet-category-overview-footer-nav-link:active {
  color: #fff;
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 18px;
  position: relative;
  z-index: 5;
  display: inline-block;
  min-width: 200px;
  height: 40px;
  padding: 7px;
  box-sizing: border-box;
  background: #009d9f;
  margin: 35px auto 0;
}

.sheet-category-overview-footer-nav-link:hover {
  background: #00595a !important;
}

.view.view-course {
  width: 1148px;
  margin: 20px auto;
}

.view-course .views-field.views-field-body {
  font-size: 16px;
  color: #333;
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
  margin-bottom: 15px;
  float: none;
  clear: both;
  width: 100%;
}

.view-course .views-field {
  color: #807e7e;
  font-size: 16px;
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
  margin-bottom: 4px;
}

.view-course .views-field span.views-label {
  float: left;
  margin-right: 10px;
}

.view-course .views-field.views-field-title {
  margin-bottom: 10px;
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 26px;
  float: none;
  clear: both;
  width: 100%;
  color: #000;
}

.view-course .views-field.views-field-title a {
  color: #009d9f;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  transition: all 0.15s;
}

.view-course .views-field.views-field-title a:hover {
  color: #00595a;
  text-decoration: underline;
}

.view-course .views-field.views-field-field-image img {
  width: auto;
  height: 165px;
}

.view-course .views-row {
  overflow: hidden;
  padding: 20px;
  background: #f5f5f5;
  margin-bottom: 5px;
}

.view-course div#edit-field-type-tid-all,
.view-course .views-exposed-form .views-exposed-widget.views-submit-button {
  display: none;
}

.view-course #edit-field-type-tid-wrapper .views-widget {
  margin-left: 0;
}

.view-course .view-filters .form-item a:hover {
  color: #fff;
  background: #009d9f;
}

.view-course .view-filters .form-item a {
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
  color: #000000;
  background: #ececec;
  border-radius: 15px;
  padding: 5px 15px;
  margin-left: 10px;
}

.view-course .view-filters {
  margin-bottom: 25px;
}

.view-course .view-filters .form-item {
  float: left;
}

.view-course .views-field.views-field-body p {
  line-height: 28px;
}

.view-course .views-exposed-form select {
  min-width: 175px;
  height: 35px;
  border-radius: 4px;
  border: 1px #ccc solid;
  font-size: 16px;
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: normal;
  padding-left: 10px;
}

.view-course .views-exposed-form .views-exposed-widget label {
  display: inline-block;
  margin: 0 10px 0 0 !important;
  float: none !important;
  vertical-align: middle !important;
}

.view-course .views-exposed-form .views-exposed-widget .views-widget {
  display: inline-block;
  vertical-align: middle;
}

.view-course .views-field.views-field-field-image {
  float: left;
  margin: 0 60px 0 8px;
  width: auto;
}

.view-course .views-row {
  padding: 32px;
}

.view-course .views-field {
  font-size: 15px;
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
  width: 50%;
  float: left;
}

.view-course .book-description-wrapper {
  overflow: hidden;
}

.view-course .views-row {
  margin-bottom: 12px;
  padding-bottom: 26px;
}

.view-course .views-exposed-form .views-exposed-widget {
  padding-right: 2em;
  padding-left: 0.5em;
}

.main-menu #documents-menu>ul.menu,
.main-menu #invest-menu>ul.menu {
  width: auto !important;
}

.views-display-home-dynews #header {
  margin-top: 35px !important;
  position: absolute !important;
  background: none !important;
  height: auto !important;
}

.views-display-home-dynews #header #logo {
  margin-top: 0 !important;
}

.services-overview-item-wrapper {
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
  font-size: 16px;
  margin-bottom: 30px;
  vertical-align: top;
}

.services-overview-item {
  height: 310px;
  vertical-align: top;
  position: relative;
  background: #ccc;
  padding: 0 50px;
  box-sizing: border-box;
  color: #fff;
  overflow: hidden;
}

.services-overview-item:link,
.services-overview-item:visited,
.services-overview-item:hover,
.services-overview-item:active {
  color: #fff;
  text-decoration: none;
}

img.services-overview-item-background,
.services-overview-item-background img {
  position: absolute;
  width: auto;
  min-width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

.services-overview-item-header {
  text-align: center;
  position: relative;
  overflow: visible;
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 30px;
  margin-bottom: 23px;
  z-index: 2;
  margin-top: 85px;
}

.services-overview-item-counter {
  font-size: 95px;
  position: absolute;
  left: 50%;
  top: -50px;
  width: auto;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  opacity: 0.3;
  line-height: 1;
  letter-spacing: -0.065em;
  height: 82px;
  overflow: hidden;
  margin-left: -0.53em;
  z-index: 3;
}

.services-overview-item-counter:before {
  content: '';
  /* margin-left: -0.53em; */
}

.view-services-overview>.view-content {
  font-size: 0;
  text-align: center;
}

.services-overview-item-wrapper.views-row-odd {
  padding-right: 15px;
}

.services-overview-item-wrapper.views-row-even {
  padding-left: 15px;
}

.services-overview-item-title {
  position: relative;
  z-index: 4;
}

.services-overview-item-content {
  position: relative;
  z-index: 2;
  font-size: 18px;
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
}

.services-overview-item-content p {
  line-height: 1.3;
}

.view-services-overview {
  margin: 83px auto 0;
  max-width: 1180px;
}

.view-content-zh .view-services-overview {
  margin: 0 !important;
}

.view-services-overview .view-footer {
  font-size: 24px;
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
  margin: 30px auto;
}

.view-services-overview .view-footer p {
  line-height: 1.3;
}

.portal-overview-item {
  width: 31%;
  display: inline-block;
  text-align: center;
  position: relative;
  height: 210px;
  padding-top: 80px;
  box-sizing: border-box;
  overflow: hidden;
  transition: padding-top 0.3s;
  letter-spacing: normal;
  margin-bottom: 6px;
  font-size: 16px;
  vertical-align: top;
  -webkit-transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.portal-overview-list {
  margin: 90px auto;
  max-width: 1240px;
  color: #fff;
  text-align: center;
  font-size: 12px;
  letter-spacing: 1px;
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
}

.portal-overview-item-background {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0;
}

.portal-overview-item-header {
  position: relative;
  z-index: 1;
}

a.portal-overview-item:link,
a.portal-overview-item:visited,
a.portal-overview-item:active {
  color: inherit;
}

.portal-overview-item-title {
  font-size: 38px;
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
}

.portal-overview-item-title-background {
  font-size: 84px;
  font-family: os, Arial, SimHei, STHeiti, -apple-system, BlinkMacSystemFont, sans-serif;
  position: absolute;
  letter-spacing: -0.1em;
  width: 100%;
  opacity: 0.1;
  top: -20px;
  line-height: 1;
}

.portal-overview-item:hover {
  padding-top: 50px;
  overflow: hidden;
  box-sizing: border-box;
}

.list-media.media-block .item-list ul {
  white-space: nowrap;
  overflow: hidden;
}

.list-media.media-block .item-list ul li {
  white-space: normal;
  display: inline-block;
  vertical-align: top;
}

.feature-list {
  margin: 0 auto;
  font-size: 0;
  line-height: 1;
  max-width: 1240px;
}

.feature-list>.view-content {
  padding: 0 20px;
  margin-bottom: 110px;
}

.feature-list .feature-list-item {
  width: 50%;
  display: inline-block;
  font-size: 16px;
  box-sizing: border-box;
  padding: 0 30px;
  margin-top: 65px;
  vertical-align: top;
}

.feature-list .feature-list-item .item-images img {
  width: auto;
  height: auto;
  max-width: 125px;
  max-height: 80px;
  margin-right: 10px;
}

.feature-list .feature-list-item .item-images {
  overflow: hidden;
  font-size: 0;
  text-align: left;
  height: 80px;
  display: table-cell;
  vertical-align: middle;
}

.feature-brief-title,
.feature-list .feature-list-item .item-title {
  font-size: 26px;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  margin: 30px 0;
}

.view-content .feature-brief-content *,
.feature-list .feature-list-item .item-description,
.feature-list .feature-list-item .item-description * {
  line-height: 1.6;
  font-size: 18px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.resource-list .content-title {
  font-size: 44px;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  text-align: center;
  margin: 70px 0;
}

.resource-list>.view-content {
  width: 100%;
  text-align: center;
}

.resource-list .resource-list-item {
  display: inline-block;
  font-size: 20px;
  width: 32%;
  background-color: #eee;
  margin: 5px;
  text-align: left;
  box-sizing: border-box;
  height: 115px;
  cursor: pointer;
}

.resource-list .resource-list-item * {
  cursor: pointer;
}

.resource-list .resource-list-item a,
.resource-list .resource-list-item a:link,
.resource-list .resource-list-item a:visited,
.resource-list .resource-list-item a:active {
  color: inherit;
  display: block;
  padding: 30px;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-overflow: ellipsis;
  box-sizing: border-box;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.resource-list .resource-list-item a:hover {
  color: #009d9f !important;
}

.resource-list .resource-list-item a:hover img {
  -webkit-filter: url(#black-to-009d9f);
  -moz-filter: url(#black-to-009d9f);
  filter: url(#black-to-009d9f);
}

.resource-list .resource-list-item .item-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 25px;
  width: auto;
  height: 62px;
  font-size: 0;
  line-height: 1;
  text-align: center;
}

.resource-list .resource-list-item .item-title {
  display: inline-block;
  vertical-align: middle;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-size: 20px;
  line-height: 28px;
}

.resource-list .resource-list-item .item-icon img {
  width: 40px;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  margin: auto;
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.tq-category-list .tq-single-category:hover img {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  transform: scale(1.15);
}

.tq-category-list .tq-single-category {
  overflow: hidden;
}

.tq-category-list .tq-single-category img {
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}

.item-independent {
  position: relative !important;
  display: inline-block !important;
  width: 380px !important;
  overflow: hidden !important;
  vertical-align: top !important;
  margin: 9px !important;
  box-sizing: border-box;
  height: 515px !important;
  background: #fff;
  text-align: left;
}

.colnoimg .item-independent:first-child {
  text-align: center;
}

.colnoimg .item-independent:first-child h2,
.colnoimg .item-independent:first-child p {
  text-align: left;
}

.item-independent:not(.no-border) {
  border: 1px solid #b2b2b2;
}

.item-independent.no-border {
  border: none;
}

.item-independent.with-padding {
  padding: 0 40px;
}

.item-independent .item-header-image {
  width: 100% !important;
  height: 210px !important;
  display: block;
  border: none;
  margin: 0;
  float: none;
}

.item-independent .item-content-box {
  padding: 0 50px;
}

.item-independent .item-content-box ul {
  margin: -8px -23px;
  padding: 0;
}

.item-independent .item-content-box ul li {
  list-style: none;
  text-align: left;
  padding: 5px 20px 7px;
  border-bottom: 1px solid #e6e6e6;
}

.item-independent .item-content-box ul li a {
  color: #333;
  font-size: 18px;
  margin-right: 0;
  display: block;
}

.item-independent .item-content-box ul li a:hover {
  text-decoration: underline;
}

.item-independent .item-content-box ul li a i {
  font-style: normal;
  float: right;
  font-size: 26px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.item-independent h2 {
  font-size: 30px;
}

.item-independent p {
  font-size: 18px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  line-height: 22px;
  margin-top: -6px;
  height: 88px;
  overflow: hidden;
}

.item-independent a.item-nav-button {
  background: #e0260b;
  color: #fff;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-weight: bold;
  font-size: 18px;
  padding: 8px 0;
  display: inline-block;
  margin-top: 34px;
  min-width: 183px;
  text-align: center;
}

.item-independent a.item-nav-button:hover {
  background: #b72326;
}

.item-independent img:not(.item-header-image) {
  height: auto !important;
  float: right;
  width: auto !important;
  margin: 28px 0;
  display: block;
  border: none;
}

.item-independent>ul {
  margin: 0 -27px;
  margin-top: -10px;
  margin-bottom: 69px;
}


.item-independent>ul li {
  padding: 13px 27px 14px;
  border-bottom: 1px solid #e6e6e6;
  line-height: 21px;
  overflow: hidden;
  position: relative;
}

.item-independent>ul li span {
  display: block;
  font-size: 12px;
}

.item-independent>ul li i {
  font-size: 26px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-style: normal;
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  height: 26px;
  margin: auto;
}

.item-independent>ul a {
  /*margin-right: 70px;*/
  font-size: 18px;
  color: #333;
}

.item-independent>ul a:hover {
  text-decoration: underline;
}

.item-independent>ul~a.item-nav-button {
  width: 75px;
  text-align: center;
  margin: 35px auto;
  display: block;
}

.menu-block-7 .menu-mlid-1254 {
  /* display: none; */
}

.menu-block-38 .menu-mlid-1255 {
  /* display: none; */
}

#block-block-71 .flex-direction-nav {
  display: none;
}

.view-milestones {
  width: 100%;
  padding: 90px 0 20px;
  text-align: left;
  background-color: #fff;
  position: relative;
}

.milestone-list {
  max-width: 1150px;
  box-sizing: border-box;
  margin: auto;
  padding-left: 70px;
  padding-right: 165px;
  overflow: hidden;
}

.milestone-year {
  font-size: 24px;
  color: #009d9f;
  line-height: 1;
  margin-bottom: 30px;
}

.milestone-month {
  font-size: 18px;
  width: 130px;
  text-align: right;
  line-height: 1;
  position: absolute;
}

.milestone-content {
  font-size: 20px;
  color: #000;
  display: block;
  margin-left: 200px;
  position: relative;
}

.milestone-item {
  position: relative;
  padding-bottom: 30px;
}

.milestone-item::before {
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: 2px;
  background: #009d9f;
  left: 152px;
}

.milestone-item:first-child::before {
  margin-top: 60px;
}

.milestone-content-detail {
  font-size: 14px;
  margin-top: 8px;
  color: #444;
  transition: background 0.6s, color 0.6s, border 0.6s;
  -moz-transition: background 0.6s, color 0.6s, border 0.6s;
  -webkit-transition: background 0.6s, color 0.6s, border 0.6s;
  -o-transition: background 0.6s, color 0.6s, border 0.6s;
}

.milestone-content-detail p {
  line-height: 1.25;
}

.milestone-content-text::before {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  position: absolute;
  background: url('../images/event-mark.png') no-repeat;
  left: -55px;
  top: 5px;
}

.milestone-content-text p {
  line-height: 1.25;
}

.milestone-content-text {
  position: relative;
  top: -3px;
}

a.milestone-content::before {
  content: '';
  display: block;
  width: 7px;
  height: 10px;
  position: absolute;
  right: -25px;
  background: url('/sites/all/themes/espressif/images/right-angle-small.png') no-repeat;
  top: 50%;
  margin-top: -5px;
  transition: margin-right 0.2s;
  -moz-transition: margin-right 0.2s;
  -webkit-transition: margin-right 0.2s;
  -o-transition: margin-right 0.2s;
}

a.milestone-content:hover::before {
  margin-right: -5px;
}

a.milestone-content:hover {
  color: #009c9f;
}

a.milestone-content:hover .milestone-content-detail {
  color: #009c9f;
}

.milestone-item:last-child::before {
  margin-top: -30px;
}

#node-2570,
#node-2569 {
  position: relative;
  background: #fff;
}

#node-2570 .field-item,
#node-2569 .field-item {
  max-width: 1175px;
  margin: auto;
  padding-top: 90px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-size: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

#node-2570 .field-item {}

#node-2570 .field-item *,
#node-2569 .field-item * {
  line-height: 1.5 !important;
}

#node-2570 .field-item .strong-big,
#node-2569 .field-item .strong-big {
  font-size: 38px;
  color: #009d9f;
}

#node-2570 .field-item h3,
#node-2569 .field-item h3 {
  line-height: 1;
  margin-top: 30px;
  margin-bottom: 25px;
  font-size: 38px;
  font-weight: normal;
  color: #009d9f;
}

#node-2570 .field-item p,
#node-2569 .field-item p {
  margin-bottom: 40px;
}

.section-feature-brief>.view-content {
  max-width: 1260px;
  margin: 0 auto;
  background: #f9f9f9;
  position: relative;
  z-index: 0;
  padding: 65px 60px;
  box-sizing: border-box;
}

.section-feature-brief .section-feature-brief {
  margin: 0;
  padding: 0;
}

.single-feature-brief {
  width: calc(33% - 42px);
  display: inline-block;
  vertical-align: top;
  padding: 0 30px;
  height: 320px;
  border-right: 1px #ddd solid;
  position: relative;
}

.single-feature-brief:first-child {
  padding-left: 0;
}

.single-feature-brief:last-child {
  padding-right: 0;
  border-right: none;
}

.feature-brief-icons {
  position: absolute;
  bottom: 0;
}

.feature-brief-icons img {
  margin-right: 20px;
}

.devbd-feature-list {
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
  padding: 60px 0;
  color: #fff;
  background: url('/sites/all/themes/espressif/images/base.png') no-repeat;
  background-size: cover;
}

.devbd-feature-list>* {
  max-width: 1160px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.feature-detail-title {
  font-size: 28px;
  margin-bottom: 40px;
}

tr.feature-detail-row {
  height: 60px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 20px;
}

.devbd-feature-list tbody {
  border: none;
}

.devbd-feature-list table {
  table-layout: fixed;
  width: 100%;
}

tr.feature-detail-row:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

tr.feature-detail-row td:first-child {
  font-weight: bold;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  width: 30%;
}

tr.feature-detail-row td:last-child {
  font-weight: normal;
}

.section-resource-links {
  padding: 60px 0;
  background: #f9f9f9;
}

.section-resource-links>.view-content {
  max-width: 1260px;
  margin: 0 auto;
}

.single-resource-link {
  width: 48%;
  display: inline-block;
  margin-bottom: 40px;
}

.resource-link-title {
  font-size: 28px;
  text-align: center;
  width: 100%;
  margin-bottom: 30px;
}

a.resource-link-button {
  width: 300px;
  height: 60px;
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 20px;
  color: #fff;
  background: rgb(14, 90, 159);
  border-radius: 30px;
  padding-top: 15px;
  box-sizing: border-box;
  vertical-align: middle;
}

.views-hardware-overview.views-display-feature-page-esp32-ltdm #block-system-main {
  position: relative;
  background: #fff;
  z-index: 0;
}

.resource-link-text {
  vertical-align: middle;
}

.resource-link-icon {
  vertical-align: middle;
  padding-left: 5px;
  display: inline-block;
}

.resource-link-icon img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.hardware-overview-warning {
  font-size: 18px;
  margin-top: 50px;
  max-width: 1170px;
  margin: 50px auto 0;
  line-height: 1.5;
  font-weight: bold;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
}

.hardware-overview-warning::before {
  content: '';
  width: 44px;
  height: 43px;
  display: block;
  float: left;
  background: url('/sites/all/themes/espressif/images/warning-red.png');
  margin-right: 20px;
}

.hardware-overview-warning a {
  color: #009d9f;
}

.hardware-overview-warning a:hover {
  text-decoration: underline;
  color: #00595a;
}

.hardware-overview-hint {
  font-size: 16px;
  color: #aaa;
  max-width: 1170px;
  margin: 45px auto 0;
}

.hardware-overview-hint p {
  margin-bottom: 10px;
  line-height: 1.3;
}

#block-block-90 .slides li {
  background-position: -145px;
}

.zh-flag {
  display: none;
}

.i18n-zh-hans .en-flag {
  display: none;
}

.i18n-zh-hans .zh-flag {
  display: block;
}

.pdb-word-who-we-are .wordss {
  width: 1140px;
  margin: 0 auto;
  font-size: 30px;
}

.pdb-word-who-we-are {
  position: absolute;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
  padding: 30px 0 54px;
  width: 100%;
}

.wwan .container {
  width: 1140px;
  margin: 0 auto;
  padding: 100px 0;
}

.wwan .about {
  background: RGB(239, 239, 239);
  color: #333;
}

.wwan .focus,
.wwan .business-partner-testimonials {
  background: #1f88a0;
  color: #fff;
}

.wwan p {
  font-size: 20px;
  line-height: 30px;
}

.wwan h3 {
  margin-top: 0;
  font-weight: bold;
  font-size: 28px;
  margin-bottom: 20px;
}

.left-words-right-img {
  overflow: hidden;
}

.left-words-right-img .words {
  width: 70%;
  float: left;
}

.left-words-right-img .imagerer {
  width: 30%;
  text-align: center;
  float: right;
  margin-top: 70px;
}

.wwan .full-words {
  margin-top: 60px;
}

.partners {
  margin-top: 70px;
}

.partner {
  position: relative;
  overflow: hidden;
  margin-bottom: 60px;
}

.partners .imagerer {
  float: left;
  width: 33%;
}

.partners .imagerer img {
  margin: 20px 20px;
}

.partners .words {
  width: 67%;
  float: left;
}

.partner a {
  color: #fff;
  display: inline-block;
  border-bottom: 1px solid #fff;
}

.words-left-right {
  overflow: hidden;
  margin-bottom: 70px;
}

.words-left-right div {
  width: 50%;
  float: left;
  box-sizing: border-box;
}

.words-left {
  padding-right: 30px;
}

.words-right {
  padding-left: 30px;
}

.section-feature-brief>.view-content {
  display: flex;
  padding-bottom: 150px;
}

.feature-brief-icons {
  bottom: -90px;
}

.single-feature-brief {
  height: auto;
}

tr.feature-detail-row td {
  padding: 16px 0;
}

tr.feature-detail-row {
  height: auto;
}

.esp32-lyrat .pdb-word {
  margin-left: 220px;
}

.section-resource-links>.view-content {
  max-width: 1170px;
}

a.resource-link-button {
  margin: 0;
}

.resource-link-title {
  text-align: left;
}

.pae-page-content .pae-introduction-section {
  margin: 0 auto;
  display: block;
  background: #fff;
  overflow: hidden;
}

.pae-page-content .pae-introduction-section__title {
  font-size: 45px;
  display: block;
  text-align: center;
  margin: 75px 0;
  line-height: 1.5;
  font-weight: normal;
}

.pae-page-content .pae-introduction-section__description {
  font-size: 22px;
  font-weight: normal;
  display: block;
  text-align: center;
  line-height: 1.9;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.pae-page-content .pae-introduction-section__link {
  display: table;
  width: auto;
  margin: 60px auto 0;
  text-align: center;
  font-size: 22px;
  color: #337bc5;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.pae-page-content .pae-introduction-section__link br {
  display: none;
}

.pae-page-content .pae-introduction-section__link:hover {
  text-decoration: underline;
}

.pae-page-content .link-arrow {
  display: inline-block;
  margin-left: 0.4em;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  font-size: 1.25em;
  margin-top: -0.25em;
}

.pae-page-content .pae-item-section__abstract-title {
  font-size: 30px;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 12px;
}

.pae-page-content .pae-item-section {
  display: block;
  width: 100%;
  margin: 0;
  background: #fff;
}

.pae-page-content .pae-item-section__abstract {
  max-width: 1000px;
  margin: 0 auto;
  font-weight: normal;
  padding: 95px 30px 0;
  box-sizing: border-box;
}

.pae-page-content .pae-item-section__abstract-content {
  font-size: 22px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.pae-page-content .pae-item-section__abstract-link {
  font-size: 22px;
  display: block;
  margin: 13px 0 20px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.pae-page-content .pae-item-section__abstract-link-mobile {
  display: none;
}

.pae-page-content .pae-item-section__abstract-link-closed {
  display: block;
  color: #337bc5;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.pae-page-content .pae-item-section__abstract-link-closed:hover {
  color: #009d9f;
}

.pae-page-content .pae-item-section__abstract-link-opened {
  display: block;
  color: #337bc5;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}

.pae-page-content .pae-item-section__abstract-link-opened:hover {
  color: #009d9f;
}

.pae-page-content .pae-item-section__detail {
  overflow: hidden;
  background: #f7f7f7;
}

.pae-page-content .pae-item-section__detail-item {
  width: calc(50% - 1em);
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  margin-bottom: 60px;
}

.pae-page-content .pae-item-section__detail-item-title {
  font-size: 28px;
  display: block;
  margin-bottom: 35px;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  font-weight: bold;
}

.pae-page-content .pae-item-section__detail-item-content {
  font-size: 22px;
}

.pae-page-content .pae-item-section__detail-item:nth-child(2n) {
  padding-left: 80px;
}

.pae-page-content .pae-item-section__detail-item:nth-child(2n - 1) {
  padding-right: 80px;
}

.pae-page-content .pae-introduction-section__image-overview {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
  transform: translate3d(0, 0, 0);
  image-rendering: -webkit-optimize-contrast;
}

.pae-page-content .pae-introduction-section__image-list img {
  transform: translate3d(0, 0, 0);
  image-rendering: -webkit-optimize-contrast;
}

.pae-page-content .pae-introduction-section__image-list {
  display: none;
}

.pae-page-content .pae-item-section__detail-inner {
  max-width: 1000px;
  padding: 100px 30px 20px;
  box-sizing: border-box;
  margin: 0 auto;
}

.pae-page-content .pae-slider-section {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.pae-page-content .pae-slider-section__items {
  white-space: nowrap;
  font-family: monospace;
  letter-spacing: -0.5em;
  line-height: 1;
}

.pae-page-content .pae-slider-section__item {
  display: inline-block;
  width: 100%;
}

.pae-page-content .pae-slider-section__item img {
  width: 100%;
  height: auto;
  transform: translate3d(0, 0, 0);
  image-rendering: -webkit-optimize-contrast;
}

.pae-page-content .pae-slider-section__nav-left {
  position: absolute;
  z-index: 1;
  right: 120px;
  bottom: 25px;
  background: rgba(0, 0, 0, 0.5);
  padding: 0;
  line-height: 1;
  font-size: 0;
  font-family: monospace;
  letter-spacing: -0.5em;
}

.pae-page-content .pae-slider-section__nav-right {
  position: absolute;
  z-index: 1;
  right: 60px;
  bottom: 25px;
  background: rgba(0, 0, 0, 0.5);
  padding: 0;
  line-height: 1;
  font-size: 0;
  font-family: monospace;
  letter-spacing: -0.5em;
}

.pae-page-content .pae-slider-section__nav-right:hover {
  background: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}

.pae-page-content .pae-slider-section__nav-left:hover {
  background: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}

.pae-page-content .pae-nav-section {
  margin-top: 120px;
  white-space: nowrap;
  clear: both;
  float: none;
  font-weight: normal;
}

.pae-page-content .pae-nav-section__item {
  display: block;
  float: left;
  width: calc(50% - 10px);
  margin-bottom: 50px;
}

.pae-page-content .pae-nav-section__item:nth-child(2n) {
  float: right;
}

.pae-page-content .pae-nav-section__image {
  width: 100%;
  display: block;
  line-height: 1;
  font-family: monospace;
  letter-spacing: -0.5em;
}

.pae-page-content .pae-nav-section__image img {
  width: 100%;
  display: block;
  line-height: 1;
  font-family: monospace;
  letter-spacing: -0.5em;
}

.pae-page-content .pae-nav-section__title {
  font-size: 41px;
  line-height: 1;
  margin-top: 60px;
}

.pae-page-content .pae-nav-section__content {
  display: table;
  margin: 0 auto;
}

.pae-page-content .pae-nav-section__link {
  font-size: 22px;
  margin-top: 15px;
  display: block;
  color: #337bc5;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.pae-page-content .pae-nav-section__link:hover {
  color: #009d9f;
}

.pae-item-section__abstract-link-closed .link-arrow {
  transform: rotate(90deg);
  transform-origin: center;
  overflow: hidden;
  margin-bottom: -10px;
  margin-left: 0.5em;
}

.pae-item-section__abstract-link-opened .link-arrow {
  transform: rotate(-90deg);
  overflow: hidden;
  margin-bottom: -10px;
  margin-left: 10px;
}

#views-exposed-form-job-search-page .views-widget-filter-title input[type=text] {
  padding-left: 10px;
  font-size: 16px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.pae-page-content .pae-steps-section__subtitle {
  font-size: 16px;
  color: #bbb;
  text-align: center;
  margin-bottom: 18px;
}

.pae-page-content .pae-steps-section {
  max-width: 1095px;
  margin: 0 auto;
}

.pae-page-content .pae-steps-section__header {
  font-size: 22px;
  display: table;
  text-align: center;
  margin: 0 auto 45px;
  min-width: 160px;
  border: 1px solid #787878;
  min-height: 65px;
  border-radius: 10px;
  padding: 15px;
  box-sizing: border-box;
  letter-spacing: 0.5em;
  text-indent: 0.5em;
}

.pae-page-content .pae-steps-section__figure {
  display: inline-block;
  width: calc(100% / 6 - 1em);
  min-width: 6em;
  box-sizing: border-box;
  padding: 20px;
  font-size: 18px;
  vertical-align: top;
}

.pae-page-content .pae-steps-section__figure-list {
  text-align: center;
  margin-bottom: 60px;
}

.pae-page-content .pae-steps-section__figure-image {
  width: 100%;
  height: auto;
  max-height: 100%;
  image-rendering: -webkit-optimize-contrast;
  transform: translate3d(0, 0, 0);
}

.pae-page-content .pae-steps-section__figure-caption {
  letter-spacing: 0.2em;
}

.pae-page-content .pae-item-section__abstract-foreign-links {
  font-size: 22px;
  margin-top: 14px;
}

.pae-page-content .pae-item-section__abstract-foreign-link .link-arrow::selection {
  background: transparent;
}

.pae-page-content .pae-item-section__abstract-foreign-link .link-arrow::-moz-selection {
  background: transparent;
}

.pae-page-content .pae-item-section__abstract-foreign-link::selection {
  background: transparent;
}

.pae-page-content .pae-item-section__abstract-foreign-link::-moz-selection {
  background: transparent;
}

.pae-page-content .pae-item-section__abstract-foreign-link {
  color: #337bc5;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.pae-page-content .pae-item-section__abstract-foreign-link:hover {
  text-decoration: underline;
}

.pae-page-content .pae-item-section__abstract-foreign-link {
  display: inline-block;
  margin-right: 1em;
  font-size: 22px;
}

.pae-video-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  cursor: pointer;
  z-index: 100000;
}

.pae-video-popup__player-container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.pae-video-popup__close {
  width: 27px;
  height: 27px;
  background: url('/sites/all/themes/espressif/images/close.png');
  position: absolute;
  right: 25px;
  top: 25px;
}

.pae-page-content .pae-item-section__detail-list-item:first-child {
  margin-top: -50px;
}

.pae-page-content .pae-item-section__detail-list-item:last-child {
  margin-bottom: 40px;
}

.pae-page-content .pae-item-section__detail-list-item {
  margin-bottom: 5px;
  font-size: 22px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  padding-left: 20px;
  position: relative;
}

.pae-page-content .pae-item-section__detail-list-item::before {
  content: '';
  background: #000;
  width: 8px;
  height: 8px;
  display: inline-block;
  position: absolute;
  left: 0;
  border-radius: 4px;
  top: 38%;
}

.i18n-en .pae-page-content .pae-steps-section__figure-caption {
  letter-spacing: normal;
}

.i18n-en .pae-page-content .pae-steps-section__header {
  letter-spacing: normal;
  text-indent: 0;
  padding-left: 25px;
  padding-right: 25px;
}

.hardware-services-new {
  font-weight: normal;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.hardware-services-new .hs-content-section {
  padding: 90px 25px;
  text-align: center;
  background: #f4f4f4;
  width: 100%;
  box-sizing: border-box;
}

.hardware-services-new .hs-content-section__title {
  font-size: 38px;
  font-weight: bold;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  margin-bottom: 32px;
}

.hardware-services-new .hs-content-section__content {
  font-size: 26px;
  line-height: 1.5;
}

.hardware-services-new .hs-services-section {
  padding: 65px 0;
  box-sizing: border-box;
  width: 100%;
  position: relative;
}

.hardware-services-new .hs-services-section__item {
  display: inline-block;
  width: calc(33% - 2px);
  padding: 0 80px 80px;
  box-sizing: border-box;
  /* border-right: 1px solid #ddd; */
  vertical-align: top;
  min-height: 430px;
}

.hardware-services-new .hs-services-section__item:last-child {
  border-right: none;
}

.hardware-services-new .hs-services-section__item-icon {
  display: table;
  text-align: center;
  margin: 20px auto 0;
  max-width: 100%;
  max-height: 250px;
}

.hardware-services-new .hs-services-section__item-icon img {
  max-width: 100%;
  height: auto;
  max-height: 100%;
  width: 50%;
  min-height: 124px;
  transform: translate3d(0, 0, 0);
  image-rendering: -webkit-optimize-contrast;
}

.hardware-services-new .hs-services-section__item-name {
  font-size: 28px;
  text-align: center;
  margin-bottom: 30px;
  margin-top: 20px;
  font-weight: bold;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
}

.hardware-services-new .hs-services-section__item-description {
  font-size: 20px;
  line-height: 1.4;
}

.hardware-services-new .hs-services-section__item-link {
  display: block;
  position: absolute;
  bottom: 90px;
  width: calc(33% - 160px);
  text-align: center;
  font-size: 16px;
  color: #337bc5;
  cursor: pointer;
  line-height: 1;
}

.hardware-services-new .hs-services-section__item-link~.hs-services-section__item-link {
  bottom: 45px;
}

.hardware-services-new .hs-services-section__item-description u,
.hardware-services-new .hs-services-section__item-description span {
  text-decoration: none !important;
  display: inline-block;
  white-space: nowrap;
  border-bottom: 1px solid #000;
}

.hardware-services-new .hs-services-section__item-hint {
  font-size: 12px;
  color: #929292;
  margin-top: 15px;
}

.hardware-services-new .hs-services-section__item-link .link-arrow {
  display: inline-block;
  margin-left: 0.4em;
  font-size: 1.2em;
  margin-bottom: -0.2em;
}

.hardware-services-new .hs-contact-section {
  height: calc(600px + (100vw - 1600px) / 2.6667);
  width: 100%;
  position: relative;
  padding: 0 165px;
  box-sizing: border-box;
  overflow: hidden;
  display: table;
  background: #f4f4f4;
}

.hardware-services-new .hs-contact-section__title {
  font-size: 38px;
  position: relative;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  font-weight: bold
}

.hardware-services-new .hs-contact-section__content {
  margin-top: 60px;
  font-size: 26px;
  max-width: 42%;
  line-height: 1.5;
  position: relative;
}

.hardware-services-new .hs-contact-section__content a {
  color: #337bc5;
  cursor: pointer;
}

.hardware-services-new .hs-contact-section__background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.hardware-services-new .hs-contact-section__body {
  display: table-cell;
  vertical-align: middle;
}

.hardware-services-new .hs-services-section__item:first-child {
  padding-left: 90px;
}

.hardware-services-new .hs-services-section__vertical-fence {
  position: absolute;
  display: inline-block;
  width: 0;
  height: calc(100% - 134px);
  border-left: 1px solid #ddd;
}

.i18n-zh-hans.page-products-hardware-services #node-2944>h2 {
  display: none;
}

.i18n-zh-hans.page-products-hardware-services .view-services-overview {
  margin: 0;
  width: 100%;
  max-width: 100%;
}

form#webform-client-form-282,
form#webform-client-form-62 {
  max-width: 1145px;
  width: 100%;
  margin-top: 90px;
}

form#webform-client-form-282 .webform-component.even,
form#webform-client-form-62 .webform-component.even {
  float: left;
  width: 49%;
}

form#webform-client-form-282 .webform-component:not(.even),
form#webform-client-form-62 .webform-component:not(.even) {
  float: right;
  width: 49%;
}

form#webform-client-form-282 .webform-component.webform-component-textarea,
form#webform-client-form-62 .webform-component.webform-component-textarea {
  float: none;
  clear: both;
  width: 100%;
}

form#webform-client-form-282 .webform-component label,
form#webform-client-form-62 .webform-component label {
  float: left;
  width: 190px;
  display: block;
  box-sizing: border-box;
  font-size: 17px;
}

form#webform-client-form-282 .webform-component input,
form#webform-client-form-62 .webform-component input {
  float: right;
  width: calc(100% - 190px);
  box-sizing: border-box;
}

form#webform-client-form-282 .webform-component.webform-component-textarea label,
form#webform-client-form-62 .webform-component.webform-component-textarea label {
  width: 190px;
}

form#webform-client-form-282 .webform-component.webform-component-textarea textarea,
form#webform-client-form-62 .webform-component.webform-component-textarea textarea {
  width: calc(100% - 190px);
  float: right;
  box-sizing: border-box;
}


form#webform-client-form-282 .webform-component select,
form#webform-client-form-62 .webform-component select {
  width: calc(100% - 190px);
  float: right;
  box-sizing: border-box;
  height: 43px;
  line-height: 43px;
}

form#webform-client-form-282 .captcha img[alt~=CAPTCHA],
form#webform-client-form-62 .captcha img[alt~=CAPTCHA] {
  display: block;
  float: right;
}

form#webform-client-form-282 .captcha,
form#webform-client-form-62 .captcha {
  clear: both;
  float: none;
  overflow: hidden;
  padding-top: 18px;
  width: calc(49% + 180px);
}

form#webform-client-form-282 .captcha .form-item-captcha-response,
form#webform-client-form-62 .captcha .form-item-captcha-response {
  float: left;
  width: calc(100% - 180px);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
}

form#webform-client-form-282 .form-actions,
form#webform-client-form-62 .form-actions {
  clear: both;
  margin-top: 60px;
}

form#webform-client-form-282 .captcha .form-item-captcha-response label,
form#webform-client-form-62 .captcha .form-item-captcha-response label {
  font-size: 17px;
  float: left;
  width: 190px;
}

form#webform-client-form-282 .captcha .form-item-captcha-response input,
form#webform-client-form-62 .captcha .form-item-captcha-response input {
  float: right;
  width: calc(100% - 190px);
}

form#webform-client-form-282 .captcha .form-item-captcha-response .description,
form#webform-client-form-62 .captcha .form-item-captcha-response .description {
  display: none;
}

form#webform-client-form-282 .webform-component,
form#webform-client-form-62 .webform-component {
  margin-bottom: 28px !important;
  margin-top: 0;
}

form#webform-client-form-282 input.webform-submit,
form#webform-client-form-62 input.webform-submit {
  border-radius: 0 !important;
  border-width: 1px !important;
  font-size: 17px !important;
  width: 128px !important;
  height: 42px !important;
  padding: 0 !important;
  display: block;
  letter-spacing: normal !important;
  margin: 0 !important;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  font-weight: bold;
}

.sheet-category-overview>.view-content .sheet-table .sheet-item .sheet-field.chip-image {
  display: table;
}

.sheet-image-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  cursor: default;
  z-index: 100000;
  display: table;
  table-layout: fixed;
}

.sheet-image-popup .sheet-large-image-container {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  height: 100%;
}

.sheet-image-popup img {
  width: auto;
  height: auto;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
  margin: auto;
}

.sheet-image-popup__close {
  width: 27px;
  height: 27px;
  background: url('/sites/all/themes/espressif/images/close.png');
  position: absolute;
  right: 25px;
  top: 25px;
  cursor: pointer;
}

.main-menu li li a[href^='javascript:'],
.main-menu li li a[href^='#'] {
  color: #fff !important;
  cursor: default !important;
  transition: none !important;
  pointer-events: none !important;
}

.main-menu li li a[href^='javascript:']:hover,
.main-menu li li a[href^='javascript:'].active,
.main-menu li li a[href^='#']:hover,
.main-menu li li a[href^='#'].active {
  -webkit-filter: grayscale(100%) brightness(5) contrast(1000%) !important;
  -moz-filter: grayscale(100%) brightness(5) contrast(1000%) !important;
  -o-filter: grayscale(100%) brightness(5) contrast(1000%) !important;
  filter: grayscale(100%) brightness(5) contrast(1000%) !important;
}

/* social css */

.social-list {
  position: fixed;
  right: 0;
  top: 40%;
  z-index: 1000;
  border-radius: 3px;
}

#main .social-list a:hover {
  width: 65px;
}

#main .social-list a {
  display: block;
  width: 50px;
  height: 50px;
  box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.2);
  float: right;
  text-indent: 10000px;
  background-size: 40px !important;
}

.i18n-en #main .social-list a {
  background-size: 24px !important;
}

.social-list .twitter a {
  background: url(../images/social-en.png) no-repeat center 14px !important;
  background-color: #53a8e0 !important;
}

.social-list .facebook a {
  background: url(../images/social-en.png) no-repeat center -33px !important;
  background-color: #43569a !important;
}

.social-list .linkdin a {
  background: url(../images/social-cn.png) no-repeat center -38px !important;
  background-color: #2264a0 !important;
}

.i18n-en .social-list .linkdin a {
  background: url(../images/social-en.png) no-repeat center -83px !important;
  background-color: #2264a0 !important;
}

.social-list .ins a {
  background: url(../images/social-en.png) no-repeat center -133px !important;
  background-color: #e52086 !important;
}

.social-list .wechat a {
  background: url(../images/social-cn.png) no-repeat center 14px !important;
  background-color: #00c03c !important;
}

.social-list .youku a {
  background: url(../images/social-cn.png) no-repeat center -85px !important;
  background-color: #fff !important;
}

.social-list .zhihu a {
  background: url(../images/social-cn.png) no-repeat center -137px !important;
  background-color: #0f87ec !important;
}

.social-list li:first-child a {
  border-top-left-radius: 3px;
}

.social-list li:last-child a {
  border-bottom-left-radius: 3px;
}

#footer .social-list {
  position: relative;
}

#footer .social-list .twitter a {
  background-position: center 13px !important;
  background-size: 20px !important;
}

#footer .social-list .facebook a {
  background-position: center -29px !important;
  background-size: 20px !important;
}

#footer .social-list .linkdin a {
  background-position: center -30px !important;
}

#footer .social-list .ins a {
  background-position: center -112px !important;
  background-size: 20px !important;
}

#footer .social-list .wechat a {
  background-position: center 11px !important;
}

#footer .social-list .youku a {
  border: 1px solid #ccc;
  background-position: center -68px !important;
}

#footer .social-list .zhihu a {
  background-position: center -110px !important;
}

#footer .social-list a {
  background-size: 32px !important;
  text-indent: -10000px;
  box-shadow: none;
}

.i18n-en #footer .social-list .linkdin a {
  background: url(../images/social-en.png) no-repeat center -71px !important;
  background-color: #2264a0 !important;
  background-size: 20px !important;
}

#footer .social-list {
  display: none;
  box-shadow: none;
  border-radius: 0;
}

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

  .view-book .pager-next,
  .view-book .pager-last,
  .view-book .pager-first,
  .view-book .pager-previous,
  .view-course .pager-next,
  .view-course .pager-last,
  .view-course .pager-first,
  .view-course .pager-previous {
    display: none !important;
  }

  #footer .social-list {
    display: block;
  }

  .espmesh-video-pop iframe {
    width: 100% !important;
  }

  .espmesh-video-pop {
    position: static !important;
    margin-top: -15px !important;
    margin-bottom: 40px !important;
  }

  .social-list {
    display: none;
  }
}

@media only screen and (max-width: 1280px) {
  .faq-page .view-filters {
    top: 375px;
  }

  .pte {
    margin: 0 100px !important;
  }

  #block-block-79 .front-word p {
    width: 30% !important;
  }
}

/* hardware new design */

.block-block-72 .pdb-word p {
  line-height: 36pt;
}

.block-block-72 .pdb-word h2 {
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  font-size: 48px;
}

.block-block-72 .pdb-word {
  color: #000; //    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",Helvetica, Arial,"PingFangSC-Light","PingFang SC Light", "黑体",sans-serif !important;
  font-weight: lighter;
  font-weight: normal
}

.hardware-group .item:last-child {
  border-right: 0;
}

.hardware-group .item {
  width: 33.33%;
  padding: 0 55px;
  float: left;
  box-sizing: border-box;
  padding-bottom: 1000px;
  margin-bottom: -1000px;
  border-right: 1px solid #ddd;
}

.hardware-group .group {
  overflow: hidden;
}

.hardware-group p {
  margin-bottom: 40pt;
}

.hardware-group li,
.hardware-group li a,
.hardware-group p {
  font-size: 20px !important;
  line-height: 32pt !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.hardware-group li li a {
  margin-bottom: 0;
}

.others-more .box a:hover,
.hardware-group li a:hover {
  color: #215386
}

.others-more .box a,
.hardware-group li span,
.hardware-group li a {
  display: inline-block;
  margin-bottom: 2px;
  color: #337bc5;
  white-space: nowrap;
}

.hardware-group ul,
.hardware-group ol {
  padding: 0;
  font-size: 20px; //    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",Helvetica, Arial,"PingFangSC-Light","PingFang SC Light", "黑体",sans-serif !important;
  font-weight: lighter;
  line-height: 33px;
}

.hardware-group li {
  list-style: none;
}

.hardware-group h2 {
  text-align: center;
  margin: 30px;
  font-size: 26px;
  margin-bottom: 15px;
}

.hardware-group img {
  display: block;
  width: 142px;
  height: auto;
  margin: 0 auto;
}

.hardware-group {
  max-width: 1300px;
  padding: 0 50px;
  margin: 90px auto;
}

.hardware-group li li {
  line-height: 26px;
  padding: 7px 0;
  padding-left: 22px;
}

.others-more .col-50:last-child {
  padding-left: 10px;
}

.others-more .col-50:last-child .box {
  background: -webkit-linear-gradient(#ffca77, #f9d375);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ffca77, #f9d375);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ffca77, #f9d375);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(#ffca77, #f9d375);
  /* 标准的语法 */
}

.others-more .col-50:first-child {
  padding-right: 10px;
}

.others-more .col-50:first-child .box {
  background: -webkit-linear-gradient(#f2f2f2, #e6e6e6);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#f2f2f2, #e6e6e6);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#f2f2f2, #e6e6e6);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(#f2f2f2, #e6e6e6);
  /* 标准的语法 */
  padding: 0 50px;
}

.others-more img {
  width: 458px;
  height: auto;
  margin-bottom: 35px;
}

.others-more h2 {
  margin: 0;
  font-size: 48px; //    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue",Helvetica, Arial,"PingFangSC-Light","PingFang SC Light", "黑体",sans-serif !important;
  font-weight: lighter;
  padding-top: 50px;
  font-weight: normal
}

.others-more .box a {
  display: block;
  width: 142px;
  margin: 9px auto 38px;
  font-size: 20px;
}

.others-more .col-50 {
  overflow: hidden;
}

.others-more .box {
  padding-bottom: 1000px !important;
  margin-bottom: -1000px;
}

.others-more {
  overflow: hidden;
  background: #fafafa;
  padding-bottom: 20px;
}

.col-50 {
  width: 50%;
  float: left;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
}

.hardware a i {
  font-style: normal;
}

@media only screen and (max-width: 1280px) {
  .hardware-group {
    width: 100%;
    padding: 0 100px;
    box-sizing: border-box;
    margin-bottom: 20px;
  }

  .others-more .box a,
  .hardware-group li span,
  .hardware-group li a {
    white-space: normal;
  }

  .hardware-group {
    padding: 0 50px;
  }
}

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

  .pte {
    margin: 0 100px !important;
  }

  .pte .view-content {
    overflow-x: scroll;
  }

  .hardware-group .item {
    width: 100%;
    border: 0;
    margin-bottom: 20px;
    padding: 0;
  }

  .others-more .box a,
  .hardware-group li span,
  .hardware-group li a {
    white-space: normal;
  }

  .hardware-group {
    padding: 0 20px;
  }

  .col-50 {
    width: 100%;
    padding: 40px !important;
  }

  .others-more img {
    width: 80%;
  }

  .others-more .col-50:first-child {
    margin-bottom: 10px;
  }

  .others-more,
  .others-more .col-50 {
    padding: 0 !important;
  }
}

.hardware p {
  font-size: 20px;
  line-height: 32px;
}

.hardware h2 {
  font-size: 26px;
  font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 500;
  line-height: 36px;
}

.hardware-group li li li {
  font-size: 18px;
  line-height: 20px;
}

.hardware p,
.hardware h2 {
  font-weight: normal;
}

.new-page-style * {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-weight: normal;
}

.view-display-id-devbd_feature_block_esp32_ltdm .view-footer .devbd-feature-list,
.view-display-id-devbd_feature_block_esp32_ltdm_zh .view-footer .devbd-feature-list {
  padding: 0;
}

.view-display-id-devbd_feature_block_esp32_ltdm .view-footer .view-header,
.view-display-id-devbd_feature_block_esp32_ltdm .view-footer .view-content,
.view-display-id-devbd_feature_block_esp32_ltdm_zh .view-footer .view-header,
.view-display-id-devbd_feature_block_esp32_ltdm_zh .view-footer .view-content {
  display: block;
}

.view-display-id-devbd_feature_block_esp32_ltdm .view-header,
.view-display-id-devbd_feature_block_esp32_ltdm .view-content,
.view-display-id-devbd_feature_block_esp32_ltdm_zh .view-header,
.view-display-id-devbd_feature_block_esp32_ltdm_zh .view-content {
  display: none;
}

.devbd-feature-list {
  background-position: -3px;
}

/* esp mesh */
.new-banner {
  margin-bottom: 0;
}

.new-banner .flexslider .slides>li {
  max-height: none;
}

.new-banner .pdb-word p {}

.new-banner .pdb-word h2 {
  margin-top: 0;
  margin-bottom: 0px;
  font-weight: bold;
  margin: 16px 0 20px;
}

.about .angle h2 {
  font-size: 50px;
  font-weight: bold;
  letter-spacing: 1.5px;
  margin-bottom: 50px
}

.about .angle {
  max-width: 1140px;
  margin: 90px auto;
  text-align: center;
}

.dol-md-3 {
  width: 25%;
  float: left;
}

.dol-md-4 {
  width: 33%;
  display: inline-block;
}

.dol-md-6 {
  width: 50%;
  float: left;
}

.angle .dow p {
  font-size: 22px;
}

.angle .dow img {
  width: 175px;
  height: auto;
  margin-top: 40px;
  margin-bottom: 27px;
}

.dow {
  overflow: hidden;
}

.angle .dol-md-6,
.angle .dol-md-4 {
  height: 265px;
}

.clear {
  clear: both;
}

.dip {
  position: relative;
}

.dip h2 {
  position: absolute;
  width: 100%;
  text-align: center;
  font-size: 50px;
  font-weight: bold;
  top: 50%;
  transform: translateY(-50%);
  letter-spacing: 1.2px;
  color: #fff;
  margin: 0;
}

.benefits img {
  margin: 0 auto;
  height: auto;
  max-width: 100%;
  padding: 0 50px;
  box-sizing: border-box;
}

.dip img {
  width: 100% !important;
  height: auto;
  padding: 0;
  max-width: none;
}

.lighting img.background-img {
  width: 100%;
  height: auto;
}

.lighting {
  position: relative;
}

.relative-wrapper {
  top: 0;
  left: 0;
  right: 0;
  padding: 38px 0 0;
  box-sizing: border-box;
}

.relative-wrapper .relative-content {
  max-width: 1330px;
  margin: 0 auto;
}

.relative-content h2 {
  text-align: center;
  font-size: 50px;
  font-weight: bold;
  color: #ff9017;
  letter-spacing: 1.5px;
  margin-bottom: 135px;
}

.lighting img {
  height: 157px;
  width: auto;
}

.lighting .dox {
  text-align: center;
  margin-bottom: 26px;
}

.lighting .dol-md-3 {
  padding: 0 35px;
  text-align: center;
  box-sizing: border-box;
}

.lighting .dol-md-3:nth-child(1) a button {
  background: rgba(0, 174, 239, 0.7);
}

.lighting .dol-md-3:nth-child(1) .dox {
  background: rgba(0, 174, 239, 0.7);
}

.lighting .dol-md-3:nth-child(2) a button {
  background: rgba(175, 105, 202, 0.7);
}

.lighting .dol-md-3:nth-child(2) .dox {
  background: rgba(175, 105, 202, 0.7);
}

.lighting .dol-md-3:nth-child(3) a button {
  background: rgba(247, 143, 30, 0.7);
}

.lighting .dol-md-3:nth-child(3) .dox {
  background: rgba(247, 143, 30, 0.7);
}

.lighting .dol-md-3:nth-child(4) a button {
  background: rgba(133, 132, 132, 0.7);
}

.lighting .dol-md-3:nth-child(4) .dox {
  background: rgba(133, 132, 132, 0.7);
}

.lighting .dox img {
  height: 157px;
  width: auto;
  margin: 40px 0 20px;
}

.lighting .dox p {
  color: #fff;
  padding-bottom: 28px;
}

a button {
  display: inline-block;
  border: 0;
  padding: 13px 30px;
  border-radius: 40px;
  font-size: 16px;
  color: #fff;
}

.lighting a button {
  width: 153px;
  cursor: pointer;
  padding: 13px;
  text-align: center;
  padding-right: 30px;
}

a i {
  font-style: normal !important;
}

.more-industries {
  background: rgba(247, 143, 30, 0.65);
}

.more-industries .dow {
  width: 1140px;
  margin: 0 auto;
}

.more-industries {
  background: rgba(247, 143, 30, 0.65);
  margin: 183px 0 0 !important;
  padding: 60px;
}

.more-industries h3 {
  margin: 0;
  font-size: 26px;
  color: #fff;
}

.more-industries a:hover {
  text-decoration: underline;
}

.more-industries a i {
  position: absolute;
  margin: 0 !important;
  top: -9px !important;
  display: inline;
  right: -15px;
}

.more-industries a,
.more-industries p {
  display: inline-block;
  color: #fff;
  position: relative;
}

.more-industries .dol-md-6 {
  box-sizing: border-box;
  height: 65px;
  font-size: 18px;
  border-bottom: 1px solid #fff;
  padding-top: 20px;
  font-size: 18px;
}

.more-industries .dol-md-6:nth-child(odd) {
  padding-left: 15%;
}

.lighting {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

.lighting .background-img {
  display: none;
}

#main .lighting .more-industries .dol-md-6:first-child {
  padding-top: 0 !important;
}

@media only screen and (max-width: 1280px) {
  .relative-wrapper .relative-content {
    width: 100%;
    padding: 0 90px;
    box-sizing: border-box;
  }

  .new-banner .pdb-word {
    margin-left: 110px;
  }

  .lighting .dox img {
    height: 100px;
  }

  .lighting .dox p {
    font-size: 18px;
  }

  .lighting .dol-md-3 {
    padding: 0 15px;
  }

  .more-industries {
    width: 100%;
    padding: 60px 90px;
    box-sizing: border-box;
  }

  .more-industries .dow {
    width: 100%;
  }

  .benefits .dip img {
    padding: 0;
    display: block;
  }

  .benefits img {
    padding: 0 90px;
  }

  .more-industries .dol-md-6:nth-child(2n+1) {
    padding-left: 30px;
    width: 30%;
  }

  .more-industries .dol-md-6:nth-child(2n) {
    width: 70%;
  }
}

@media only screen and (max-width: 1000px) {
  .relative-content h2 {
    line-height: 56px;
  }

  .relative-wrapper .relative-content,
  .more-industries,
  .benefits img {
    padding-left: 20px;
    padding-right: 20px;
  }
}

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

  form#webform-client-form-282 .captcha .form-item-captcha-response input,
  form#webform-client-form-62 .captcha .form-item-captcha-response input,
  form#webform-client-form-282 .webform-component input,
  form#webform-client-form-62 .webform-component input ,
  form#webform-client-form-282 .webform-component select,
  form#webform-client-form-62 .webform-component select {
    width: 100%;
  }

  .lighting .dol-md-3 {
    width: 50%;
    margin-bottom: 30px;
  }

  .more-industries .dol-md-6:nth-child(2) {
    display: none;
  }

  .benefits>img {
    display: none;
  }

  .more-industries .dol-md-6 {
    width: 100% !important;
    padding-left: 30px;
  }

  .relative-content h2,
  .about .angle h2,
  .dip h2 {
    font-size: 28px;
  }
}

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

  .resource-list .resource-list-item a,
  .resource-list .resource-list-item a:link,
  .resource-list .resource-list-item a:visited,
  .resource-list .resource-list-item a:active {
    padding: 30px;
  }

  .more-industries .dol-md-6:nth-child(2n+1) {
    border-bottom: 0;
    margin-bottom: -36px;
  }

  .more-industries .dol-md-6:nth-child(2) {
    display: block;
  }

  .dol-md-4,
  .dol-md-3 {
    width: 100% !important;
  }

  .dip h2 {
    font-size: 20px;
  }

  .relative-content h2 {
    margin-bottom: 30px;
  }

  .more-industries .dol-md-6 {
    height: auto;
    padding-bottom: 20px;
  }

  .page-home h1.100_mio {
    display: none !important;
  }
}

.new-page-style #main a:hover button {
  text-decoration: underline;
}

.new-page-style #main a i {
  font-size: 30px;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  /* Firefox 4 */
  -webkit-transition: all 0.6s;
  /* Safari 閸滐拷 Chrome */
  -o-transition: all 0.6s;
  /* Opera */
  margin: -10px 5px;
  margin-left: 5px;
  display: inline-block;
  position: absolute;
  margin-left: 8px;
}

.more-industries a i {
  margin-top: -9px;
}

.new-banner .pdb-word {
  width: 1140px;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.new-banner .pdb-word>* {
  max-width: 50%;
}

#footer .social-list li.github a {
  background: url(../images/social-cn.png) no-repeat center -171px !important;
  background-color: #2c3137 !important;
  background-size: 36px !important;
}

#main .social-list li.github a {
  background: url(../images/social-cn.png) no-repeat center -187px !important;
  background-color: #2c3137 !important;
  background-size: 40px !important;
}

/* form warning */

.form-warning .ftd:first-child {
  padding-right: 0;
}

.form-warning a:hover {
  text-decoration: underline
}

.form-warning a {
  color: rgb(255, 48, 52);
}

.form-warning {
  background: #f3f3f3;
  max-width: 1140px;
  margin: 90px auto;
}

.form-warning .ftd {
  padding: 40px;
  color: #000 !important;
}

.ftable {
  display: table
}

.ftr {
  display: table-row;
}

.ftd {
  display: table-cell;
  vertical-align: middle;
}

form#subscribe+.form-warning .ftd {
  color: #fff !important;
  padding-left: 0;
  padding-right: 40px;
}

form#subscribe+.form-warning {
  background: transparent !important;
  color: #fff !important;
}

.page-media-overview-news #block-views-media-block-5 {
  display: none;
}

.hardware a {
  position: relative;
}

.new-page-style #main .hardware a i {
  font-size: 30px;
  margin: 0;
  transition: all 0.6s;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -o-transition: all 0.6s;
  display: inline-block;
  position: absolute;
  right: -18px;
  top: -2px;
}

.new-page-style #main .others-more a i {
  right: 0;
  top: -8px;
}

/* new banner */

.new-page-dt-style #highlighted {
  font-size: 16px;
}

.bn-right-bottom .content {
  float: right;
  text-align: right;
}

.bn-right-bottom .banner-word {
  top: 68%;
}

.banner-word {
  position: absolute;
  max-width: 1140px;
  margin: auto;
  left: 0;
  right: 0;
}

.bn-right-bottom .banner-word h1 {
  margin: 21px 0;
  font-size: 2.44em;
}

.banner-word h1 {
  color: #fff;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  font-size: 2.44em;
}

.banner-word a:hover span {
  left: 10px;
}

.banner-word a span {
  position: relative;
  left: 0;
  -moz-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.banner-word a {
  display: inline-block;
  padding: 0 17px;
  line-height: 40px;
  font-size: 1.125em;
  border-radius: 40px;
  font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFang SC Medium", "PingFangSC-Medium", "黑体", sans-serif !important;
  font-weight: 500;
  border: 1px solid #fff;
  color: #fff;
}

.new-page-dt-style .banner-word img {
  margin-bottom: 0 !important
}

.banner-word a:hover {
  background: rgba(0, 0, 0, 0.15) !important;
}

.new-page-dt-style #highlighted {
  overflow: unset;
}

.new-page-dt-style ul.flex-direction-nav {
  display: none;
}

li.bn-center-bottom .banner-word {
  bottom: 13%;
  text-align: center;
}

li.bn-left-center h1 {
  margin: 0;
  margin-bottom: 12px;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  font-size: 3em;
  font-weight: normal;
}

li.bn-left-center h2 {
  margin: 0;
  margin-bottom: 12px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-size: 3em;
  font-weight: normal;
}

li.bn-left-center .banner-word {
  top: 50%;
  transform: translateY(-44%);
}

.new-page-dt-style li.bn-left-center * {
  color: #000;
  border-color: #000;
}

li.bn-left-center a {
  display: inline-block;
  margin-top: 55px;
}

li.bn-left-center h1 {
  font-weight: bold;
}

@media only screen and (max-width: 1170px) {
  #wechat .header img {
    height: 100% !important;
    width: 100% !important;
  }

  .hide .block {
    height: 80% !important;
  }

  .espmesh-video-pop iframe,
  .hide .block {
    width: 90% !important;
    margin: auto;
    box-sizing: border-box
  }

  .espmesh-video-pop iframe {
    height: 100% !important;
  }

  #wechat {
    font-size: 14px !important
  }

  #wechat .body .l img {
    margin-right: 20px;
  }

  #wechat .body .l {
    width: auto !important;
  }

  .new-page-dt-style #highlighted {
    font-size: 10px;
  }

  .banner-word a {
    line-height: 32px;
  }

  .new-page-dt-style .gallary .flexslider .flex-control-nav li {
    width: auto;
  }

  .new-page-dt-style .flex-control-nav {
    bottom: 10px;
  }

  .bn-right-bottom .banner-word {
    top: 64%;
  }

  li.bn-center-bottom .banner-word {
    bottom: 20%;
  }

  .new-page-dt-style .gallary .flexslider img {
    margin-bottom: 0 !important
  }
}

@media only screen and (max-width: 1280px) {
  #wechat {
    font-size: 14px !important
  }

  #wechat .body .l img {
    width: 240px !important;
  }

  #wechat .header h1,
  #wechat .inside {
    max-width: none !important;
    box-sizing: border-box;
    width: 100%;
    padding: 0 100px;
  }

  .new-page-dt-style #highlighted {
    font-size: 14px;
  }

  .banner-word {
    max-width: none;
    margin: 0 100px;
  }
}

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

  .resource-list .resource-list-item a,
  .resource-list .resource-list-item a:link,
  .resource-list .resource-list-item a:visited,
  .resource-list .resource-list-item a:active {
    padding: 30px;
  }

  #wechat .header,
  #wechat .header img {
    height: auto !important;
    width: 100% !important;
  }

  #wechat .body .l,
  #wechat .body .r {
    display: block !important;
  }

  #wechat .header h1,
  #wechat .inside {
    padding: 0 20px;
  }

  #wechat {
    font-size: 12px !important;
    height: auto !important;
  }

  .new-page-dt-style #highlighted {
    font-size: 7px;
  }

  li.bn-left-center a {
    margin-top: 20px;
  }

  .banner-word a {
    line-height: 26px;
  }

  .bn-right-bottom .banner-word h1 {
    margin: 10px 0;
  }

  li.bn-left-center h2,
  li.bn-left-center h1,
  .bn-right-bottom .banner-word h1,
  .banner-word h1 {
    font-size: 1.125em;
  }

  .banner-word a {
    font-size: 1em;
  }
}

@media only screen and (max-width: 568px) {
  .new-page-dt-style #highlighted {
    font-size: 12px;
  }

  .banner-word {
    margin: 0 20px;
  }

  .bn-right-bottom .banner-word {
    top: 56%;
  }
}

/*wechat*/

#wechat {
  font-size: 16px;
}

#wechat .header {
  height: 278px;
  width: 100%;
  overflow: hidden;
  position: relative;
}

#wechat .header img {
  width: 100%;
  height: auto;
  height: 100%;
}

#wechat .header h1 {
  font-weight: normal;
  position: absolute;
  max-width: 1140px;
  left: 0;
  right: 0;
  font-size: 3em;
  margin: auto;
  bottom: 15px;
  text-align: right;
  color: #fff;
}

#wechat .body .l {
  width: 390px;
  text-align: center;
}

#wechat .body p {
  font-size: 1.25em;
  color: #787676;
  margin-top: 20px;
  line-height: 1.5em;
}

#wechat .body h2 {
  font-size: 1.625em;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 25px;
}

#wechat .body .l img {
  width: 285px;
  height: auto;
}

#wechat .body .r img {
  transform: scale(0.5);
  vertical-align: middle;
}

#wechat .body .l,
#wechat .body .r {
  display: table-cell;
  vertical-align: top;
}

#wechat .body .panel:first-child {
  margin-bottom: 0;
}

#wechat .body .panel {
  margin-top: 20px;
  margin-bottom: 93px;
}

#wechat .body .wrap {
  display: table;
}

#wechat .inside {
  max-width: 1140px;
  margin: 0 auto;
}

#wechat .body h1 {
  font-weight: normal;
  font-size: 3em;
  margin-bottom: 0;
}

#wechat * {
  font-family: HelveticaNeueRegular, HelveticaNeue-Regular, "Helvetica Neue Regular", HelveticaNeue, "Helvetica Neue", Helvetica, Arial, PingFangSC-Regular, "PingFang SC Regular", 黑体, sans-serif !important;
  font-weight: normal;
}

#wechat .r p {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
  font-weight: normal;
}

* {
  * font-weight: normal;
  *
}

* * strong {
  * font-weight: bold;
  *
}

* * .node-type-news li.views-row.first-links {
  * display: none;
  *
}

* *
/* 8-4 */

.pae-video-popup__open img {
  width: 22px !important;
  vertical-align: text-top;
  margin-left: 6px !important;
}

.pae-video-popup__open:hover {
  text-decoration: underline;
}

.espmesh-video-pop iframe {
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.espmesh-video-pop img {
  width: 22px;
  height: auto;
  vertical-align: text-top;
  margin-left: 6px;
}

.espmesh-video-pop .pae-video-popup__close,
.espmesh-video-pop:hover p {
  text-decoration: underline;
  cursor: pointer
}

.espmesh-video-pop:hover {
  text-decoration: underline;
}

.espmesh-video-pop {
  text-align: center;
  color: #4c4c4c;
  font-size: 20px;
  position: absolute;
  left: 0;
  right: 0;
  margin-top: -110px;
}

.espmesh-video-pop .hide.active {
  top: 0;
}

.espmesh-video-pop .hide {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: -100vh;
  background: rgba(0, 0, 0, 0.7);
  z-index: 100;
  height: 100vh;
}

.hide .block {
  position: absolute;
  height: 530px;
  width: 940px;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.hide .pae-video-popup__close {
  top: -40px;
  right: 0;
}


#block-block-61 .pdb-word {
  width: 560px;
}

.faq-page.new-faq-page h2.view-title {
  border-width: 1px;
}

.faq-page h2.view-title {
  border-width: 0;
}


.pte .views-field-field-image-1,
.pte .views-field-field-image {
  display: none;
}

.pte {
  max-width: 1180px;
  margin: auto;
}

.i18n-en .pte .view-header,
.i18n-en .pte .view-content {
  display: block;
}

.i18n-en .pte .view-footer {
  display: none;
}

.i18n-zh-hans .pte .view-footer {
  display: block;
}

.i18n-zh-hans .pte .view-header,
.i18n-zh-hans .pte .view-content {
  display: none;
}

.i18n-zh-hans .pte .view-footer .pte>* {
  display: block !important;
}

.pte table {
  min-width: 900px !important
}

.pte h2 {
  font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-size: 48px;
  margin: 70px 0 25px;
  line-height: 64px;
}

.pte th.views-field {
  padding: 10px 30px !important;
  font-weight: bold;
}

.pte td.views-field {
  padding-top: 60px;
}

.pte .views-field.views-field-name {
  text-align: center;
  padding-top: 20px;
}

.pte .views-field.views-field-description {
  white-space: unset;
}

.pte td,
.pte th {
  white-space: nowrap;
  font-size: 16px;
  line-height: 24px;
  padding: 20px 30px;
  vertical-align: top;
  background: #fff;
  border-top: 1px solid #ccc;
  text-align: left;
}

.pte td p {
  line-height: 24px;
}

.pte th {
  padding: 10px 30px;
  border-bottom-width: 1px;
}

.pte th,
.pte .equipment-head {
  line-height: 28px;
  font-size: 20px;
}

.pte .equipment-head {
  margin-bottom: 75px;
}

.pte .views-field-field-module-link a:hover {
  text-decoration: underline;
}

.pte .views-field-field-module-link a {
  display: block;
  color: #000;
}

.pte .equipment-head p,
.pte table * {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.view-footer .pte {
  margin: 0 !important;
}

#block-menu-block-1 #product-menu ul ul .pr>ul {
  padding-left: 12px !important;
  display: block !important;
  margin: 0 !important;
  padding-bottom: 0;
}

.header-kenny .pdb-word p {
  font-size: 26px;
  line-height: 34px;
  font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, PingFangSC-Light, "PingFang SC Light", 黑体, sans-serif;
}

#block-block-75 h1,
.header-kenny .pdb-word h2 {
  margin-bottom: 56px;
  font-size: 48px;
  font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", 黑体, sans-serif;
}

#block-block-60 .pdb-word {
  right: auto;
  top: auto;
  bottom: 90px;
  margin-left: 200px;
  -webkit-margin-before: 56px;
  -webkit-margin-after: 56px;
}

@media only screen and (max-width: 1170px) {
  #block-block-60 .pdb-word {
    display: none;
  }
}

.page-node-1306 #header div.top_right_sul a,
.page-node-1305 #header div.top_right_sul a,
.page-node-1282 #header div.top_right_sul a,
.page-node-1281 #header div.top_right_sul a {
  border: 1px solid black;
  color: black;
}


.page-node-1306 #header div.hm,
.page-node-1305 #header div.hm,
.page-node-1282 #header div.hm,
.page-node-1281 #header div.hm {
  color: black;
}

.page-node-1306 #header div.hm.hm-1 h2,
.page-node-1305 #header div.hm.hm-1 h2,
.page-node-1282 #header div.hm.hm-1 h2,
.page-node-1281 #header div.hm.hm-1 h2 {
  border-left: 1px solid #000;
}



.page-node-1306 #header div.hm.hm-1.hm-2 h2,
.page-node-1305 #header div.hm.hm-1.hm-2 h2,
.page-node-1282 #header div.hm.hm-1.hm-2 h2,
.page-node-1281 #header div.hm.hm-1.hm-2 h2 {
  border-left: none;
}

.page-node-1306 #header div.hm h2,
.page-node-1305 #header div.hm h2,
.page-node-1282 #header div.hm h2,
.page-node-1281 #header div.hm h2 {
  background: url(../images/abb.png) no-repeat right center;
}

.page-node-1306 #header div.hm.hm-1,
.page-node-1305 #header div.hm.hm-1,
.page-node-1282 #header div.hm.hm-1,
.page-node-1281 #header div.hm.hm-1 {
  background: url(../images/lineb.png) no-repeat right center;
}

.page-node-1306 #header div.top_right_sul a.sul_rss:hover,
.page-node-1305 #header div.top_right_sul a.sul_rss:hover,
.page-node-1282 #header div.top_right_sul a.sul_rss:hover,
.page-node-1281 #header div.top_right_sul a.sul_rss:hover {
  background-image: none !important;
  background: #000 !important;
  color: #fff !important;
}

.page-node-1306 .top_right_sul a.sul_search,
.page-node-1305 .top_right_sul a.sul_search,
.page-node-1282 .top_right_sul a.sul_search,
.page-node-1281 .top_right_sul a.sul_search {
  background-position: 0% 100%;
}

.page-node-1306 .top_right_sul a.sul_search:hover,
.page-node-1305 .top_right_sul a.sul_search:hover,
.page-node-1282 .top_right_sul a.sul_search:hover,
.page-node-1281 .top_right_sul a.sul_search:hover {
  background-color: black;
  background-position: 0% 0%;
}

.page-node-1306 .top_right_sul a.sul_language_zh-hans,
.page-node-1305 .top_right_sul a.sul_language_zh-hans,
.page-node-1282 .top_right_sul a.sul_language_zh-hans,
.page-node-1281 .top_right_sul a.sul_language_zh-hans {
  background-position: 75% 100%;
}

.page-node-1306 .top_right_sul a.sul_language_zh-hans:hover,
.page-node-1305 .top_right_sul a.sul_language_zh-hans:hover,
.page-node-1282 .top_right_sul a.sul_language_zh-hans:hover,
.page-node-1281 .top_right_sul a.sul_language_zh-hans:hover {
  background-position: 75% 0%;
  background-color: black;
}

.page-node-1306 .top_right_sul a.sul_language_en,
.page-node-1305 .top_right_sul a.sul_language_en,
.page-node-1282 .top_right_sul a.sul_language_en,
.page-node-1281 .top_right_sul a.sul_language_en {
  background-position: 100% 100%;
}

.page-node-1306 .top_right_sul a.sul_language_en:hover,
.page-node-1305 .top_right_sul a.sul_language_en:hover,
.page-node-1282 .top_right_sul a.sul_language_en:hover,
.page-node-1281 .top_right_sul a.sul_language_en:hover {
  background-position: 100% 0%;
  background-color: black;
}

@media only screen and (max-width: 1560px) {
  #block-block-60 .pdb-word p {
    width: 82%;
    word-break: break-word;

  }
}

@media only screen and *max-width: 1560px) {
  #block-block-60 .pdb-word {
    margin-left: 170px;
  }
}

@media only screen and (max-width: 1440px) {
  #block-block-60 .pdb-word {
    margin-left: 120px;
  }
}

@media only screen and (max-width: 1320px) {
  #block-block-60 .pdb-word h2 {
    width: 400px;
  }
}

@media only screen and (max-width:1270px) {
  #block-block-60 .pdb-word {
    margin-left: 70px;
  }
}

label {
  font-weight: normal;
}

.tq-sheet-button:hover,
.tq-sheet .tq-sheet-validate-batch:hover {
  border-color: #bb2326 !important;
  background: #bb2326 !important;
}

.tq-sheet-button,
.tq-sheet .tq-sheet-validate-batch {
  background: #ff3034 !important;
  border-color: #ff3034 !important;
}

.colwithimg .awrap a {
  position: static;
}

.colwithimg .awrap {
  left: 0;
  right: 0;
}

.colwithimg .awrap,
.colwithimg .item-nav-button {
  text-align: center;
  position: absolute;
  margin;
  0;
  bottom: 60px;
}

.view-files-search {
  max-width: 1140px;
  margin: auto;
  padding: 200px 20px;
}

/* subject banner */
.subject {
  width: 1140px;
  margin: 0 auto;
  position: absolute;
  bottom: 100px;
  left: 0;
  right: 0;
  color: #fff;
}

.subject h1 {
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-weight: 600;
  font-size: 48px;
  margin-bottom: 56px;
}

.subject p {
  font-size: 26px !important;
  line-height: 34px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Light", "PingFang SC Light", "黑体", sans-serif !important;
}

.subject .content {
  width: 60%;
}

@media only screen and (max-width: 1335px) {
  .subject .content {
    width: 100%;
  }
}

@media only screen and (max-width: 1425px) {
  .subject {
    width: auto;
    margin: 0 100px;
  }
}

/* subject end */

/* Product Hardware ESP32 Azure Kit */

.page-node-3609 .pdb-word,
.page-node-3615 .pdb-word,
.page-products-hardware-esp32-azure-kit .pdb-word {
  right: 0px !important;
  top: 160px;
  left: auto;
  width: 35%;
  margin-right: 100px !important;
}

.page-products-hardware-esp32-azure-kit .view-display-id-block_2 {
  color: white !important;
  background: url(../images/background-esp32-azure-kit.jpg) no-repeat top center;
}

.page-products-hardware-esp32-azure-kit .view-display-id-block_2 .view-content {
  width: 1160px;
  text-align: left;
  padding: 0px 0;
  margin: 0px auto;
}

.page-products-hardware-esp32-azure-kit .view-display-id-block_2 .view-content .field-content {
  padding-top: 40px;
}

.page-products-hardware-esp32-azure-kit .view-display-id-block_2 .view-content .single-resource-link {
  width: auto;
  font-size: 28px;
  margin-bottom: 0px;
  display: block;
}

.page-products-hardware-esp32-azure-kit .view-display-id-block_2 ul {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  list-style: disc inside;
}

.page-products-hardware-esp32-azure-kit .view-display-id-block_2 ul li {
  font-size: 20px;
  padding: 16px 0px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  list-style: disc inside !important;
}

.page-products-hardware-esp32-azure-kit .view-display-id-block_1 .single-resource-link:first-child {
  border-right: 1px dotted black;
}

.i18n-en.page-products-hardware-esp32-azure-kit .view-display-id-block_1 .single-resource-link:first-child {
  border-right: 0;
  width: 98%;
}

.page-products-hardware-esp32-azure-kit .view-display-id-block_1 .single-resource-link {
  text-align: center;
}


.page-products-hardware-esp32-azure-kit .view-display-id-block_1 .single-resource-link .resource-link-title {
  text-align: center;
}

.page-products-hardware-esp32-azure-kit a.resource-link-button {
  color: black;
  background-color: #f9f9f9 !important;
  border: 1px solid #b3b3b3;
  margin: auto;
  border-radius: 10px;
}

.i18n-en.page-products-hardware-esp32-azure-kit a.resource-link-button {
  width: 400px;
}

/* Download > Document */

.viewDownloadDocument .SearchAndIcon {
  border-bottom: 1px solid #b2b2b2;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.viewDownloadDocument .SearchAndIcon input {
  width: 815px;
  font-size: 18px;
  background: url(../images/documents/retina/search.png) no-repeat 15px center;
  border: 1px solid #b2b2b2;
  border-radius: 3px;
  padding: 12px 0px 12px 50px;
  background-size: 3%;
}

.viewDownloadDocument .SearchAndIcon .clearSearch {
  width: 20px;
  height: 20px;
  position: relative;
  top: 5px;
  left: -40px;
  background: url(../images/documents/retina/close.png) no-repeat center center;
  display: inline-block;
  background-size: cover;
  cursor: pointer;
  display: none;
}

.viewDownloadDocument .SearchAndIcon .filterIcon {
  font-size: 14px;
  margin-top: 20px;
  line-height: 13px;
  cursor: pointer;
  vertical-align: bottom;
}

.viewDownloadDocument .SearchAndIcon .filterIcon span {
  display: inline-block;
  width: 19px;
  height: 13px;
  background: url(../images/documents/retina/filter.svg) no-repeat left center;
  cursor: pointer;
  background-size: contain;
  margin-right: 10px;
  vertical-align: bottom;
  line-height: 13px;
}


.viewDownloadDocument .view-filters {
  overflow: hidden;
  display: none;
  border-right: 1px solid #b2b2b2;
  width: 220px;
}


.viewDownloadDocument.actived .view-filters {
  display: block;
}

.viewDownloadDocument .view-filters .filterWrapper {
  padding-right: 15px;
}

.viewDownloadDocument .view-filters .filterWrapper .views-exposed-widget {
  width: 100%;
}

.viewDownloadDocument .view-filters h2 {
  position: relative;
  cursor: pointer;
}

.viewDownloadDocument .view-filters li .closeFilter {
  position: absolute;
  display: block;
  top: 18px;
  right: 0px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  transform: rotate(0);
  -webkit-transform: rotate(0);

  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  -webkit-transform-origin: center center;
  transform-origin: center center;

  /*  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);*/

}

.viewDownloadDocument .view-filters li.actived .closeFilter {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}


.viewDownloadDocument .view-filters li .closeFilter:after {
  display: block;
  content: "+";
  line-height: 14px;
}

.viewDownloadDocument .view-filters li .views-exposed-widget {
  display: none;
}

.viewDownloadDocument .view-filters li.actived .views-exposed-widget {
  display: block;
}


.viewDownloadDocument .view-filters h3 {
  border-bottom: 1px solid white;
  cursor: pointer;
}

/*.viewDownloadDocument .view-filters h3.activeGroup,
.viewDownloadDocument .view-filters h3:hover {
  background: #efefef;
}*/

.viewDownloadDocument .view-filters h3.activeGroup {
  background: #efefef;
}

.viewDownloadDocument .view-content {
  width: 100%;
  float: right;
  transition: width .3s ease-out;
  -webkit-transition: width .3s ease-out;

}

.viewDownloadDocument.actived .view-content {
  width: 860px;
  float: right;
  padding-left: 40px;
  overflow-x: scroll;
}

.viewDownloadDocument.actived .view-content .viewContentWrapper {
  width: 860px;
}


.viewDownloadDocument .view-content .viewContentWrapper {}

.viewDownloadDocument .view-content .views-table {}

.viewDownloadDocument .view-sec {
  clear: both;
}

.viewDownloadDocument .view-filters h4 {
  text-align: center;
  background: url(../images/documents/line.png) repeat-x center center;
  padding: 16px 0px 20px 0px;
  margin: 0px;
  margin-block-start: 0px;
  margin-block-end: 0px;
}


.viewDownloadDocument .view-filters h4 span {
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-size: 14px;
  font-weight: 600 !important;
  background: white;
  padding: 0px 20px;
  display: inline-block;
  color: #b5b5b5;
}



.viewDownloadDocument .view-filters h2 {
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-size: 18px;
  font-weight: 600 !important;
  background: none;
  padding: 0px 10px;
  margin: 0px;
}

.viewDownloadDocument .view-filters h3 {
  font-size: 16px;
  padding: 5px 10px;
  margin: 0px;
}

.viewDownloadDocument .form-type-bef-checkbox {
  margin-bottom: 14px;
}

.viewDownloadDocument .view-filters .icheckbox {
  width: 16px;
  height: 16px;
  background: url(../images/documents/checkbox.png) -23px center no-repeat;
}

.viewDownloadDocument .view-filters .icheckbox.checked {
  background-position: -3px center;
}

.viewDownloadDocument .view-filters .icheckbox input {
  border: 1px solid #b2b2b2 !important;
}

.viewDownloadDocument .view-filters label {
  font-size: 16px;
  margin-left: 10px;
  margin-right: 0px !important;
}

.viewDownloadDocument .view-filters #edit-keys-wrapper,
.viewDownloadDocument .views-submit-button {
  display: none;
}

.viewDownloadDocument #edit-field-type-tid-wrapper .views-widget {
  margin-left: 0px;
  display: none;
}

.viewDownloadDocument #edit-field-type-tid-wrapper .views-widget.opened {
  display: block;
}

.viewDownloadDocument #edit-field-type-tid-wrapper .form-type-bef-checkbox,
.viewDownloadDocument #edit-field-type-tid-wrapper label {
  float: none;
}

.viewDownloadDocument .icheckbox {
  margin-right: 0px;
  margin-top: 0px;
}

.viewDownloadDocument .view-header {
  position: relative;
  top: 10px;
  font-family: "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFangSC-Medium", "PingFang SC Medium", "黑体", sans-serif !important;
  font-size: 15px;
  float: left;
}

.viewDownloadDocument .download-btn {
  width: auto;
  height: auto;
  font-size: 16px;
  color: #b4b4b4;
  background: url(../images/documents/retina/download-unclickable.png) 20px center no-repeat #efefef;
  padding: 10px 30px 10px 60px;
  margin-top: 0px;
  display: inline-block;
  background-size: 10%;
  cursor: default;
}

.viewDownloadDocument ul.cto {
  position: relative;
  top: 10px;
  float: right;
}

.viewDownloadDocument ul.cto li {
  position: relative;
  font-weight: normal;
  color: black;
  padding-right: 45px;
  margin-right: 0;
  margin-left: 0px;
  box-sizing: border-box;
  z-index: 1;
}

.viewDownloadDocument ul.cto:after {
  position: absolute;
  display: inline-block;
  right: 15px;
  top: 0;
  content: "+";
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  opacity: .7;
  filter: alpha(opacity=80);
  text-align: center;
  vertical-align: middle;
  z-index: 0;

  transform: rotate(0);
  -webkit-transform: rotate(0);

  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  -webkit-transform-origin: center center;
  transform-origin: center center;

}

.viewDownloadDocument ul.cto li.open {
  background: none;
}

.viewDownloadDocument ul.cto li.close {
  background: none;
  display: none;
}

.viewDownloadDocument ul.cto.closed:after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.viewDownloadDocument .view-content table {
  margin-top: 20px;
}

.viewDownloadDocument .view-content table caption {
  font-size: 26px;
  color: black;
}

.viewDownloadDocument .view-content table tr {
  border-bottom: 1px solid #b2b2b2;
}

.viewDownloadDocument .view-content table tr,
.viewDownloadDocument .view-content table td.active {
  background: white;
}

.viewDownloadDocument .view-content table thead tr {
  font-family: "HelveticaNeueMedium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "PingFang SC Medium", "黑体", sans-serif !important;
  font-size: 16px;
  border-top: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  background: #efefef;
}

.viewDownloadDocument .view-content table th {
  padding-left: 15px 2px;
}

.viewDownloadDocument .view-content table th,
.viewDownloadDocument .view-content table td {
  border: none;
  width:25%;
}

.viewDownloadDocument .view-content table td.views-field-title {
  padding-left: 0px !important;
}

.viewDownloadDocument .view-content table .SDK-title {
  position: relative;
  padding-left: 31px;
  color:#000
}

.viewDownloadDocument .view-content table .SDK-title span {
  position: absolute;
  top: -2px;
  left: 0;
  background: none;
  margin-right: 15px;
  text-align: center;
  vertical-align: middle;
  width: 16px;
  height: 22px;
  line-height: 16px;
  transform: rotate(0);

  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out, -webkit-transform .3s ease-out;
  -webkit-transform-origin: center center;
  transform-origin: center center;

}

.viewDownloadDocument .view-content table .SDK-title span:after {
  content: "+";
  font-size: 18px;
  text-align: center;
  transform: rotate(0);
  -webkit-transform: rotate(0);
}


.viewDownloadDocument .view-content table .SDK-title span.active {
  background: none;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}


.viewDownloadDocument .views-field-title .title-content {
  margin-left: 35px;
}

.viewDownloadDocument .views-field-nothing a {
  background-image: url(../images/documents/retina/link.png);
  width: 21px;
}

.viewDownloadDocument .views-field-nothing span.file a {
  background-image: url(../images/documents/retina/download.png);
  width: 24px;
}

.viewDownloadDocument .view-content .icheckbox {
  left: -2px;
  background: url(../images/documents/retina/checkbox.png) center center no-repeat !important;
  background-size: 70% !important;
}

.viewDownloadDocument .view-content .icheckbox.checked {
  background: url(../images/documents/retina/checkedbox.png) center center no-repeat !important;
  background-size: 70% !important;
}

.viewDownloadDocument td.justLink:after {
  position: relative;
  left: -2px;
  display: inline-block;
  content: '';
  width: 20px;
  height: 20px;
  background: url(../images/documents/retina/select-link.png) center center no-repeat;
  background-size: 70% !important;
}

.viewDownloadDocument td.justLink {
  text-align: center;
}

.viewDownloadDocument .subscribe a {
  color: #f72b39;
}

.viewDownloadDocument .subscribe a:hover {
  text-decoration: underline;
}

.viewDownloadDocument .noresult {
  background: #efefef;
  padding: 10px;
}


.page-certificates .view-sdks-demos .view-header{
  padding-bottom: 26px;

}


.main-menu a.m-invest {
  background: url(../images/invest-white.png) no-repeat center 12px;
  background-size: 30%;
}

.main-menu a.m-invest.active,
.main-menu a.m-invest:hover {
  background: url(../images/invest-red.png) no-repeat center 12px;
  background-size: 30%;
}


#block-menu-block-1 #invest-menu ul li a.m-invest {
  height: auto;
  line-height: 23px;
  padding: 2px 0 2px 55px;
  background-position: left center;
}

.i18n-zh-hans #block-menu-block-1 #invest-menu ul li a.m-invest {
  height: auto;
  line-height: 50px;
}

.main-menu .content ul ul .m-doc {
  background-position: left center;
}

@media only screen and (max-width: 1170px) {
  .main-menu .content li#invest-menu {
    padding: 14px 0 14px 26px;
  }
  .main-menu a.m-invest {
    height: 24px;
    display: inline-block;
    line-height: 24px;
    background-size: 10%;
  }
  .main-menu a.m-invest.active,
  .main-menu a.m-invest:hover {
    background-size: 10%;

  }
}