/*banner*/
.banner img { width: 100% ;float: left;}
.swiper-container { width: 100% }
.swiper-slide { background-position: center; background-size: cover }
/*.banner  .swiper-button-next,.banner  .swiper-button-prev{
    width: 50px;
    height: 70px;
    margin-top: -35px;
    background-size: auto 50px;
    background-color: transparent;
}*/

/*.banner .swiper-button-prev,.banner .swiper-container-rtl .swiper-button-next{left: 40px;}
.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{right: 40px;}*/
/*标题*/
.title1 { background-image: url(../images/tbg.png); background-repeat: no-repeat; background-position: center; width: 100%; text-align: center; font-size: 30px; font-weight: bold; margin-top: 40px; color: #043678 }
.title1 span { color: #e31837 }
.title2 { width: 100%; text-align: center; font-size: 16px; font-weight: bold; line-height: 24px; margin-top: 15px; margin-bottom: 40px }

/*关于我们*/
.about { height: auto; overflow: hidden; background-color: #f5f5f5; padding-top: 50px; padding-bottom: 50px; min-height: 800px }
.about .main { position: relative }
.about .aboutbg { width: 1100px; height: 530px; border: 10px solid #cae9fd; position: absolute; top: 50px; left: 0px }
.about .company { width: 530px; float: left; margin-left: 50px }
.about .company .title { font-size: 24px; border-bottom: 2px solid #cecece; margin-top: 100px; color: #063679; margin-bottom: 5px; padding-bottom: 10px; width: auto; display: inline-block }
.about .company .title-en { font-size: 16px; color: #222222 }
.about .company .content { line-height: 24px; color: #333333 }
.about .company .content img { width: 100%; margin: 20px 0 }
.about .company-video { width: 520px; height: 360px; float: right; position: relative; z-index: 9 }
.about .company-video .title { font-size: 24px; border-bottom: 2px solid #cecece; margin-top: 100px; color: #063679; margin-bottom: 5px; padding-bottom: 10px; width: auto; float: right; margin-right: 150px }
.about .company-video .title-en { font-size: 16px; color: #222222; float: right; display: block; width: 100%; text-align: right; margin-right: 185px }

/*应用案例*/
  /*案例选项卡*/
.anli { width: 1190px; height: auto; margin: 0 auto; overflow: hidden }
.anlitab { width: 100%; width: 1189px; padding: 3px 60px; text-align: center; margin-bottom: 20px; position: relative; overflow: hidden }
.anlitab .swiper-slide { width: auto; border: 1px solid #ccc; text-align: center; background-color: #fff; color: #000; height: 38px; cursor: pointer; line-height: 38px; padding: 0 20px }
.anlitab .swiper-slide:hover {background-color: #063679; color: #fff}
.anlitab .active { background-color: #063679; color: #fff   }
.anlitab .active a{ color: #fff; width: 100%; height: 100%; display: block; }
.anlitab .swiper-slide:hover a{ color: #fff }
  /*案例列表*/
.anlilist { width: 100%; height: auto; overflow: hidden; display: none }
.anlilist li { width: 275px; height: 230px; float: left; margin: 10px 10px; background-color: #fff }
.anlilist .anli_img { width: 275px; height: 206px; overflow: hidden; position: relative }
.anlilist .anli_img:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05) }
.anli_img { width: 275px ;height: 255px;}
.anli_img img{ max-height: 255px; max-width: 275px; }
.anlilist p { width: 100%; height: 30px; line-height: 30px; text-align: center }
.anlilist li .anli_des p { position: absolute; left: 0; bottom: 0; width: 100%; height: 0px; z-index: 1; background-color: #000; opacity: .4 }
.anlilist li:hover .anli_des p { height: 225px }
.anlilist li .dddes { position: absolute; display: none; left: 0; bottom: 0; width: 90%; padding: 10px 5%; height: 205px; z-index: 5; color: #fff }
.anlilist li:hover .dddes { display: block }


/*.anlitab .cur { background-color: #043678; color: #fff }
.anlitab .cur a { color: #fff }*/

/*产品中心*/
.product { width: 100%; height: auto; overflow: hidden; /*padding: 50px 0 ;*/ padding-bottom: 0;}
.preservediv { width: 1200px; float: left }
.flip-container { float: left;  margin:  0 5px; border: 1px solid #f5f5f5; -webkit-perspective: 800px; -moz-perspective: 800px;margin-bottom: 15px ; }
.flip-container:hover .flipper { transform: rotateY(180deg); -moz-transform: rotateY(180deg) }
.flip-container, .front, .back { width: 290px; height: 218px; }
.flip-container:nth-of-type(4n) { margin-right: 0 }
.flip-container:nth-of-type(4n-3) { margin-left: 0 }
.flipper { transition: 0.6s; transform-style: preserve-3d; -moz-transform-style: preserve-3d; position: relative }
.front, .back {  color: #000; text-align: center; font-size: 24px; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; position: absolute; top: 0; left: 0 }
/*.front { background-color: #cae9fd }*/
.back h2{ font-size: 16px; margin-top: 30px; }
.back p{padding: 20px; font-size: 16px;}
.back { background-color: #cae9fd; transform: rotateY(180deg); -moz-transform: rotateY(180deg) }
.front img{ width: 99%; height: 99%; }

.producttab { width: 100%; width: 1189px; padding: 3px 60px; text-align: center; margin-bottom: 20px; position: relative; overflow: hidden }
.producttab .swiper-slide { width: auto; border: 1px solid #ccc; text-align: center; background-color: #fff; color: #000; height: 38px; cursor: pointer; line-height: 38px; padding: 0 20px }
.producttab .swiper-slide:hover { background-color: #063679; color: #fff }
.producttab .active { background-color: #063679; color: #fff }
.producttab .active a{ color: #fff ; width: 100%; height: 100%; display: block;}
.producttab .swiper-slide:hover a{ color: #fff }
.swiper-button-next, .swiper-button-prev{
  width: 48px; 
  height: 38px;; margin-top: -19px;
  background-size: 48px 38px;
}

.producttab .swiper-button-next,.producttab  .swiper-container-rtl .swiper-button-prev{
  background-image: url(../images/right.jpg);
  background-position: right;background-repeat: no-repeat;    padding-left: 60px;background-color: #fff;
}
.producttab .swiper-button-prev,.producttab  .swiper-container-rtl .swiper-button-next{
  background-image: url(../images/left.jpg);
  background-position: left;background-repeat: no-repeat; padding-right: 60px;background-color: #fff;
}

.anlitab  .swiper-button-next,.anlitab   .swiper-container-rtl .swiper-button-prev{
  background-image: url(../images/right.jpg);
  background-position: right;background-repeat: no-repeat;    padding-left: 60px;background-color: #fff;
}
.anlitab  .swiper-button-prev,.anlitab   .swiper-container-rtl .swiper-button-next{
  background-image: url(../images/left.jpg);
  background-position: left;background-repeat: no-repeat; padding-right: 60px;background-color: #fff;
}
/*公司优势*/
.HomeReason { padding: 50px 0 30px 0; background: #eaf9ff; margin: 30px 0 }
.HomeReason .title { margin: 20px 0 20px 0; text-align: center }
.HomeReason .box { width: 530px }
.HomeReason .box em { display: block; width: 50px; height: 69px; line-height: 55px; color: #fff; font-size: 35px; background: url(../images/Reason_ico01.png) no-repeat; float: left; text-align: center; margin: 0px 20px 0 0 }
.HomeReason .box h3 { position: relative; color: #005eaf; font-size: 25px; border-bottom: 1px #aaa solid; float: left; padding: 0px 0 10px 0 }
.HomeReason .box h3 font { color: #626262 }
.HomeReason .box h3:before { content: ""; position: absolute; left: 0; bottom: -1px; width: 120px; height: 2px; background: #005eaf }
.HomeReason .box p { padding: 0 0 0 30px; color: #626262; font-size: 15px; background: url(../images/Reason_ico02.png) no-repeat left top; clear: both; margin: -15px 0 50px 60px; float: left }
.HomeReason .img { width: 610px }
.HomeReason .clearfix { float: left; width: 100%; height: 10px }

/*新闻中心*/
.fl { float: left }
.fr { float: right }
.container { width: 1200px; margin: auto }
.wh { width: 100% }
.news_list_met_11_1 { padding: 50px 70px }
.text-xs-center { text-align: center !important }
.container { max-width: 100%; margin-right: auto; margin-left: auto; padding-right: .9375rem; padding-left: .9375rem }
.m-b-0 { margin-bottom: 0 !important }
.m-t-0 { margin-top: 0 !important }
.font-weight-300 { font-weight: 300 !important }
.m-b-0 { margin-bottom: 0 !important }
.news_list_met_11_1 .head .subtitle { margin-top: 0; color: #666666; opacity: 0; transform: translate(0, 100%) }
.m-b-10 { margin-bottom: 10px !important }
.blocks, [class*=blocks-] { font-size: 0; list-style: none; padding: 0; margin: 0; margin-left: -.9375rem; margin-right: -.9375rem }
.m-b-5 { margin-bottom: 5px !important }
.text-xs-left { text-align: left !important }
.m-t-30 { margin-top: 30px !important }
.news_list_met_11_1 .media:nth-child(odd) { transform: translate(10%, 0) }
@media (min-width:768px) {
  .blocks-md-2>.block, .blocks-md-2>li { width: 50% }
}
.news_list_met_11_1 .media-heading a { border-bottom: 1px solid #efefef; font-size: 16px; color: #333333; color:; display: block; padding-bottom: 20px }
.news_list_met_11_1 .updatetime { display: block; font-weight: 300; height: 30px; color: #666666; color:; font-size: 16px; line-height: 30px }
*, ::after, ::before { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit }
.news_list_met_11_1 .media-heading { text-align: left; position: relative }
a { text-decoration: none; color: #62a8ea }
.news_list_met_11_1 .updatetime { display: block; font-weight: 300; height: 30px; color: #666666; color:; font-size: 16px; line-height: 30px }
.news_list_met_11_1 .head .title { margin-top: 0; margin-bottom: 0; color: #333333; color:; opacity: 0; transform: translate(0, 100%) }
.news_list_met_11_1 .head .subtitle { margin-top: 0; color: #666666; color:; opacity: 0; transform: translate(0, 100%) }
.news_list_met_11_1 .head .desc { margin-top: 0; color: #666666; color:; opacity: 0; transform: translate(0, 100%) }
.news_list_met_11_1 .updatetime { display: block; font-weight: 300; height: 30px; color: #666666; color:; font-size: 16px; line-height: 30px }
.news_list_met_11_1 .media-heading { text-align: left; position: relative }
.news_list_met_11_1 .media-heading:before { position: absolute; content: ""; width: 10px; height: 1px; background-color: #333333; background-color:; bottom: 0; -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s }
.news_list_met_11_1 .media-heading a { border-bottom: 1px solid #efefef; font-size: 16px; color: #333333; color:; display: block; padding-bottom: 20px }
.news_list_met_11_1 .media-heading a:hover { text-decoration: none; color: #e45124; color: }
.news_list_met_11_1 .media-body .des { color: #666666; font-size: 13px; height: 48px }
.news_list_met_11_1 .media:hover .media-heading:before { width: 100% }
.news_list_met_11_1 .more { margin: 0 auto; padding: 6px 50px; display: inline-block; -webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s; transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s; border: #666666 1px solid; border: 1px solid; color: #666666;  margin-top: 40px; }
.news_list_met_11_1 .more:hover { color: #fff; border-color: #043678; border-color:; background-color: #043678;  }
.news_list_met_11_1 .media { float: left; opacity: 0; height: 160px; overflow: hidden }
.news_list_met_11_1 .media:nth-child(odd) { transform: translate(10%, 0) }
.news_list_met_11_1 .media:nth-child(even) { transform: translate(-10%, 0) }
@media (max-width:991px) {
  .news_list_met_11_1 { padding: 40px 30px }
  .news_list_met_11_1 .media-lg .media-object { width: 100px; height: 75px }
  .news_list_met_11_1 .media-heading a { max-width: 226px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap }
}
@media (max-width:767px) {
  .news_list_met_11_1 .media { height: auto }
  .news_list_met_11_1 .media-heading a { max-width: 100%; white-space: pre-wrap }
  .news_list_met_11_1 { padding: 30px 15px }
}
.text-xs-center { text-align: center !important }
.news-img{width: 140px; height: 100px; float: left; margin-right: 20px; margin-top: 20px;}
.news-img img{width: 100%; height: 100%;}
.media-body{width: 390px; float: left;}




/*公司简介more按钮*/
.company h5 { text-align: right; margin-top: 18px }
.company .lh-more { display: inline-block; width: 130px; height: 30px; line-height: 30px; text-align: center; color: #1664a8; color:; background: #ffffff; box-shadow: 0 0 10px rgba(12, 3, 6, .13); position: relative; z-index: 1 }
.company .lh-more i { float: right; display: inline-block; width: 30px; height: 30px; line-height: 30px; background: #1664a8; background:; color: #ffffff; font-size: 15px; transition: ease .65s; position: relative; z-index: 1; margin-right: 0 }
.company .lh-more i:after { transition: ease-in .65s; content: ''; display: block; width: 0; height: 100%; background: #fff; position: absolute; left: 0; top: 0; z-index: -1 }
.company .lh-more:before { transition: ease-out .35s; content: ''; display: block; width: 0; height: 100%; background: #1664a8; background:; position: absolute; left: 0; top: 0; z-index: -1 }
.company .lh-more:hover { color: #ffffff }
.company .lh-more:hover:before { width: 100% }
.company .lh-more:hover i { color: #1664a8; color:; transition-delay: .2s }
.company .lh-more:hover i:after { width: 100%; transition-delay: .2s; transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66) }
/*合作伙伴*/
.hezuotab { width: 100%; text-align: center; margin-bottom: 30px ;display: inline-table;}
.hezuotab span { border: 1px solid #ccc; text-align: center; background-color: #fff; color: #000; height: 38px; cursor: pointer; line-height: 38px; padding: 5px 25px; margin: 0 5px }
.hezuotab span:hover{ background-color: #063679 ;  }
.hezuotab .cur { background-color: #063679; color: #fff }
.hezuotab .cur a { color: #fff ;}
.hezuotab span:hover a{  color: #fff }
.readmore { background-color: #e31837; border: 1px solid #e31837; font-family: "EurostileLTStd"; font-size: 13px; height: 40px; line-height: 40px; text-transform: uppercase; width: 130px; text-align: center; margin: 0 auto; border-radius: 5px; margin-top: 30px; color: #fff !important }
.readmore a { color: #fff }
.kehu { display: none; width: 1057px; height: auto; overflow: hidden; margin: 0 auto }
.lili { border: 1px solid #ccc; float: left; list-style: none; width: 17%; height: 100px; margin: 10px 1%; text-align: center }
.lili img { width: 100%; height: 100% }
.lili a { width: 100%; height: 100%; overflow: hidden; display: block }


.seamore{font-size: 15px; padding: 5px 10px; border:1px solid #000;display: inline-block;
    width: auto;    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -50px;}

.case{ margin-top: 80px; }


#banner .swiper-button-next,#banner .swiper-button-prev{
  width: 80px; height: 80px; border-radius: 50%; opacity: .5
}

 #banner .swiper-button-next{
  right: 60px
 }

 #banner .swiper-button-prev{
  left: 60px;
 }