@charset "utf-8";
/* CSS Document */
*{-webkit-text-size-adjust: none}
html, body{width:750px; margin:0 auto;min-width:inherit; transform:'';background:#f5f5f5;font-family:'微软雅黑,宋体', sans-serif;}
.fl_pc {float:none; display:block;}
.fr_pc {float:none; display:block;}
.pchide {display:block;}
.pcWidth {width:auto;}
.mhide {display:none;}
.padhide{display:none;}
.container {width:auto;}



/* public */
.header{
  width:100%;
  overflow: hidden;
}
.wrapper{
  width:100%;
  margin:0 auto;
}
.container{
  margin-top:0;
}


/* index_header */
.header{
  width:100%;
  height:240px;
  background:url(mhbg@2x.png) center top;
  margin-bottom:0px;
  position:sticky;
  top:0;
  left:0;
  z-index: 100;
}
.header .handle{
  width:300px;
  height:50px;
  position: absolute;
  right:30px;
  bottom:15px;
}
.header .handle ul{
  text-align: right;
}
.header .handle li{
  width:40px;
  height:40px;
  display:inline-block;
  margin-left:30px;
}
.header .handle li i{
  display:block;
  width:40px;
  height:40px;
}
.header .handle li i.lang{
  background:url(CN.png) no-repeat center;
  background-size: contain;
}
.header .handle li i.search{
  background:url(icon_sou.png) no-repeat center;
  background-size: contain;
}
.header .handle li i.menu{
  background:url(icon_menu.png) no-repeat center;
  background-size: contain;
  position: relative;
}
.header .handle li.active i.menu::after{
  content: '';
  display:block;
  width:40px;
  height:20px;
  background: url(menuT.png);
  position: absolute;
  bottom:-25px;
  left:0;
}


/* sub_header */
.subHeader{
  width:100%;
  height:156px;
  position: sticky;
  top:240px;
  z-index: 99;
}
.subHeader .title{
  width:100%;
  height:78px;
  background:url(title01@3x.png);
  background-size: contain;
  overflow: hidden;
}
.subHeader .title a.back{
  width:78px;
  height:78px;
  float:left;
  display:block;
}
.subHeader .title h2{
  font-size: 34px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #F5F5F5;
  padding:16px 0;
  box-sizing: border-box;
  width:550px;
  float:left;
}
.subHeader .title a.home{
  width:78px;
  height:78px;
  float:right;
  display:block;
}
.subHeader .subTitle{
  width:100%;
  height:78px;
  background:url(title02@3x.png);
  background-size: contain;
  position: relative;
}
.subHeader .subTitle h3{
  font-size: 34px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 48px;
  padding:12px 120px;
  box-sizing: border-box;
}
.subHeader .subTitle.active::after{
  width:40px;
  height:20px;
  background:url(menuT.png);
  content:'';
  position: absolute;
  top:60px;
  left:120px;
}

/* subMenu */

.downMenu{
  display:none;
  width:100%;
  height:calc(100vh - 238px);
  overflow: hidden;
  position: fixed;
  bottom:0;
  left:0;
  z-index: 999;
  background:rgba(0,0,0,.45)
}
.downMenu .box{
  width:550px;
  height:100%;
  overflow: auto;
  background:#ECF3FB;
  float:right;
}
.downMenu.active{
  display:block;
}
.downMenu a{
  width:100%;
  height:100%;
  display:block;
}
.downMenu ul.level1>li h3{
  width:100%;
  height:100px;
  line-height:100px;
  font-size:36px;
  font-weight:normal;
  border-bottom:1px solid #C3D4E7;
  text-indent:69px;
  position: relative;
}
.downMenu ul.level1>li h3 i{
  content:'';
  width:100px;
  height:100px;
  background: url(arrow02.png) center no-repeat;
  position: absolute;
  top:0;
  right:0;
}
.downMenu ul.level1>li.active h3 i{
  transform: rotate(90deg);
  background: url(arrow01@2x.png) center no-repeat;
}
.downMenu ul.level1>li.active h3 a{
  background:#1E5A99;
  color:#fff;
}
.downMenu ul.level1>li.active ul.level2{
  display:block;
}

.downMenu ul.level2{
  width:490px;
  margin:0 auto;
  overflow: hidden;
  display:none;
}
.downMenu ul.level2>li{
  height:90px;
  line-height:90px;
  font-size:34px;
  border-bottom:1px dashed #999;
  text-indent:90px;
}
.downMenu ul.level2>li a{
  color:#1E5A99;
  position: relative;
}
.downMenu ul.level2>li a::before{
  content:'';
  width:15px;
  height:15px;
  border-radius: 50%;
  border:2px solid #999;
  position: absolute;
  top:35px;
  left:40px;
}



.subHeaderMenu{
  display:none;
  width:100%;
  height:calc(100vh - 396px);
  overflow: hidden;
  position: fixed;
  bottom:0;
  left:0;
  z-index: 999;
  background:rgba(0,0,0,.45)
}
.subHeaderMenu .box{
  width:550px;
  height:100%;
  overflow: auto;
  background:#ECF3FB;
  float:left;
  padding:20px 30px;
  box-sizing: border-box;
}
.subHeaderMenu.active{
  display:block;
}

.subHeaderMenu li a{
  width:100%;
  height:100%;
  display:block;
  border-bottom:1px dashed #999;
  font-size: 34px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #1E5A99;
  line-height: 90px;
  text-indent:69px;
  position: relative;
}
.subHeaderMenu li.active a{
  background:#1E5A99;
  color:#fff;
}
.subHeaderMenu li a::before{
  content:'';
  position: absolute;
  top:36px;
  left:32px;
  width:15px;
  height:15px;
  border:3px solid #A3A4A5;
  border-radius: 50%;
}
.subHeaderMenu li.active a::before{
  border:3px solid #fff;
  background:#fff;
}


/* focus */
.subFocus{
  width:100%;
  height:340px;
  background:center no-repeat;
  overflow: hidden;  
}
.subFocus h2{
  width: 500px;
  height: 36px;
  
  font-size: 52px;
  color: #16AE66;
  letter-spacing: 0.63px;
  line-height: 36px;
  font-weight: 700;
  margin-top:130px;
  margin-left:56px;
}
.subFocus h2 span{
  display:block;
  height: 20px;
  
  font-size: 32px;
  color: #16AE66;
  letter-spacing: 0.37px;
  line-height: 20px;
  font-weight: 400;
  margin-top:17px;
}

/* footer */
.footer {
  width: 100%;
  height: auto;
  position: initial;
  clear:both;
}
.footer .link{
  width:100%;
  height: auto;
  background:#333;
  margin-bottom:0;
  overflow: hidden;
}
.footer .link .container ul{
  float:initial;
  width:auto;
  height:430px;
  padding:0;
  text-align: left;
  padding:70px 44px;
  box-sizing: border-box;
}
.footer .link .container ul li{
  width:100%;
  font-size: 30px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FFFFFF;
  float:left;
  line-height: 80px;
  margin-right:0;
  line-height:30px;
  position: initial;
  margin-bottom:50px;
  text-indent: 0;
}
.footer .link .container ul li:first-child{
  width:100%;
  font-weight:bold;
  text-indent: 0;
  background:none;
  font-size:30px;
  height:auto;
}
.footer .link .container ul li::after{
  display:none;
}
.footer .link .container ul li a{
  color:#fff;
}

.footer .link .tel{
  width:100%;
  height:170px;
  background:#0A0A0A url(footerbg@2x.png) no-repeat bottom right;
  padding:25px 27px;
  box-sizing: border-box;
  color:#fff;
  text-align: center;

  font-size: 28px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #FDE8CE;
  line-height: 60px;
}
.footer .copyright{
  width:100%;
  margin:0 auto;
  padding:60px 0;
  text-align: center;
  font-size: 24px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #444444;
line-height: 48px;
}
/* form */
select::-ms-expand{ display: none; }
select{
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  background:#fff url("./trs_ico03.jpg") no-repeat scroll 600px center;
  background-size: 72px 72px;
  outline: none;
}

option::-ms-expand{ display: none; }
option{
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari 和 Chrome */
  appearance:none;
}
option:hover{
  color:#fff;
  background-color:#eee;
}


/* page */
.pageBtn{
  overflow: hidden;
  width:670px;
  height:80px;
  margin: 0 auto 50px auto;
}
.pageBtn a{
  color:#fff;
  width:670px;
  height:80px;
  line-height:80px;
  text-align: center;
  margin-bottom:50px;
  background: #51AB6D;
  border-radius: 4px;
  font-size:28px;
  display: block;
}



/* page */
.page{
  width:100%;
  height:auto;
  text-align: center;
  margin:0;
  overflow: hidden;
  background:#fff;
  padding:30px 0;
}
.page li{
  display:inline-block;
  min-width: 0;
  background: #FFFFFF;
  border:1px solid #ddd;
  border-radius: 0;
  box-sizing: border-box;
  padding:12px 20px;
  font-size: 28px;
  color: rgba(0,0,0,0.65);
  margin-right:10px;
  cursor:pointer;
}
.page li.btn{
  background:#ccc;
}
.page li i{
  display:block;
}
.page li.left{
  background:#fff url(./trs_left.png) no-repeat center;
  background-size:12px 20px;
}
.page li.right{
  background:#fff url(./trs_right.png) no-repeat center;
  background-size:12px 20px;
}
.page li.active{
  background: #1E5A99;
  color:#fff;
  border:0;
}
.page li.input{
  border:0;
  background:none;
}
.page li.input input{
  border: 1px solid #3D3D3D;
  width: 60px;
  height: 36px;
  box-sizing: border-box;
  border-radius: 8px;
  padding:10px;
  margin:0 10px;
  position: relative;
  top:-2px;
  font-size:28px;
  overflow: hidden;
}



/* 404 */
.body404{
  background:#f5f5f5;
}
.body404 .contentBox{
  min-height:auto;
  overflow: hidden;
}
.body404 .box404{
  width:auto;
  margin:0 auto;
  margin-top:80px;
  font-size:36px;
  color: #787878;
  text-align: center;
}
.body404 .box404 img{
  width:700px;
  height:auto;
  margin:0 auto;
  margin-bottom:92px;
  display:block;
}
.body404 .box404 .handle404{
  margin:32px auto 148px auto;
}
.body404 .box404 .handle404 a{
  width:268px;
  height:72px;
  display:inline-block;
  background: #909090;
  border-radius: 6px;
  color:#fff;
  font-size:28px;
  line-height:72px;
  cursor: pointer;
}
.body404 .box404 .handle404 a.active{
  margin-right:19px;
  background:#51AB6D;
}


/* dialog */
.dialog{
  width:100%;
  height:100%;
  position: fixed;
  top:0;
  left:0;
  background:rgba(0,0,0,.6);
  z-index: 999;
  display:none;
}
.dialog .box{
  width:auto;
  height:1000px;
  background:#fff;
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
}
.dialog .box .title{
  width:100%;
  height:100px;
  background:#51AB6D;
  color:#fff;
  line-height:100px;
  text-indent: 20px;
  font-size:28px;
}
.dialog .box .content{
  width:100%;
  height:800px;
  overflow: auto;
  padding:20px 20px;
  box-sizing: border-box;
}
.dialog .box .content .item{
  width:700px;
  overflow: auto;
}
.dialog .box .handle{
  width:100%;
  height:100px;
  text-align: center;
}
.dialog .box .handle a{
  padding:20px 40px;
  background:#16AE66;
  color:#fff;
  display:inline-block;
  vertical-align: middle;
  margin-right:10px;
  font-size:28px;
}
.dialog .box .content table{
  width:2000px;
  border:1px solid #ccc;
  border-collapse: collapse;
  margin-bottom:20px;
}
.dialog .box .content table td{
  padding-left:10px;
}


/* dialogBox */
.dialogBox{
  width:100%;
  height:100%;
  position: fixed;
  top:0;
  left:0;
  background:rgba(0,0,0,.6);
  z-index: 999;
  display:none;
}
.dialogBox .box{
width:800px;
padding:30px;
box-sizing: border-box;
}
.dialogBox .box .btn{
width:40px;
height:40px;
display:block;
position: absolute;
top:500px;
right:initial;
left:50%;
transform: translate(-50%,-50%);
background:url(./trs_close.png) no-repeat;
background-size:contain;
cursor:pointer;
}
.dialogBox .box video{
width:100%;
height:100%;
}


/* datepicker */
.ui-datepicker{
  width:610px !important;
  font-size:24px !important;
}
.ui-datepicker td span, .ui-datepicker td a{
  padding:.8em .2em !important;
}




/* breadcrumb */
.breadcrumb {
  width: 100%;
  height: 80px;
  background:#fff;
  overflow: auto;
}
.breadcrumb ul{
  width:1000px;
}
.breadcrumb i{
  width:55px;
  height:51px;
  margin-right:25px;
  float:left;
  background:url(./home2@2x.png) no-repeat;
  background-size:contain;
  position: relative;
  top:14px;
  margin-left:41px;
}

.breadcrumb li {
  display: inline-block;
  line-height: 80px;
  font-size: 35px;
  position: relative;
  padding-right: 30px;
  margin-right: 5px;
}

.breadcrumb li::after {
  position: absolute;
  right: 0;
  top: 0;
  content: '>';
  color: #666;
}

.breadcrumb li a {
  color: #666;
  letter-spacing: 0.23px;
  font-weight: 400;
  cursor: pointer;
}

.breadcrumb li.active a {
  color: #666;
}

.breadcrumb li.active::after {
  display: none;
}


/*特殊分辨率处理*/
@media screen and (max-width:600px)
{


}

@media screen and (max-width:400px)
{


}

@media screen and (max-width:360px)
{


}