@charset "utf-8";
@charset "utf-8";
/*初始化样式*/
*{margin:0;padding:0;}
body,html{width: 100%;}
body,dl,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,hr,thead,tbody,tfoot,th,td{margin:0;padding:0;}
ul,ol{list-style:none;}
html{-ms-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;font-size:50px;}
body{font-size:16px;}
body,button,input,select,textarea{font-family:'微软雅黑','helvetica neue',tahoma,'hiragino sans gb',stheiti,'wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;}
b,strong{font-weight:bold;}
i,em{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
table th,table td{border:1px solid #ddd;padding:5px;}
table th{font-weight:inherit;border-bottom-width:2px;border-bottom-color:#ccc;}
img{border:0 none;width:auto\9;max-width: 100%;}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline;outline:0px ; outline:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
@media screen and (-webkit-min-device-pixel-ratio:0){
input{line-height:normal!important;}
}
input{outline: none;}
select[size],select[multiple],select[size][multiple]{border:1px solid #AAA;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
audio,canvas,video,progress{display:inline-block;}
a,a:hover,a:active,a:visited,a:link,a:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    outline: none;
    text-decoration: none;
}
/* 插件swiper样式 */
.swiper-container {width: 100%;height: 100%;}
/* 清楚浮动 */
.clearfloat:after {display: block;clear: both;content: "";visibility: hidden;height: 0;}
.clearfloat {zoom: 1;}
/* 改变input 选中后再次选择时的样式 */
input:-webkit-autofill {box-shadow: 0 0 0px 1000px #fff inset;-webkit-box-shadow: 0 0 0px 1000px #fff inset;}
::-webkit-scrollbar{width:5px;height:5px;border-radius: 4px;}
::-webkit-scrollbar-button:vertical{ display:none;}
::-webkit-scrollbar-track:vertical{background-color:black;}
::-webkit-scrollbar-track-piece{background-color:#F5F5F5;}
::-webkit-scrollbar-thumb:vertical{margin-right:10px; background-color:#888;}
::-webkit-scrollbar-thumb:vertical:hover{background-color: #FF5600;}
::-webkit-scrollbar-corner:vertical{background-color:#535353;}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00;}

.header{width:100%;padding: 14px 6%;box-sizing: border-box;background: #fff;}
.headercon{width: 100%;}
.headercon a{float: left;display: block;font-size: 24px;font-weight: "宋体";color: #C00000;}
.headercon p{float: right;font-size: 14px;color: #666;margin-top: 8px;}
.headernav{width: 100%;padding: 0 6%;box-sizing: border-box;background: #B51914;}
.headernav ul{width: 100%;text-align: center;}
.headernav ul li{height: 60px;line-height: 60px;display: inline-block;margin-right: 24px;}
.headernav ul li:last-child{margin-right: 0;}
.headernav ul li a{display: block;font-size: 16px;color: #fff;padding: 0 12px;box-sizing: border-box;
transition:.3s;position: relative;}
.headernav ul li a::before{content: "";width: 0%;height: 2px;background: #E8D1AA;position: absolute;bottom: 0;left: 50%;
transform: translateX(-50%);transition:.3s;}
.headernav ul .active>a{color: #E8D1AA;}
.headernav ul .active>a::before{width: 100%;}
.headernav ul li>a:hover{color: #E8D1AA;}
.headernav ul li>a:hover::before{width: 100%;}
.banner{width: 100%;}
.banner img{display: block;width: 100%;}
.conter{width: 100%;}
.conterfirst{width: 100%;padding: 60px 0 30px 0;box-sizing: border-box;
background: url(../images/htkgbj.jpg) center no-repeat;background-size: cover;}
.htkg_conterbut{width: 100%;padding-top: 50px;box-sizing: border-box;overflow: hidden;}
.htkg_conterbutcon{width: 100%;overflow: hidden;position: relative;}
.htkg_conterbutleft{display: inline-block;font-size: 0;width: 38.5%;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.htkg_conterbutleft img{display: block;}
.htkg_conterbutright{display: inline-block;width: 61%;padding: 2% 5%;box-sizing: border-box;vertical-align: top;position: absolute;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.htkg_conterbutrightcon h5{font-size: 30px;font-weight: 500;color: #333;margin-bottom: 22px;}
.htkg_conterbutrightcon p{font-size: 16px;color: #666;line-height: 28px;max-width: 574px;margin-bottom: 22px;}
.htkg_conterbutrightcon a{display: block;width: 40px;height: 40px;background: url(../images/vanicon.png) center no-repeat;border-radius: 50%;}
.htkg_conterbutlast{width: 38.5%;display: inline-block;padding: 5%;box-sizing: border-box;position: absolute;left: 100%;
transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.htkg_conterbutlastcon p{font-size: 16px;color: #666;line-height: 28px;max-width: 574px;}
.htkg_conterbutcon:hover .htkg_conterbutleft{-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);transform: translateX(-100%);}
.htkg_conterbutcon:hover .htkg_conterbutright{-webkit-transform: translateX(-71%);-moz-transform: translateX(-71%);-ms-transform: translateX(-71%);
-o-transform: translateX(-71%);transform: translateX(-71%);width: 50%;}
.htkg_conterbutcon:hover .htkg_conterbutlast{-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);transform: translateX(-100%);width: 50%;}
.htkg_list{width: 100%;padding: 30px 0 60px 0;box-sizing: border-box;
background: url(../images/htkgbj.jpg) center no-repeat;background-size: cover;}
.htkg_listcon{width: 100%;}
.htkg_listcon ul li{float: left;margin-right: 2%;overflow: hidden;width: 32%;height: 320px;}
.htkg_listcon ul li:last-child{margin-right: 0;}
.htkg_listcon ul li a{display: block;position: relative;width: 100%;height: 100%;}
.htkg_listcon ul li a>img{display: block;width: 100%;transition:.3s;height: 100%;object-fit: cover;}
.htkg_listtitle{position: absolute;width: 100%;height: 100%;top: 0;left: 0;padding-top: 10%;padding-left: 5%;box-sizing: border-box;padding-right: 5%;}
.htkg_listtitle h3{background: url(../images/icon.png) 0 13px no-repeat;font-size: 30px;color: #fff;font-weight: 400;
padding-left: 25px;box-sizing: border-box;margin-bottom: 10px;}
.htkg_listtitle p{font-size: 16px;color: #fff;line-height: 22px;padding-left: 25px;box-sizing: border-box;max-width: 265px;}
.htkg_listms{position: absolute;bottom: -100%;left: 0;width: 100%;height: 100%;padding: 10% 5% 0 5%;box-sizing: border-box;background: rgba(0,0,0,0.7);
opacity: 0;transition:.3s;}
.htkg_listms p{font-size: 14px;color: #fff;left: 22px;}
.htkg_listcon ul li:hover .htkg_listms{bottom: 0;opacity: 1;}
.htkg_listcon ul li:hover a>img{transform: scale(1.1);}
.footer{width: 100%;padding: 24px 6%;box-sizing: border-box;background: #272727;}
.footerbut{width: 100%;}
.footerbutup{text-align: center;margin-bottom: 4px;}
.footerbutup:last-child{margin-bottom: 0;}
.footerbutup span{font-size: 14px;color: #999;margin-right: 4px;}
.footerbutup span strong{font-weight: 500;}
.footerbutup span:last-child{margin-right: 0;}
.footerbutup span a{color: #999;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.footerbutup span a:hover{color: #fff;}
.footerbutup span i{display: inline-block;vertical-align: -4px;margin-right: 4px;}
.footerbutup span i img{display: block;}
.introduce{width: 100%;padding: 60px 6%;box-sizing: border-box;background: url(../images/htkgbj.jpg) center no-repeat;background-size: cover;}
.htkg_navlist{width: 100%;margin-bottom: 25px;}
.htkg_navlist span{font-size: 16px;color: #666;font-weight: 500;}
.htkg_navlist strong{font-size: 16px;color: #666;font-weight: 500;}
.htkg_navlist a{font-size: 16px;color: #666;font-weight: 500;transition:.5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.htkg_navlist a:hover{color: #CD0200;}
.introducecon{width: 100%;}
.newxqtitle{width: 100%;margin-bottom: 40px;}
.newxqtitle h5{font-size: 32px;color: #333;text-align: center;font-weight: 400;line-height: 42px;}
.newxqcon{width: 100%;}
.newxqcon p{font-size: 18px;color: #474747;font-weight: 400;line-height: 30px;margin-bottom: 30px;text-indent: 36px;}
.newxqcon p img{display: block;margin: 0 auto;}
.journey{width: 100%;}
.journey ul li{width: 100%;border-bottom: 1px solid #B3B3B3;padding: 29px 0;box-sizing: border-box;}
.journey ul li:first-child{padding-top: 0;}
.journey ul li a{display: flex;width: 100%;cursor: default;align-items: center;}
.journeyimg{float: left;width: 300px;overflow: hidden;margin-right: 35px;height: 380px;}
.journeyimg img{display: block;width: 100%;object-fit: cover;height: 100%;}
.journeytext{float: left;width: 71%;padding-top: 2%;box-sizing: border-box;}
.journeytext h4{font-size: 26px;line-height: 37px;color: #333;font-weight: 500;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 10px;
transition:.3s;}
.journeytext p{font-size: 14px;color: #474747;font-weight: 400;line-height: 24px;text-indent: 2em;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;}
.journey ul li:hover .journeytext h4{color: #B51914;}
.newxqcon h6{font-size: 20px;color: #B51914;font-weight: 500;margin-bottom: 10px;text-indent: 2em;}