.clearfix:after{
	content:"";
	height:0;
　　line-height:0;
　　display:block;
　　visibility:hidden;
　　clear:both;
}

.clearfix{
　　zoom:1;
}
.cdtc{
	width:100% !important;
}
.index_nav ul{
	width:100% !important;
}
.index_nav ul li{
	width:20% !important;
}
.position_r{
	position:relative;
}

/**banner**/
.banner{
	height:19.55rem;
	background:url(../images/banner.jpg) no-repeat;
	background-size:100% 100%;
}
.swiper-container {
    max-width:26.6rem;
	height:11.3rem;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}
/**major**/
/*
#certify {
	position: relative;
	width: 26.6rem;
	height:12rem;
	margin: -2rem auto 2rem;
}

#certify .swiper-container {
	height:12rem;
}

#certify  .swiper-slide {
	width: 16.7rem;
	background: #fff;
}
#certify  .swiper-slide img{
	display:block;
}
#certify  .swiper-slide p {
	height:1.4rem;
	line-height: 1rem;
	padding-top: 0;
	text-align: left;
	color: #636363;
	font-size: .8rem;
	margin: 0;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certify .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}

#certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}
*/
.major{
	text-align:center;
}
#video_wdj{
	position:relative;
	top:-2rem;
	width:24rem;
	height:15rem;
}
/**medio**/
.media{
	background:#f5f9fc;
}
.media_title{
	width:20.4rem;
	height:4rem;
	background:url(../images/medio_title.png)no-repeat;
	background-size:100% 100%;
	margin: 0 auto;
}
.media_list{
	width:29.1rem;
	margin: 2.5rem auto;
	padding:.6rem .5rem;
	background: -ms-linear-gradient(left, #3a85fe,  #17bcd8);
	background:-moz-linear-gradient(left,#3a85fe,#17bcd8);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#3a85fe), to(#17bcd8)); 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3a85fe), to(#17bcd8));
	background: -webkit-linear-gradient(left, #3a85fe, #17bcd8);
	background: -o-linear-gradient(left, #3a85fe, #17bcd8);
	border-radius:.5rem;
	overflow:hidden;
}
.media_img:nth-child(3n){
	margin-right:0;
}
.media_img{
	float:left;
	width:9.2rem;
	height:4.35rem;
	margin-right:.2rem;
}
.mechanism{
	padding-bottom:2rem;
}
.mechanism_title{
	width:26.55rem;
	height:5.65rem;
	background:url(../images/title_hzdw.png)no-repeat;
	background-size:100% 100%;
	margin: 0 auto;
}
.mechanism_desc{
	width:29rem;
	font-size:.9rem;
	margin: 3rem auto 0;
}
/**dean**/
.dean_haoshuai{
	position:relative;
	width:100%;
	height:26.1rem;
	background:url(../images/person_bg.jpg)no-repeat;
	background-size:100% 100%;
}
.dean_person{
	position:absolute;
	width:10.95rem;
	height:21.55rem;
	background:url(../images/person_hs.png)no-repeat;
	background-size:100% 100%;
	margin-left:2.85rem;
}
.dean_content{
	position:relative;
	color:#fff;
	float:right;
	width:19rem;
}
.dean_content pre{
	font-size:.65rem;
}
.dean_top1{
	position:absolute;
	top:3.8rem;
	left:-1.5rem;
	width:9.4rem;
	height:1.9rem;
	background:url(../images/dean_title1.png)no-repeat;
	font-size:.7rem;
	font-weight:bold;
	background-size:100% 100%;
	padding:.45rem 0 0 2rem;
}
.dean_top2{
	position:absolute;
	top:8rem;
	left:1rem;
	width:9.4rem;
	height:1.9rem;
	background:url(../images/dean_title2.png)no-repeat;
	font-size:.7rem;
	font-weight:bold;
	background-size:100% 100%;
	padding:.45rem 0 0 2rem;
}
.dean_top3{
	position:absolute;
	top:13.5rem;
	left:3rem;
	width:9.4rem;
	height:1.9rem;
	background:url(../images/dean_title3.png)no-repeat;
	font-size:.7rem;
	font-weight:bold;
	background-size:100% 100%;
	padding:.45rem 0 0 2rem;
}
.dean_top4{
	position:absolute;
	top:18rem;
	left:2rem;
	width:9.4rem;
	height:1.9rem;
	background:url(../images/dean_title4.png)no-repeat;
	font-size:.7rem;
	font-weight:bold;
	background-size:100% 100%;
	padding:.45rem 0 0 2rem;
}
.pre1{
	position:absolute;
	top:5.5rem;
	left:-1.3rem;
}
.pre2{
	position:absolute;
	top:10rem;
	left:2.5rem;
}
.pre3{
	position:absolute;
	top:15.5rem;
	left:3.5rem;
}
.pre4{
	position:absolute;
	top:20rem;
	left:1rem;
}
.desc_haoshuai{
	height:29rem;
	background:#635ce8;
}
.haoshuai_line{
	width:26.5rem;
	border-top:1px dashed rgba(255,255,255,0.3);
	margin: 0 auto;
}
.desc_title{
	width:20.35rem;
	height:3.65rem;
	background:url(../images/haoshuai_title.png)no-repeat;
	background-size:100% 100%;
	margin:2rem auto 0;
}
.desc_haoshuai_content{
	width:29.1rem;
	background: -ms-linear-gradient(left, #3b84ff,  #16bdd7);
	background:-moz-linear-gradient(left,#3b84ff,#16bdd7);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#3b84ff), to(#16bdd7)); 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3b84ff), to(#16bdd7));
	background: -webkit-linear-gradient(left, #3b84ff, #16bdd7);
	background: -o-linear-gradient(left, #3b84ff, #16bdd7);
	margin: 2.25rem auto  0;
	padding: .6rem 0 ;
	border-radius:.5rem;
}
.desc_top_img{
	width:28rem;
	margin: 0 auto;
	border-radius:.3rem;
	overflow:hidden;
}
.desc_top_txt{
	width:28rem;
	line-height:2rem;
	background:url(../images/desc_txt.png)no-repeat left center;
	background-size:.9rem .95rem;
	font-size:1rem;
	color:#fff;
	padding-left:1.5rem;
	margin:0 auto;
}
.desc_haoshuai_bot{
	overflow:hidden;
}
.desc_bot_box{
	float:left;
	width:13.7rem;
	margin-left:.6rem;
}
.desc_bot_txt{
	background:url(../images/desc_txt.png)no-repeat;
	background-size:.65rem .75rem;
	background-position:left .2rem;
	font-size:.85rem;
	color:#fff;
	padding-left:1rem;
}
.desc_bot_img{
	border-radius:.2rem;
	overflow:hidden;
}
/**honor**/
.honor{
	margin-top:8rem;
	overflow:hidden;
}
.honor_head{
	height:12rem;
	background:url(../images/honor_title_bg.jpg) no-repeat;
	background-size:100% 100%;
}
.honor_title{
	width:26.65rem;
	height:6.05rem;
	padding-top:3.1rem;
	margin:0 auto;
}
.honor_content{
	background: -ms-linear-gradient(left, #3a86fe,  #18bad9);
	background:-moz-linear-gradient(left,#3a86fe,#18bad9);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#3a86fe), to(#18bad9)); 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3a86fe), to(#18bad9));
	background: -webkit-linear-gradient(left, #3a86fe, #18bad9);
	background: -o-linear-gradient(left, #3a86fe, #18bad9);
	margin: 0 auto;
	padding:2rem 0;
}
.honor_box{
	width:26.65rem;
	margin: 0 auto;
}
.honor_item{
	line-height:1.6rem;
	font-size:.9rem;
	font-weight:bold;
	color:#fff;
}
.honor_item font{
	display:inline-block;
	width:1.1rem;
	height:1.1rem;
	line-height:1.1rem;
	text-align:center;
	font-weight:initial;
	color:#000;
	background:#f0f0fc;
	border-radius:50%;
	margin-right:.5rem;
}
.honor_txt{
	width:26.65rem;
	font-size:.8rem;
	color:#fff;
	text-indent:2em;
	margin:0 auto .5rem;
}
.honor_img{
	width:26.3rem;
	margin:0 auto;
}
/**case**/
.case_top{
	width:26.5rem;
	height:6.15rem;
	background:url(../images/case_title.png) no-repeat;
	background-size:100% 100%;
	margin: 3.3rem auto;
}
.case_warp{
	overflow:hidden;
}
.swiper-container12 {
	float:left;
    max-width:23.5rem;
	padding-top:.2rem;
	overflow:hidden;
}
.swiper-container12 .swiper-slide {
    font-size: .9rem;
    background: none;
	padding-right:.5rem;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-container13 {
	float:right;
    max-width:23.5rem;
	padding-top:.2rem;
	overflow:hidden;
}
.swiper-container13 .swiper-slide {
    font-size: .9rem;
    background: none;
	padding-right:.5rem;
	margin-bottom:3rem;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.vdosrc img{
	border-radius:.5rem;
	box-shadow:0 0 .3rem #eef0fc;
}
.video_title{
	display:block;
	font-size:1.15rem;
	text-align:center;
	color:#000;
}
.arrow-left,.arrow-right{
	display:inline-block;
	width:1.7rem;
	height:4.4rem;
}
.arrow-left{
	float:left;
	background:url(../images/arrow_left.jpg) no-repeat;
	background-size:100% 100%;
	margin:2rem 2rem  0;
}
.arrow-right{
	float:right;
	background:url(../images/arrow_right.jpg) no-repeat;
	background-size:100% 100%;
	margin:2rem 2rem  0;
}


.case_line{
	width:23.55rem;
	height:1.5rem;
	background:url(../images/case_line.png)no-repeat;
	background-size:100% 100%;
	margin: 1rem auto;
}

/**experience**/
.experience{
	position:relative;
	height:50.1rem;
	background:url(../images/experience_bg.jpg)no-repeat;
	background-size:100% 100%;
}
.experience_head{
	position:absolute;
	top:3.5rem;
	left:2.7rem;
	width:26.45rem;
	height:6rem;
	background:url(../images/experience_title.png)no-repeat;
	background-size:100% 100%;
}
.experience_date{
	font-size:1.8rem;
	font-weight:bold;
}
.experience_txt{
	width:12.1rem;
	font-size:.75rem;
}
.experience_right{
	position:absolute;
	left:17.2rem;
	text-align:left;
	color:#fff;
}
.experience_left{
	position:absolute;
	right:17.3rem;
	text-align:right;
	color:#fff;
}
.experience_date1{
	top:12.9rem;
}
.experience_date2{
	top:15.2rem;
}
.experience_date3{
	top:18.7rem;
}
.experience_date4{
	top:20.8rem;
}
.experience_date5{
	top:24.1rem;
}
.experience_date6{
	top:28.05rem;
}
.experience_date7{
	top:35.6rem;
}
.experience_date8{
	top:38.75rem;
}
.experience_txt1{
	top:15.1rem;
}
.experience_txt2{
	top:17.45rem;
}
.experience_txt3{
	top:21rem;
}
.experience_txt4{
	top:23.15rem;
}
.experience_txt5{
	top:26.5rem;
}
.experience_txt6{
	top:30.4rem;
}
.experience_txt7{
	top:38rem;
}
.experience_txt8{
	top:41rem;
}
/**welfare**/
.welfare_head{
	width:26.4rem;
	height:6.1rem;
	background:url(../images/welfare_title.png)no-repeat;
	background-size:100% 100%;
	margin: 3rem auto 1.5rem;
}
.welfare_txt1{
	width:26.5rem;
	font-size:.9rem;
	font-weight:bold;
	color:#3c84ff;
	margin:0 auto;
}
.welfare_txt2{
	width:26.5rem;
	font-size:.9rem;
	margin: 0 auto;
}
.welfare_swiper{
	position:relative;
}
.welfare_swiper_img{
	position:relative;
	width:25.7rem;
	height:16.55rem;
	border-radius:.25rem;
	margin: .75rem auto 0;
	padding:.5rem .7rem;
	box-shadow:0 0 .3rem #cfe1ff;
}
.welfare-left-btn{
	position:absolute;
	top:9rem;
	left:0rem;
	width:1.65rem;
	height:4.25rem;
	background:url(../images/arrow_left.jpg)no-repeat;
	background-size:100% 100%;
	z-index:99999;
}
.welfare-right-btn{
	position:absolute;
	top:9rem;
	right:0rem;
	width:1.65rem;
	height:4.25rem;
	background:url(../images/arrow_right.jpg)no-repeat;
	background-size:100% 100%;
	z-index:99999;
}
.swiper-container14{
	margin:0 .75rem;
	padding-bottom:.2rem;
	overflow:hidden;
}
.welfare_txt3{
	font-size:.8rem;
	width:29rem;
	margin:3.5rem auto 0;
}
.welfare_video{
	width:29.1rem;
	height:9rem;
	background: -ms-linear-gradient(left, #3a86fe,  #18bad9);
	background:-moz-linear-gradient(left,#3a86fe,#18bad9);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#3a86fe), to(#18bad9)); 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3a86fe), to(#18bad9));
	background: -webkit-linear-gradient(left, #3a86fe, #18bad9);
	background: -o-linear-gradient(left, #3a86fe, #18bad9);
	margin: 2rem auto;
	border-radius:.5rem;
}
.welfare_videoContent{
	float:left;
	width:13.2rem;
	height:8rem;
	border-radius:.3rem;
	margin:.65rem 0 0 .8rem;
	overflow:hidden;
}









.rotate{
	animation: rotate 1.5s linear normal both
}
@keyframes rotate{
	0%{transform:rotate(0deg);}
	50%{transform:rotate(180deg);}
	100%{transform:rotate(360deg);}
}



@keyframes click
{
    0%   {width:2rem;height:2rem;}
    50%  {width:1.5rem;height:1.5rem;}
    100% {width:2rem;height:2rem;}
}
@keyframes right
{
    0%   {width:0rem;}
    100% {width:20rem;}
}
@keyframes tada{
	0%{transform:scale(1);}
	10%,20%{transform:scale(0.9) rotate(-3deg);}
	30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);}
	40%,60%,80%{transform:scale(1.1) rotate(-3deg);}
	100%{transform:scale(1) rotate(0);}
}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
	@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
	@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}