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


/* product */
#index-pro .model{ max-width:1400px; min-width:1180px;margin:0 auto; padding: 0 10px; margin-top: 20px;}
#index-pro .model .taps{margin:10px 0 50px;text-align:center}
#index-pro .model .taps a{display:inline-block;color:#616161;padding:0px 27px;-webkit-transition:all .3s ease;transition:all .3s ease;border-right: 1px #c1c1c1 solid;font-size:18px}
#index-pro .model .taps a:last-child{border:none}
#index-pro .model .taps a.selected, #index-pro .model .taps a:hover{ font-weight: bold; color:#006ada;}


#index-application .model{ max-width:1400px; min-width:1180px;margin:0 auto; padding: 0 10px; margin-top: 20px;}
#index-application .swiper-slide{ position: relative; overflow: hidden;}
#index-application .swiper-slide.cur{}	
	
#index-application .swiper-slide .list-item{ display: none;  opacity: 0;  position: absolute; left: 0px; top: 0; padding-top: 20%; width: 100%; height: 80%;}	
#index-application .swiper-slide .list-item a{ color: #fff; font-size:22px;}		
#index-application .swiper-slide .list-item .list-item-li{ padding:0 15%; margin-bottom: 50px;}	
#index-application .swiper-slide .list-item .list-item-li .name{ text-align: center; margin-bottom: 20px; line-height: 30px; letter-spacing: 2px;}
#index-application .swiper-slide .list-item .list-item-li .more { font-size: 15px; width: 120px; margin: 0 auto; height: 36px; line-height: 36px; text-align: center; background: #0b60cc;}	

#index-application .swiper-slide .item-title{ position: absolute; bottom:4px; width: 100%; line-height: 60px; text-align: center; font-size: 22px; letter-spacing:2px;  color: #fff; background: none;}	
#index-application .swiper-slide .item-title a{color:#fff;}
	
#index-application .swiper-slide.cur .list-item{ display: block; opacity: 1;}	
#index-application .swiper-slide.cur .item-title{ background:rgba(0,0,0,.6);}


