/*
 * 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: 40% ;left: 58%;color: #134290;}
.inkv02 .container { top: 40% ;left: 58%; color: #fff;}
.inkv03 .container { top: 40% ;left: 105%; color: #134290;}
.inkv04 .container { top: 40% ;left: 95%; color: #fff;}

.wapwhll_item {
	display: none;
}
.footlxitem p a,.footlxitem a ,.aboutnum_ff {
	font-family: ArialMT, Arial, Helvetica, sans-serif;
}
.aboutnum_ff {
	letter-spacing: 2px;
}
.footlogo {
	padding-left: 00px;
}
.footlogo img {
	height: 98px;
	width: auto;
	object-fit: contain;
}
.about_rwllsort {
	height: 208px;
}
.about_rwllsort a {
	display: block;
	height: 100%;
	background-size: 100% 100%;
}
.position_li {
	display: inline;
}
.position_li:last-child {
	display: none;
}
.line-gsgkdescitem {
	line-height: 26px;
}
.neibannername {
	top: 45%;
}
.gsgk_topitem {
	position: relative;
}
.gsgk_historys {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 422px;
	height: 100%;
	background: url(../images/aboutgsgkbg2.jpg) no-repeat center;
	background-size: cover;
	margin-right: 15px;
}
.ipadgsgktop_hisitem {
	margin: 70px 68px 0px 0px ;
}
.wapgyss_top {
	display: none;
}

.footrsb_r {
    width: 86%;
    padding-left: 2px;
}
.footlxitem .flexrow {
    align-items: flex-start;
}
.codeitem {
    justify-content:flex-start;
    
}
.aboutrcll_whll1 {
    /*left: 5px;*/
}
.aboutrcll_whll1 .pulse {
     float: right;
}
 
