@charset "utf-8";
/* CSS Document */
*:focus{ outline:none}
body{ font-family:"微软雅黑"}
ul{ padding:0; margin:0}
ul li{ list-style-type:none}


.w1024{ width:1024px; margin:auto;}
.w714{width:744px; margin:auto;}
.top{ padding:20px 0;}
.top img{ display:inline-block}

.link{ background: #1589d1;
    color: #fff;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
}

#link_wap{ display:none}

.swiper-container {
    width:100%; height:460px;
}  

.swiper-slide{  background-repeat:no-repeat; background-position:center}

.swip1{ background-image:url(../images/swip1.jpg)}
.swip2{ background-image:url(../images/swip2.jpg)}
.swip3{ background-image:url(../images/swip3.jpg)}


element.style {
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}
.swiper-pagination-bullet-active {
    background: #f8680b !important;
}
.swiper-slide{ text-align:center}
.swip_text_1{ color: #fff;
    font-size: 48px;
    font-weight: bold;
    text-shadow: 3px 3px 10px #353535;
    letter-spacing: 2px;
    margin-top: 89px;
    display: block;
    margin-bottom: 20px;}
.swip_text_2{ color:#fff; display:block; background:#3191cc; width:318px; height:46px; margin:auto; line-height:46px; font-size:24px;}

.service{ background:#f5f5f5; overflow:hidden}

.title{    text-align: center;
    color: #757375;
    margin-top: 35px;}
.title hr{width: 282px;
    margin: 0 auto;
    color: #757375;
    border-top: 1px solid #757375;}
.china{font-size: 18px;
    margin-bottom: 15px;}
.en{  font-size: 16px;
    display: inline-block;
    padding: 5px 15px;
    position: relative;
    top: -17px;
    background: #f5f5f5;}
.service_a{display: inline-block;
    width: 32.5%;
    text-align: center;
    color: #848585;
    padding: 20px 2%;
    float: left;
	position:relative;
	transition:all .3s ;
-moz-transition:all .3s; /* Firefox 4 */
-webkit-transition:all .3s; /* Safari and Chrome */
-o-transition:all .3s; /* Opera */
height: 295px;
 cursor:pointer;
	}

.font-kai { font-family:"楷体"}

@keyframes arrow_turn_anticlockwise1 {
    0% {
		transform-style: preserve-3d;
        transform: rotateY(-180deg);
    }
}
@-moz-keyframes arrow_turn_anticlockwise1 {
    0% {
		transform-style: preserve-3d;
        transform: rotateY(-180deg);
    }
}
@-ms-keyframes arrow_turn_anticlockwise1 {
    0% {
		transform-style: preserve-3d;
        transform: rotateY(-180deg);
    }
}
@-o-keyframes arrow_turn_anticlockwise1 {
    0% {
		transform-style: preserve-3d;
        transform: rotateY(-180deg);
    }
}
@-webkit-keyframes arrow_turn_anticlockwise1 {
    0% {
		transform-style: preserve-3d;
        transform: rotateY(-180deg);
    }
}


.active{
	
    animation: arrow_turn_anticlockwise1 0.3s linear;
	-moz-animation: arrow_turn_anticlockwise1 0.3s linear;
	-ms-animation: arrow_turn_anticlockwise1 0.3s linear;
	-o-animation: arrow_turn_anticlockwise1 0.3s linear;
	-webkit-animation: arrow_turn_anticlockwise1 0.3s linear;
	}

.service_a .ckxq{text-align: center;
    color: #00bcdb; opacity:0}
.w_p_40{ width:46%}
.service_a:hover{ color:#666; text-decoration:none;  }
.service_a span{    display: block;
    text-align: justify;
    margin-top: 25px;}
.w_p_40 span{width:65%;
    margin:25px auto;}
.cooperative{ background:#1589d1; padding-bottom:50px; overflow:hidden}
.cooperative .title{ color:#fff;}
.cooperative .en{ background:#1589d1}
.cooperative .title hr{border-top: 1px solid #77c4f3;}

.philosoph{ background:#ededed; padding-bottom:50px;overflow: hidden;}
.philosoph .en{ background:#ededed}
.philosoph span {
    color: #757375;
    display: block;
    margin-bottom: 40px;
    margin-top: 15px;
}

.bottom{ background:#21262a; color:#6a7378; height:54px; line-height:54px; text-align:center}

.bottom2{ background:#2f383d;    padding: 30px 0;}
.bottom2 .img-responsive{ display:inline-block}

.s_tit{ background:#ededed;}
.s_tit .w714{ background:#fff;}
.s_tit .w714 .en{ background:#fff;}
.partner{ padding-bottom:40px; overflow:hidden}
.partner img{margin-bottom: 25px;
    margin-top: 20px;}
.partner .col-xs-3{width: 25%;padding-right: 10px;padding-left: 0;}
.partner .col-xs-3{ text-align:center}
.partner .img-responsive{ display:inline-block}

.partner .row{ visibility:hidden}

.animation_goup{
	position:relative;
	animation:5s linear  goup;
	-moz-animation:5s linear  goup;
	-ms-animation:5s linear  goup;
	-o-animation:5s linear  goup;
	-webkit-animation:1s ease  goup;
}



@keyframes goup
{
0%{top:200px; opacity:0}
	100%{top:0; opacity:1}	}

@-moz-keyframes goup 
{
0%{top:200px; opacity:0}
	100%{top:0; opacity:1}	}

@-webkit-keyframes goup 
{
0%{top:200px; opacity:0}
	100%{top:0; opacity:1}	}

@-o-keyframes goup 
{
0%{top:200px; opacity:0}
	100%{top:0; opacity:1}	}

.wap_link{ display:none}
.wap_footer{display:none}

@media screen and (max-width:1024px){
	.w1024,.w714{ width:100%}
	.s_tit .w714{ width:90%}
	.s_tit .title{ margin-top:20px;}
	#link{ display:none}
	#link_wap{ display:block}
	body {padding-bottom: 46px;}
	.wap_footer{display:block;}
	.link .col-xs-3{ padding:0; text-align:center}
	.link .col-xs-4{ padding:0; text-align:center}
	.link .col-xs-1{ padding:0; text-align:center}
	.swip_text_1 {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-shadow: 3px 3px 10px #353535;
    letter-spacing: 2px;
    margin-top: 25px;
    display: block;
    margin-bottom: 20px;
}
.swip_text_2 {
    color: #fff;
    display: block;
    background: #3191cc;
    width: 206px;
    height: 46px;
    margin: auto;
    line-height: 46px;
    font-size: 16px;
}
.swiper-container {
    width: 100%;
    height: 201px;
}

.service_a{width: 48%;
    margin:14px 0; height:230px;    margin-right: 2%;}
.service_a1{width: 48%;
    margin:14px 0; height:270px;    margin-right: 2%;}
.service_a img{ width: 76%;
    margin: auto;}
	
	.w_p_40 span{ width:100%}
	
	.philosoph .col-xs-6{ padding-right:0;}
	
	.philosoph .row{ padding-right:15px;}
	
	.partner img{margin-top: 25px; margin-bottom: 10px;}
	.philosoph{ padding-bottom:20px;}
	
	.wap_link{    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    top: 0;
    left: 0;
    z-index: 999;}
	
	.wap_link ul{width: 40%;
	background: #1f83c1;
    color: #fff;
    height: 100%;
    font-size: 16px;}
	
	.wap_link ul li{
		   height: 50px;
    line-height: 50px;
    border-bottom: solid 1px #d6d6d6;
    padding-left: 24px;
    margin: 0 5px;
	}
}