body {
  font-family: pingfang SC, helvetica neue, arial, hiragino sans gb,
    microsoft yahei ui, microsoft yahei, simsun, sans-serif !important;
  color: #343434;
  background-color: #fff;
}
.div-center {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}
.color-red {
  color: #e43138;
}
.color-blue {
  color: #354990;
}
.color-yellow {
  color: #bf9f63;
}
.bg-color-red {
  background-color: #e43138;
}
.bg-color-blue {
  background-color: #354990;
}
.bg-color-yellow {
  background-color: #bf9f63;
}
.line-height-2em {
  line-height: 2em;
}
.margin-right-5 {
  margin-right: 5px;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-bottom-40 {
  margin-bottom: 40px;
}
.padding-top-30 {
  padding-top: 30px;
}
#header {
  max-width: 1760px;
  height: 130px;
}
.header-left-top {
}
.hotline {
  position: absolute;
  top: 40px;
  font-size: 14px;
  color: #898989;
}
.hot-tel {
  font-size: 18px;
  color: #1b1b1b;
}

.header-logo {
  position: absolute;
  top: 0;
  left: 45%;
  z-index:999;
}
.top-menu {
  position: absolute;
  top: 40px;
  left: 10%;
  width:78%;
}
.top-menu li:nth-child(-n + 3):nth-child(n + 1),
.top-menu li:nth-child(-n + 8):nth-child(n + 6) {
}
.top-menu li a {
  color: #1b1b1b;
  font-size: 22px;
  padding: 0px 10px 0px 10px;
  line-height: 30px;
  text-align: center;
}
.top-menu li a span {
  font-size: 14px;
}
.top-menu li.active a,
.top-menu li a:hover {
  color: #354990;
  background: none;
}
.nav-default > li { 
  width: 12%;
}
.logoblank {
  width: 190px;
  height: 20px;
}
.logoblank img{
  z-index: 999;
  position: absolute;
  margin-top: -40px;
}
.header-right-top {
  position: relative;
}
.search-form {
  position: absolute;
  top: 40px;
  right: 0px;
  font-size: 18px;
  width: 185px;
}
.search-icon i {
  color: #354990;
}
.search-form .search-box-circle .input-control-icon-left,
.search-form .search-box-circle > .form-control {
}
.search-icon-right {
}

.banner {
  width: 100%;
}
#home-banner {
  text-align: center;
  height: 800px;
}
#company-banner {
  background: url(../img/index-banner01.jpg) no-repeat center;
  height: 800px;
}
#product-banner {
  background: url(../img/product-banner01.jpg) no-repeat center;
  height: 800px;
}
#service-banner {
  background: url(../img/service-banner01.jpg) no-repeat center;
  height: 800px;
}
#news-banner {
  background: url(../img/news-banner01.jpg) no-repeat center;
  height: 800px;
}
#recruit-banner {
  background: url(../img/recruit-banner01.jpg) no-repeat center;
  height: 800px;
}
#contactus-banner {
  background: url(../img/contactus-banner01.jpg) no-repeat center;
  height: 800px;
}

.paper-float-right {
  float: right;
}
.brand-intro {
  background: url(../img/index-content-bg01.jpg) no-repeat center;
  width: 100%;
  height: 582px;
}

.brand-intro-top {
  padding-top: 65px;
  width: 1237px;
  margin: auto;
}

.brand-intro-bottom {
  color: #666;
  font-size: 24px;
  font-weight: 600;
  width: 1237px;
  padding-top: 75px;
  padding-bottom: 130px;
}