#index-about{ background: url("../dimg/aboutbg.jpg") no-repeat center top; height: 572px; margin-bottom: 82px; margin-top: 82px;}
#index-about .model{}
#index-about .model .aboutl{ width:50%;}
#index-about .model .pic{ width: 100%;}
#index-about .model .pic img{ width: 100%;}
#index-about .model .aboutr{ width:50%;}
.mainTit h2 { font-size: 26px; color: #222222;}
.mainTit span { font-size: 14px; color: #888888; text-transform: uppercase;	}		
.mainTitIco span { display: inline-block;  vertical-align: middle;  width: 9px; height: 9px; background: url(../dimg/mainTitIco.png) center center no-repeat; position: relative;}	
.mainbox2RigCon { font-size: 14px; color: #555555; line-height: 36px; margin: 20px 0; max-height: 360px; overflow: hidden; text-align: left; letter-spacing: 1px;}
.mainbox2RightText{ padding: 50px 135px; text-align: center; font-size: 15px;}
.mainbox2More {
    font-size: 14px;
    color: #ffffff;
    background: #094ca1;
    text-transform: uppercase;
    padding: 12px 50px;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
}
.mainbox2More span {
    display: inline-block;
    line-height: 32px;
    vertical-align: middle;
	color:#fff;
}
.mainbox2More:hover, .mainbox2More:focus{color: #FFFFFF;
padding: 12px 25px;}

.mainTitIco span:before, .mainTitIco span:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    width: 70px;
    height: 1px;
	background: #d3d3d3;}
.mainTitIco span::before {
    left: -80px;
}

.mainTitIco span::after {

    right: -80px;

}

.mainbox2Ico{ position:absolute; left:50%; margin-left:-70px; top:50%; margin-top:-119px; z-index:1; background:#094ca1; width:140px; height:238px; padding:20px; text-align:center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
align-items: center;
transition:all 0.3s ease-out 0.7s; -webkit-transition:all 0.3s ease-out 0.7s;
transform:scaleX(-1); -webkit-transform:scaleX(-1);
}
.mainbox2Ico img{ margin:0 auto;}
.mainbox2IcoLine{ width:80%; height:90%; border:1px solid rgba(255,255,255,0.4); position:absolute; left:10%; top:5%;}



.index-why{ margin-bottom: 60px;}
.index-why .box{width: 14%; margin: 0 .1%; text-align: center;}

.index-why .box .num{width: 116px; height: 116px; margin: 10px auto 25px; font-size: 50px; color: #f36276; background: #f3f3f3; border-radius: 100px; }
.index-why .box:hover .num{border-color: transparent;color: #fff;box-shadow: 0 0 7px 3px rgba(54, 54, 54, 0.3); background: radial-gradient(at 0% 30%, #006bd8 0%, #006bd8 50%);}
	
.dicon{ display: block; width:60px; height: 60px; padding: 28px; background-repeat: no-repeat; background-position: center;}	
	
.index-why .box .tit{font-size: 16px;color: #000; line-height: 40px;}
/*.index-why .box .b_line{width: 60px;height: 2px;margin:30px auto 40px;background: #3eb0cd;}*/
.index-why .box .bf{font-size: 14px; line-height: 22px;  color: #8b8b8b; padding: 0 20px;}	

.index-why .box .dicon01{background-image:url(../dimg/icon/icon2_01.png);}	
.index-why .box .dicon02{background-image:url(../dimg/icon/icon2_02.png);}		
.index-why .box .dicon03{background-image:url(../dimg/icon/icon2_03.png);}	
.index-why .box .dicon04{background-image:url(../dimg/icon/icon2_04.png);}	
.index-why .box .dicon05{background-image:url(../dimg/icon/icon2_05.png);}	
.index-why .box .dicon06{background-image:url(../dimg/icon/icon2_06.png);}	
.index-why .box .dicon07{background-image:url(../dimg/icon/icon2_07.png);}	
	
.index-why .box:hover .dicon01{background-image:url(../dimg/icon/icon2_01h.png);}	
.index-why .box:hover .dicon02{background-image:url(../dimg/icon/icon2_02h.png);}		
.index-why .box:hover .dicon03{background-image:url(../dimg/icon/icon2_03h.png);}	
.index-why .box:hover .dicon04{background-image:url(../dimg/icon/icon2_04h.png);}	
.index-why .box:hover .dicon05{background-image:url(../dimg/icon/icon2_05h.png);}	
.index-why .box:hover .dicon06{background-image:url(../dimg/icon/icon2_06h.png);}	
.index-why .box:hover .dicon07{background-image:url(../dimg/icon/icon2_07h.png);}	



#index-classroom{ overflow:hidden;}
#index-classroom .item{ float:left; width:33.3333%;}
#index-classroom .item .title{ font-size:24px; color:#000; margin:0 23px 23px; border-bottom:2px solid #cecece; padding-bottom:5px; position: relative;}
#index-classroom .item .title a{color:#000;}
#index-classroom .item .title:before{ content: ""; display: block; position: absolute; bottom: -2px;  width: 96px; height: 2px; background: #026adb; }
#index-classroom .item .list{margin:0 23px;}	
	

#index-classroom .item .list li{height:32px; line-height:32px; border-bottom:1px dashed #ccc; overflow:hidden; position: relative; font-size: 14px;}
#index-classroom .item .list li i{ font-size:22px; color: #026adb;}	
#index-classroom .item .list li h3 a{max-width:70%; display:block; height:32px; padding:0 5px; overflow:hidden; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; color: #707070;}
#index-classroom .item .list li span{display:block; line-height:32px; text-align:center; position: absolute; right: 0px;  color: #888;}	
	

#index-classroom .lista{ padding: 16px 0; border-bottom: 1px solid #e2e2e2;}
#index-classroom .lista:last-child{border-bottom: none;}	
#index-classroom .lista .pic{ width:39%; height:100%; text-align:center;}
#index-classroom .lista .pic img{ vertical-align:middle; width:100%;}
#index-classroom .lista .pic span{ vertical-align:middle; display:inline-block; height:100%;}
#index-classroom .lista .con{ width:54%;}
#index-classroom .lista .con .name{ height:20px; overflow:hidden; line-height:20px;  }
#index-classroom .lista .con .name a{ font-size:17px; color:#000; }
#index-classroom .lista .con .brief{ font-size:14px; color:#707070; line-height:22px; height:66px; margin-top:10px; display: -webkit-box; -webkit-box-orient: vertical;
-webkit-line-clamp: 3; overflow: hidden;}	
#index-classroom .lista .con .time{ font-size: 15px; padding-left: 24px; color: #707070; background: url(../dimg/icon/time.jpg) no-repeat center left;}		



#index-news{ overflow:hidden; }
#index-news .model{ padding-top: 20px;}
#index-news .item{ float:left; width:33.3333%;}
#index-news .item .title{ font-size:16px; color:#0e69cd; margin:0 23px 23px; border:1px solid #0e69cd; border-width: 1px 0; height: 45px; line-height: 45px; position: relative; padding-left: 34px;}
#index-news .item .title .exta{ float: right; font-size: 16px; color: #0e69cd;}
#index-news .newt01{ background: url(../dimg/icon/icon_news01.png) no-repeat center left;}
#index-news .newt02{ background: url(../dimg/icon/icon_news02.png) no-repeat center left;}
#index-news .newt03{ background: url(../dimg/icon/icon_news03.png) no-repeat center left;}

#index-news .item .list{margin:0 23px;}	
#index-news .item .list li{height:32px; line-height:32px; border-bottom:1px dashed #ccc; overflow:hidden; position: relative; font-size: 14px;}
#index-news .item .list li i{ font-size:22px; color: #026adb;}	
#index-news .item .list li h3 a{max-width:70%; display:block; height:32px; padding:0 5px; overflow:hidden; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; color: #707070;}
#index-news .item .list li span{display:block; line-height:32px; text-align:center; position: absolute; right: 0px;  color: #888;}	

#index-news .lista{ width:100%; border-bottom:1px solid #cecece; overflow: hidden; margin-bottom: 10px;}
#index-news .lista .pic{ width:100%; height: 210px; text-align:center; margin-bottom: 10px;}
#index-news .lista .pic img{ vertical-align:middle; width: 100%; height: 100%;}
#index-news .lista .pic span{ height:100%; display:inline-block; vertical-align:middle;}
#index-news .lista .name{ height:40px; line-height:40px; overflow:hidden; position: relative;}
#index-news .lista .name a{ font-size:16px; color: #006bd8; padding: 0 5px;}
#index-news .lista .name i{ font-size:22px; color: #026adb;}		
#index-news .lista .name .time{display:block; line-height:40px; text-align:center; position: absolute; right: 0px; top: 0; font-size: 14px;  color: #006bd8;}		

#index-partners img{ width:100%; }

#index-certificate .zizhi{ max-width: 1400px; min-width:1200px; width:100%; margin: 0 auto;  height: 680px;  position: relative; margin-bottom: 40px;}
#index-certificate .zizhi .dzz{border-color: #dcddde;-webkit-box-shadow:0 3px 6px 2px #dcddde;box-shadow:0 3px 6px 2px #dcddde; background: #fff; transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease;}
#index-certificate .zizhi .dzz:hover{ /* z-index:9999; */ }

#index-certificate .zizhi .name img{ width:100%; height: 50px;}			
#index-certificate .zizhi .name span{ position: absolute; left: 0px; top: 0px; width: 100%;  text-align: center; font-size: 15px; color: #fff; height:50px; line-height:50px;}	
#index-certificate .zizhi .pic{}	
#index-certificate .zizhi .pic p{}			
#index-certificate .zizhi .pic img{ width:100%; }		
			
#index-certificate .zz1{ width: 368px; width:26%; height: 550px; height:80%; position: absolute; left: 0px; bottom: 0px;  z-index: 97}
#index-certificate .zz1 .name span{ }	
#index-certificate .zz1 .pic img{ height: 490px; }			
#index-certificate .zz2{ width: 410px; width:29%; height: 614px; height:90%; position: absolute; left: 220px; left:15%; bottom: 0px;  z-index: 98}	
#index-certificate .zz2 .name span{ }	
#index-certificate .zz2 .pic img{ height: 552px; }					
#index-certificate .zz3{ width: 454px; width:32%; height: 680px; height:100%; position: absolute; left: 472px; left:33%; bottom: 0px; z-index: 99}
#index-certificate .zz3 .name span{  }	
#index-certificate .zz3 .pic img{ height: 606px;}	
				
#index-certificate .zz4{ width: 410px; width:29%; height: 614px; height:90%; position: absolute; left: 770px;  left:55%;bottom: 0px; z-index: 98}
#index-certificate .zz4 .name span{  }	
#index-certificate .zz4 .pic img{  height: 552px;  }					
#index-certificate .zz5{ width: 368px; width:26%; height: 550px; height:80%; position: absolute; left: 1030px;  left:74%;bottom: 0px; z-index: 97}	
#index-certificate .zz5 .name span{  }	
#index-certificate .zz5 .pic img{ height: 490px;  }	
#index-certificate .swiper-container{ padding-bottom:30px;}
#index-certificate .swiper-pagination-bullet-active{ border-radius: 10px; padding: 0 10px;}			
#index-certificate .swiper-button-next, .swiper-button-prev{ bottom: -7px !important; top: auto; font-size: 36px; color: #b1adac; background: none;}

#index-certificate .swiper-button-next:hover{ background: none; }
#index-certificate .swiper-button-prev:hover{ background: none; }
#index-certificate .swiper-button-prev{ left: 44%;}
#index-certificate .swiper-button-next{right: 44%;}



@media screen and ( max-width: 1372px ) {
	
.mainbox2RigCon{ height:278px; line-height: 30px;}
}

@media screen and ( max-width: 1200px ) {
	

.d-nav .sf-mega{ left:-7px;}
}