@media (min-width:2000px) {
	.aboutgsgk_item1 {background-position-x: -110px;}
	.gsgkhis_posa6 {right: -5px;}
	.gsgkhis_posa7 {right: 212px;}
	.aboutrcll_itembot {height: 1000px;}
	.aboutrcll_li1 {top:240px;left: -70px;}
	.aboutrcll_li1.active {left: -150px;}
	.aboutrcll_li2 {top: 800px;left: 710px;}
	.aboutrcll_li2.active {top: 700px;}
	.aboutrcll_li3 {top: 200px;left: 1010px;}
	.aboutrcll_li3.active {left:1050px ;}
	.aboutrcll_whll1 {top: 268px;left: 18px;}
	.aboutrcll_whll2 {top: 772px;left: 683px;}
	.aboutrcll_whll3 {top: 236px;left: 956px;}
}
@media (max-width:1800px) {
	.idxbanner {height:600px;}
	.aboutgsgk_item1 {background-position: right;background-position-x: -268px;}
	.footrsb_r {width:80%;}
	.bannerban, .neibanner {height:600px;}
}
@media (max-width:1620px) {
    .aboutrcll_li1.active {left:-160px;}
    .aboutrcll_whll1 {left:6px;}
    .aboutrcll_li1 {left:-110px;}
    .aboutrcll_li2 {top:610px;left:625px;}
    .aboutrcll_li2.active {top:560px;left:625px;}
    .aboutrcll_whll2 {left:584px;}
    .aboutrcll_li3 {left:860px;}
    .aboutrcll_whll3 {left:790px;}
    .gsgkhis_posa4 {right:-78px;}
     .gsgkhis_posa5 {right:100px;}
     .gsgkhis_posa6 {right:-20px;}
    .gsgkhis_posa7 {right:207px;}
}
@media (max-width:1480px) {
    .bannerban, .neibanner {height:450px;}
	.aboutgsgk_item1 {background-position-x: -518px;}
	.gsgkhis_posa7 {right:172px;}
	.aboutrcll_li {width: 345px;}
	.aboutrcll_li1 {top:180px;left: -100px;}
	.aboutrcll_li1.active {left: -100px;}
	.aboutrcll_li2 {top:620px;left: 610px;}
	.aboutrcll_li2.active {top: 520px;left: 620px;}
	.aboutrcll_li3 {top: 160px;left: 870px;}
	.aboutrcll_li3.active {top:150px;left:850px ;}
	.aboutrcll_whll1 {top: 205px;}
	.aboutrcll_whll2 {top: 582px;left: 585px;}
	.aboutrcll_whll3 {top: 180px;left: 790px;}
	.footewmimg {margin-right: 10px;}
	.gsgkhis_posa4 {right:-80px;}
     .gsgkhis_posa5 {right:93px;}
     .gsgkhis_posa6 {right:-34px;}
    .gsgkhis_posa7 {right:191px;}
}
@media (max-width:1420px) {
	.gsgkhis_posa4 {right:-84px;}
     .gsgkhis_posa5 {right:88px;}
     .gsgkhis_posa6 {right:-41px;}
    .gsgkhis_posa7 {right:177px;}
}
@media (max-width: 1386px) {
	.mediaSwiper.swiper-container {height: 350px !important;min-height: unset;}
	.aboutgsgk_item1 {background-position-x: -555px;}
	.gsgkhis_posa5 {right: 89px;}
	.gsgkhis_posa6 {right: -43px;}
	.gsgkhis_posa7 {right: 181px;}
	.aboutrcll_li {width: 300px;}

	.footlxitem {font-size:12px;}
	.aboutqujzg_li_on.padding30 {padding:25px;}
	.aboutrcll_li2.active {left:640px;}
	.contactform input {width:500px;}
	.contactform textarea {width:480px;}
	.neibannername .fontSize50,.cxtx_bannertitle {font-size:36px;}
}
@media (max-width: 1290px) {
	.aboutgsgk_item1 {background-position-x: -598px;}
	.contactform input.codebtn {margin-left:25px;}
}
@media (max-width:1279px) {
    	.aboutrcll_li1 {left: -110px;}
	.aboutrcll_li1.active {left: -145px;}
	.aboutrcll_whll1 {left:-95px;}
	.aboutrcll_li3 {left:750px;}
	.aboutrcll_li3.active {left:735px;}
	.aboutrcll_whll3 {left:688px;}
	.aboutrcll_li2 {top:600px;left:510px;}
	.aboutrcll_li2.active {top:540px;left:520px;}
	.aboutrcll_whll2 {left:485px;}
}
@media (max-width: 1100px) {
    .idxbanner {height:460px;}
    .bannerban, .neibanner {height:300px;    min-height:300px;}
	.aboutgsgk_item1 {background-position-x: -850px;}
	.gsgkhis_posa4 {right:-87px;}
	.gsgkhis_posa5 {right: 84px;}
	.gsgkhis_posa6 {right: -33px;}
	.gsgkhis_posa7 {right: 166px;}
	.gsgkhis_posa6 p {width: 150px;}
    .footbox .mo_undis .padding25 {padding:5px;}
	.aboutrcll_itembot {height: 530px;}
	.aboutrcll_li {width: 250px;}
	.aboutrcll_li1 {top:110px;left: 20px;}
	.aboutrcll_li1.active {top:100px;left: -20px;}
	.aboutrcll_li2 {top:430px;left: 500px;}
	.aboutrcll_li2.active {top:260px;left: 500px;}
	.aboutrcll_li3 {top: 100px;left: 680px;}
	.aboutrcll_li3.active {top: 80px;left: 670px;}
	.aboutrcll_whll1 {top: 143px;left: 310px;}
	.aboutrcll_whll2 {top: 402px;left: 480px;}
	.aboutrcll_whll3 {top: 124px;left: 625px;}
	
	.contactform input {width: 400px;}
	.contactform textarea {width: 380px;}
}
@media (max-width:1000px) {
	.gsgk_historys {margin: 0px;background: none;padding-left: 10%;width: 45%;}
	.waphisitem {width: 100%;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
	.ipadgsgktop_hisitem {margin-right: 0px;}
	.pcfootitem .width90 {width:99%;}
}
@media ( max-width:900px ) {	
.indexkv h1 { font-size: 3rem }

.inkv01 .container { top:20%;left: 50%;}

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

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

.inkv04 .container { top: 20%;left: 50%; }
/* .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% }
.pcwhll_item {display: none;}
.aboutrcll_itembot {height: auto;}
.gsgk_topitem_l {padding: 40px 0px;width: 100%;}
.gsgk_historys {position: unset;width: 100%;padding-left: 0px;margin-bottom: 60px;}
.ipadgsgktop_hisitem {margin: 0px;}
.wapwhll_item {display: block;}
.wapwhll_itemli {background-color: #ffffff;width: 75%;padding: 50px;margin-top: 100px;}
.footewmimg {margin-right:5px;}
	.contactform input {width:250px;}
	.contactform textarea {width: 230px;}
}

@media (max-width: 767px) {
	.indexkv.swiper-container, .indexkv .swiper-slide {height: 250px !important;}
	.indexkv.swiper-container.wapwhll_container,.indexkv .swiper-slide.wapwhll_slider {height: 400px !important;}
	.wapwhll_itemli {margin-top:70px;padding: 40px;}
	.wapwhll_pagination {display: block !important;bottom: 15px !important;}
	.idxnums .aboutcode .area_33,.aboutmain .aboutcode .area_33 {width: 33.33%;}
	.idxnums .aboutcode .area_33 img.idxicons {width: auto;max-width: 100%;}
	.idxnums .aboutcode .area_33 p.h6,.aboutmain .aboutcode .area_33 p.fontSize16 {font-size: 10px;}
	.idxnums .aboutcode .area_33 h2.aboutnum_ff {font-size: 20px;}
	.footbox {font-size: 13px;}
	.gyss_pctop {display: none;}
	.wapgyss_top {display: block;}
	.aboutp_gszz {background-color: #003b5c;}
	.about_rwllsort {height: 180px;}
	.aboutrcll_more.aboutrcll_more_active {height: 370px;}
	.aboutrcll_more.aboutrcll_more_active .aboutrcll_moredesc {height: 310px;}
	.aboutrcll_itembot {background-image: url(../images/aboutrcllbg_m.jpg) !important;}
	.aboutpage_gszzitem {border-top: 0px;}
	.aboutpage_gszzli {border-bottom: 1px solid rgba(90, 124, 144, 0.2);padding-bottom: 40px;}
	.mean-container .mean-nav ul li a {font-size: 16px;}
}