@charset "utf-8";
/* CSS Document */

/*banner*/
.slider{position: relative;width: 100%;height: auto;overflow: hidden;}

/*盒子带容器*/
.slides{height: auto;overflow: hidden;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.slide{height: auto;float: left;clear: none;}
.slide .box{ padding-bottom:35.45%; max-height:680px; background-position:50% 50%; background-size:cover;display: block;}

/*左右按钮样式及放置位置*/
.slider__arrows{ display:none;}
.slider__nav { position: absolute;bottom: 30px;}
.slider__nav-item{width:12px;height:12px;float: left;clear: none;display: block;margin: 0 8px;background: #fff;border-radius: 100%;}
.slider__nav-item--current{background: #0325ba;width:12px;height:12px;border-radius:50px;} /*被选中后的样式*/


/*产品*/

/*产品tab开始*/

.cd-tabs {
  position: relative;
  width:100%;

}
.cd-tabs:after {
  content: "";
  display: table;
  clear: both;
}
.cd-tabs::after {
  /* subtle gradient layer on top right - to indicate it's possible to scroll */
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  width: 50px;
  z-index: 1;
  pointer-events: none;
  background: -webkit-linear-gradient( right , #f8f7ee, rgba(248, 247, 238, 0));
  background: linear-gradient(to left, #f8f7ee, rgba(248, 247, 238, 0));
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.no-cssgradients .cd-tabs::after {
  display: none;
}
.cd-tabs.is-ended::after {
  /* class added in jQuery - remove the gradient layer when it's no longer possible to scroll */
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-tabs nav {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;

}
@media only screen and (min-width: 768px) {
 .cd-tabs::after{display: none;} \
 .cd-tabs nav{position: absolute; top: 0; left: 0; height: 100%; box-shadow: inset -2px 0 3px rgba(203, 196, 130, 0.06); z-index: 1;}
}
@media only screen and (min-width: 960px) {
 .cd-tabs nav{position: relative; float: none; box-shadow: none;}
}

.cd-tabs-navigation{}
.cd-tabs-navigation:after{content: ""; display: table; clear: both;}
.cd-tabs-navigation li{float: left; width:25%;}
.cd-tabs-navigation a{position: relative; display: block; text-align: center; font-size: 12px; font-size: 0.75rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; color: #c3c2b9;}
.cd-tabs-navigation a.selected{}
.cd-tabs-navigation a::before{/* icons */ position: absolute; top: 12px; left: 50%; display: inline-block;}

@media only screen and (min-width: 768px) {
 .cd-tabs-navigation{/* move the nav to the left on medium sized devices */;}
 .cd-tabs-navigation a{} 
 .cd-tabs-navigation a.selected{} 
 .cd-tabs-navigation a::before{top: 22px;}
}
@media only screen and (min-width: 960px) {
 .cd-tabs-navigation a{width: auto; text-align:center; font-size: 14px; font-size: 0.875rem;} 
 .cd-tabs-navigation a.selected{} 
 .cd-tabs-navigation a::before{top: 50%; margin-top: -10px; margin-left: 0; left: 38px;}
}


.cd-tabs-content li{display: none;}
.cd-tabs-content li.selected{display: block; -webkit-animation: cd-fade-in 0.5s; -moz-animation: cd-fade-in 0.5s; animation: cd-fade-in 0.5s;}

@media only screen and (min-width: 768px) {
 .cd-tabs-content{min-height: 480px;} 
}
@media only screen and (min-width: 960px) {
 .cd-tabs-content{min-height: 0;} 
}

/*内容*/
.pro-item{text-align:center; padding:60px 0; transition:all 0.2s;}
.pro-item:hover dl dt h2,.pro-item.selected dl dt h2{ color:#0d2f89;}
.pro-item dl dt h2{ font-size:18px; font-weight:normal; color:#333; margin-bottom:15px;}
.pro-item dl dt p{ font-size:12px; color:#999999;}
.pro-item dl dd i{ width:60px; height:60px; display:block; margin:30px auto;}
.pro-item dl dd i.pro-ico1{ background-image:url(../img/pro_ico1.png); background-size:contain;}
.pro-item:hover dl dd i.pro-ico1,.pro-item.selected dl dd i.pro-ico1{background-image:url(../img/pro_ico1_h.png); background-size:contain;}
.pro-item dl dd i.pro-ico2{ background-image:url(../img/pro_ico2.png); background-size:contain;}
.pro-item:hover dl dd i.pro-ico2,.pro-item.selected dl dd i.pro-ico2{background-image:url(../img/pro_ico2_h.png); background-size:contain;}
.pro-item dl dd i.pro-ico3{ background-image:url(../img/pro_ico3.png); background-size:contain;}
.pro-item:hover dl dd i.pro-ico3,.pro-item.selected dl dd i.pro-ico3{background-image:url(../img/pro_ico3_h.png); background-size:contain;}
.pro-item dl dd i.pro-ico4{ background-image:url(../img/pro_ico4.png); background-size:contain;}
.pro-item:hover dl dd i.pro-ico4,.pro-item.selected dl dd i.pro-ico4{background-image:url(../img/pro_ico4_h.png); background-size:contain;}
.pro-more{ width:30px; height:30px; background:url(../images/ico_01.png) no-repeat; margin:0 auto;}
.pro-item:hover .pro-more,.pro-item.selected .pro-more{ background:url(../images/ico_01_h.png) no-repeat;transition:all 0.2s;}

.pro-cell{ float:left; width:25%; position:relative; text-align: center;}
.pro-cell a,.pro-cell img{ width:100%; display:block;}
.cd-tabs-content li:first-child .pro-cell{ width:16.6666%;}


.pro-mask{ width:100%; height:100%; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(61,94,182,0); opacity:0;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-webkit-transition:all 0.3s; transition:all 0.3s;}
.pro-cell a:hover .pro-mask{background-color:rgba(61,94,182,0.97);opacity:1;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-webkit-transition:all 0.3s; transition:all 0.3s;}
.pro-mask .txt{ width:90%; position:absolute; top:50%; left:50%;-webkit-transform: translate(-50%,-50%);  -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.pro-mask .txt p{ font-size:14px; color:#fff; margin-bottom:10px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro-mask .txt i{ display:block; width:35%; border:1px solid #fff; color:#fff; font-size:12px; margin:0 auto; padding:2px 0;}


@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*产品tab结束*/


/*关于*/
.culum{ padding:70px 0; clear:both;}
.maintitle{ text-align:center;}
.maintitle .en-title{ height:32px; display:block; text-indent:-9999em; margin-bottom:10px;}
.maintitle .t1{ background:url(../images/title1.png) no-repeat center; background-size:contain;}
.maintitle h3{ margin-bottom:60px; font-size:18px; font-weight:normal; color:#282828;}
.more-btn{ display:block; width:140px; height:30px; background:url(../images/more_btn1.png) no-repeat center; margin:0 auto 40px;}
.about-more:hover{ background:url(../images/more_btn3.png) no-repeat center;}

.about{background:url(../img/about_bg.jpg) no-repeat center top; padding-top:160px;}
.about-con{ width:820px; margin:0 auto; background:#fff; text-align:center;}
.about-int{ padding:40px; line-height:24px; font-size:14px;}
.about-int h2{ font-size:18px; font-weight:normal; margin-bottom:15px;}
.about-int p.big-p2{ font-size:24px; padding-top:10px;}

.val-item{ width:200px; float:left; margin-right:110px;}
.val-item:last-child{ margin-right:0;}
.val-item dl{ border:1px solid #0d2f89; padding:45px 0;}
.val-item dl dt .val-en{ height:25px; text-indent:-9999em; display:block; margin-bottom:10px;}
.ven1{ background:url(../images/mintitle_01.png) no-repeat center; background-size:contain;}
.ven2{ background:url(../images/mintitle_02.png) no-repeat center; background-size:contain;}
.ven3{ background:url(../images/mintitle_03.png) no-repeat center; background-size:contain;}
.val-item dl dt h3{ font-size:18px; font-weight:normal;color:#333;}
.val-item dl dt .val-line{ display:block; width:3px; height:20px; background:#0d2f89; margin:20px auto;}
.val-item dl dd p{ font-size:14px; padding:0 45px; margin-bottom:40px;}
.val-item dl dd i{ display:block; width:52px; height:52px; margin:0 auto;}
.val-item dl dd i.ico-brand{ background:url(../images/ico_02.png) no-repeat center; background-size:contain;}
.val-item dl dd i.ico-service{ background:url(../images/ico_03.png) no-repeat center; background-size:contain;}
.val-item dl dd i.ico-value{ background:url(../images/ico_04.png) no-repeat center; background-size:contain;}


/*实力*/
.power{ background-image:url(../img/bg2.jpg); background-repeat:no-repeat; background-position:50% 50%; background-size:cover; min-height:552px;}
.power nav{ margin-bottom:40px;}
.power .cd-tabs-navigation{ text-align:center; font-size:0;}
.power .cd-tabs-navigation li{ float:none;display:inline-block; vertical-align:middle;border:2px solid #fff;height:40px; position:relative; text-align:center;}
.power .cd-tabs-navigation li:first-child{ margin-right:1%;}
.cd-tabs-navigation .power-tab{ font-size:24px; color:#fff;font-weight:normal; display:inline-block; padding:13px 0;position:absolute; left:0; top:50%; width:100%; transform:translate(0,-50%);}
.cd-tabs-navigation .power-tab.selected{ background-color:rgba(255,255,255,0.69); color:#0d2f89;}
.power-con .power-text{ font-size:14px; color:#fff; line-height:24px; text-align:center; margin-bottom:40px;}
.power-con .power-text *{ background-color: transparent !important; }
.data-cell{ width:280px; float:left; margin-right:15px; text-align:center;}
.data-cell:last-child{ margin-right:0;}
.data-cell dl{ border:1px solid rgba(255,255,255,1); padding:85px 20px; color:#fff; background:rgba(255,255,255,0.10);}
.data-cell dl dt{ font-size:14px; margin-bottom:15px;}
.data-cell dl dd{ font-size:36px;}
.data-cell dl dd i{ font-size:14px;}
.pw-btn{ background:url(../images/more_btn2.png) no-repeat center; margin-top:40px;}
.data-cell img{ width:100%; display:block;}

/*新闻资讯*/
.maintitle .t2{background:url(../images/title2.png) no-repeat center; background-size:contain;}
.news{ overflow:hidden;}
.news-culum{ margin-bottom:20px;}
.news-col{ width:580px; max-height:320px; float:left; margin-right:20px; position:relative; overflow:hidden;}
.news-col:last-child{ margin-right:0;}
.news-col a,.news-col a img{ display:block; width:100%;-moz-transition:all 0.3s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s;transition:all 0.5s;}
.news-col a:hover img{-webkit-transform:scale(1.23);-moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; -webkit-transition:all 0.6s;transition:all 0.6s;}
.news-col a i{ width:100%; height:100%; position:absolute; top:0; left:0; display:block; background-image:url(../images/linear.png); background-repeat:repeat-x; background-position:bottom center; z-index:0;}
.news-col a p{width:90%; padding:0 5%; position:absolute; bottom:25px; left:0; z-index:2; color:#fff; font-size:18px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-culum2 .news-col{ width:380px; max-height:217px; overflow:hidden;}
.news-btn{ margin-top:40px;}
.news-btn:hover{ background:url(../images/more_btn3.png) no-repeat center;}


@media (max-width:1200px){
   .pro-cell{width:50%;}
   .cd-tabs-content li:first-child .pro-cell{ width:33.333%;}
   .pro-item{ padding:30px 0;} 
   .pro-item dl dt h2{margin-bottom:5px;}
   .pro-item dl dd i{margin:20px auto;}
   .pro-mask{ position:static; display:block;background-color:#fff; opacity:1;}
   .pro-cell a:hover .pro-mask{background-color:rgba(255,255,255,1);opacity:1;}
   .pro-mask .txt{ position:static;-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0); padding:4% 0 8%; margin:0 auto;}
   .pro-mask .txt p{ color:#333;}
   .pro-mask .txt i{color: #666;border: 1px solid #dcdcdc;}
   
   .about-con{ width:98%;}
   .val-item{width:26%;margin-right:11%;}
   
   .data-cell{width: 49%; margin-right:2%; margin-bottom:2%;}
   .data-cell:nth-child(even){ margin-right:0;}
   .news-col{width: 49%; margin-right:2%;}
   .news-col a p{ font-size:14px;}
   .news-culum2 .news-col{width:32%;}

   
   
	}


@media (max-width:992px){
   .pro-cell{ width:50%;}
   .data-cell{width: 49%; margin-right:2%; margin-bottom:2%;}
   .data-cell:nth-child(even){ margin-right:0;}
   .news-col{width: 49%; margin-right:2%;}
   .news-col a p{ font-size:14px;text-indent:0; text-align:center; width:90%; left:50%; transform:translate(-50%,0);}
   

	}
	
@media (max-width:750px){	
   .slide .box{ padding-bottom:58%;}
   .slider__nav{ bottom:20px;}
   .slider__nav-item{width:8px;height:8px;float: left;clear: none;display: block;margin: 0 5px;background: #fff;border-radius: 100%;}
   .slider__nav-item--current{background: #0325ba;width:8px;height:8px;border-radius:50px;} /*被选中后的样式*/
   
   .cd-tabs-navigation a.pro-item{ padding:25% 0;}
   .pro-item dl dt h2{ font-size:14px;}
   .pro-item dl dt p{ display:none;}
   .pro-item dl dd i{ width:40px; height:40px; margin:8% auto;}
   .pro-more{ display:none;}
   .pro-cell{ width:50%;}
   .cd-tabs-content li:first-child .pro-cell{ width:50%;}
   
   .maintitle .en-title{ height:25px;}
   .maintitle h3{ margin-bottom:10%;}
   .about{ padding-top:100px; background-size:660px;}
   .about-con{ width:98%;}
   .about-int{ padding:4%;}
   .val-item{ width:100%; margin-bottom:4%;}
   .val-item dl{ padding:10% 0;}
   
   .power .cd-tabs-navigation li{ width:42%;height: 46px;}
   .cd-tabs-navigation .power-tab{ font-size:16px;}
   .power-con .power-text{ font-size:12px; line-height:22px;}
   .data-cell dl{ padding:30% 10%;}
   .data-cell dl dd{ font-size:16px;}
   .news-culum{ margin-bottom:0;}
   .news-col,.news-culum2 .news-col{ width:100%; margin-right:0; margin-bottom:4%;}
   .news-col a p{ text-indent:0; text-align:center;}
   
   .data-cell dl dt{ height:32px;}
   
	}

@media (max-width:320px){	

   
   .power .cd-tabs-navigation li{ width:42%;height: 68px;}

   
	}