@import url(http://www.maonsi.com/statics/myzn/css/style.css);

/**关于我们**/
#AboutBlock{ background-color: #f7f7f7; }
#AboutBlock .MainBlock{ padding:70px 0; }
/**公司简介**/
#AboutBlock .AboutBlock{}
#AboutBlock .AboutBlock .top{ padding-bottom:22px; }
#AboutBlock .AboutBlock .imgBox{ float: left; display: inline-block; width: 43.0555%; position: relative; }
#AboutBlock .AboutBlock .imgBox:before{ display: block; content: ""; position: absolute; left:20px; top: 20px; height: 100%; width: 100%; border:1px solid #d9d9d9; }
#AboutBlock .AboutBlock .imgBox img{ display: block; width: 100%; position: relative; }
#AboutBlock .AboutBlock .cont{ float: right; display: inline-block; width: 52.08333%; padding-top: 1%; }
#AboutBlock .AboutBlock .h1{}
#AboutBlock .AboutBlock .line{ display: block; width:1em; height: 2px; background-color: #999999; margin:3% 0; }
#AboutBlock .AboutBlock .des{ font-size: 16px; line-height: 1.8em; color:#666666; text-align: justify; }
#AboutBlock .AboutBlock .list{ margin-top: 2.08333%; text-align: center; background-color: #fff; padding:15px 0; }
#AboutBlock .AboutBlock .list:after{ content: ""; display: block; height: 0; width: 100%; clear: both; }
#AboutBlock .AboutBlock .list li{ display: inline-block; float: left; width: 14.285%; position: relative; }
#AboutBlock .AboutBlock .list li+li:before{ content: ""; display: block; position: absolute; height: 50%; top: 25%; width: 1px; background-color: #e0e0e0; }
#AboutBlock .AboutBlock .list .Box{ display: block; padding:15px 5px; }
#AboutBlock .AboutBlock .list .Box h3{ font-weight: normal; font-size: 15px; }
#AboutBlock .AboutBlock .list img{ display: block; margin:0 auto 13px; transition:all 0.3s; max-width: 80%; }
#AboutBlock .AboutBlock .list .Box:hover img{transform: rotate(360deg);}
#PartnerList{}
#PartnerList .title{ text-align: center; padding:4.166% 0 2.777%; }
#PartnerList .Box{ margin:10px; display: block; border:1px solid #e0e0e0; opacity: 1; transition: all 0.3s; overflow: hidden; }
#PartnerList img{ transition:all 0.3s; display: block; max-width: 100%; margin:0 auto; }
#PartnerList .Box:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.1); }
#PartnerList .Box:hover img{ transform: scale(1.05); }
#PartnerList .pointPatner{ margin:0 -10px; text-align: center; }
#PartnerList .PatnerBlock .swiper-wrapper:after{ content: ""; height: 0; width:0; display: block; clear:both; }
/* #PartnerList .PatnerBlock .swiper-wrapper{ display:block; }
#PartnerList .PatnerBlock.swiper-container-horizontal .swiper-wrapper{ width:999999999px; }
#PartnerList .PatnerBlock .swiper-slide{ display:inline-block; float:left; } */
#PartnerList .pointPatner span{ height: 10px; width: 10px; background-color: #d7d7d7; opacity: 1; margin:0 8px; outline: none; display: inline-block; vertical-align: middle; border-radius: 50%; -ms-border-radius:50%; cursor: pointer; }
#PartnerList .pointPatner .swiper-visible-switch,
#PartnerList .pointPatner .swiper-active-switch{ display:inline-block; background-color: #0054a5; }
#PartnerList .pointPatner{ padding:4.166%; }
/**企业文化**/
#AboutBlock .Culture{}
#AboutBlock .Culture img{ display: block; max-width: 100%; }
#AboutBlock .Culture .dl{}
#AboutBlock .Culture .dl dd{ background-color: #fff; }
#AboutBlock .Culture .dl dd+dd{ margin-top:10px; }
#AboutBlock .Culture .imgBox{ width: 50%; display: inline-block; }
#AboutBlock .Culture .cont{ width:50%; display: inline-block; }
#AboutBlock .Culture .dl dd:nth-child(odd) .imgBox{ float: left; }
#AboutBlock .Culture .dl dd:nth-child(odd) .cont{ float: right; }
#AboutBlock .Culture .dl dd:nth-child(even) .imgBox{ float: right; }
#AboutBlock .Culture .dl dd:nth-child(even) .cont{ float: left; }
#AboutBlock .Culture .dl .Box{ padding:8.2% 6.8% 4%; }
#AboutBlock .Culture .dl .title{ font-weight: bold; margin-top: 3%; }
#AboutBlock .Culture .dl .line{ width: 1em; background-color: #c8161d; height: 2px; display: block; margin:3% 0 3.5%; }
#AboutBlock .Culture .dl .word{ font-size: 16px; color:#333333; line-height: 1.8em; }
#AboutBlock .Culture .dl .word p{ line-height: 1.9em; }


@media screen and (max-width: 1440px) {
	/**关于我们**/
	/**公司简介**/
	#AboutBlock .AboutBlock .des{ line-height: 1.6em; }
	/**企业文化**/
	#AboutBlock .Culture .dl .Box{ padding-top:4%; }
	#AboutBlock .Culture .dl .word{ line-height: 1.5em; }

}


@media screen and (max-width: 1200px) {
	/**关于我们**/
	#PartnerList .pointPatner{ margin:0 -5px; }
	#PartnerList .Box{ margin:5px; }
	/**公司简介**/
	#AboutBlock .AboutBlock .des{ font-size: 14px; }
	/**企业文化**/
	#AboutBlock .Culture .dl .Box img{ width: 50px; }

}


@media screen and (max-width: 992px) {
	/**关于我们**/
	/**公司简介**/
	#AboutBlock .AboutBlock .imgBox{ width: 100%; padding:1%; box-sizing: border-box; }
	#AboutBlock .AboutBlock .imgBox:before{ left: 0; top: 0; box-sizing: border-box; }
	#AboutBlock .AboutBlock .cont{ width: 100%; padding-top:3%; }
	#AboutBlock .AboutBlock .line{ margin:10px 0; }
	#AboutBlock .AboutBlock .list{ margin-top: 0; padding-top: 2%; }
}

@media screen and (max-width: 780px) {
	/**关于我们**/
	#PartnerList .pointPatner{ margin:0 -3px; }
	#PartnerList .Box{ margin:3px; }
	/**公司简介**/
	#AboutBlock .AboutBlock .list li{ width: 24%; float: none; }
	#AboutBlock .AboutBlock .list li+li:before{ height: 30%; top: 35%; }
	#AboutBlock .AboutBlock .list li:nth-child(5):before{ display: none; }
	#AboutBlock .AboutBlock .list img{ width: 40px; max-width: 50%; }
	#PartnerList .pointPatner span{ margin:0 3px; height: 8px; width: 8px; }
	/**企业文化**/
	#AboutBlock .Culture .imgBox{ float: none!important; display: block; width: 100%; }
	#AboutBlock .Culture .cont{ float: none!important; display: block; width: 100%; }
	#AboutBlock .Culture .dl .Box{ padding:4%; text-align: center; }
	#AboutBlock .Culture .dl .Box img{ margin:0 auto; }
	#AboutBlock .Culture .dl .line{ margin-right: auto; margin-left: auto; }
	#AboutBlock .Culture .dl .word{ font-size: 14px; }
}

