@charset "utf-8";
/* CSS Document */
.bodyp { padding-bottom:0;}
/*banner PC 焦点图 */
.bannerBox { margin: 0 auto; position: relative; z-index: 0; }
.bannerBox .swiper-container {width: 100%; padding-bottom: 3.2em;}
.bannerBox .swiper-slide {padding-top: 24%; height: 0; position: relative; z-index: 0;}
.bannerBox .swiper-slide .con { position: absolute;  left: 0; top: 0; right: 0; bottom: 0;}
.bannerBox .swiper-slide .pic1 { position: absolute; z-index: 1;left: 0; top: 0; width: 35%; height: 100%;
 background:center center no-repeat; background-size:cover;}
.bannerBox .swiper-slide .pic12 {position: absolute; z-index: 0; left: 20%; top: 0; width: 15.1%; height: 100%;
 background:center center no-repeat; background-size:cover; transition: all 0.6s; transition-delay:.1s;}
.bannerBox .swiper-slide .pic2 {position: absolute; z-index: 1; left:50%; top: 0; width: 35%; height: 100%;
 background:center center no-repeat; background-size:cover;}
.bannerBox .swiper-slide .pic22 {position: absolute; z-index: 0; left: 70%; top: 0; width: 15%; height: 100%;
 background:center center no-repeat; background-size:cover; transition: all 0.6s; transition-delay:.1s;}
 
.bannerBox .swiper-slide-active .pic12 { left: 35%}
.bannerBox .swiper-slide-active .pic22 { left: 85%}

.bannerBox .swiper-container-horizontal>.swiper-pagination-bullets, .bannerBox .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 1em;}
.bannerBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 0.4em;}
.bannerBox .swiper-pagination-bullet { width: 11px; height: 11px; 
 background-color: #feae76; filter:alpha(opacity=50);-moz-opacity:.5; opacity:0.5;
 -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }
.bannerBox .swiper-pagination-bullet-active { filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0; }

/*banner 手机 焦点图 */
.bannerMBox { display: none; margin: 0 auto; position: relative; z-index: 0; }
.bannerMBox .swiper-container {width: 100%;padding-bottom: 3.2em;}
.bannerMBox .swiper-slide {  padding-top: 80%; background:center center no-repeat; background-size:cover;}

.bannerMBox .swiper-container-horizontal>.swiper-pagination-bullets, .bannerMBox .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 1em;}
.bannerMBox .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 0.5em;}
.bannerMBox .swiper-pagination-bullet { width: 0.8em; height: 0.8em; 
 background-color: #feae76; filter:alpha(opacity=50);-moz-opacity:.5; opacity:0.5;}
.bannerMBox .swiper-pagination-bullet-active { filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0; }

.contactTit {/* position: relative; z-index: 0; top: 3em; opacity: 0; transition: all 1.2s; */
	margin: 0.7em 1.4em 0; font-weight:bold ; line-height: 1.5em; font-size: 3.8em; letter-spacing: 0.1em; color: #d6e9bd;}

.contactBoxW {/* position: relative; z-index: 0; top: 3em; opacity: 0; transition: all 1.2s; */
	background: url(../imgs/contactBg.jpg) center center no-repeat; background-size:cover ;}
.contactBox  { max-width: 1382px; margin: 0 auto; padding: 3.6em 0;
display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
	  align-items: center;
}
.contactBox .tab { flex: 1; width: 50%;}
.contactBox .tab ul { max-width: 460px; margin: 0 0 0 auto;}
.contactBox .tab li {/* position: relative; z-index: 0; left: 3em; opacity: 0; transition: all 1s; */
	cursor: pointer; color: #fff; text-align: left; padding: 4% 25% 4% 7%; }
.contactBox .tab li.cur { color: #000; background-color: #d6e9bd;}
.contactBox .tab .t1 {font-size: 1.4em; line-height: 1.3em;}
.contactBox .tab .t2 { margin-top: 0.8em; font-size: 0.9em; line-height: 1.6em;}
.contactBox .mapBox {position: relative; z-index: 0;/* top: 3em; opacity: 0; transition: all 1.2s; */
flex: 1; width: 50%; padding-top: 36.5%;}
.contactBox .mapBox ul {}
.contactBox .mapBox li { position: absolute; left: 0; top: 0; bottom: 0; right: 0; display: none;}
.contactBox .mapBox li .pic { width: 100%; height: 100%;  background: center center no-repeat; background-size: cover;}

@media only screen and (max-width:1440px){
.contactTit { font-size: 4.6em;}
.contactBox .tab .t1 { font-size: 1.6em;}
.contactBox .tab .t2 { font-size: 1em;}
}

@media only screen and (max-width:1300px){
.contactTit { font-size: 4.2em;}
.contactBox .tab .t1 { font-size: 1.3em;}
.contactBox .tab .t2 { font-size: 0.9em;}
.contactBox .tab li { padding-right: 7%;}
}

@media only screen and (max-width:828px){
.bannerBox { display: none;}
.bannerMBox { display: block;}

.contactTit { margin-top: 0.4em; font-size: 8vw;}
.contactBox{ margin-top: 0.4em; display: block; padding: 0;}
.contactBox .tab { margin: 0 9%; width: auto; padding: 12% 0;}
.contactBox .tab li { padding:8% 9%;}
.contactBox .tab .t1 {font-size: 1.4em;}
.contactBox .tab .t2 {font-size: 0.9em;}
.contactBox .mapBox { width: auto; padding-top: 73%;}

.bodyp .footer { padding-bottom: 2.6em;}
}