/* banner */
.globalcolor{
  color:#2d328d;
}

.index-header{
  width:100%;
  height:72px;
  position:fixed;
  top:0;
  z-index:999;
  left:0;
  background:rgba(0,0,0,.5);
  border-bottom:1px solid rgba(255,255,255,.4);
}
.index-header .logo{
  width:200px;
  margin-top:8px;
  float:left;
}
.index-header .logo img{
  width:100%;
  height:auto;
}
.index-header .menu{
  width:810px;
  float:right;
}
.index-header .menu ul.menubar{
  width:810px;
  float:left;
}
.index-header .menu li.item{
  
  width:135px;
  float:left;
  height:72px;
}
.index-header .menu li.item a{

  font-weight:bold;
  text-align:center;
  display:block;
  font-size:16px;
  letter-spacing: 1px;
  color:#fff;
  line-height:72px;
  transition:.5s all;
}
.index-header .menu li.item a:hover{
  color:#2d328d;
}
.index-header .menu li.item .iconfont{
  font-size:14px;
  padding-left:3px;
}
.index-header .menu li.item  .iconfont:hover{
  transform: rotate(45deg);
}

.index-header.real{
  background:#2d328d;
}

/* index-banner */
.index-banner{
  width:100%;
  height:720px;
}
.index-banner .banner01{
  width:100%;
  height:720px;
  background:url(../images/banner01.jpg) no-repeat center;
} 
.index-banner .banner02{
  width:100%;
  height:720px;
  background:url(../images/banner02.jpg) no-repeat center;
} 
.index-banner .banner03{
  width:100%;
  height:720px;
  background:url(../images/banner03.jpg) no-repeat center;
} 
.index-banner .banner04{
  width:100%;
  height:720px;
  background:url(../images/banner04.jpg) no-repeat center;
}
.index-banner .banner05{
  width:100%;
  height:720px;
  background:url(../images/banner05.jpg) no-repeat center;
}  
.index-banner .swiper-slide .title{
  color:#fff;
  font-size:64px;
  font-weight: bold;
  letter-spacing: 5px;
  margin:150px 0 0 12%;
  font-family: "Microsoft YaHei";
}
.index-banner .swiper-slide .subtitle{
  color:#fff;
  width:100%;
  height:120px;
  margin:30px 0 0 12%;
  /* font-family: "Microsoft YaHei"; */
}
.index-banner .swiper-slide .subtitle .item{
  width:166px;
  float:left;
  text-align: center;
}
.index-banner .swiper-slide .subtitle .item .pic{
  width:72px;
  border-radius:50%;
  box-sizing: border-box;
  border:1px solid #fff;
  height:72px;
  display:inline-block;
}
.index-banner .swiper-slide .subtitle .item .iconfont{
  font-size:34px;
  line-height:70px;
}
.index-banner .swiper-slide .subtitle .item .text{
  text-align:center;
  
  padding-top:10px;
}

.index-banner .swiper-slide.wt .title{
  color:#333;
}
.index-banner .swiper-slide.wt .subtitle{
  color:#333;
}
.index-banner .swiper-slide.wt .subtitle .item .pic{
  border:1px solid #333;
}



.index-banner .swiper-slide .banner-btn{
  margin:30px 0 0 12%;
  width:100%;
}
.index-banner .swiper-slide .banner-btn a{
  width:140px;
  height:42px;
  line-height:42px;
  background:#2d328d;
  color:#fff;
  transition:.3s all;
  text-align:center;
}
.index-banner .swiper-slide .banner-btn a:hover{
  background:#;
}

/* index-unbanner */
.index-udbanner{
  width:1240px;
  height:0;
  margin:0 auto;
  position:relative;
}
.index-udbanner ul.pos{
  position: absolute;
  background:#fff;
  box-shadow: 0px 10px 40px 0px rgba(50, 50, 50, 0.1);
  left:0;
  top:-75px;
  z-index:888;
  width:1240px;
  height:150px;
}
.index-udbanner ul.pos li.item{
  float:left;
  width:27%;
  margin-top:42px;
  box-sizing: border-box;
  border-right:1px solid #ededed;
  font-size:16px;
}
.index-udbanner ul.pos li.item .icon{
  width:60px;
  float:left;
  margin:0 0 0 35px;
  height:60px;
}
.index-udbanner ul.pos li.item .iconfont{
  font-size:24px;
  color:#999;
  padding-right:7px;
}

