body{font-size: 14px;font-family: 'Microsoft YaHei';line-height: 1.5;color:#333;margin-top: 100px;}
.ho_content{width:100%;min-width: 1200px;}









.ho_wrap{width:100%;padding:30px 0 60px;background: #fff;}
.ho_grey{background: #f1f1f1!important;}
.ho_box{width:80%;margin:0 auto;min-width: 1200px;}





.ho_header{width:100%;}


.ho_title{width:100%;line-height: 1;text-align: center;font-size: 35px;padding:5px 0;font-family: 'Microsoft YaHeiLight';letter-spacing: 3px;}

.ho_hOther{width:100%;text-align: center;color:#036eb8;font-size: 20px;line-height: 1;letter-spacing: 1px;}

.ho_hOther span{width:30px;background: #bfbfbf;margin-top:10px;height: 1px;}
.ho_hOther span:first-child{margin-right: 10px;}
.ho_hOther span:last-child{margin-left: 10px;}





.ho_main{width:100%;margin-top:40px;}



.ho_newsMain{overflow: hidden;padding:10px 0;}
.ho_newsMain dl{float:left;width:calc((100% - 90px) / 3);margin:0 15px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}
.ho_newsMain dl:hover{box-shadow: 0 0 15px rgba(0,0,0,0.7);}
.ho_newsMain dl>a{display:block;}

.ho_newsMain dt{width:100%;}

.ho_newsMain img{width:100%;height: 100%;}


.ho_newsMain dd{width:calc(100% - 2px);border:1px solid #ebebeb;}

.ho_newsText{padding:8% 5%;}
.ho_newsText h5{width:100%;padding:5px 0;color:#000;font-weight: normal;font-size: 18px;height:25px;overflow: hidden;margin-bottom: 10px;}
.ho_newsText p{width:100%;font-size: 14px;max-height:42px;overflow: hidden;color: #999;}

.ho_newsOther{background: #f1f1f1;padding:20px 2.5%;overflow: hidden;color: #333;}
.ho_newsOther a{float:left;line-height: 1;color:#020202;}
.ho_newsOther a:hover{font-weight: bold;text-decoration: underline;}
.ho_newsOther span{float:right;line-height: 1;color:#020202;}


.ho_newsMore{width:100%;margin-top:55px;}
.ho_newsMore a{width:200px;line-height: 1;text-align: center;color:#fff;font-size: 20px;letter-spacing: 2px;font-family: 'Microsoft YaHeiLight';background: #6699cc;padding:12px 0;border-radius: 22px;margin:0 auto;display: block;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;}
.ho_newsMore a:hover{letter-spacing: 5px;}



.ho_tecMain{overflow: hidden;padding-bottom:30px;}


.ho_tecMain li{float:left;width:calc(12% - 1px);padding:7px 0;border-right:1px solid #fff;}
.ho_tecMain>ul>li{transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;}
.ho_tecLi_show{width:52%!important;border-right:none!important;padding:0!important;z-index: 2;position: relative;}

.ho_tecHeader{width:100%;}
.ho_tecMain li:first-child .ho_tecHeader{background: #036eb8;}
.ho_tecMain li:nth-child(2) .ho_tecHeader{background: #1386b7;}
.ho_tecMain li:nth-child(3) .ho_tecHeader{background: #00a941;}
.ho_tecMain li:nth-child(4) .ho_tecHeader{background: #179e93;}
.ho_tecHeader dl{width:100%;padding:20px 0;}
.ho_tecHeader dt{width:100%;}
.ho_tecHeader i{width:100%;height:45px;line-height: 1;text-align: center;color:#fff;font-size: 45px;}
.ho_tecHeader dd{width:100%;}
.ho_tecHeader h5{width:100%;color:#fff;font-size: 22px;text-align: center;}
.ho_tecHeader p{width:100%;color:#eee;text-align: center;}

.ho_tecTh{width:100%;padding:0 5%;position: relative;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;}
.ho_tecLi_show .ho_tecTh{background: #fff!important;}
.ho_tecLi_show .ho_tecShow{display: block;}
.ho_tecShow{width:100%;padding-top:45px;display: none;}
.ho_tecText{width:100%;}
.ho_tecText h6{width:100%;font-size: 18px;font-weight: normal;}
.ho_tecMain li:first-child .ho_tecText h6{color: #036eb8;}
.ho_tecMain li:nth-child(2) .ho_tecText h6{color: #1386b7;}
.ho_tecMain li:nth-child(3) .ho_tecText h6{color: #00a941;}
.ho_tecMain li:nth-child(4) .ho_tecText h6{color: #179e93;}
.ho_tecText p{width:100%;margin-top:15px;line-height: 2;font-size: 14px;color:#8c8c8c;}
.ho_tecMore{width:100%;margin-top:2%;overflow: hidden;}
.ho_tecMore a{float:right;width:20%;line-height: 1;text-align: center;color:#fff;font-size: 16px;padding:10px 0;border-radius: 18px;background: #036eb8;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.ho_tecMain li:first-child .ho_tecMore a{background: #036eb8;}
.ho_tecMain li:nth-child(2) .ho_tecMore a{background: #1386b7;}
.ho_tecMain li:nth-child(3) .ho_tecMore a{background: #00a941;}
.ho_tecMain li:nth-child(4) .ho_tecMore a{background: #179e93;}
.ho_tecMore a:hover{width:25%;}
.ho_tecOption{position: absolute;left: 5%;bottom:7%;width:90%;}
.ho_tecOption li{float:left;width:25%;margin-right: 5%;padding:0!important;border:none!important;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;}
.ho_tecOption li:hover{box-shadow: 0 0 10px #bbb;}
.ho_tecOption a{width:100%;padding:10px 5%;background: #f2f2f2;overflow: hidden;}
.ho_tecOption span{float:left;color:#333;font-size: 12px;}
.ho_tecOption i{float:right;line-height: 16px;width:16px;font-size: 12px;border-radius: 50%;text-align: center;}
.ho_tecMain li:first-child .ho_tecOption i{color: #036eb8;border:1px solid #036eb8;}
.ho_tecMain li:nth-child(2) .ho_tecOption i{color: #1386b7;border:1px solid #1386b7;}
.ho_tecMain li:nth-child(3) .ho_tecOption i{color: #00a941;border:1px solid #00a941;}
.ho_tecMain li:nth-child(4) .ho_tecOption i{color: #179e93;border:1px solid #179e93;}

.ho_tecLi_show .ho_tecLine{display: none;}
.ho_tecLine{width:100%;padding-top:38px;}
.ho_tecLine li{width:100%;text-align: center;color:#373d41;font-size: 16px;line-height: 1;margin-bottom:15%;border:none!important;padding:0!important;}



.ho_park{width:100%;overflow: hidden;margin-top:45px;background:#fff;}


.ho_pLeft{}

.ho_pHeader{width:100%;background: url('../images/pHBg.png') no-repeat;background-size: 100% 100%;padding-bottom: 60px;}
.ho_pHeader h4{width:100%;padding-top:60px;line-height: 1;text-align: center;color:#fff;font-size: 40px;letter-spacing: 2px;font-weight: 300;}
.ho_pHeader p{width:100%;padding-top:20px;text-align: center;line-height: 1;color:#fff;font-size: 35px;font-weight: bold;opacity: 0.5;font-family: 'Microsoft YaHeiLight';}

.ho_pTh{width:100%;position: relative;margin-top:2px;}
.ho_pRight{padding-top:20px;}
.ho_pRight ul{display: flex;}
.ho_pRight li{margin:0 2px 2px 0;position: relative;padding:0 1px;}

.ho_pTh_pic{width:100%;}
.ho_pTh_pic img{width:100%;height: 100%;}
.ho_pTh_text{position: absolute;top:5%;left: 5%;width:90%;height: 90%;background:rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;-ms-transition: all 0.3s;}
.ho_pTh_wrap{width:100%;height:100%;position: relative;}
.ho_pTh_box{width:0;height: 80px;position: absolute;top:0;left: 0;right: 0;bottom: 0;margin:auto;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;}
.ho_pTh_content{width:0;position: relative;line-height: 1;text-align: center;color:#fff;font-size: 22px;height:0;padding:0;overflow: hidden;opacity: 0;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;-ms-transition: all 0.5s;}
.ho_pTh_content i{position: absolute;width:20px;height:20px;}
.ho_pTh_tl{top:0;left:0;border-top:1px solid #fff;border-left:1px solid #fff;}
.ho_pTh_tr{top:0;right:0;border-top:1px solid #fff;border-right:1px solid #fff;}
.ho_pTh_bl{bottom:0;left:0;border-bottom:1px solid #fff;border-left:1px solid #fff;}
.ho_pTh_br{bottom:0;right:0;border-bottom:1px solid #fff;border-right:1px solid #fff;}



.ho_pnMain ul{overflow: hidden;width:calc(100% - 1px);border-top:1px solid #e5e5e5;border-left: 1px solid #e5e5e5;}

.ho_pnMain li{float:left;width:calc(25% - 1px);border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
.ho_pnMain img{width:100%;height:100%;}