.index-brand-intro-content {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.index-brand-intro-content li {
  display: inline-block;
  text-align: center;
  background-color: #ececec;
  padding: 35px 50px;
}
.index-brand-intro-content li i {
  font-size: 60px;
  margin-bottom: 20px;
  display: inline-block;
}
.index-brand-intro-content li span {
}
.index-brand-intro-content li:hover{
	color:#fff;
	background-color: #e43138;
}
.index-brand-intro-content .index-brand-intro-content-left {
  background-color: #e43138;
  color: #fff;
  border-bottom-left-radius: 16px;
}
.index-brand-intro-content .index-brand-intro-content-right {
  border-top-right-radius: 16px;
}

.aboutus {
  background: url(../img/index-content-bg02.jpg) no-repeat center;
  width: 100%;
  height: 1024px;
}

.aboutus-top {
  padding-top: 110px;
  width: 1300px;
  margin: auto;
}

.aboutus-middle {
  padding-top: 60px;
  width: 1300px;
  margin: auto;
}

.aboutus-content {
  background-color: #fff;
  color: #262626;
  padding: 20px 50px 40px 50px;
  font-size: 18px;
  width: 1017px;
}
.aboutus-cotent-title {
  color: #262626;
  font-size: 36px;
}
.aboutus-cotent-title i {
  color: #e43138;
  font-size: 36px;
  margin-right: 20px;
}
.aboutus-content p {
  text-indent: 2em;
  line-height: 2em;
}
.aboutus-more {
  margin-left: 40px;
  margin-top: 30px;
}
.aboutus-bottom {
  color: #262626;
  font-size: 18px;
  width: 1300px;
  padding-top: 35px;
}
.index-aboutus-feature {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.index-aboutus-feature li {
  display: inline-block;
  text-align: center;
  padding: 0px 50px;
}
.index-aboutus-feature li .aboutus-feature-icon {
}
.index-aboutus-feature li h3 {
  font-size: 30px;
}
.index-aboutus-feature li p {
}

.our-advantage {
}

.our-advantage-top {
  padding-top: 75px;
  width: 1300px;
  margin: auto;
}

.our-advantage-bottom {
  padding-top: 85px;
  padding-bottom: 75px;
  background: url(../img/blue-bg.jpg) no-repeat;
  background-position: center bottom;
}
.index-swiper-advantage {
  padding: 0px 20px 75px 20px;
}
.index-swiper-advantage .swiper-pagination-progress {
  background: #fff;
}
.our-advantage-bottom
  .swiper-container-horizontal
  > .swiper-pagination-progress {
  top: auto;
  bottom: 0;
}
.index-swiper-advantage
  .swiper-pagination-progress
  .swiper-pagination-progressbar {
  background: #e43138;
}
.index-swiper-advantage .swiper-slide {
  width: 527px;
  height: 817px;
  float: left;
}
.index-swiper-advantage .swiper-slide img {
  width: 527px;
  height: 100%;
}

.index-product {
}
.index-product-top {
  padding-top: 75px;
  width: 1300px;
  margin: auto;
}
.index-product-bottom {
  padding-top: 85px;
  padding-bottom: 75px;
}
.index-product-tab-wrap {
  background: url(../img/index-product-tabs-bg.jpg) no-repeat center;
  background-size:contain;
}
.index-product-tabs {
  margin-bottom: 115px;
  margin-left: 30%;
  border: none;
}
.index-product-tabs li {
}
.index-product-tabs li a {
  color: #333;
  font-size: 24px;
  padding: 32px 94px;
  margin-right: 0px;
  border: none;
}
.index-product-tabs li a:hover {
  color: #354990;
  background: url(../img/index-product-tab-hover-bg.png) no-repeat;
}
.index-product-tabs li.active {
}

.index-product-tabs li.active a,
.index-product-tabs li.active a:hover,
.index-product-tabs li.active a:focus {
  color: #354990;
  background: url(../img/index-product-tab-hover-bg.png) no-repeat;
  border: none;
}
.index-product-content {
  margin: 0 auto;
  width: 1900px;
}
.index-product-content .active {
}
#productSwiper1,#productSwiper2,#productSwiper3{
  background-image:url(../img/index-product-bg.png);
  height:530px;background-position: bottom;
  padding-top: 30px;
  background-repeat: no-repeat;
  background-position-y: 30px;
}
.index-newscenter {
}
.index-newscenter-top {

  width: 1300px;
  margin: auto;
}
.index-newscenter-bottom {
  padding-top: 85px;
  padding-bottom: 35px;
}

.index-news-list {
  width: 1420px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  padding-top: 75px;
}
.card{
  margin-bottom:2px;
}
.index-news-list .caption {
  height: 300px;
}
.index-news-list .caption h3 {
  color: #fff;
  font-size: 30px;
  font-weight: 400;
  text-decoration: underline;
}
.index-news-list .card-content-wrap {
  background-color: #ececec;
  padding: 10px;
}
.index-news-list .card-heading {  
  padding: 2px;
}
.index-news-list .card-heading h3 {
  color: #333333;
  font-size: 16px;
  margin-top: 0px;
 margin-bottom: 0px;
}
.index-news-list .card-content-wrap .card-content {
  padding-top: 20px;
  height:134px;
}
.index-news-list .card-content-wrap .card-content p {
  color: #666666;
  font-size: 14px;
  line-height: 2em;
}

.ver-middle {
  position: absolute;
  top: 30%;
  left: 30%;
}

.index-news-list .ver-middle {
  top: 35%;
  left: 35%;
}

.footer {
  background: url(../img/footer-bg.jpg) no-repeat;
  color: #fff;
  font-size: 15px;
  padding-top: 65px;
  padding-bottom: 65px;
}
.index-footer {
  background: url(../img/index-footer-bg.jpg) no-repeat center;
max-width:1920px;
}
.footer-top {
  padding-top: 25px;
  padding-bottom: 25px;
  margin: auto;
  height: 100px;
  border-top: 1px solid #8693ca;
  border-bottom: 1px solid #8693ca;
}
.footer-content-left {
  float: left;
}
.footer-content-right {
  float: right;
}
.footer-menu {
  list-style: none;
  padding-left: 0;
  margin-right: 50px;
  float: left;
}
.footer-menu li {
  display: inline;
  margin-right: 20px;
}

.footer-menu a {
  color: #fff;
}
.footer-menu a:hover {
  text-decoration: none;
}

.footer-bottom {
}
.footer-bottom-content {
  padding-top: 60px;
  padding-bottom: 50px;
  margin: auto;
}
.footer-bottom-left {
  float: left;
}
.footer-bottom-right {
  float: right;
}

.footer-wechat {
  text-align: left;
  list-style: none;
  padding-left: 10px;
  margin-top: 40px;
  color: #666666;
}
.footer-wechat li {
  display: inline;
}
.footer-wechat .icon {
  font-size: 24px;
  margin-right: 20px;
}

.banner-bottom {
text-align:center;
}
.breadcrumb {
  float: right;
}
.breadcrumb li {
}
.breadcrumb li a {
  color: #999999;
  font-size: 18px;
}

.breadcrumb-wrap {
  color: #999;
  font-size: 18px;
  width: 1440px;
  height: 45px;
  margin: auto;
}
.breadcrumb i {
  margin-right: 5px;
  font-size: 18px;
}
.div1440 {
  width: 1440px;
  margin: auto;
}
/* 公司介绍页面 */
.company-top {
  background: url(../img/company-top-bg.jpg) no-repeat;
  background-position: center;
  width: 100%;
  height: 110px;
  margin-top: 20px;
  margin-bottom: 45px;
}
.company-nav {
  list-style: none;
  padding-left: 0px;
  width: 1440px;
  margin: auto;
  text-align: center;
}
.company-nav li {
  display: inline-block;
  padding-left: 113px;
  padding-right: 113px;
}
.company-nav li a {
}

.company-aboutus {
  background: url(../img/company-aboutus-bg.jpg) no-repeat;
  width: 1440px;
  height: 536px;
  margin: auto;
  position: relative;
}
.company-aboutus-content {
  width: 900px;
  margin-top: 100px;
  position: absolute;
  right: 0;
}
.company-aboutus p {
  font-size: 18px;
  line-height: 41px;
  text-indent: 2em;
}
.company-content {
  height: 793px;
  margin-top: 45px;
  margin-bottom: 45px;
}

.company-story {
  background: url(../img/company-story-bg.jpg) no-repeat;
  width: 1440px;
  height: 535px;
  margin: auto;
  position: relative;
  margin-bottom: 45px;
}
.company-story-content {
  width: 915px;
  margin-top: 60px;
  position: absolute;
  right: 0;
}
.company-story p {
  font-size: 18px;
  line-height: 36px;
  text-indent: 2em;
}

.company-news {
  background: url(../img/company-news-bg.jpg) no-repeat;
  width: 1440px;
  height: 535px;
  margin: auto;
  position: relative;
  margin-bottom: 45px;
}
.company-news-content {
  width: 915px;
  margin-top: 60px;
  position: absolute;
  right: 0;
}
.company-news p {
  font-size: 18px;
  line-height: 36px;
  text-indent: 2em;
}

.company-news-list {
  background: #354990;
  height: 750px;
  position: relative;
}
.company-news-list .company-news-list-left {
  background: #fff;
  width: 750px;
  position: absolute;
  left: 10%;
}
.company-news-list .company-news-list-left .company-swiper-news {
  height: 506px;
  width: 410px;
}
.company-news-list .company-news-list-left .gallery-thumbs {
  height: 167px;
  width: 400px;
  background: #fff;
  margin-top: 40px;
  margin-bottom: 35px;
}
.company-news-list .company-news-list-left .gallery-thumbs .swiper-slide {
  height: 167px;
  width: 173px;
}
.company-news-list .company-news-list-right {
  position: absolute;
  right: 10%;
  margin-top: 80px;
}
.company-news-list .company-news-list-right-content {
  text-align: right;
}
.company-news-list .company-news-list-right-content h3 {
  font-size: 68px;
  line-height: 78px;
  color: #fff;
}
.company-news-list .company-news-list-right-content p {
  font-size: 30px;
  line-height: 78px;
  color: #fff;
  border-top: 5px solid #e43138;
  padding-top: 10px;
  margin-top: 70px;
}

/* 产品介绍页面*/
.product-top {
  background: url(../img/company-top-bg.jpg) no-repeat;
  background-position: center;
  width: 100%;
  height: 110px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.product-nav,
.nav-customer {
  list-style: none;
  padding-left: 0px;
  width: 1440px;
  margin: auto;
  border: none;
}
.product-nav li,
.nav-customer li {
  display: inline-block;
  padding-left: 60px;
  padding-right: 60px;
}
.product-nav li a,
.nav-customer li a {
  font-size: 24px;
  line-height: 24px;
  color: #fff;
  font-weight: 600;
  background: url(../img/nav-bg-blue.png) no-repeat;
  display: block;
  width: 226px;
  height: 108px;
  padding-top: 20px;
  text-align: center;
}
.product-nav li a span,
.nav-customer li a span {
  font-size: 18px;
}
.product-nav li.active a,
.nav-customer li.active a {
  background: url(../img/nav-bg-red.png) no-repeat;
  color: #fff;
  border: none;
}
.product-nav li a:hover,
.nav-customer li a:hover {
  text-decoration: none;
  background: url(../img/nav-bg-red.png) no-repeat;
  color: #fff;
  border: none;
}
.product-nav > li.active > a,
.product-nav > li.active > a:focus,
.product-nav > li.active > a:hover,
.nav-customer > li.active > a,
.nav-customer > li.active > a:focus,
.nav-customer > li.active > a:hover {
  color: #fff;
  border: none;
}
.product-list {
  padding-left: 0;
  list-style: none;
  background: url(../img/tab-bg.png) no-repeat;
  height: 116px;
  width: 1348px;
  padding: 25px 60px 0px 60px;
}
.product-list li {
  display: inline;
  padding-right: 20px;
  cursor:pointer;
}
.product-list li a {
  font-size: 16px;
  line-height: 37px;
  color: #626262;
}
.product-list li a:hover {
  
  color: #253aa1;
}
.product-list li a.active {
  color: #253aa1;
  text-decoration: underline;
}
.product-content-wrap {
  background: #fff;
  position: relative;
  padding-top: 25px;
  padding-bottom: 45px;
}
.product-content-left {
  float: left;
  margin-bottom: 115px;
}
.product-content-left .product-swiper-pics {
  height: 700px;
  width: 750px;
}
.product-content-left .gallery-thumbs {
  height: 136px;
  width: 750px;
  background: #fff;
  margin-top: 40px;
  margin-bottom: 35px;
}
.product-content-left .gallery-thumbs .swiper-slide {
  height: 136px;
  width: 140px;
}
.product-content-right {
  float: right;
  width: 600px;
}
.product-content-right .breadcrumb-wrap {
  width: 600px;
}
.product-content-right .breadcrumb-wrap .breadcrumb {
  float: left;
}
.product-content-right .product-title {
  border-bottom: 1px solid #aaa;
}
.product-content-right .product-title h3 {
  color: #212121;
  font-size: 48px;
  line-height: 30px;
  padding-bottom: 35px;
}
.product-parameter {
  margin-top: 30px;
  margin-left: 0;
}
.product-parameter li {
  border-bottom: 1px solid #aaa;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 35px;
}
.product-parameter li span.item {
  font-weight: 700;
  color: #212121;
  padding-right: 20px;
}
.product-parameter li span.item-content {
  color: #333333;
  font-weight: 400;
}
.product-main-content {
}

/* 服务页面 */
.service-top {
  background: url(../img/company-top-bg.jpg) no-repeat;
  background-position: center;
  width: 100%;
  height: 110px;
  margin-top: 20px;
  margin-bottom: 10px;
}
.service-nav {
  text-align: center;
}
.service-list {
  margin-top: 45px;
  margin-bottom: 165px;
  position: relative;
}
.service-list .service-swiper-list {
  height: 711px;
  width: 1799px;
}
.service-list .gallery-thumbs {
  height: 126px;
  width: 1620px;
  background: #fff;
  padding: 35px 85px 0px 85px;
  position: absolute;
  left: 8%;
  bottom: -60px;
  box-shadow: 2px 10px 10px #999;
}
.service-list .gallery-thumbs .swiper-slide {
  color: #212121;
  font-size: 24px;
  line-height: 48px;
  font-weight: 700;
  width: 360px;
}
.service-list .swiper-button-prev,
.service-list .swiper-container-rtl .swiper-button-next {
  left: 85px;
}
.service-list .swiper-button-next,
.service-list .swiper-container-rtl .swiper-button-prev {
  right: 85px;
}

/* 新闻页面 */
.news-catelog-list {
}
.news-catelog-list .index-newscenter-bottom {
  padding-top: 20px;
  padding-bottom: 20px;
}
/* 新闻详情页 */
.article-top {
  background: #354990;
  color: #fff;
  height: 46px;
}
.nav-left {
  float: left;
  padding-top: 5px;
}
.nav-left .nav-title {
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
}
.nav-left .nav-title-eng {
  font-size: 14px;
  line-height: 30px;
  font-weight: 700;
}
.article-top .breadcrumb,
.article-top .breadcrumb a {
  color: #fff;
  font-size: 18px;
}
.article-detail {
}
.article-title {
  font-size: 36px;
  line-height: 60px;
  color: #212121;
  margin-top: 100px;
  margin-bottom: 40px;
}
.article-date {
  font-size: 16px;
  color: #666666;
}
.article-contents {
  margin-top: 45px;
  margin-bottom: 20px;
  font-size: 16px;
  color: #111111;
}
.article-contents p {
  text-indent: 2em;
  line-height: 2em;
}
.article-news-nav {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-top: 20px;
  padding-bottom: 20px;
}
.article-news-nav h3 {
  color: #3e55a3;
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 10px;
}
.article-news-nav-list {
  height: 25px;
}
.article-news-nav a {
  color: #666666;
  font-size: 16px;
}
.prev-article {
  float: left;
}
.next-article {
  float: right;
}
.article-bottom-list {
  border: 1px solid #ddd;
  padding: 20px;
  height: 240px;
  margin-bottom: 40px;
}
.article-bottom-list .article-bottom-list-left,
.article-bottom-list .article-bottom-list-right {
  width: 44%;
  float: left;
}
.article-bottom-list .article-bottom-list-left {
  margin-left: 50px;
}
.article-bottom-list .article-bottom-list-right {
  margin-left: 50px;
}
.article-bottom-list .article-bottom-list-left {
  border-right: 1px solid #ddd;
}
.article-bottom-list h3 {
  color: #fff;
  font-size: 24px;
  padding: 10px;
  background: #3e55a3;
  width: 120px;
}
.article-bottom-list ul {
  margin-left: 20px;
}
.article-bottom-list li {
}
.article-bottom-list li a {
  color: #333;
  font-size: 16px;
}
.article-bottom-list li a:hover {
  color: #336699;
  background: #ccc;
}

/* 人才招聘页面 */
.recruit-wrap {
  background: #f9f9f9;
  margin-bottom: 60px;
  padding: 40px;
  margin-top: 40px;
}

/* 联系我们页面 */