.index-udbanner ul.pos li.item .text{
  float:left;
  width:160px;
  margin-left:100px;
}
.index-udbanner ul.pos li.item .text p{
  color:#999;
}
.index-udbanner ul.pos li.item .text h3{
  font-size:22px;
  font-family: "Microsoft YaHei";
  letter-spacing: 1px;
  color:#2d328d;
  font-weight:bold;
}

.index-udbanner ul.pos li.btn{
  width:19%;
}


/* index-profile */

.index-profile{
  padding:150px 0 100px;
  width:100%;
  background:url(../images/index-profile-bg.jpg) no-repeat center top;
}
.index-profile .index-profile-title{
  font-size:40px;
  color:#2d328d;
}
.index-profile .i-pro-wrap{
  width:1240px;
  /* float:right; */
}

.index-profile .i-pro-wrap .wrap{
  width:1240px;
}


.index-profile .i-pro-wrap .text{
  float:right;
  padding-top:100px;
  width:640px;
}
.index-profile .i-pro-wrap .text h3{
  font-size:28px;
  font-family: "Microsoft YaHei";
  letter-spacing: 1px;
  color:#2d328d;
  font-weight:bold;
}
.index-profile .i-pro-wrap .text p{
  margin:20px 0 10px;
  font-size:18px;
  line-height:36px;
  color:#687693;
}
.index-profile .i-pro-wrap .pic{
  margin-top:20px;
  width:520px;
  height:550px;
  float:left;
  position: relative;
 
}
.index-profile .i-pro-wrap .pic .pic-desc{
  width:240px;
  height:170px;
  background:rgba(45,50,141,.9);
  position: absolute;
  top:-30px;
  left:30px;
  color:#fff;
}
.index-profile .i-pro-wrap .pic .pic-desc h3{
  font-weight:bold;
  font-family: "Microsoft YaHei";
  letter-spacing: 2px;
  font-size:48px;
  padding:0 20px;
  line-height:1;
}
.index-profile .i-pro-wrap .pic .pic-desc p{

  padding:10px 20px 0;
  font-size:20px;
}
.index-profile .i-pro-wrap .pic .pic-desc h4{
  padding:20px 20px 0;
  font-size:26px;
  color:rgba(255,255,255,.7)
}



.index-profile .i-pro-wrap .honor{
  margin-top:50px;
  width:1040px;
}
.index-profile .i-pro-wrap .honor li{
  width:144px;
  height:100px;
  margin-left:35px;
  box-sizing: border-box;
  padding-top:14px;
  font-size:14px;
  float:left;
  background:url(../images/profile-libg.png) no-repeat center top;
  text-align:center;
}
.index-profile .i-pro-wrap .honor li:nth-child(1){
  margin-left:0;
}
.index-profile .i-pro-wrap .honor li span{
  font-weight:bold;
  font-size:18px;
  color:#2d328d;
}

/* index-title */
.index-title{
  width:112px;
  float:left;
}
.index-title.long{
  width:140px;
}
.index-title .eng{
  /* width:100%; */
  display: block;
  text-align: right;
  font-size:14px;
  color:#111;
}
.index-title .btext{
  color:#2d328d;
  font-size:28px;
}
.index-title .stext{
  font-size:16px;
}
.index-title .seng{
  display: block;
  text-align: right;
}
.index-title .seng .iconfont{
  font-size:64px;
}


/* index-product */
.index-product{
  padding:100px 0;
  width:100%;
  background:#f0f1f7; 
}

.index-product .i-p-wrap{
  width:1040px;
  float:right;

}

