@charset "utf-8";

 




/* about */

.zy-about {padding:8% 0 8% 0;overflow:hidden;}
.zy-about .left{float: left;width:48%;}
.zy-about .left .text {padding:10% 0 5% 0;overflow:hidden;font-size: 14px;line-height: 24px;text-align: justify;color: #666;}
.zy-about .left .text strong{ font-weight: bold;color: #00284d;}
.zy-about .right {float: right;width:47%;position: relative;}
.zy-about .right .pic{margin: 0px 0px 30px 30px;}
.zy-about .right .pic img{width:100%;height: auto;display: block;min-height: 588px;max-height: 588px;}
.zy-about .right .text {position: absolute;width:32%;padding:5%;left: 0;bottom: 0px;z-index: 1;background: rgba(0,58,93,0.8); color: #fff;line-height: 24px;}

.zy-about .culture {padding:5% 0;overflow:hidden;}
.zy-about .culture * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.zy-about .culture .cli{ position: relative;float: left;width:25%;}
.zy-about .culture .cli .text {display:block; position: absolute;left: 0;top: 0px;text-align: center;width: 100%;height:100%;z-index: 33;background: rgba(0,58,93,0.9);opacity: 0;}
.zy-about .culture .cli .text ul {display: table;width:100%;height:100%;}
.zy-about .culture .cli .text ul li{display: table-cell;width:100%;vertical-align: middle;}
.zy-about .culture .cli .text h5{font-size:14px;margin:1% auto 20px auto;color: #fff;}
.zy-about .culture .cli .text h3{font-size:16px;color: #fff;width: 80%;margin: auto;}
.zy-about .culture .cli .text::after {content: '';width:-webkit-calc(95% - 4px);width:-moz-calc(95% - 4px); width:calc(95% - 4px);height:-webkit-calc(95% - 4px);height:-moz-calc(95% - 4px);height:calc(95% - 4px);left:2.5%;top:2.5%;position: absolute;border: solid 2px #396784;}
.zy-about .culture .cli .pic{position: relative;}
.zy-about .culture .cli .pic img{display: block;width:100%;height: auto;min-height:275px;max-height: 275px;}
.zy-about .culture .cli .pic h4 {position: absolute;left: 0;bottom: 20px;text-align: center;width: 100%;}
.zy-about .culture .cli .pic h4 * {display: inline-block;vertical-align: middle;}
.zy-about .culture .cli .pic h4 i{height:1px;background: #fff;width:20px;}
.zy-about .culture .cli .pic h4 strong{font-size:16px;margin:0 10px;color: #fff;}
.zy-about .culture .cli:first-child .text {display: block;} 
.zy-about .culture .cli:first-child .text::after {width:-webkit-calc(90% - 4px);width:-moz-calc(90% - 4px); width:calc(90% - 4px);height:-webkit-calc(95% - 4px);height:-moz-calc(95% - 4px);height:calc(95% - 4px);left:5%;top:2.5%;}
.zy-about .culture .cli:first-child .pic img{min-height:550px;max-height: 550px;}
.zy-about .culture .cli:hover .text {display: block;opacity: 1.0;} 
.zy-about .culture .cli:hover .pic h4 {display: none;}


.history {padding:5% 5% 0 5%;overflow:hidden;position: relative;}
.history-pic {position: relative;width:90%;margin: auto;height: 350px; overflow: hidden;}
.history-pic .slick-slide {padding-bottom: 30px;overflow: hidden;}
.history-pic li {background: #e9ecf1;width: 94%;margin: auto;position: relative; cursor: pointer;}
.history-pic li *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.history-pic li::after {content: '';position: absolute;left:50%;z-index: 3;bottom:-30px;border-color: #fff transparent transparent transparent;margin-left: -15px; border-width: 15px;border-style: solid;}
.history-pic li img {display: block;width:100%;height: auto;min-height: 225px;max-height: 225px;}
.history-pic li .txt {padding:2% 5%;text-align: center;background: #fff;display: block;overflow: hidden;}
.history-pic li .txt h6 {overflow: hidden;font-size: 14px;height:48px;line-height:24px;color: #333;}
.history-pic li .txt h6 * {display: inline-block;padding: 0;background: none;overflow: visible; vertical-align: middle;-webkit-transition:none;-moz-transition:none;transition:none;}
.history-pic .swiper-slide-active li{background: #e9ecf1;}
.history-pic .swiper-slide-active li .txt{background: #181D4E;}
.history-pic .swiper-slide-active li .txt h6 {color: #fff;height:auto;height:48px;line-height:24px;}
.history-pic .swiper-slide-active li .txt h6 * {display: inline-block;padding: 0;background: none;overflow: visible; vertical-align: middle;-webkit-transition:none;-moz-transition:none;transition:none;}
.history-pic .swiper-slide-active li::after {border-color: #181D4E transparent transparent transparent;}
 
.history .swiper-button-next,.history .swiper-button-prev {background: none;outline: none;}
.history .swiper-button-next:before,.history .swiper-button-prev:before {width: 50px;height: 60px;position: absolute;top:0px;font-family: "font_family";font-size: 30px;}
.history .swiper-button-next:before{right: 0;}
.history .swiper-button-prev:before{left: 0;}



.history-n {position: relative;overflow:hidden;margin-top: -80px;}
.history-n::after {content: '';position: absolute;width:100%;height:1px;left:0;top:17px;background: #ccc;z-index: 1;}
.history-year {position: relative;padding:0 0 7% 0;width:1080px;margin:auto;overflow:hidden;    z-index: 10;}
.history-year li {position: relative;text-align: center;cursor: pointer;}
.history-year li i{width: 15px;height: 15px; margin:10px auto;background: #ccc;display: block;border-radius:100%;}
.history-year li i::before {content: '';position: absolute;padding:5px;width: 15px;height: 15px;left:50%;top:-6px;margin-left: -13.5px;border-radius:100%;display: none;}
.history-year li h6{font-size: 14px;font-weight: bold;color: #ccc;}
.history-year li:hover i{background: #333;}
.history-year li:hover h6{color: #333;}
.history-year .swiper-slide-thumb-active {z-index: 33;}
.history-year .swiper-slide-thumb-active li i{background: #181D4E;}
.history-year .swiper-slide-thumb-active li i::before{display: block;}
.history-year .swiper-slide-thumb-active li h6 {font-size: 18px;color: #181D4E;}

 /* 860 */
@media screen and (max-width: 860px) {
	

	.zy-about {padding:10% 0;}
	.zy-about .left{float: none;width:100%;}
	.zy-about .left .text {padding:10% 0 5% 0;font-size: 14px;line-height: 24px;}
	.zy-about .right {float: none;width:100%;}
	.zy-about .right .pic{margin:0px;}
	.zy-about .right .text {width:90%;padding:5%;background: rgba(0,58,93,0.8); }
	.zy-about .culture {padding:5% 0;}
	.zy-about .culture .cli{float: left;width:50%;}
	.zy-about .culture .cli .text h5{font-size:14px;margin:1% auto 20px auto;}
	.zy-about .culture .cli .text h3{font-size:14px;color: #fff;width: 80%;margin: auto;}
	.zy-about .culture .cli .pic h4 {position: absolute;left: 0;bottom: 20px;text-align: center;width: 100%;}
	.zy-about .culture .cli .pic h4 strong{font-size:12px;margin:0 10px;}
	.history-n {margin-top:-30px;padding-bottom: 50px;}
	.history-year {padding:0 0 7% 0;width:100%;}



	
	.search-input {width: 100%;}
	.pnav.mnav li{padding:20px 5%;width: 23.33%;}
	.partners div.prod div{width: 45%;margin: 3px;}
	.partners div.prod div li img {min-height:80px;max-height:80px;}
	.globalbranch.mbshow a .text img {max-height: 90px;}
	.history-pic {height:auto;padding-bottom: 50px}
	.history .swiper-button-next:before {right: -20px;}
	.history .swiper-button-prev:before,.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 0;}
	

}