﻿@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, abbr,del, dfn, em, img, ins, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, object, col, colgroup, caption, summary, tbody, tfoot, thead, th{margin:0; padding:0; border:0;}
body {font-family: "微软雅黑", "Microsoft Yahei"; font-size: 15px;color: #666;line-height:1.8em; background:#fff;}
body {font-style:normal; font-variant: normal; width:100%; margin:0 auto; overflow-x: hidden;}
input, button{margin: 0; padding: 0; border: 0; background: none; }
dl,ol,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h1 a,h2 a,h3 a,h4 a,h5 a{color:#000;}
element.style{ height:auto !important}
img{vertical-align:middle; border:none; outline:none;max-width: 100%;height: auto;}
textarea{resize:none;}
a{text-decoration:none; outline:none; color:#666; cursor:pointer;}
a:hover{cursor:pointer; text-decoration:none; color:#ed2225;}
#header,#nav{margin: 0 auto;max-width:1170px;overflow: hidden;}
:focus{outline:0}
#header{height: auto;margin-bottom: 20px;}
#header .logo{display: inline-block;text-decoration: none;text-align: center;}
#header img{float: left;margin-top: 13px;}
#header .tel{float: right;}
#header .tel img{float: left;margin-top: 13px;}
#nav{height: 60px;line-height: 60px;width: 100%;margin: 0 auto;overflow: hidden;font-size: 14px;text-align: center;background: #df1515;}
#nav ul{max-width: 1200px;margin: 0 auto;overflow: hidden;}
#nav ul li{float:left;width: 12.4%;text-align: center;}
#nav ul li a{font-size: 16px;display: inline-block;width: 100%;color: #fff;}
.wrap{width: 100%; max-width: 1200px;margin: 0 auto;}
/* index.html */
.sub_tit_pro{width: 100%;margin: 0 auto;overflow: hidden;line-height: 30px;height: 36px;padding: 7px 0 8px;margin-bottom: 20px;background: url('https://www.hxjiqi.com/images/fenge-line.gif') repeat-x left bottom;}
.sub_tit_pro .location{max-width: 1170px;margin: 0 auto;overflow: hidden;}
.sub_tit_pro .location a{line-height: 30px;}
.sub_tit_pro .location a.home-icon{background: url('https://www.hxjiqi.com/images/h.gif')no-repeat left center;padding-left: 18px;}
.w1000{max-width: 1200px;margin: 0 auto;overflow: hidden;height: auto;}
.prolist-con{margin-bottom:20px;margin-top: 30px; overflow: hidden;}
.prolist-con .item-list{padding-bottom: 30px;width: 100%;overflow: hidden;border-bottom: 1px solid #ccc;margin-bottom: 10px;}
.prolist-con .item-list .header-video{margin-top: 2%;}
.prolist-con .item-list .header-video h2{font-weight: 600;padding-bottom: 20px;}
.prolist-con .item-list .header-video .link-video{color: #333;}
.prolist-con .item-list .header-video .link-video .video-text{font-size: 26px;}
.prolist-con .item-list .header-video .link-video .video-more{font-size: 16px;margin-left: 1%;}
.prolist-con .item-list dl{float: left;width: 22%;margin: 2% 3% 0 0;overflow: hidden;}
.prolist-con .item-list dl img{margin: 0 auto; display: block;}
.prolist-con .item-list dl dt{width: 100%;}
.prolist-con .item-list dl dt a{position: relative;display: block;}
.prolist-con .item-list dl dt a img{width: 100%;height: auto;margin-bottom: 1%;}
.prolist-con .item-list dl dt a .index_time{position: absolute;right: 0;bottom: 0;background: none repeat scroll 0 0 rgba(0,0,0,0.6);height: 20px;line-height: 20px;padding: 0 5px;color: #fff;font-size: 12px;}
.prolist-con .item-list dl dd{text-align: center;font-size: 14px;width: 100%;line-height: 40px;height: 40px;margin-left: 0;}
.prolist-con .item-list dl dd a{display: block;}
/* index.html end */
/* list.html */
.show{max-width: 1170px;margin: 0 auto;overflow: hidden;margin-top: 2.8%;margin-bottom: 2%;}
.show ul{background: ##f8f8f8;overflow: hidden;}
.show ul li{float: left;padding: 8px 0;width: 22%;margin: 0 1.5%;text-align: center;font-size: 16px;cursor: pointer;}
.show ul li a{color: #000;text-align: center;font-size: 16px;line-height: 26px;}
.show ul li:hover a.ss,.show ul li.oneli a{color:#ff2225;}
.show ul li .top-icon{width: 118px;height: 125px;margin: 0 auto;position: relative;}
.show ul li .top-icon img{max-width: 120px;height: auto;display: block;position: absolute;top: 0;transition: all 1s cubic-bezier(.5,0,.2,1);}
.show ul li .top-icon .abk{width: 100%;height: 100%;transition: all .5s cubic-bezier(.5,0,.2,1) 0s;}
.productlist{max-width: 1200px;margin: 0 auto;overflow: hidden;}
.productlist li{width: 22.6%;margin: 0 1.2% 3%;float: left;overflow: hidden;}
.productlist li a{display: block;position: relative;overflow: hidden;}
.productlist li a img{width: 100%;height: auto;transition: all 0.5s ease;transform: scale(1);}
.productlist li a span.icon-plus{background: none;width: 60px;height: 60px;position: absolute;left: 40%;top: -60px;transition: all 0.15s ease 0s;}
.productlist li .pro_time{position: absolute;right: 0;bottom: 0;background: none repeat scroll 0 0 rgba(0,0,0,0.6);height: 20px;line-height: 20px;color: #fff;padding: 0 5px;font-size: 12px;} 
.productlist li .pro_con1{text-align: center;font-size: 14px;font-weight: 500;overflow: hidden;margin: 0;}
.productlist .pro_con1 a{color: #333;width: 100%;overflow: hidden;height: 45px;line-height: 45px;}
/* list.html end */
/* video.html */
/*滚动条样式*/
.clearfix{zoom:1;}
.clearfix:after{content: "";height: 0;line-height: 0;display: block;visibility: hidden;clear: both;}
.video-tit{padding: 0 0 15px;}
.video-tit h1{font-weight: 600;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;text-align: center;font-size: 32px;line-height: 32px;padding-bottom: 10px;}
.video-play{background: #292929;padding-top: 10px;}
.video-play .rideo-left video{width: 74%;float: left;}
.video-play .rideo-right{position: relative;float: right;width: 23%;padding: 10px;background-color: #1f1f1f;overflow: hidden;height:398px;overflow-y: scroll;}
@media(min-width:1280px){
    .video-play .rideo-right{height: 480px;}

}
.video-play .rideo-right::-webkit-scrollbar {/*滚动条整体样式*/
    width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
}
.video-play .rideo-right::-webkit-scrollbar-thumb{/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 1px #f3f3f3;
    background:#292929;
}
.video-play .rideo-right::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 2px #ccc;
    border-radius: 0;
    background: #292929;
}
.video-play .rideo-right ul li{width: 100%;padding: 0 0 15px;vertical-align: top;cursor: pointer;overflow: hidden;}
.video-play .rideo-right ul li .li-left{display: block;float: left;margin-right: 4%;width: 36%;position: relative;}
.video-play .rideo-right ul li .li-left img{display: block;width: 100%;height: 65px;}
.video-play .rideo-right ul li .li-left .time{position: absolute;right: 0;bottom: 0;background: none repeat scroll 0 0 rgba(0,0,0,0.6);height: 20px;line-height: 20px;color: #fff;font-size: 12px;}
.video-play .rideo-right ul li .li-left .time span{cursor: pointer;padding: 0 5px;}
.video-play .rideo-right ul li .li-right{width: 60%; color: #666;float: left;position: relative;font-size: 12px;}
.video-play .rideo-right ul li .li-right h3{line-height: 18px;font-size: 15px;font-weight: normal;height: 36px;overflow: hidden;}
.video-play .rideo-right ul li .li-right h3 a{color: #999;}
.video-play .rideo-right ul li .li-right p i{display: inline-block;vertical-align: middle;
width: 15px;height: 15px;margin-right: 5px;cursor: pointer;background:url(../images/playIco.png)no-repeat;margin-top: 1px;}
.video-play .container{width: 100%;font-size: 12px;padding-right:250px;z-index: 10;line-height: 40px;padding-left: 15px;color: #999;float: left;  padding-bottom: 10px;}
.video-play .container a{float:right;background:#f60;margin-top: 5px;margin-right: 10px;color:#fff;border-radius:15px;padding:0px 15px;line-height:30px;}
.video-content{overflow: hidden;}
.video-content .con-left{float: left;width: 75%;}
.video-content .con-left .more-video{width: 100%;height: auto; display: block; margin-top: 20px;margin-bottom: 20px;}
.video-content .con-left div{clear: both;}
.video-content .con-left .detail{width: 100%;height: auto; display: block; margin-top: 20px;margin-bottom: 20px;}
.video-content .con-left .con-title{width: 100%; border-bottom: 2px solid #ddd;position: relative;margin-top: 40px;margin-bottom: 15px;}
.video-content .con-left p{margin: 10px auto;font-size: 14px;}
.video-content .con-left ul{width: 100%;margin: 2% 3% 0 0;overflow: hidden; display: none;}
.video-content .con-left ul li{float: left;width: 30%;margin: 2% 3% 0 0}
.video-content .con-left dl{width:22%;margin: 2% 3% 0 0;overflow: hidden;float: left;}
.video-content .con-left dl dt{width: 100%;}
.video-content .con-left dl dt a{position: relative;display: block;}
.video-content .con-left dl dt img{width: 100%;height: auto;margin-bottom: 1%;}
.video-content .con-left dl dt a .index_time{position: absolute;right: 0;bottom: 0;background: none repeat scroll 0 0 rgba(0,0,0,0.6);height: 20px;line-height: 20px;padding: 0 5px;color: #fff;font-size: 12px;}
.video-content .con-left dl dd{text-align: center;font-size: 14px;width: 100%;line-height: 40px;height: 40px;margin-left: 0;}
.video-content .con-left dl dd a{display: block;}
@media(min-width:1280px){
    .video-play .container{padding-right:300px;}

}
.video-content .con-right{width: 100%;float: right;}
.video-content .con-right .con-list{border-bottom: 2px solid #ddd;position: relative;margin-bottom: 15px;margin-top: -410px;}
.video-content .con-right .con-list h2{position: relative;color: #333;font-size: 22px;height: 28px;display: inline-block;border-bottom: 2px solid #df1515;margin-bottom: -2px;font-weight: 600;padding-bottom: 10px;}
.video-content .con-right .con-list span{color: #333;cursor: pointer;display: inline-block;font-size: 14px;text-align: center;}
.video-content .con-right .con-list ul{background: #f2f2f2;padding: 10px 10px 0;width: 100%;border-bottom: 1px solid #ebebeb;}
.video-content .con-right .con-list ul li{border-bottom: 1px dotted #ccc;margin-bottom: 10px;padding-bottom: 10px;font-size: 14px;}
.video-content .con-right .con-list ul li .item-hy{display: none;}
.video-content .con-right .con-list ul li .num{color: #fff;width: 20px;height: 20px;float: left;text-align: center;line-height: 20px;margin: 0 10px 0 0;border-radius: 2px;background: #5aa700;}
.video-content .con-right .con-list ul li .tit-ord{width: 67%;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.video-content .con-right .con-list ul li .play-nums{float: left;text-align: right;width: 15%;font-size: 12px;color: #999;}
.video-content .con-right .con-list ul li .play-nums .icon-fyb{display: inline-block;width: 15px;height: 11px;margin-right: 5px;background: url('../images/icon-fyb.png')no-repeat;} 
.video-content .con-right .con-list .item-dh .txt-left{position: relative;float: left;width: 140px;height: 79px;margin-right: 10px;}
.video-content .con-right .con-list .item-dh .txt-left a{display: block;width: 100%;height: 100%;}
.video-content .con-right .con-list .item-dh .txt-left a img{display: block;width: 100%;height: 100%;}
.video-content .con-right .con-list .item-dh .txt-left a span{color: #fff;width: 20px;height: 20px;float: left;text-align: center;line-height: 20px;margin: 0 10px 0 0;border-radius: 2px;background: #5aa700;position: absolute;left: 0;top: 0;}
.video-content .con-right .con-list .item-dh .txt-right{float: left;width: 40%;height: 79px;line-height: 18px;}
.video-content .con-right .con-list .item-dh .txt-right dt{padding-top: 3px;}
.video-content .con-right .con-list .item-dh .txt-right dt a{color: #333;}
.video-content .con-right .con-list .item-dh .txt-right dd{padding-top: 3px;}
.video-content .con-right .con-list .item-dh .txt-right dd .play-rank-nums{float: left;width: auto;text-align: left;font-size: 12px;color: #999;}
.video-content .con-right .con-list .item-dh .txt-right dd .icon-fyb{display: inline-block;width: 15px;height: 11px;margin-right: 5px;background:url('../images/icon-fyb.png')no-repeat;vertical-align:-1px;}
.video-content .con-right .con-list .item-dh .txt-right .text-overflow{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;}
.video-content .con-right .con-list .item-dh .txt-right .text-overflow a{color: #699f00;}
.video-content .con-right .con-list-xg{position: relative;margin-bottom: 15px;margin-top: 40px;}
.video-content .con-right .con-list-xg h2{position: relative;color: #333;font-size: 22px;height: 28px;display: inline-block;border-bottom: 2px solid #df1515;margin-bottom: -5px;}
.video-content .con-right .con-list-xg ul{overflow: hidden;padding-top: 15px;border: 1px solid #ccc;}
.video-content .con-right .con-list-xg ul li{padding: 0 15px;}
.video-content .con-right .con-list-xg ul li img{display: block;width: 100%;margin: 0 auto;}
.video-content .con-right .con-list-xg ul li h3{text-align: center;padding-bottom: 10px;font-size: 15px;}
.video-content .con-right .con-list-xg ul li h3 a{color: #555;}
/* video.html end */

#footer{background: #202038;width: 100%;margin: 0 auto;line-height: 24px;text-align: center;margin-top: 30px;padding-top: 25px;padding-bottom: 20px;font-size: 13px !important;
    color: #b8b8b8;}