.index-product .pro-desc{
  width:1040px;
  margin-bottom:50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.index-product .pro-desc .item{
  width:280px;
  text-align:center;
  transition:.3s all;
}
.index-product .pro-desc .item .icon{
  display:inline-block;
  font-size:32px;
  width:54px;
  height:54px;
  border-radius: 50%;
  background:#dcdcf3;
}
.index-product .pro-desc .item .icon .iconfont{
  color:#2d328d;
  font-size:30px;
  line-height:54px;
}
.index-product .pro-desc .item h3{
  padding-top:10px;
  font-size:20px;
}
.index-product .pro-desc .item p{
  font-size:16px;
  padding-top:10px;
}




/* swiper区域 */
.product-sp{
  bottom:0!important;
}
.swiper-pagination-bullet-active{
  background:#2d328d!important;
}
.product-prev{
  background-image:url(../images/arrow-left.png)!important;
}
.product-next{
  background-image:url(../images/arrow-right.png)!important;
}

.index-product .i-p-wrap .pro-scroll{
  width:1040px;
  height:540px;
}
.index-product .i-p-wrap .pro-scroll .item{
  float:left;
  width:500px;
  padding:20px;
  border-radius: 20px;
  box-sizing: border-box;
  height:480px;
  background:#fff;
  box-shadow: 0px 15px 39px 0px rgba(8, 18, 54, 0.1);
}

.index-product .i-p-wrap .pro-scroll .item .pic{
  width:460px;
  height:280px;
}
.index-product .i-p-wrap .pro-scroll .item .pic img{
  width:460px;
  height:280px;
  display: block; 
}
.index-product .i-p-wrap .pro-scroll .item h4{
  padding-top:20px;
  line-height:20px;
  font-size:20px;
}
.index-product .i-p-wrap .pro-scroll .item p{
  padding-top:10px;
  font-size:14px;
  height:40px;
  line-height:20px;
}



/* index.adv */
.index-adv{
  width:100%;
  height:405px;
  display:flex;
  justify-content: space-between;
}
.index-adv .adv-item{
  width:480px;
  height:405px;
  position:relative;
}
.index-adv .adv-item .adv-pic{
  width:480px;
  height:405px;
  z-index:0;
  position:relative;
}
.index-adv .adv-item .adv-wrap{
  width:480px;
  height:405px;
  background:rgba(0,0,0,.9);
  position: absolute;
  left:0;
  top:0;
  text-align:center;
  cursor: pointer;
  color:#fff;
}
.index-adv .adv-item:nth-child(2n) .adv-wrap{
  background:rgba(45,50,141,.9);
}
.index-adv .adv-item .adv-wrap .bigicon{
  padding-top:80px;
  display:block;
  font-size:64px;
}
.index-adv .adv-item .adv-wrap h3{
  font-size:28px;
}
.index-adv .adv-item .adv-wrap h4{
  font-size:20px;
}
.index-adv .adv-item .adv-wrap p{
  padding:8px 32px 0;
  font-size:16px;
}
.index-adv .adv-item .adv-wrap .smallicon{
  font-size:30px;
  padding-top:20px;
  display:block;
  transition:.5s all;
}
.index-adv .adv-item .adv-wrap:hover .smallicon{
  padding-top:10px;
}


.index-tech{
  padding:100px 0;
  background:url(../images/index-profile-bg.jpg) no-repeat center top;
}
.index-tech .container{
  height:600px;
}
.index-tech .container .item{
  position:relative;
  overflow: hidden;
  background:#000;
}
.index-tech .container .big-item{
  width:420px;
  height:600px;
  float:left;
}
.index-tech .container .small-item-wrap{
  float:left;
  width:820px;
  height:600px;
}
.index-tech .container .small-item-wrap .small-item{
  width:390px;
  height:290px;
  margin-left:20px;
  float:left;
  position:relative;
}
.index-tech .container .small-item-wrap .small-item:nth-child(3){
  margin-top:20px;
}
.index-tech .container .small-item-wrap .small-item:nth-child(4){
  margin-top:20px;
}
.index-tech .container .small-item-wrap .small-item .desc-wrap{
  width:390px;
  height:120px;
  position:absolute;
  bottom:-80px;
  left:0;
  background:rgba(45,50,141,.8);
}
.index-tech .container .small-item-wrap .small-item .desc-wrap h3{
  padding:10px 15px 0;
  font-size:18px;
  color:#fff;
  line-height:1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index-tech .container .small-item-wrap .small-item .desc-wrap p{
  padding:10px 15px;
  color:#fff;
  font-size:14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.index-tech .container .small-item-wrap .small-item .desc-wrap a{
  background:#fff;
  width:100px;
  height:32px;
  color:#2d328d;
  font-size:16px;
  line-height:32px;
  text-align:center;
  margin:5px 0 0 15px;
  transition: .3s all;
}
.index-tech .container .small-item-wrap .small-item .desc-wrap a:hover{
  background:#7a7fd8;
  color:#fff;
}





.index-news{
  padding:100px 0;
  width:100%;
  background:url(../images/index-news-bg.jpg);
}

.index-news-title{
  width:1240px;
  margin:0 auto 40px;
  height:80px;
}
.index-news-title .news-title{
  float:left;
}
.index-news-title .news-title h2{
  font-size:28px;
  font-family: "Microsoft YaHei";
  letter-spacing: 1px;
  color:#2d328d;
  font-weight:bold;
}


.index-news-title a.news-title-more {
  float:right;
  display: block;
  text-align:center;
  font-size:18px;
  width:156px;
  line-height:36px;
  background:#fff;
  margin-top:20px;
  height:36px;
  border:1px solid #ddd;
  transition:.3s all;
}
.index-news-title a.news-title-more:hover{
  background:#2d328d;
  color:#2d328d;
  color:#fff;
}

.index-news .i-news-wrap{
  width:1240px;
  /* float:right; */
}

.index-news .main-news{
  background:#fff;
  width:480px;
  height:540px;
  padding:50px;
  box-sizing: border-box;
  float:left;
}
.index-news .main-news .pic{
  margin-top:30px;
  width:380px;
  height:240px;
  overflow: hidden;
}
.index-news .main-news .pic img{
  width:380px;
  height:260px;
  display:block;
  transition:.5s all;
}
.index-news .main-news .pic img:hover{
  scale:1.1;
}

.index-news .main-news .title{
  font-size:20px;
  padding:0 0 20px;
}
.index-news .main-news  p{
  font-size:16px;
  color:#687693;
  line-height:24px;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.index-news .main-news .hots{
  display:inline-block;
  background:#f1f1f1;
  color:#aaa;
  font-size:12px;
  padding:4px 7px;
}

.index-news .news-list{
  width:730px;
  float:right;
  height:480px;
}
.index-news .news-list .news-item{
  margin-top:1px;
  width:730px;
  height:179px;
  box-sizing: border-box;
  padding:30px 50px 0;
  background:#fff;
  position:relative;
}
.index-news .news-list .news-item:nth-child(1){
  margin-top:0;
  height:180px;
}
.index-news .news-list .news-item .text{
  width:100%;
}
.index-news .news-list .news-item .text .title{
  font-size:20px;
  line-height:1.2;
  color:#333;
}
.index-news .news-list .news-item .text .desc{
  padding-top:10px;
  font-size:16px;
  width:84%;
  padding-right:16%;
  color:#687693;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.index-news .news-list .news-item .text .timer{
  font-size:12px;
  line-height:1;
  border-radius:3px;
  padding:4px 5px; 
  background:#eee;
  color:#aaa;
  display: inline-block;
  margin-top:10px;
}

.index-news .news-list .news-item .icon-btn{
  width:38px;
  height:38px;
  border-radius: 50%;
  border:2px solid #e1e1e1;
  text-align:center;
  box-sizing: border-box;
  position:absolute;
  line-height:36px;
  right:50px;
  top:60px;
  transition: .3s all;
}
.index-news .news-list .news-item .icon-btn .iconfont{
  color:#ccc;
  transition: .3s all;
}
.index-news .news-list .news-item:hover .icon-btn{
  border:2px solid #2d328d;
  background:#2d328d;
  box-shadow: 0 5px 8px 0 rgba(45,50,141,.2);
}
.index-news .news-list .news-item:hover .icon-btn .iconfont{
  color:#fff;
}




.glo-btn{
  display:block;
  margin-top:20px;
  width:180px;
  height:44px;
  background:#f58217;
  text-align:center;
  line-height:44px;
  color:#fff;
}