/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 * 
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/

/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
}
.swiper-slide {

}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}
.index_kv1 {height: calc(100vh); background: url(../images/index_kv1.jpg) center left no-repeat; background-size: cover }
.index_kv2 {height: calc(100vh); background: url(../images/index_kv3.jpg) left center no-repeat; background-size: cover }
.index_kv3 {height: calc(100vh); background: url(../images/index_kv4.jpg) center top no-repeat; background-size: cover }
.index_kv4 {height: calc(100vh); background: url(../images/index_kv2.jpg) center top no-repeat; background-size: cover }
/*.indexkv h1{ font-size: 50px }*/
/* .index_kv4 { height: calc(100vh); background: url(../images/index_kv4.jpg) top center no-repeat; background-size: cover } */ 


.swiper-slide-active .indexkv-animation01, .swiper-slide-active .indexkv-animation02, .swiper-slide-active .indexkv-animation03,.swiper-slide-active .indexkv-animation04  { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }
.swiper-slide-active .indexkv-animation01 { margin-top: 0; transition-delay: 0.3s }
.index_pagination.pagination { width:auto; z-index: 10;bottom: 50px; }
.index_pagination.pagination .swiper-pagination-switch,.pagination-newsSwiper.pagination .swiper-pagination-switch{ width: 12px; height: 12px; display: inline-block; border-radius: 100%; background: #fff; opacity: 0.4; cursor: pointer }
.index_pagination.pagination span,.inedxNewSwiper .pagination span{ margin: 0 6px; display: block }
.pagination-newsSwiper.pagination span{ margin: 0 6px;}
.index_pagination.pagination .swiper-active-switch, .pagination-newsSwiper.pagination .swiper-active-switch,.inedxNewSwiper .pagination .swiper-active-switch{ opacity: 1; }

.indexnews .swiper-wrapper, .indexnews .swiper-slide {height: auto !important;}
.indexnews_pagination.pagination { width:100%; text-align: center; bottom: 0; position: absolute; z-index: 10 }
.indexnews_pagination.pagination .swiper-pagination-switch ,.pagination-newsSwiper .swiper-pagination-switch { width: 12px; height: 12px; display: inline-block; border-radius: 100%; background: #b5b5b5; cursor: pointer }
.indexnews_pagination.pagination span{ margin: 0 6px; display: block }
.indexnews_pagination.pagination .swiper-active-switch { background: #000 }

.develop-swiper .swiper-wrapper, .develop-swiper .swiper-slide {height: auto !important;}

.develop-arrow-left, .develop-arrow-right { position: absolute;top: 45%; width: 50px; height: 50px; line-height: 50px; margin-top: -25px; background-image: none; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
.develop-arrow-left:hover, .develop-arrow-right:hover { filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3 }
.develop-arrow-left:before, .develop-arrow-right:before { font-family: "iconfont"; font-size: 40px; color: #fff; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6 }
.develop-arrow-left:before { content: "\e6a4" }
.develop-arrow-right:before { content: "\ea1e" }
.develop-arrow-left, .about-arrow-left { left: 0 }
.develop-arrow-right, .about-arrow-right { right: 0; text-align: right }

.develop_pagination.pagination {z-index: 10;bottom:0;}
.develop_pagination2.pagination {z-index: 10;bottom:10px }
.develop_pagination.pagination .swiper-pagination-switch { width: 12px; height: 12px; display: inline-block; border-radius: 100%; background: #b5b5b5; cursor: pointer }
.develop_pagination.pagination span{ margin: 0 6px; display: block }
.develop_pagination.pagination .swiper-active-switch { background: #1aa24d }

.develop-swiper2 { width: 76%!important }
.develop-swiper2 .swiper-wrapper, .develop-swiper2 .swiper-slide {height: auto !important;}
.develop-swiper2 .com-link:hover { background: #f4f4f4; color: #000 }
.develop-swiper2 .swiper-slide { padding-bottom: 40px}

.develop_pagination3.pagination {z-index: 10;bottom:0 }
.develop-swiper3 .swiper-wrapper, .develop-swiper3 .swiper-slide {height: auto !important;}
.develop-swiper3 .com-link:hover { background: #f4f4f4; color: #000 }
.develop-swiper3 .swiper-slide { padding-bottom: 30px}

.public-con .index_pagination2{bottom: -40px;}

.about-swiper.swiper-container { background: url(../images/about-swiper-line.png) center 200px no-repeat; background-size: 100% auto;padding-bottom: 40px;}
.about-swiper{padding-top: 40px; position: relative;}
.about-swiper .poabsolute-w50{bottom: 20px;}
.about-swiper .year { font-size: 24px; line-height: 1.1em; margin-top: 48px }
.about-swiper .titlebox { width: 110px; height: 110px; line-height: 110px; margin-top: 30px; font-size: 18px; background: rgba(255,255,255,0.4); -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.about-swiper .titleline { width: 110px; height: 110px; border: 1px dashed #000; position: absolute; top: 0; left: 0; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.about-swiper .txt { opacity: 0; }
.about-swiper .swiper-slide-active .year { font-size: 42px; margin-top: 0 }
.about-swiper .swiper-slide-active .titlebox { width: 160px; height: 160px; line-height: 160px; margin-top: 30px; font-size: 32px; background: rgba(18,189,111,0.5); color: #fff }
.about-swiper .swiper-slide-active .titleline { width: 180px; height: 180px; border: 1px dashed rgba(18,189,111,0.4); top: -10px; left: -10px } 
.about-swiper .swiper-slide-active .txt { opacity: 1; }
.about-con02 .about-swiper .swiper-wrapper, .about-con02 .about-swiper .swiper-slide {height: auto !important;}

.about-arrow-left, .about-arrow-right { position: absolute; top: 45%; width: 110px; text-align: center; height: 110px; line-height: 110px; margin-top: -55px; background-image: none; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; border: 1px dashed #474747; background: rgba(255,255,255,0.4); border-radius: 50% }
.about-arrow-left:before, .about-arrow-right:before { font-family: "iconfont"; font-size: 30px; line-height: 110px; color: #000 }
.about-arrow-left:before { content: "\e6a4" }
.about-arrow-right:before { content: "\ea1e" }
.about-arrow-left:hover:before { animation: arrowleft .6s; -webkit-animation: arrowleft .6s }
@keyframes arrowleft {
	0%,100% {
		margin-left: 0;
	}
	50% {
		margin-left: -20px;
	}
}
@-webkit-keyframes arrowleft {
	0%,100% {
		margin-left: 0;
	}
	50% {
		margin-left: -20px;
	}
}
.about-arrow-right:hover:before { animation: arrowright .6s; -webkit-animation: arrowright .6s }
@keyframes arrowright {
	0%,100% {
		margin-left: 0;
	}
	50% {
		margin-left: 20px;
	}
}
@-webkit-keyframes arrowright {
	0%,100% {
		margin-left: 0;
	}
	50% {
		margin-left: 20px;
	}
}


.join-swiper, .join-swiper .swiper-slide { height: auto }

.join_pagination.pagination {z-index: 10;bottom:0;}
.join_pagination.pagination .swiper-pagination-switch { width: 12px; height: 12px; display: inline-block; border-radius: 100%; background: #b5b5b5; cursor: pointer }
.join_pagination.pagination span{ margin: 0 6px; display: block }
.join_pagination.pagination .swiper-active-switch { background: #1aa24d }

.business_tabs .iconbox {
	cursor: pointer;
	
  float: left;
  color: #333;
  text-align: center;
  border-radius: 50%;
      width: 58px;
    height: 58px;
    line-height: 58px;
    border: 1px solid #000;
  font-size: 25px;}
.business_tabs div:hover .iconbox{background:#18a464;color: #fff;border:none;}
.business_tabs .iconbox .icon-iup{display: none;}
.business_tabs .active .iconbox {
	border:none;
  color: #fff;
  background: #18a464; 
    width: 70px;
    height: 70px;
    line-height: 70px;
border-radius: 50%;
border: none;

}
.business_tabs .iconbox p{width: 5em;}
.business_tabs .active .icon-iup {
display: block!important;
}
.business_tabs .iconbox.active i:nth-child(1){
	font-size: 30px;
}
.business_swiper {
background: #18a464; }
.business_swiper .swiper-slide {
  width: 640px;
  background: none;
  color: #fff;
}
.business_content {
  padding: 40px;
}
.business_swiper .swiper-wrapper,.business_swiper .swiper-wrapper .swiper-slide  {height: auto!important;}
.indexkv.swiper-container{height: auto!important;}
.mediaSwiper.swiper-container{height: calc(50vh)!important; min-height: 400px;}
.swiper-container{height: auto!important;}
.business_tabs div{width: 11.11%; float: left;}

.business_tabs .iconbox i{font-size: 30px;line-height: 70px;}
.business_tabs .iconbox .iconfont { font-size: 24px; line-height: 58px }
.business_tabs .iconbox .icon-iup {color: #18a464;position: absolute;bottom: -70px; margin-left: 10px}

.inkv01 .container { top: 25% ;left: 25%;color: #fff; width:auto!important}
.inkv01 .container .zzan{ margin-left:-150px;}
.inkv02 .container { top: 25% ;left: 30%; color: #0882cf;width:auto!important}
.inkv03 .container { top: 25% ;left: 25%; color: #fff;width:auto!important}
.inkv04 .container { top: 25% ;left:25%;color: #0882cf;width:auto!important}

@media ( max-width:800px ) {	
.indexkv h1 { font-size: 3rem }
.inkv01 .container .zzan{ margin-left:0px;}
.inkv01 .container { top:35%;left: 50%; width:100%!important }

.inkv02 .container { top:35%;left: 50%; width:100%!important }

/* .inkv02 .imgw40 { max-width: 60% } */

.inkv03 .container { top: 20%;left: 50%;}
/* .inkv03 .imgw40 { max-width: 60% } */

.inkv04 .container { top:35%;left: 50%; width:100%!important }

/* .inkv04 .imgw40 { max-width: 60% } */
.indexkv.swiper-container ,.indexkv .swiper-slide{
    height:450px!important;
}
.index_kv1 {height:100%; background: url(../images/mo_index_kv1.jpg) top center no-repeat; background-size: cover }
.index_kv2 {height:100%; background: url(../images/mo_index_kv3.jpg) top center no-repeat; background-size: cover }
.index_kv3 {height:100%; background: url(../images/mo_index_kv4.jpg) top center no-repeat; background-size: cover }
.index_kv4 {height:100%; background: url(../images/mo_index_kv2.jpg) top center no-repeat; background-size: cover }
.indexkv .poabsolute-wh50 { top: 35% }
.indexkv .imgw13 { max-width: 25% }
 

}

@media ( max-width:640px ) {
.inkv01 .container .zzan{ margin-left:0px;}
.inkv01 .container { top:35%;left: 50%; width:100%!important }

.inkv02 .container { top:35%;left: 50%; width:100%!important }

/* .inkv02 .imgw40 { max-width: 60% } */

.inkv03 .container { top:35%;left: 50%; width:100%!important}
/* .inkv03 .imgw40 { max-width: 60% } */

.inkv04 .container { top:35%;left: 50%; width:100%!important }	
	}