@charset "utf-8";
.wrapper{
  min-width:1200px;
  max-width:1920px;
  margin:auto;
  overflow: hidden;
  position: relative;
}
#header,#among,#footer,.width{
  max-width:1620px;
  margin:auto;
}
.among{
  padding: 3% 1.7%;
}
.padding{
  padding: 0 1.7%;
}
.padding1{
  padding-top: 3%;
}
.padding2{
  padding-bottom: 3%;
}
.header{
  background: rgba(80,77,77,.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
.header #header{
  position: relative;
  z-index: 98;
}
#header .logo{
  float: left;
}
#header .bb{
  float: right;
  position: relative;
  width: 24px;
  height: 24px;
  z-index: 999;
  margin: 38px 0 0 20px;
  background: url("../images/icon.png") no-repeat;
}
#header .bb div{
  position: absolute;
  top: 50%;
  right: 100%;
  display: none;
  transform: translate(0,-50%);
  padding: 5px 0;
  border-radius: 5px;
  background: rgba(0,0,0,.85);
}
#header .bb:hover div{
  display: block;
}
#header .bb div a{
  display: block;
  font-size: 14px;
  color: #FFF;
  padding: 0 22px;
  line-height: 30px;
}
#header .bb div a:hover{
  text-decoration: underline;
}
#header form{
  display: block;
  float: right;
  font-size: 0;
  margin: 39px 0 0;
  letter-spacing: -1px;
}
#header form input{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  height: 22px;
  border: 0;
}
#header form input[type='text']{
  padding:0 10px;
  width: 140px;
  background:white;
  line-height: 22px;
  font-size: 12px;
  border-radius: 10px;
}
#header form input::-webkit-input-placeholder{
  color: #999;
}
#header form input[type='submit']{
  width: 22px;
  cursor: pointer;
  overflow: hidden;
  text-indent: -9999px;
  margin-left: 5px;
  background: url(../images/s.png) center center no-repeat;
}
.footer{
  background: #0164a7;
}
.footer1{
  background: #041d4f;
}
#footer{
  position: relative;
  font-size: 0;
  letter-spacing: -1px;
}
#footer *{
  color:#FFF;
  font-size: 14px;
  letter-spacing: 0;
}
#footer a:hover{
  color: #019757;
}
#footer .xian{
  display: block;
  width: 1px;
  background: #FFF;
  position: absolute;
  top: 0;
  bottom: 0;
}
#footer .xian1{
  left: 18%;
}
#footer .xian2{
  left: 44%;
}
#footer .xian3{
  left: 75%;
}
#footer .logo{
  display: inline-block;
  vertical-align: middle;
  width: 14%;
}
#footer .logo img{
  width: 100%;
}
#footer .info{
  display: inline-block;
  vertical-align: middle;
  margin-left: 6%;
}
#footer .info:nth-child(2){
  width: 20%;
}
#footer .info:nth-child(3){
  width: 27%;
}
#footer .ewm{
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  letter-spacing: -1px;
  width: 21%;
  margin-left: 6%;
}
#footer .ewm div{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  background: #FFF;
  padding: 3%;
  border-radius: 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 47.8%;
}
#footer .ewm div:nth-child(2){
  margin-left: 4.4%;
}
#footer .ewm div img{
  width: 100%;
}
#footer .ewm div span{
  display: block;
  text-align: center;
  color: #666;
  line-height: 1.2;
  margin-top: 6%;
}
#footer .copyright{
  text-align: center;
  margin: 10px 0;
}
.banner{
  position: relative;
  display: block;
  overflow: hidden;
}
.banner img{
  width: 100%;
}
.banner .swiper-slide a{
  display: block;
}
.banner .arrow{
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  font-size: 0;
  z-index: 1;
  letter-spacing: -1px;
  text-align: center;
  height: 35px;
}
.banner .arrow span{
  margin: 0 5px;
  width: 12px;
  height: 12px;
  background: #FFF;
}
.banner .arrow span.swiper-pagination-bullet-active{
  background: #e50012;
}
.prev-next{
  border-top: 1px solid #e1e1e1;
  margin-top: 4%;
  padding-top: 2%;
}
.fz35{
  font-size: 35px;
  line-height: 1.2;
}
.location{
  background: #f2f3f1;
  padding: 10px 1.7%;
  height:30px;
}
.location span:after{
  content:" > ";
  font-family:"宋体";
}
.location *{
  color: #666;
  line-height:30px;
}
.type-name li{
  display: inline-block;
  position: relative;
  text-align: right;
}
.type-name li span{
  display: block;
  font-weight: bold;
  text-align: left;
  font-family: 'Microsoft YaHei UI Light';
  text-transform: uppercase;
}
.type-name li i{
  position: absolute;
  left: 0;
  bottom: 21px;
  width: 100%;
  height: 1px;
  background: #000;
}
.type-name li font{
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 0;
  background: #FFF;
  position: relative;
  z-index: 1;
  padding-left: 20px;
  margin-left: 52px;
  text-transform: uppercase;
}
.type-name1{
  margin-top: 4%;
}
.type-name1 li{
  position: relative;
  text-align: center;
}
.type-name1 li span{
  display: inline-block;
  vertical-align: top;
  background: #FFF;
  position: relative;
  z-index: 1;
  padding: 0 4%;
  font-weight: bold;
  font-family: 'Microsoft YaHei UI Light';
  text-transform: uppercase;
}
.type-name1 li i{
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  top: 50%;
  background: #000;
}
.type-name1 font{
  display: block;
  text-align: center;
}
.contactBox > div{
  background: #EEE;
  margin-top: 3%;
  padding: 2% 3%;
}
.contactBox > div > span{
  display: flex;
	justify-content: center;
	align-items: center;
  float: left;
  line-height: 40px;
  height: 212px;
  width: 202px;
  font-size: 30px;
  margin: 6px 0;
  border-right: 1px solid #FFF;
}
.contactBox > div > ul{
  float: left;
  width: calc(100% - 203px);
}
.contactBox > div > ul > li{
  float: left;
  max-width: 21%;
  margin-left: 4%;
}
.message{
  margin-bottom: 2%;
}
.message li{
  float: left;
  background: #EEE;
  border-radius: 5px;
  width: 30%;
  padding: 5px 0;
  position: relative;
  margin: 30px 0 0 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.message li:nth-child(3n+1){
  margin-left: 0;
}
.message li.textarea{
  width: 65%;
}
.message li span{
  display: block;
  position: absolute;
  line-height: 48px;
  left: 18px;
  top: 0;
}
.message li input,
.message li textarea{
  display: block;
  width: calc(100% - 80px);
  height: 38px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  font-size: 16px;
  border: 0;
  background: none;
  margin: 0 15px 0 65px;
}
.message li.textarea{
  padding: 14px 0;
}
.message li textarea{
  height: 98px;
  line-height: 1.2;
}
.message li.postcode input{
  width: calc(100% - 100px);
  margin: 0 15px 0 85px;
}
.message li.postcode img{
  position: absolute;
  right: 15px;
  top: 50%;
  height: 32px;
  width: 80px;
  cursor: pointer;
  transform: translate(0,-50%);
}
.message li.button{
  padding: 0;
}
.message li.button input{
  margin: 0;
  height: 48px;
  border-radius: 5px;
  color: #FFF;
  width: 100%;
  background: #0164a7;
}
.downloadBox{
  margin-top: 2%;
}
.downloadBox a{
  display: block;
  font-size: 0;
  letter-spacing: -1px;
  background: #EEE;
  padding: 3%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.downloadBox a > *{
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 0;
}
.downloadBox a li{
  width: calc(100% - 184px);
  margin-right: 20px;
  background: url("../images/pdf.png") left center no-repeat;
}
.downloadBox a li span{
  display: flex;
  height: 62px;
  align-items: center;
  line-height: 30px;
  font-size: 22px;
  margin-left: 80px;
}
.downloadBox a font{
  line-height: 40px;
  color: #FFF;
  font-size: 18px;
  border-radius: 24px;
  width: 160px;
  text-indent: 34px;
  background: #919191 url("../images/dl.png") 120px center no-repeat;
}
.downloadBox a:hover font{
  background-color: #019757;
}
.edgeBox{
  background: center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
  margin: 3% 20px 6% 0;
  padding: 6.5% 0;
  box-shadow: 10px 10px 10px #c5c5c5;
}
.edgeBox *{
  color: #FFF;
}
.edgeBox bg{
  background: rgba(0,0,0,.3);
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.edgeBox > li{
  position: relative;
  z-index: 1;
  float: left;
  width: 23%;
  margin: 0 0 0 11%;
}
.edgeBox > li:nth-child(1){
  margin-left: 4%;
}
.edgeBox > li name{
  display: block;
  font-size: 35px;
}
.edgeBox > li xian{
  display: block;
  width: 70px;
  height: 4px;
  background: #FFF;
}
.edgeBox > li > ul{
  margin-top: 10%;
  min-height: 160px;
}
.competitiveBox > li{
  float: left;
  position: relative;
  width: calc((100% / 6) - 10px);
  margin: 3% 0 0 12px;
}
.competitiveBox > li *{
  color: #FFF;
}
.competitiveBox > li:nth-child(1){
  margin-left: 0;
}
.competitiveBox > li > img{
  width: 100%;
}
.competitiveBox > li > div{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
}
.competitiveBox > li > div > ul{
  width: 100%;
  height: 100%;
  display: flex;
	justify-content: center;
	align-items: center;
}
.competitiveBox > li > div > ul > name{
  font-size: 22px;
  line-height: 30px;
  text-align:center;
  display:block;
}
.competitiveBox > li > div > ul > li{
  display: none;
}
.competitiveBox > li:hover > div{
  background: rgba(1,100,167,.9);
  height: auto;
}
.competitiveBox > li:hover > div > ul{
  display: block;
  padding: 15% 12px 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.competitiveBox > li:hover > div > ul > name{
  width: auto;
}
.competitiveBox > li:hover > div > ul > li{
  display: block;
  font-size: 14px;
  line-height: 20px;
  min-height: 80px;
  margin-top: 5px;
}
.companyBox > img{
  display: block;
  float: left;
  width: 43%;
}
.companyBox > ul{
  float: right;
  width: 55%;
}
.companyBox > ul,
.companyBox > ul *{
  line-height: 1.8;
}
.companyBox1{
  background: url("../images/bg.jpg") center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding-top: 6.5%;
  padding-bottom: 6.5%;
}
.companyBox1 > div > ul{
  float: left;
  width: 50%;
}
.companyBox1 > div > ul:nth-child(2n+1){
  clear: both;
}
.companyBox1 > div > ul:nth-child(3),
.companyBox1 > div > ul:nth-child(4){
  margin-top: 8%;
}
.companyBox1 > div > ul > img{
  float: left;
  width: 135px;
}
.companyBox1 > div > ul > li{
  float: left;
  width: calc(90% - 136px);
  margin-left: 5%;
}
.companyBox1 > div > ul > li name{
  display: block;
  font-size: 30px;
  font-weight: bold;
  color: #144c8c;
  line-height: 1.2;
  margin-bottom: 10px;
}
.companyBox1 > div > ul:nth-child(2) > li name,
.companyBox1 > div > ul:nth-child(3) > li name{
  color: #135200;
}
.companyBox1 > div > ul > li > a{
  color: #0164a7;
  margin-top: 10px;
  display: inline-block;
}
.companyBox1 > div > ul > li > a:hover{
  color:#019757;
  text-decoration:underline;
}
.cultureBox{
  background: center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
  margin: 3% 20px 6% 0;
  padding: 1%;
  box-shadow: 10px 10px 10px #c5c5c5;
}
.cultureBox > li{
  border: 1px solid white;
}
.cultureBox .box > ul{
  float: left;
  background: #FFF;
  border-radius: 5px;
  width: 226px;
  padding: 1% 0;
  margin-top: 7%;
  margin-left: calc((100% - (226px *5)) / 6);
}
.cultureBox .box > ul:last-child{
  margin-bottom: 7%;
}
.cultureBox .box > ul name{
  display: block;
  font-size: 35px;
  margin: 0 12px;
  line-height: 1.4;
}
.cultureBox .box > ul > li{
  height: 90px;
  margin: 12px 12px 0;
}
.cultureBox .box > ul > li,
.cultureBox .box > ul > li *{
  line-height: 30px;
}
.cultureBox .box1{
  font-size: 0;
  letter-spacing: -1px;
}
.cultureBox .box1 *{
  color: #FFF;
}
.cultureBox .box1 > ul{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  margin: 7% 6% 0;
}
.cultureBox .box1 > ul:last-child{
  margin-bottom: 7%;


}
.cultureBox .box1 > ul *{
  line-height: 1.2;
}
.cultureBox .box1 > ul name{
  font-size: 35px;
  display: block;
  float: left;
}
.cultureBox .box1 > ul en{
  font-size: 18px;
  display: block;
  float: left;
  margin: 21px 0 0 20px;
}
.cultureBox .box1 > ul li{
  float: left;
  margin: 20px 0 0 42px;
}
.cultureBox .box1 > ul li,
.cultureBox .box1 > ul li *{
  font-size: 18px;
}
#page{
  text-align:center;
  padding-top: 12px;
}
.content{
  min-height:400px;
  margin-top: 2%;
}
.content > p:first-child{
  margin-top:0;
}
.honorBox a{
  display: block;
  float: left;
  text-align: center;
}
.honorBox a li{
  background: #222223;
  padding: 10px;
}
.honorBox a li img{
  width: 100%;
}
.honorBox a span{
  text-align: center;
  margin: 12px 0 0;
}
.honorBox1 a{
  display: block;
  float: left;
  text-align: center;
}
.honorBox1 a li{
  background: #eff0f2;
  padding: 10px;
}
.honorBox1 a li img{
  width: 100%;
}
.honorBox1 a span{
  text-align: center;
  margin: 12px 0 0;
}
.history_bg{
  background: url("../images/bg1.png") center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.historyBox > span{
  display: block;
  text-align: center;
}
.historyBox .box{
  position: relative;
  margin-top: 3%;
}
.historyBox .box:after{
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #e1e1e1;
}
.historyBox .box > div{
  margin-top: 3%;
  position: relative;
}
.historyBox .box > div:nth-child(1){
  margin-top: 0;
}
.historyBox .box > div > ul{
  position: relative;
  min-height: 99px;
}
.historyBox .box > div:nth-child(2n+1) > ul{
  margin-left: calc(50% + 30px);
}
.historyBox .box > div:nth-child(2n) > ul{
  margin-right: calc(50% + 30px);
}
.historyBox .box > div > ul > img{
  width: 99px;
  height: 99px;
  position: absolute;
  top: 0;
  border-radius: 1000px;
}
.historyBox .box > div:nth-child(2n) > ul > img{
  right: 0;
}
.historyBox .box > div:nth-child(2n+1) > ul > li{
  margin-left: 110px;
}
.historyBox .box > div:nth-child(2n) > ul > li{
  margin-right: 110px;
}
.historyBox .box > div > ul > li > span{
  font-size: 25px;
  display: block;
}
.historyBox .box > div:nth-child(2n) > ul > li > span{
  text-align: right;
}
.historyBox .box > div:nth-child(2n) > ul > li > ul{
  text-align: right;
}
.historyBox .box > div:first-child:before,
.historyBox .box > div:after,
.historyBox .box > div:last-child:before{
  content: '';
  display: block;
  position: absolute;
  left: 50%;
}
.historyBox .box > div:first-child:before,
.historyBox .box > div:last-child:before{
  width: 1px;
  background: #FFF;
  height: 40px;
  z-index: 1;
}
.historyBox .box > div:last-child:before{
  bottom: 0;
}
.historyBox .box > div:after{
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: #e1e1e1;
  top: 40px;
  margin-left: -10px;
}
.baseBox .box{
  background: #EEE;
  margin-top: 3%;
  font-size: 0;
  letter-spacing: -1px;
}
.baseBox .box > a{
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 0;
  width: 57%;
}
.baseBox .box:nth-child(2n) > a:nth-child(3),
.baseBox .box:nth-child(2n+1) > a:nth-child(1){
  display: none;
}
.baseBox .box > a img{
  width: 100%;
  display: block;
}
.baseBox .box ul{
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 0;
  width: 37%;
  margin: 0 3%;
}
.baseBox .box ul span{
  display: block;
  font-size: 25px;
  line-height: 1.2;
  padding-bottom: 5%;
  margin-bottom: 3%;
  border-bottom: 1px solid #c9c9c9;
}
.baseBox .box ul li{
  line-height: 3;
}
.baseBox .box ul a{
  display: inline-block;
  background: #0164a7;
  color: #FFF;
  line-height: 32px;
  border-radius: 10px;
  padding: 0 15px;
  margin-top: 3%;
}
.baseBox .box ul a:hover{
  background: #004573;
}
.list_pic a{
  display: block;
  float: left;
}
.list_pic a img{
  width: 100%;
}
.list_pic a span{
  text-align: center;
  margin-top: 6px;
}
.margin_top{
  margin-top: 3%;
}
.moreBox a{
  display: block;
  width: 160px;
  background: #919191;
  text-align: center;
  color: #FFF;
  margin: 3% auto 0;
  line-height: 40px;
  border-radius: 24px;
}
.moreBox a:hover{
  background: #019757;
}
#slides{
  width:100%;
  position:relative;
  margin: 30px 0 65px;
}
#slides > div,
#slides > div > div > div{
  width:1100px;
  height:390px;
  overflow:hidden;
  margin:auto;
}
#slides > a{
  position:absolute;
  display:block;
  cursor:pointer;
  z-index:9;
  top:145px;
  width: 32px;
  line-height: 32px;
  text-align: center;
  -webkit-user-select:none;
  user-select:none;
  border: 1px solid #cdcdcd;
  border-radius: 100%;
  font-family: '宋体';
  font-size:22px;
  color: #cdcdcd;
  background: #FFF;
}
#slides > a:hover{
  background: #C00;
  border-color: #C00;
  color: #FFF;
}
#slides .prev{
  left:0;
}
#slides .next{
  right:0;
}
#slides .pagination{

  display:none;
}
.list_news a{
  display: block;
  float: left;
  width: 32%;
  background: #EEE;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 1%;
  margin: 2% 0 0 2%;
}
.list_news a:nth-child(-n+3){
  margin-top: 0;
}
.list_news a:nth-child(3n+1){
  clear: both;
  margin-left: 0;
}
.list_news a img{
  display: block;
  width: 100%;
}
.list_news a > span{
  font-size: 16px;
  font-weight: bold;
  margin-top: 3%;
  color: #000;
}
.list_news a p{
  font-size: 14px;
  color: #666;
  line-height: 30px;
  height: 90px;
  margin-top: 1%;
}
.list_news a li{
  position: relative;
  margin-top: 3%;
}
.list_news a li span{
  display: block;
  font-size: 14px;
}
.list_news a li font{
  display: block;
  font-size: 14px;
  position: absolute;
  top: 0;
  right: 0;
}
.list_news a:hover{
  background: #0164a7;
}
.list_news a:hover *{
  color: #FFF;
}
.strategyBox > div{
  margin: 2% 20px 0 0;
  padding: 1%;
  background: center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  position: relative;
  box-shadow: 10px 10px 10px #c5c5c5;
}
.strategyBox > div:nth-child(1){
  margin-top: 0;
}
.strategyBox > div:after{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.4);
}
.strategyBox > div *{
  color: #FFF;
}
.strategyBox > div > ul{
  border: 1px solid #FFF;
  position: relative;
  z-index: 1;
  padding: 4%;
}
.strategyBox > div > ul .name{
  font-size: 35px;
  line-height: 40px;
  width: 20%;
  float: left;
  font-family: 'Microsoft YaHei UI Light';
}
.strategyBox > div > ul .name:after{
  content: '';
  display: block;
  width: 70px;
  height: 4px;
  background: #FFF;
  margin-top: 18px;
}
.strategyBox > div > ul .info{
  float: left;
  width: 80%;
  min-height: 310px;
  margin: 8px 0;
}
.strategyBox > div > ul .info > ul{
  float: left;
  width: 260px;
  margin: 4% 0 0 10%;
}
.strategyBox > div > ul .info > ul:nth-child(-n+2){
  margin-top: 0;
}
.strategyBox > div > ul .info > ul:nth-child(2n+1){
  margin-left: 0;
  clear: both;
}
.jobsBox a{
  display: block;
  font-size: 0;
  letter-spacing: -1px;
  background: #EEE;
  padding: 2% 3%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.jobsBox a li{
  width: calc(100% - 184px);
  margin-right: 20px;
  background: url("../images/icon1.png") no-repeat;
}
.jobsBox a li span{
  line-height: 30px;
  font-size: 22px;
  margin-left: 80px;
}
.jobsBox a li p{
  font-size: 14px;
  min-height: 36px;
  line-height: 18px;
  color: #666;
  margin-left: 80px;
}
.jobsBox a font{
  line-height: 40px;
  color: #FFF;
  font-size: 18px;
  border-radius: 24px;
  width: 160px;
  text-align: center;
  background: #919191;
}
.jobsBox a:hover font{
  background-color: #019757;
}
.my-map{
  height:500px;
  margin-top: 12px;
  border:1px solid #CCC;
}
.my-map .icon{
  background:url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat;
}
.my-map .icon-cir{
  height:31px;
  width:28px;
}
.my-map .icon-cir-red{
  background-position:-11px -5px;
}
.amap-container{
  height:100%;
}
.myinfowindow{
  width:240px;
  min-height:50px;
}
.myinfowindow h5{
  height:20px;
  line-height:20px;
  overflow:hidden;
  font-size:14px;
  font-weight:bold;
  width:220px;
  text-overflow:ellipsis;
  word-break:break-all;
  white-space:nowrap;
}
.myinfowindow div{
  margin-top:5px;
  min-height:40px;
  line-height:20px;
  font-size:13px;
  color:#6f6f6f;
}
.searchBox{
  font-size: 0;
  margin-bottom: 12px;
  letter-spacing: -1px;
}
.searchBox input{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  font-size: 14px;
  height: 32px;
  padding: 0 10px;
  margin-right: 10px;
  border: 1px solid #CCC;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mapinfoBox span{
  display: block;
}
.sidebar div{
  text-align: right;
  height: 0;
}
.sidebar div ul{
  display: inline-block;
  vertical-align: top;
  letter-spacing: -1px;
  font-size: 0;
  margin-top: -50px;
  position: relative;
  z-index: 1;
}
.sidebar div ul li{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  margin-left: 30px;
  position: relative;
}
.sidebar div ul li:nth-child(1){
  margin-left: 0;
}
.sidebar div ul li > a{
  display: block;
  font-size: 16px;
  line-height: 50px;
  color: #666;
  position: relative;
  white-space: nowrap;
}
.sidebar div ul li.on > a:after,
.sidebar div ul li:hover > a:after{
  content:'';
  display: block;
  position: absolute;
  height: 1px;
  background: #666;
  left: 15px;
  right: 15px;
  bottom: 8px;
}
.sidebar div ul li p{
  position: absolute;
  background: #f2f3f1;
  left: 50%;
  transform: translate(-50%,0);
  padding: 5px 0;
  min-width: calc(100% + 24px);
  display: none;
}
.sidebar div ul li:hover p{
  display: block;
}
.sidebar div ul li p a{
  line-height: 30px;
  padding: 0 12px;
  white-space: nowrap;
  color: #666;
  display: block;
  font-size: 15px;
  text-align: center;
}
.sidebar div ul li p a:hover{
  text-decoration: underline;
}
.competitiveBox_home{
  background: url("../images/bg1.jpg") center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding: 4% 1.7% 7%;
}
.competitiveBox_home .tn{
  font-size: 0;
  letter-spacing: -1px;
}
.competitiveBox_home .tn *{
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 0;
  font-size: 45px;
  line-height: 1.2;
}
.competitiveBox_home .tn span{
  font-weight: bold;
  color: #c5c5c5;
}
.competitiveBox_home .tn span b{
  color: #afd5c0;
}
.competitiveBox_home .tn i{
  font-weight: bold;
  color: #0164a7;
  margin: 0 1%;
}
.competitiveBox_home .tn font{
  font-size: 30px;
}
.newsBox{
  padding: 4% 1.7%;
}
.newsBox .tn b{
  text-align: center;
  display: block;
  font-size: 45px;
  color: #019757;
  line-height: 1.2;
}
.newsBox .tn span{
  text-align: center;
  display: block;
  font-size: 30px;
  line-height: 1.2;
}
.newsBox .box a{
  display: block;
  float: left;
  width: 31%;
  margin: 3% 0 0 3.5%;
}
.newsBox .box a:nth-child(3n+1){
  margin-left: 0;
  clear: both;
}
.newsBox .box a img{
  width: 100%;
  border-radius: 10px;
}
.newsBox .box a time{
  display: block;
  font-size: 14px;
  color: #666;
  margin-top: 3%;
  padding-left: 30px;
  background: url("../images/icon2.png") left center no-repeat;
}
.newsBox .box a span{
  font-size: 22px;
  margin: 2% 0;
}
.newsBox .box a p{
  color: #666;
  max-height: 150px;
  -webkit-line-clamp:5;
}
.newsBox .box a font{
  display: inline-block;
  vertical-align: top;
  color: #019757;
  padding-right: 23px;
  margin-top: 3%;
  background: url("../images/icon3.png") right no-repeat;
}
.newsBox .box a:hover font{
  text-decoration: underline;
}
.aboutBox{
  padding: 4% 1.7%;
}
.aboutBox > ul{
  position: relative;
}
.aboutBox .box{
  width: 46.6%;
}
.aboutBox .box > div{
  width: 54%;
  float: left;
}
.aboutBox .box div *{
  margin-left: 5%;
}
.aboutBox .box > div span{
  display: block;
  font-size: 55px;
  color: #0164a7;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 8%;
}
.aboutBox .box > div font{
  display: block;
  font-size: 30px;
  line-height: 1.2;
}
.aboutBox .box > div a{
  display: block;
  width: 33px;
  height: 33px;
  margin-top: 8%;
  background: #019757 url("../images/arrow.png") center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.aboutBox .box > a{
  display: block;
  float: left;
  width: 44%;
  margin: 2% 0 0 2%;
  position: relative;
}
.aboutBox .box > a:nth-child(2){
  margin-top: 0;
}
.aboutBox .box > a:nth-child(3){
  width: 54%;
  clear: both;
  margin-left: 0;
}
.aboutBox .box > a img{
  width: 100%;
}
.aboutBox .box > a ul{
  position: absolute;
  left: 5%;
  right: 5%;
  top: 12%;
}
.aboutBox .box > a ul span{
  display: block;
  font-size: 25px;
}
.aboutBox .box > a ul li{
  font-size: 14px;
}
.aboutBox .videoBox{
  position: absolute;
  background: #000;
  top: 0;
  bottom: 0;
  right: 0;
  width: 52.5%;
}
.aboutBox .videoBox video,
.aboutBox .videoBox b{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.aboutBox .videoBox video{
  display: none;
  background: #000;
  z-index: 1;
}
.aboutBox .videoBox b{
  display: block;
  cursor: pointer;
  background: url("../images/video.png") center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.typeBox .big_img{
  border-bottom: 1px solid #EEE;
  padding-bottom: 1%;
}
.typeBox .box a{
  display: block;
  float: left;
}
.typeBox .box a img{
  width: 100%;
}
.typeBox .box a span{
  display: block;
  text-align: center;
  background: #EEE;
  padding: 3% 0;
}
.aside{
  float: left;
  background: #EEE;
  width: 21.5%;
}
.aside .tn{
  font-size: 25px;
  font-weight: bold;
  padding: 3% 0 3% 20px;
  border-bottom: 1px solid #d6d6d6;
}
.aside .box a{
  display: block;
  padding: 4% 12px 4% 47px;
  border-bottom: 1px solid #e5e5e5;
  background: url("../images/arrow1.png") 20px center no-repeat;
}
.aside .box a:hover,
.aside .box a.on{
  color: #FFF;
  background-color: #0164a7;
  background-image: url("../images/arrow2.png");
}
.proBox{
  float: right;
  width: 73.5%;
}
.proBox .name{
  font-size: 30px;
  font-weight: bold;
  color: #0164a7;
  margin-bottom: 1%;
}
.proBox .more a{
  display: inline-block;
  background: #0164a7;
  margin-top: 3%;
  color: #FFF;
  padding: 0 14px;
  line-height: 32px;
  border-radius: 9px;
}
.proBox .more a:hover{
  background: #019757;
}
.proBox .title{
  font-weight: bold;
  margin-top: 3%;
  padding-top: 3%;
  border-top: 1px solid #EEE;
}
.proBox .box a{
  background: #EEE;
  display: block;
  margin-top: 3%;
  font-size: 0;
  padding: 2%;
  letter-spacing: -1px;
}
.proBox .box a:nth-child(1){
  margin-top: 2%;
}
.proBox .box a img{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  width: 39%;
}
.proBox .box a ul{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  width: 58%;
  margin-left: 3%;
}
.proBox .box a ul span{
  display: block;
  font-weight: bold;
  padding-bottom: 6px;
  margin-bottom: 6px;
  border-bottom: 1px solid #e5e5e5;
}
.proBox .box a ul li{
  padding-top: 6px;
}
.proBox .box a:hover{
  background: #e5e5e5;
}
.proBox .box a:hover ul span{
  border-bottom-color: #f5f5f5;
}
.productinfoBox{
  background: #EEE;
  margin-top: 3%;
}
.productinfoBox > ul{
  padding: 1.5% 1.7%;
}
.productinfoBox > ul > li{
  font-size: 0;
  letter-spacing: -1px;
}
.productinfoBox > ul > li img{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  width: 28%;
}
.productinfoBox > ul > li ul{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  width: 69%;
  margin-left: 3%;
}
.productinfoBox > ul > li ul span{
  display: block;
  font-weight: bold;
  padding-bottom: 1%;
  margin-bottom: 1%;
  border-bottom: 1px solid #e5e5e5;
}
.productinfoBox > ul > li ul li{
  padding-top: 6px;
}
.productinfoBox1 .box > h2{
  font-weight: normal;
  font-size: 22px;
  margin-top: 3%;
  padding-bottom: 1%;
}
.productinfoBox1 .box .pic a{
  display: block;
  float: left;
  width: 31%;
  margin: 2% 0 0 3.5%;
}
.productinfoBox1 .box .pic a:nth-child(-n+3){
  margin-top: 0;
}
.productinfoBox1 .box .pic a:nth-child(3n+1){
  clear: both;
  margin-left: 0!important;
}
.productinfoBox1 .box .pic a img{
  width: 100%;
}
.productinfoBox1 .box .pic a span{
  display: block;
  text-align: center;
  background: #EEE;
  padding: 3% 0;
}
.productinfoBox1 .downloadBox{
  margin-top: 0;
}
.parameterBox{
  background: #EEE;
  overflow-x: auto;
}
.parameterBox ul{
  min-width: 1024px;
  position: relative;
  font-size: 0;
  letter-spacing: -1px;
  white-space: nowrap;
  border-bottom: 1px solid white;
}
.parameterBox ul:nth-child(1){
  background: #bfbfbf;
}
.parameterBox ul li{
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 0;
  width: calc(100% / 7);
}
.parameterBox ul li span{
  display: block;
  font-size: 15px;
  text-align: center;
  line-height: 20px;
  padding: 10px 10px 10px 11px;
  white-space: normal;
}
.parameterBox ul li:after{
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #FFF;
}
.parameterBox ul li:first-child:after{
  display: none;
}
.solutionBox h1{
  font-size: 30px;
  color: #0164a7;
  line-height: 1.2;
}
.solutionBox .content{
  background: #EEE;
  margin-top: 1%;
  padding: 2%;
}
.detailed{
  margin-top: 0;
}
.detailed > h1{
  font-weight: normal;
  color: #000;
  font-size: 24px;
  line-height: 1.2;
  text-align: center;
}
.detailed .info1{
  text-align: center;
  font-size: 14px;
  margin: 10px 0;
  color: #9a9a9a;
}
.detailed .cont{
  margin-top: 3%;
}
.solution_home{
  position: relative;
}
.solution_home a{
  display: block;
  position: relative;
}
.solution_home a img{
  width: 100%;
  max-width: 1682px;
  margin: 0;
}
.solution_home a ul{
  position: absolute;
  right: 0;
  top: 4%;
  bottom: 4%;
  width: 30.5%;
  overflow: hidden;
  background: #0164a7 url("../images/bg.png") no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.solution_home a ul *{
  color: #FFF;
  margin: 0 5%;
}
.solution_home a ul i{
  display: block;
  width: 120px;
  height: 5px;
  background: #019757;
  margin-top: 10%;
  margin-bottom: 5%;
}
.solution_home a ul span{
  font-size: 32px;
  display: block;
  font-weight: bold;
  line-height: 1.5;
}
.solution_home a ul li{
  margin-top: 2%;
  line-height: 1.5;
}
.solution_home .swiper-pagination{
  display: none;
}
.solution_home .button{
  position: absolute;
  z-index: 1;
  right: 0;
  width: 30.5%;
  bottom: 4%;
  padding-bottom: 1%;
  text-align: center;
  font-size: 0;
  letter-spacing: -1px;
}
.solution_home .button li{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: center no-repeat;
}
.solution_home .button li.prev{
  background-image: url("../images/left.png");
}
.solution_home .button li.next{
  margin-left: 6%;
  background-image: url("../images/right.png");
}
.list_pro a{
  background: #EEE;
  display: block;
  margin-top: 3%;
  font-size: 0;
  padding: 2%;
  letter-spacing: -1px;
}
.list_pro a:nth-child(1){
  margin-top: 0;
}
.list_pro a img{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  width: 29%;
}
.list_pro a ul{
  display: inline-block;
  vertical-align: top;
  letter-spacing: 0;
  width: 68%;
  margin-left: 3%;
}
.list_pro a ul span{
  display: block;
  font-weight: bold;
  padding-bottom: 6px;
  margin-bottom: 6px;
  border-bottom: 1px solid #e5e5e5;
}
.list_pro a ul li{
  padding-top: 6px;
}
.list_pro a:hover{
  background: #e5e5e5;
}
.list_pro a:hover ul span{
  border-bottom-color: #f5f5f5;
}
.list_certificate a{
  display: block;
  float: left;
}
.list_certificate a img{
  width: 100%;
  border: 1px solid #EEE;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.list_certificate a font{
  display: block;
  width: 120px;
  text-align: center;
  margin: 12px auto 0;
  background: #919191;
  line-height: 30px;
  border-radius: 40px;
  color: #FFF;
  font-size: 12px;
}
.list_certificate a:hover font{
  background: #019757;
}
.overflow_dl{
  overflow-x: auto;
}
.overflow_dl table{
  min-width: 750px;
}