﻿body { font-size: 1em; background: #fff; display: inline-block;}
.headpost{width:100%; height:100%;position:relative;background:#fff;}
.headimg{ width: 100%; height:100%; }
.munebutton{width:100%; height:42px; border-bottom:1px solid #e4e4e4; background:#f6f7f9;bottom:0px;position:absolute;}

.munetop{width:1200px; height:42px;position:relative;margin:auto;}

.munetop ul li{width:200px; height:41px; float:left;margin-left:1px;line-height:42px;vertical-align:middle;text-align:center;}

.munetop ul li a{font-size:16px;color:#000;display: block; cursor:pointer;}
.munetop ul li.active a{background:#095da6;color:#fff;}
.munetop ul li:hover a{background:#66b3fb;color:#fff; cursor:pointer;}

.workshop{width:1200px;height:530px;margin:30px auto 10px;}
.workshoptitle{width:81%;height:33%;margin:3% auto 1%;position:relative;text-align:center;}
.workshoptitle h1{font-size:30px;font-weight:bold;color:#000;margin:8px auto;}
.workshoptitle h2{font-size:14px;font-weight:bold;color:#004385;text-transform:uppercase;}
.line1{width:72px;height:1px;border-bottom:1px solid #d2d2d2;margin:20px auto;}
.line1 p{width:30px;height:1px;border-bottom:1px solid #095da6;margin:20px auto;}
.workshoptitle p{font-size:15px;color:#000;}
.workshopimg{width:100%;height:333px;overflow:hidden;}


.environment{width:1200px;height:418px; margin:5px auto 10px;position:relative;background:#f0f0f0;padding-left:3em;}
.environmentitle{width:35%;height:80%;float:left;position:relative;text-align:left;margin: 60px 0px 50px 20px;}
.environmentitle h1{font-size:30px;font-weight:bold;color:#000;margin:8px auto;}
.environmentitle h2{font-size:14px;font-weight:bold;color:#004385;text-transform:uppercase;}
.environmentitle h3{font-size:18px;font-weight:bold;color:#095da6;margin:30px 0px 15px 0px;}
.line2{width:100%;height:1px;border-bottom:1px solid #d2d2d2;margin:20px auto;}
.line2 p{width:20% !important;height:1px;border-bottom:1px solid #095da6;margin:20px 0px;text-align:left}
.environmentitle p{font-size:15px;color:#000;}

.environmentimg{width:55%; height:100%;right:0px;position:relative;float:right;text-align: right;}



.worker{width:1200px;height:418px; margin:20px auto 10px;position:relative;background:#f0f0f0;}
.workerpic{width:47.2%; height:100%;position: absolute;left:0px;}
.workerpic img{width:100%; height:100%;}


.workertitle{width:52.8%;height:100%;float:right;text-align:left;padding: 6% 70px;}
.workertitle h1{font-size:30px;font-weight:bold;color:#000;margin:8px auto;}
.workertitle h2{font-size:14px;font-weight:bold;color:#004385;text-transform:uppercase;}
.workertitle h3{font-size:18px;font-weight:bold;color:#095da6;margin:30px 0px 15px 0px;}
.workertitle p{width:100%;font-size:15px;color:#000;}

.equipmentpic1{width:1200px;height:375px;margin:50px auto;position:relative;}
.equipment{width:1200px;min-height:560px;margin:50px auto;position:relative;}
.equipmentpic{width:1200px;height:375px;margin:50px auto;position:relative;overflow:hidden}
.equipmentpic ul li{width:400px;height:100%;float:left;position:relative;margin-left:2px;overflow:hidden;}
.equipmentpic ul li img{width:100%;height:100%;}

.pre{width:46px;height:46px;position:absolute;left:-5%;bottom:42%;z-index:99;cursor:pointer;}
.next{width:46px;height:46px;position:absolute;right:-5%;bottom:42%; z-index:99;cursor:pointer;}


.swiper-container { width: 100%; min-height: 26em; }
.firstScene .swiper-container { width: 100%; height: 100%; }
.sevenScene .swiper-container { width: 100%; height: 100%; }
.sevenScene a{width:100%;height:100%;display:block;}
.sevenScene .swiper-button-prev { left:50%!important;margin-left:-44.5em;}
.sevenScene .swiper-button-next { right:50%!important;margin-right:-44.5em;}
.sevenScene .sevenScene-page{bottom:auto !important;top:50%; margin-top:20em;}
/*.sevenScene .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 9px;}
.sevenScene .swiper-pagination-bullet{width:14px;height:14px;}*/
.swiper-container-horizontal > .swiper-pagination-bullets{width:100% !important;cursor: pointer;}

.swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; background: #095da6 !important; opacity: 1 !important; }
.swiper-pagination-bullet { width: 10px !important; height: 10px !important; display: inline-block; border-radius: 100%; background: #fff !important; opacity:0.8 !important; }
.swiper-button-next { background: url(/Images/Index/11.png) no-repeat center center !important; background-size: contain !important; width: 2.5625em !important; height: 2.5625em !important; }
.swiper-button-prev { background: url(/Images/Index/10.png) no-repeat center center !important; background-size: contain !important; width: 2.5625em !important; height: 2.5625em !important; }
.newsItem { width: 1160px; margin: auto; position: relative; }
.newsItemImg { position: relative;  float:left;overflow:hidden;}
.newsItemInfo { position: relative; width: 413px; float:left; height:400px;}
.newsItemInfo4 { width: 100%; height: 17.25em; background: #095da6; padding:5em 2em; color: #fff; height:400px;}
.newsItemTitle {  font-size: 1em; line-height: 1.8em; }
.newsItemDesc { font-size: 30px;  }
.newsItemDate {  font-size: 24px;  }
.newsItemBtn {  color: #8aaccc; display: block; width: 300px;  font-size: 15px; margin-top: 1em; /*border-radius: 1rem;*/ letter-spacing:0.2rem;cursor:pointer;}
.newsItemBtn>p{color:#fff;font-size:18px;margin-bottom:1em;min-height:18px;}

@media (max-width:1024px) {

  .munetop{width:1024px;}
  .workshop{width:1024px; }
  .equipmentpic1{width:1024px;}
  .environment{width:1024px;}
  .worker{width:1024px;}
  .workertitle {right:50px; }
  .equipmentpic ul li{width:319px;}
  .equipment{width:1024px;margin: 50px auto 0px;}
  .equipmentpic{width:960px;margin: 50px auto 0px;}
.pre{left:2%;bottom:50%;}
.next{right:2%;bottom:50%; }

}


