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

/*index_text*/
.index_text a{ display:inline-block;}
.index_text h1{display:block;line-height:1;color:#003686;font-size:42px;font-weight:bold; font-family:Inter;}
.index_text h2{display:block;line-height:1;font-size:18px; font-weight:normal; text-transform:uppercase;}

@media screen and (max-width:1440px){
.index_text h1{font-size:32px;}

}

@media screen and (max-width:1270px){
.index_text h1{font-size:28px;}
}


@media screen and (max-width:1024px){
.index_text h1{font-size:22px;}
}

@media screen and (max-width:768px){
.index_text h1{font-size:20px;}
}

/************************************通用indexBox************************************/
.indexBoxInfo{height:100vh;overflow:hidden;margin:0 auto; position:relative;}
.indexBoxB{overflow:hidden;position:absolute; width:100%;left:0;top:50%;
-ms-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%); 
-o-transform:translateY(-50%); 
transform:translateY(-50%);
z-index:2;
}

@media screen and (max-width:1023px){
.indexBoxInfo{height:auto;}
.section{height:auto!important;}
.indexBoxB{position:static; width:100%;left:0;top:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);z-index:2; padding:10% 0;}
}




/************************************indexform************************************/
.indexform{position:relative;overflow:hidden;background:url(../images/index-formbg.jpg) center no-repeat; background-size:cover;/*background-attachment:fixed;*/}
.indexform .index_text{ margin:0 auto;text-align:center;position:relative;top:0;left:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
.indexform .index_text h1{ line-height:50px; margin-bottom:30px;}

.indexform .indexcontact{ overflow:hidden;}
.indexform .indexcontact ul{ margin:0px; padding:0px;}
.indexform .indexcontact li{ width:33.3333%; float:left;}

.indexform .indexcontact .box{ padding:20px;}
.indexform .indexcontact .box span{ display:block;}

.indexform .indexcontact .box .emailtxt{background:url(../images/index-form1.png) no-repeat left center; background-size:65px;}
.indexform .indexcontact .box .teltxt{background:url(../images/index-form2.png) no-repeat left center; background-size:65px;}
.indexform .indexcontact .box .addtxt{background:url(../images/index-form3.png) no-repeat left center; background-size:65px;}

.indexform .indexcontact .box .emailtxt{ padding-left:85px; font-family:Inter;  font-size:24px; font-weight:bold; color:#003686; line-height:33px; margin-top:11px;}
.indexform .indexcontact .box .teltxt{ padding-left:85px; font-family:Inter;  font-size:24px; font-weight:bold; color:#003686; line-height:33px; margin-top:11px;}
.indexform .indexcontact .box .addtxt{ padding-left:85px; font-family:Inter;  font-size:16px; color:#003686; line-height:33px; min-height:66px;}


.indexform .indformbox{ width:70.2290%; margin:0px auto; margin-top:20px;}
.indexform .indformbox input,select,textarea{ width:100%; display:inline-block; border:1px solid #ced4da; border-radius:5px; background-color:#fff;}
.indexform .indformbox .formlist{ width:50%; float:left;}
.indexform .indformbox .formlist2{ margin:12px 15px;}
.indexform .indformbox .formlist .listbox{ margin:12px 15px;}

.indexform .indformbox input{ font-size:16px; color:#626262; height:56px; line-height:56px; padding-left:20px; padding-right:10px;}
.indexform .indformbox select{ height:56px; line-height:56px; font-size:16px; color:#626262 !important; padding-left:20px; padding-right:10px; background:url(../images/index-form-bg.png) no-repeat right center #fff; background-size:55px;}
.indexform .indformbox select option{ font-size:16px; /*color:#626262;*/}
.indexform .indformbox textarea{ font-size:16px; color:#626262; line-height:32px; padding:20px; min-height:150px;}

.indexform .indformbox .bnt{ display:block; width:230px; margin:0px auto; background-color:#003686; font-family:Inter;  font-size:16px; font-weight:bold; height:66px; line-height:66px; padding:0px; border:none; border-radius:5px; color:#fff; text-align:center; margin-top:48px;  box-shadow: 0 0 10px rgba(0,5,134,0.35); -moz-transition:all .5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;transition: all .5s ease-in-out; }
.indexform .indformbox .bnt:hover{-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}


@media screen and (max-width:1270px){
.indexform .index_text h1{ line-height:35px; margin-bottom:20px;}	
.indexform .indexcontact .box{ padding:10px;}
.indexform .indexcontact .box .emailtxt{background:url(../images/index-form1.png) no-repeat left center; background-size:45px;}
.indexform .indexcontact .box .teltxt{background:url(../images/index-form2.png) no-repeat left center; background-size:45px;}
.indexform .indexcontact .box .addtxt{background:url(../images/index-form3.png) no-repeat left center; background-size:45px;}

.indexform .indexcontact .box .emailtxt{ padding-left:65px; font-family:Inter;  font-size:20px; font-weight:bold; color:#003686; line-height:33px; margin-top:11px;}
.indexform .indexcontact .box .teltxt{ padding-left:65px; font-family:Inter;  font-size:20px; font-weight:bold; color:#003686; line-height:33px; margin-top:11px;}
.indexform .indexcontact .box .addtxt{ padding-left:65px; font-family:Inter;  font-size:14px; color:#003686; line-height:23px;}

.indexform .indformbox textarea{ min-height:100px; line-height:28px;}
.indexform .indformbox .bnt{width:200px; height:56px; line-height:56px;  margin-top:48px; }



}

@media screen and (max-width:1024px){
	
.indexform  .index_text h1{ margin-bottom:20px;}
.indexform  .index_text h1{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);}

.indexform .indexcontact .box .emailtxt{background:url(../images/index-form1.png) no-repeat left 12px; background-size:45px;}
.indexform .indexcontact .box .teltxt{background:url(../images/index-form2.png) no-repeat left 12px; background-size:45px;}
.indexform .indexcontact .box .addtxt{background:url(../images/index-form3.png) no-repeat left 12px; background-size:45px;}

.indexform .indexcontact .box .emailtxt{ padding-left:55px; font-family:Inter;  font-size:16px; font-weight:bold; color:#003686; line-height:33px; margin-top:0px;}
.indexform .indexcontact .box .teltxt{ padding-left:55px; font-family:Inter;  font-size:16px; font-weight:bold; color:#003686; line-height:33px; margin-top:0px;}
.indexform .indexcontact .box .addtxt{ padding-left:55px; font-family:Inter;  font-size:14px; color:#003686; line-height:23px;}

}

@media screen and (max-width:768px){
.indexform  .index_text h1{ line-height:25px; margin-bottom:20px;}	
.indexform .indexcontact li{ width:50%; float:left;}
.indexform .indexcontact li.li3{ width:100%; margin:0px auto; float:none; clear:both;}

.indexform .indexcontact .box .emailtxt{background:url(../images/index-form1.png) no-repeat left 12px; background-size:40px;}
.indexform .indexcontact .box .teltxt{background:url(../images/index-form2.png) no-repeat left 12px; background-size:40px;}
.indexform .indexcontact .box .addtxt{background:url(../images/index-form3.png) no-repeat left 12px; background-size:40px;}
.indexform .indexcontact .box .addtxt{background:url(../images/index-form3.png) no-repeat left center; background-size:40px;}

.indexform .indformbox{ width:100%;}
.indexform .indformbox input{ height:46px; line-height:46px;}
.indexform .indformbox select{ height:46px; line-height:46px;}

}

@media screen and (max-width:560px){
.indexform .indexcontact li{ width:100%; float:none;}	
.indexform .indformbox .formlist{ width:100%; float:none;}	

.indexform .indexcontact .box .emailtxt{background:url(../images/index-form1.png) no-repeat left 8px; background-size:40px;}
.indexform .indexcontact .box .teltxt{background:url(../images/index-form2.png) no-repeat left 8px; background-size:40px;}
.indexform .indexcontact .box .emailtxt{ line-height:28px;}
.indexform .indexcontact .box .teltxt{line-height:28px;}

.indexform .indformbox input{ font-size:14px; height:46px; line-height:46px;}
.indexform .indformbox select{ height:46px; line-height:46px; font-size:14px;}
.indexform .indformbox select option{ font-size:14px;}
.indexform .indformbox textarea{ font-size:14px; color:#626262; line-height:32px;}

.indexform .indformbox .bnt{width:150px; height:46px; font-size:14px; line-height:46px;  margin-top:28px;  }

}


/************************************indexNews************************************/
.indexNews{position:relative;hoverflow:hidden;background:url(../images/index-newsbg.jpg) center no-repeat; background-size:cover;/*background-attachment:fixed;*/}

.indexNews .index_text{margin:0 auto;text-align:center;position:relative;max-width:600px;top:0;left:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
.indexNews .index_text h1{ line-height:50px; margin-bottom:115px; color:#fff;}


/*li2*/
.indexNews .list li.li2{ float:left; width:33.3333%;}
.indexNews .list li.li2 .txt{ display:block;margin:0 15px;}

.indexNews .list li.li2 .txt .indnewsImg{overflow:hidden;height:0;position:relative;padding-bottom:62.65060%;margin-bottom:30px; border-radius:10px;}
.indexNews .list li.li2 .txt .indnewsImg img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;max-width: 100%; width: 100%; max-height: none; height: auto;}
.indexNews .list li.li2 .txt .indnewsInfo,
.indexNews .list li.li2 .txt .indnewsImg,
.indexNews .list li.li2 .txt .indnewsImg img,
.indexNews .list li.li2 .txt{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.indexNews .list li.li2 .txt:hover .indnewsImg img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-webkit-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}


.indexNews .list li.li2 .txt .date{font-size:16px;color:#a2bbd2;font-family:Inter; margin-bottom:15px; padding-left:25px; background:url(../images/news-date.png) left center no-repeat; background-size:16px; }
.indexNews .list li.li2 .txt .title{font-family:Inter; font-size:24px; font-weight:bold; color:#fff;line-height:28px;margin-bottom:25px;}

.indexNews .list li.li2 .txt .indnewsInfo{font-family:Inter;  font-size:16px;  color:#a2bbd2; line-height:28px; height:48px;overflow:hidden; margin-bottom:45px;}

.indexNews .list li.li2 .txt .more{font-family:Inter;  font-size:16px;  color:#0094fb;}
.indexNews .list li.li2 .txt .more span{ display:inline-block; padding-right:38px; background:url(../images/index-s-more.png) right center no-repeat; background-size:11px;}

.indexNews .list li.li2 .txt:hover .title{color:#0094fb;}


@media screen and (max-width:1440px){
.indexNews .index_text h1{ margin-bottom:45px;}		
}

@media screen and (max-width:1270px){
.indexNews .list li.li2 .txt .title{ font-size:20px; line-height:24px;}
}

@media screen and (max-width:1024px){
.indexNews .index_text h1{ margin-bottom:50px;}
.indexNews .index_text h1{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);}

.indexNews .list li.li2 .txt .indnewsImg{margin-bottom:20px;}
.indexNews .list li.li2 .txt .date{margin-bottom:10px; }
.indexNews .list li.li2 .txt .title{ font-size:18px; line-height:22px;margin-bottom:10px;}
.indexNews .list li.li2 .txt .indnewsInfo{font-family:Inter;  font-size:16px;  color:#a2bbd2; line-height:18px; height:36px;overflow:hidden; margin-bottom:25px;}

}

@media screen and (max-width:768px){
.indexNews .list li.news3{ display:none;}	
.indexNews .list li.li2{ width:50%; float:left;}
}
@media screen and (max-width:640px){
.indexNews .list li.li2{ width:50%; float:left;}
.indexNews .list li.news3{ display:none;}
}

@media screen and (max-width:470px){
.indexNews .index_text h1{ margin-bottom:25px;}
.indexNews .list li.li2{ width:100%;}
.indexNews .list li.li2 .txt .date{ font-size:14px; }
.indexNews .list li.li2 .txt .title{ font-size:16px; line-height:22px;}
.indexNews .list li.li2 .txt .indnewsInfo{ font-size:14px; line-height:14px; height:28px;}
.indexNews .list li.li2 .txt .more{  font-size:14px; margin-bottom:40px;}

}



/************************************indexService************************************/
.indexService{position:relative;overflow:hidden;background:url(../images/index-servicebg.jpg) center no-repeat; background-size:cover; /*background-attachment:fixed;*/}

.indexService .index_text{ margin:0 auto;text-align:center;position:relative;top:0;left:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
.indexService .index_text h1{ line-height:50px; margin-bottom:125px;}

.index_s_box{ width:100%;}
.index_left{ width:50%;  float:left;}
.index_leftbox{ padding-left:10px; margin-right:65px;}

.index_leftbox li{position:relative;}
.index_leftbox li .title{padding:24px; overflow:hidden;zoom:1; cursor:pointer; }
.index_leftbox li .title .Tit{padding-left:40px;}
.index_leftbox li .title .Tit{ text-align:left;font-family:Inter;font-size:24px; font-weight:bold; color:#003686; display:block; line-height:30px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.index_leftbox li .title .Tit.t1{ background:url(../images/index-s-icon1b.png) left center no-repeat; background-size:22px;}
.index_leftbox li .title .Tit.t2{ background:url(../images/index-s-icon2b.png) left center no-repeat; background-size:22px;}
.index_leftbox li .title .Tit.t3{ background:url(../images/index-s-icon3b.png) left center no-repeat; background-size:22px;}



.index_leftbox li .title .close{display:block; width:30px; text-align:center; line-height:72px;height:72px; overflow:hidden; position:absolute; top:0; right:24px;}
.index_leftbox li .title .close span{display:block;overflow:hidden;text-align:center;width:100%;height:100%; position:absolute; top:0; right:0; text-indent:-9999px; background:url(../images/index_sicona.png) center center no-repeat;background-size:30px;}

.index_leftbox li .title.on .close span{background:url(../images/index_siconb.png) center center no-repeat;}
.index_leftbox li .title.on .Tit{color:#0094fb; }
.index_leftbox li .title.on{background:#fff;}
.index_leftbox li .tmain{ text-align:left;background:#fff; padding:12px 24px 36px 24px;display:none;     font-family:Raleway; font-size:18px; line-height:28px;color:626262;}
.index_leftbox li .tmain a{ font-size:16px; color:#0094fb; display:inline-block; margin-top:45px; padding-right:35px; background:url(../images/index-s-more.png) right center no-repeat; background-size:11px;}
.index_leftbox li .tmain a:hover{ color:#003686;}

.index_leftbox li.lion{ box-shadow: 0 0 10px rgba(0,0,0,0.08);}

.index_leftbox li .title.on .Tit.t1{ background:url(../images/index-s-icon1a.png) left center no-repeat; background-size:22px;}
.index_leftbox li .title.on .Tit.t2{ background:url(../images/index-s-icon2a.png) left center no-repeat; background-size:22px;}
.index_leftbox li .title.on .Tit.t3{ background:url(../images/index-s-icon3a.png) left center no-repeat; background-size:22px;}


.index_right{ width:50%; float:right;}
.index_right img{ max-width:100%; height:auto;}


@media screen and (max-width:1440px){
.index_leftbox li .title .Tit{font-size:22px;}	
.index_leftbox li .tmain{font-size:18px; line-height:28px;}	
}
@media screen and (max-width:1270px){

.indexService .index_text h1{ margin-bottom:100px;}	
	
.index_leftbox{ margin-right:35px;}	
	
.index_leftbox li .title .Tit{font-size:18px;}
.index_leftbox li .tmain{ padding:0px 24px 36px 24px;}
.index_leftbox li .tmain a{margin-top:25px;}

.index_leftbox li .title .close{ width:26px; line-height:78px;height:78px; right:24px;}

.index_leftbox li .title .close span{ background:url(../images/index_sicona.png) center center no-repeat;background-size:26px;}
.index_leftbox li .title.on .close span{background:url(../images/index_siconb.png) center center no-repeat;background-size:26px;}

.index_leftbox li .title .Tit.t1{ background:url(../images/index-s-icon1b.png) left center no-repeat; background-size:18px;}
.index_leftbox li .title .Tit.t2{ background:url(../images/index-s-icon2b.png) left center no-repeat; background-size:18px;}
.index_leftbox li .title .Tit.t3{ background:url(../images/index-s-icon3b.png) left center no-repeat; background-size:18px;}

.index_leftbox li .title.on .Tit.t1{ background:url(../images/index-s-icon1a.png) left center no-repeat; background-size:18px;}
.index_leftbox li .title.on .Tit.t2{ background:url(../images/index-s-icon2a.png) left center no-repeat; background-size:18px;}
.index_leftbox li .title.on .Tit.t3{ background:url(../images/index-s-icon3a.png) left center no-repeat; background-size:18px;}



}
@media screen and (max-width:1024px){
.index_leftbox{ margin-right:20px; margin-top:0px;}	
.index_leftbox li .title{padding:10px; }
.index_leftbox li .title .Tit{font-size:16px; padding-left:20px;}
.index_leftbox li .tmain{ padding:0px 10px 20px 10px;  font-size:14px; line-height:20px;}
.index_leftbox li .tmain a{margin-top:10px;  font-size:14px;}

.index_leftbox li .title .close{ width:18px; line-height:50px;height:50px; right:10px;}
.index_leftbox li .title .close span{ background:url(../images/index_sicona.png) center center no-repeat;background-size:18px;}
.index_leftbox li .title.on .close span{background:url(../images/index_siconb.png) center center no-repeat;background-size:18px;}

.index_leftbox li .title .Tit.t1{ background:url(../images/index-s-icon1b.png) left center no-repeat; background-size:16px;}
.index_leftbox li .title .Tit.t2{ background:url(../images/index-s-icon2b.png) left center no-repeat; background-size:16px;}
.index_leftbox li .title .Tit.t3{ background:url(../images/index-s-icon3b.png) left center no-repeat; background-size:16px;}

.index_leftbox li .title.on .Tit.t1{ background:url(../images/index-s-icon1a.png) left center no-repeat; background-size:16px;}
.index_leftbox li .title.on .Tit.t2{ background:url(../images/index-s-icon2a.png) left center no-repeat; background-size:16px;}
.index_leftbox li .title.on .Tit.t3{ background:url(../images/index-s-icon3a.png) left center no-repeat; background-size:16px;}


.indexService .index_text h1{ margin-bottom:50px;}
.indexService .index_text h1{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);}
}

@media screen and (max-width:768px){
	
.index_left{ width:100%; max-width:768px; text-align:center;}
.index_right{ width:100%; max-width:768px; text-align:center;}	
	
.index_leftbox li .title .Tit{font-size:16px;background-size:16px;padding-left:30px;}
.index_leftbox li .title{padding:10px 50px 10px 20px;}
.index_leftbox li .title .close{width:50px; height:50px; line-height:50px;}
.index_leftbox li .title.on .close span{ font-size:12px;}
.index_leftbox li .tmain{padding:0px 50px 30px 20px;font-size:14px; line-height:28px;}

}

@media screen and (max-width:470px){
.indexService .index_text h1{display:block; width:100%;  margin:0px auto; padding-bottom:20px; line-height:22px; }	
.index_leftbox li .title .Tit{font-size:14px;background-size:14px;line-height:inherit; white-space:inherit; text-overflow:inherit;}
.index_leftbox li .title .close{width:36px; height:36px; line-height:36px;}
.index_leftbox li .tmain{padding:0px 40px 20px 20px;font-size:12px; line-height:22px;}
.index_leftbox li .tmain a{ font-size:12px; padding-right:25px;}

}





/************************************indexPro************************************/
.indexPro{position:relative;overflow:hidden;background:url(../images/index-probg.jpg) center no-repeat; background-size:cover;/*background-attachment:fixed;*/}
.indexPro .index_text{ margin:0 auto;text-align:center;position:relative;top:0;left:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
.indexPro .index_text h1{ line-height:50px; margin-bottom:70px;}
.indexPro .index_text h2{ color:#626262; line-height:28px; margin-bottom:80px;}
.indexPro .index_text h2{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transform:translateY(-60px);-o-transform:translateY(-60px);-moz-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px);}

section.active .index_text h2{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);}

/*indexProLunbo*/
.indexProLunbo{position:relative;}
.indexProLunbo .indexProLunboB{position:relative;}
.indexProLunbo .swiper-slide{ width:20% !important;}
.indexProLunbo .swiper-slide .item{ display:block;position:relative; margin:0px 15px;}

.indexProLunbo .swiper-slide .item .imgB{overflow:hidden;height:0;position:relative;padding-bottom:91.489361%;  border-top-left-radius:10px;border-top-right-radius:10px;}
.indexProLunbo .swiper-slide .item .imgB img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;max-width: 100%; width: 100%; max-height: none; height: auto;}
.indexProLunbo .swiper-slide .item .imgB,
.indexProLunbo .swiper-slide .item .imgB img,
.indexProLunbo .swiper-slide .item{-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all .3s ease-in-out;}
.indexProLunbo .swiper-slide .item:hover .imgB img{-moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-webkit-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);-ms-transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);transform:scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);}

.indexProLunbo .swiper-slide .item .title{ background-color:#003686; font-size:20px; line-height:24px; text-align:center; color:#fff; border-bottom-left-radius:10px;border-bottom-right-radius:10px; font-family:Inter; padding:30px 30px; min-height:48px;}

/*swiper-button*/
.indexProLunbo .swiper-button-prev{opacity:1;width:180px;height:100%;position:absolute;top:0;margin-top:0;left:0;background: url("../images/arrow-leftbg.png") left center repeat-y;background-size:180px;outline:none;z-index:3;}
.indexProLunbo .swiper-button-next{opacity:1;width:180px;height:100%;position:absolute;top:0;margin-top:0;right:0;background: url("../images/arrow-rightbg.png") right center repeat-y;background-size:180px;outline:none;z-index:3;}
.indexProLunbo .swiper-button-prev:after{content: '';width:20px; height:50px; margin-top:-25px; position:absolute;top:50%;left:30px; margin-top:-12.5px;border-radius:50%;background: url("../images/index-left.png") center center no-repeat;background-size:20px; z-index:2;}
.indexProLunbo .swiper-button-next:after{content: '';width:20px; height:50px; margin-top:-25px; position:absolute;top:50%;right:30px; margin-top:-12.5px;border-radius:50%;background: url("../images/index-right.png") center center no-repeat;background-size:20px; z-index:2;}
.indexProLunbo .swiper-button-prev.swiper-button-disabled, 
.indexProLunbo .swiper-button-next.swiper-button-disabled{opacity:0;}

@media screen and (max-width:1440px){	
.indexProLunbo .swiper-slide .item .title{ padding:30px 25px;}
}

@media screen and (max-width:1270px){
.indexProLunbo .swiper-slide .item .title{  font-size:16px; line-height:20px; padding:30px 10px; min-height:40px;}
}

@media screen and (max-width:1024px){	
.indexProLunbo .swiper-slide{ width:33.33333% !important;}	
.indexProLunbo .swiper-slide .item{ margin:0px 10px;}	
.indexPro .index_text h1{ margin-bottom:35px}	
.indexPro .index_text h2{ margin-bottom:35px; font-size:14px;}
.indexProLunbo .swiper-slide .item .title{  font-size:14px; line-height:20px; padding:30px 5px;}
	
.indexPro .index_text h1{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);}

.indexPro .index_text h2{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);}
}

@media screen and (max-width:768px){
.indexPro .index_text h1{  line-height:22px; margin-bottom:30px}	
.indexPro .index_text h2{ display:block; width:90%; margin:0px auto;  font-size:12px;padding-bottom:30px; }
.indexProLunbo .swiper-slide{ width:50% !important;}	
}

@media screen and (max-width:470px){
.indexPro .index_text h1{display:block; width:90%;  margin:0px auto; padding-bottom:20px; line-height:22px; }	
.indexPro .index_text h2{  font-size:12px; text-align:left; }
.indexProLunbo .swiper-slide{ width:100% !important;}	
}

/************************************indexAbout************************************/
.indexAbout{position:relative;overflow:hidden;background:url(../images/index-aboutbg.jpg) center no-repeat; background-size:cover;/* background-attachment:fixed;*/}

.indexAbout .index_text{ width:50%;max-width:655px; float:left; margin:0; text-align:center; position:relative;top:0;left:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
.indexAbout .index_text{ padding-left:0; text-align:left;}
.indexAbout .about_img{ width:50%; float:left; text-align:right;}
.indexAbout .about_img img{ max-width:100%; height:auto;}

.indexAbout .index_text h1{ line-height:50px; margin-bottom:50px;}
.indexAbout .index_text .wz{color:#626262;font-size:18px;line-height:28px; position:relative;margin-bottom:50px;}

.indexAbout .index_text .more_box{ display:inline-block; background:url(../images/about-more-bg.png) no-repeat right top;}
.indexAbout .index_text .m{ display:inline-block; margin-top:30px; margin-right:85px; width:145px; height:55px; margin-bottom:0px; color:#fff; text-align:center; background:url(../images/amore.png) no-repeat 24px center #003686; font-size:16px; line-height:55px; font-family:Inter; padding-left:25px;  border-radius:5px; box-shadow: 0 0 10px rgba(0,5,134,0.35);}

.indexAbout .index_text .m{-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.indexAbout .index_text .m:hover{-o-transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}

/*active*/
.index_text h1,
.indexAbout .index_text .wz,
.indexAbout .index_text .m{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transform:translateY(-60px);-o-transform:translateY(-60px);-moz-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px);}

section.active .index_text h1{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);}

section.active .index_text .wz{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-o-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-moz-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-ms-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;}

section.active .index_text .m{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateX(0) translateZ(0);-o-transform:translateX(0) translateZ(0);-moz-ttransform:translateX(0) translateZ(0);-ms-transform:translateX(0) translateZ(0);transform:translateX(0) translateZ(0);
-webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);}

@media screen and (max-width:1440px){
	
.indexAbout .index_text h1{ line-height:32px; margin-bottom:30px;}	
.indexAbout .index_text .wz{font-size:16px;line-height:24px;} 
.indexAbout .index_text .m{ margin-right:65px; width:125px; height:50px;background:url(../images/amore.png) no-repeat 14px center #003686; background-size:20px;  line-height:50px; }

}

@media screen and (max-width:1270px){
.indexAbout .index_text h1{ line-height:28px; margin-bottom:30px;}	
.indexAbout .index_text .wz{font-size:16px;line-height:24px;} 

}

@media screen and (max-width:1024px){
	
.indexAbout .index_text h1{ line-height:22px; margin-bottom:20px;}	
.indexAbout .index_text .wz{font-size:14px;line-height:20px; margin-bottom:30px;} 
.indexAbout .index_text .more_box{background-size:25px;}
.indexAbout .index_text .m{  width:120px; height:45px;background:url(../images/amore.png) no-repeat 14px center #003686; background-size:15px; font-size:14px; padding-left:20px;  line-height:45px; }	
	
.indexAbout .index_text h1{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);}

.indexAbout .index_text .wz{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-o-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-moz-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
-ms-transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;
transition:opacity .6s linear .2s,transform .6s cubic-bezier(.215,.61,.355,1) .2s;}

.indexAbout .index_text .m{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateX(0) translateZ(0);-o-transform:translateX(0) translateZ(0);-moz-ttransform:translateX(0) translateZ(0);-ms-transform:translateX(0) translateZ(0);transform:translateX(0) translateZ(0);
-webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);}
}



@media screen and (max-width:768px){
	
.indexAbout .index_text{ width:100%; max-width:768px; text-align:left; }
.indexAbout .about_img{ width:100%; max-width:768px; text-align:center; margin-top:30px;}
.indexAbout .index_text .wz{font-size:14px;line-height:20px; margin-bottom:15px;} 
.indexAbout .index_text .more_box{ display:block; margin:0px auto;background-size:20px; text-align:center;}
.indexAbout .index_text .m{ margin-right:0px;width:120px; height:35px;background:url(../images/amore.png) no-repeat 14px center #003686; background-size:15px; font-size:14px; padding-left:20px;  line-height:35px; }	

}





/************************************indexBanner************************************/
.indexBanner{position:relative;overflow:hidden;background-size:cover; position:relative;}
.bannershadow{position:absolute;left:0;right:0; top:0;bottom:0;width:100%;height:100%; background:url(../images/banner-shadow.png) repeat-y center bottom; background-size:100%; z-index:1;}
.ind-banner .bannershadow{ background-repeat:no-repeat;}
.ind-banner{width:100%; overflow:hidden; position:relative;} 
.ind-banner h3{ position:absolute;right:5.5%; bottom:10%;  z-index:3;}
.ind-banner .img{display: block;left:0;right:0; top:0;bottom:0;width:100%;height:100vh;/*padding-bottom:56.25%;*/ position:relative; z-index:3;}
.ind-banner .img .shipin {position:absolute; top: 0;left: 0; width: 100%;height: 100%;overflow:hidden; background-attachment:fixed; z-index:1;}
.ind-banner .img video {width: 100%;height: 100%;object-fit: cover;/*filter: alpha(opacity=95);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";-moz-opacity: .95;-khtml-opacity: 0.95;opacity: .95;*/}
.ind-banner .bannerwz{position: absolute; left:0; right:0; margin:0 auto;top: 50%;-webkit-transform:translateY(-50%); transform:translateY(-50%); z-index:2; text-align:center;}
.ind-banner .bannerwz img{width:53.85416666666667%;}
/*active*/
.ind-banner .videoimg{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transform:translateX(-60px);-o-transform:translateX(-60px);-moz-transform:translateX(-60px);-ms-transform:translateX(-60px);transform:translateX(-60px);}
section.active .ind-banner .videoimg{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transform:translateY(0) translateZ(0);-o-transform:translateY(0) translateZ(0);-moz-ttransform:translateY(0) translateZ(0);-ms-transform:translateY(0) translateZ(0);transform:translateY(0) translateZ(0);
-webkit-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-o-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-moz-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
-ms-transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);
transition:opacity .6s linear,transform .6s cubic-bezier(.215,.61,.355,1);}

@media screen and (max-width:1024px){
.indexBanner{height:100vh;}
.ind-banner .img{padding-bottom:0;}
.ind-banner .bannerwz img{width:70%;}
}
@media screen and (max-width:768px){
.ind-banner .bannerwz img{width:90%;}
}


/*scroll-down*/
.scroll-down{position:absolute;z-index:9999;display:inline-block;left:50%;-webkit-transform:translateX(-50%); transform:translateX(-50%);bottom:7%;text-align:center;-webkit-transition:0.45s;-moz-transition:0.45s;-o-transition:0.45s;transition:0.45s}
.scroll-down i{display:block;margin:auto;position:relative;width:22px;height:44px;background:url(../images/banner-down.png) no-repeat center center; background-size:100%; margin-bottom:15px;-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;transition:1s}
.scroll-down span{display:block;margin-bottom:10px;color:#fff;line-height:1;font-size:12px; text-transform:uppercase; font-family:Helvetica,Arial,sans-serif;}
.scroll-down i{animation: 2s linear 0s normal none infinite move2;-webkit-animation: 2s linear 0s normal none infinite move2;}
@keyframes move2{
	0%{opacity:1;transform:translateY(-10px)}
   50%{transform:translateY(0px);opacity:0.2}
   100%{opacity:1;transform:translateY(-10px)}
   
}

.index .header.topfix{/* background-color:transparent;*/}
@media screen and (max-width:1023px){
.scroll-down{bottom:3%;}
}


/************************************indexfooter************************************/
.indexfooter .footer{background-attachment:inherit;}



/************************************首页圆点切换************************************/
#menu{position:fixed;right:30px;top:50%;list-style-type:none;z-index:70;transition:all .3s;-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);-o-transform:translate(0, -50%);transform:translate(0, -50%);}

#menu li{display:block;width:30px;height:30px;margin:0;position:relative;}
#menu li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none;}
#menu li a span i{ font-size:14px; font-style:normal;color:#ffffff; text-align:left; line-height:30px;}
#menu li a span:after{position:absolute;content:'';top:0;right:0;margin:0 auto;text-align:center;z-index:-1;background:#ffffff;height:30px;width:1px;margin-top:0;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
#menu li a span i{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
#menu li.active span:after{background-color:#d2c2aa;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
#menu li.active span i{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

@media screen and (max-width:1024px){
#menu{display:none;}		
}