@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 320px) {html{font-size:50px;}}
@media screen and (min-width: 360px) {html{font-size:56.25px;}}
@media screen and (min-width: 375px) {html{font-size:58.59375px;}}
@media screen and (min-width: 400px) {html{font-size:62.5px;}}
@media screen and (min-width: 414px) {html{font-size:64.6875px;}}
@media screen and (min-width: 440px) {html{font-size:68.75px;}}
@media screen and (min-width: 480px) {html{font-size:75px;}}
@media screen and (min-width: 520px) {html{font-size:81.25px;}}
@media screen and (min-width: 560px) {html{font-size:87.5px;}}
@media screen and (min-width: 600px) {html{font-size:93.75px;}}
@media screen and (min-width: 640px) {html{font-size:100px;}}
@media screen and (min-width: 680px) {html{font-size:106.25px;}}
@media screen and (min-width: 720px) {html{font-size:112.5px;}}
@media screen and (min-width: 780px) {html{font-size:118.75px;}}

.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('/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('/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: 42px;margin-bottom: 2%;}
.show .show-list{background: #f8f8f8;overflow: hidden;}
.show .show-list  a{color: #000;text-align: center;font-size: 15px;line-height: 26px;padding: 8px 0;width: 16.5%;margin: 0 1.5%;cursor: pointer;float: left;}
.show .show-list a img{width: 60%;height: auto;display: block;margin: 0 auto;}
.show .show-list a p{color: #333;margin-top: 5px;}
.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: 480px;overflow-y: scroll;}
.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 dl{width: 100%;padding: 0 0 10px;vertical-align: top;cursor: pointer;overflow: hidden;}
.video-play .rideo-right dl .li-left{display: block;float: left;margin-right: 4%;width: 36%;position: relative;}
.video-play .rideo-right dl .li-left img{display: block;width: 100%;height: 65px;}
.video-play .rideo-right dl .li-left .time{position: absolute;right: 0;bottom: 0;background: none repeat scroll 0 0 rgba(0,0,0,0.6);color: #fff;font-size: 12px;padding: 0px 4px;}
.video-play .rideo-right dl .li-left .time span{cursor: pointer;padding: 0 5px;}
.video-play .rideo-right dl .li-right{width: 60%; color: #666;float: left;position: relative;font-size: 12px;}
.video-play .rideo-right dl .li-right h3{line-height: 18px;font-size: 15px;}
.video-play .rideo-right dl .li-right h3 a{color: #999;}
.video-play .rideo-right dl .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;z-index: 10;height: auto;line-height:30px;padding: 5px 10px;color: #999;float: left;}
.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;overflow: auto;}
.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,.con-right .con-title{width: 100%; border-bottom: 2px solid #ddd;position: relative;margin-top: 40px;margin-bottom: 15px;}
.video-content .con-left .more-video dl{width:22%;margin: 2% 3% 0 0;overflow: hidden;float: left;}
.video-content .con-left .more-video dl dt{width: 100%;}
.video-content .con-left .more-video dl dt a{position: relative;display: block;}
.video-content .con-left .more-video dl dt img{width: 100%;height: auto;margin-bottom: 1%;}
.video-content .con-left .more-video 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 .more-video dl dd{text-align: center;font-size: 14px;width: 100%;line-height: 40px;height: auto;margin-left: 0;}
.video-content .con-left .more-video dl dd h3{font-size: 14px;}
.video-content .con-left .more-video dl dd a{color: #666;display: block;}
.video-content .con-right{width: 23%;float: right;}
.video-content .con-right .con-list{border-bottom: 2px solid #ddd;position: relative;margin-bottom: 15px;margin-top: 60px;}
.video-content .con-right .con-list h2{position: relative;color: #333;font-size: 22px;display: inline-block;border-bottom: 2px solid #df1515;margin-bottom: -2px;font-weight: 600;padding-bottom: 5px;}
.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 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 */




@media only screen and (max-width:1024px){
/* m.index.html */
.w1000{width: 98%;}
.prolist-con{margin: 0 auto;}
.prolist-con .item-list dl{margin: 0 2% 0 0;}
.videolist .item-list .header-video .link-video .video-text{font-size: 0.22rem;color: #333;}
.videolist dl dd a{font-size: 0.14rem;}
/* index.html end */
/* m.video.html */
.wrap{width:98%;}
.video-tit h1{font-size:0.26rem;color: #333;}
.video-play .rideo-left video{height: 4rem;}
.video-play .rideo-right{height:3.85rem;}
.video-play .rideo-right ul li .li-right h3{font-size: 0.12rem;}
.video-play .rideo-right ul li .li-right p{margin-top: 0.02rem}
.video-content .con-left .con-title{margin-top: 0.2rem}
.video-content .con-left .con-title h2{font-size: 0.2rem; color: #333;display: inline-block;}
.video-content .con-right .con-list{margin-top: 0.2rem;}
.video-content .con-right .con-list h2{margin-bottom: 0.08rem;}
.video-content .con-right .con-list .item-dh .txt-left{width: 54%;}
/* m.video.html end */
}



@media only screen and (max-width:1000px){
/* m.video.html */
.video-content .con-left .con-title{margin-top: 0.1rem;}
.video-content .con-left .con-title h2{font-size:18px;}
.video-content .con-left dl{margin-top: 0;}
.video-content .con-left .detail{margin-top: -0.12rem}
.video-content .con-right .con-list{margin-top: 0.14rem;}
.video-content .con-right .con-list h2{font-size: 0.18rem;}
.video-content .con-right .con-list .item-dh .txt-right dd{padding-top: 0.06rem;}
/* m.video.html end */
}


@media screen and (max-width: 960px) {
/* m.index.html */

.prolist-con .item-list .header-video .link-video .video-text{font-size: 0.22rem;color: #333;}
.prolist-con .item-list .header-video .link-video .video-more{font-size: 0.16rem;color: #333;}
/* index.html end */
/* m.video.html */
.video-content .con-left{width: 100%;}
.video-content .con-right{display: none;}
.video-content .con-right .con-list{border: none;}
.video-content .con-right .con-list ul li{width: 32%;float: left;border-bottom: none;}
.video-content .con-right .con-list .item-dh .txt-left{width: 53%;}

/* m.video.html end */
}


@media screen and (max-width: 768px) {
/* m.index.html */
.w1000{width: 98%;}
.videolist .item-list .header-video .link-video .video-text{font-size: 0.2rem;}
.videolist .item-list .header-video .link-video .video-more{font-size: 0.14rem}
.videolist dl{width: 48%;}
.prolist-con .item-list dl{width: 30%;margin:0 3% 0 0;}
/* index.html end */
/* list.html */
.videolist dl dd a{font-size: 0.18rem;line-height: 2.5;}
/* list.html end */
/* m.video.html */
.wrap{width: 96%;}
.video-play .rideo-left{width: 100%;}
.video-play .rideo-left video{/* height:3.2rem; */width: 100%;}
.video-play .rideo-right{display: none; }
.video-content .con-left dl dd h3{line-height:0.24rem;}
/* .video-play .rideo-right ul{width: 100%;height:0.5rem;overflow: hidden;}
.video-play .rideo-right ul li{height: 0.42rem;width: 32%;float: left;overflow: hidden;}
.video-play .rideo-right ul li .li-left img{height: 0.44rem;}
.video-play .rideo-right ul li .li-right h3{font-size: 0.1rem;} */
/* m.video.html end */
.show .show-list a{font-size:14px;}
.video-tit h1{font-size: 20px;margin: 60px 0 0px 0;}
.ly_form .lyb h3{font-size:20px;}
.video-content .con-left p{font-size:14px;margin: 10px auto 20px auto;}
.ly_form .lyb dd{font-size:13px;margin-bottom:10px;}
.ly_form .lyb .btn{font-size:14px;width:200px;height:35px;margin:  10px auto;}
}

@media screen and (max-width: 480px) {
/* m.index.html */
.videolist .item-list .header-video .link-video .video-text{font-size: 0.28rem;color: #333;}
.videolist .item-list .header-video .link-video .video-more{font-size: 0.14rem;}
.prolist-con .item-list dl{width: 30%;margin:0 3% 0 0;}
/* index.html end */
/* list.html */
.show .show-list a p{font-size: 0.2rem;padding: 0 14%;line-height: 1.4;}
.videolist dl dd a{font-size: 0.2rem;}
/* list.html end */
/* m.video.html */
.video-play .container{height: 0.68rem;line-height: 0.3rem;padding-left: 0;}
.video-content .con-left{width: 100%;}
.video-content .con-left .con-title h2{font-size: 16px;}
.video-content .con-left dl{height: auto;}
.video-content .con-right{display: none;}
/* m.video.html end */
.video-content .con-left dl{width:100%!important;}
}

@media screen and (max-width: 320px) {
/* m.index.html */
.videolist .item-list .header-video .link-video .video-text{font-size: 0.4rem;}
.videolist dl{width:100%;}
.videolist dl dd a{font-size: 0.28rem;}
/* index.html end */
/* list.html */
.show .show-list a p{font-size: 0.26rem;}
.videolist dl dd a{font-size: 0.28rem;line-height: 0.56rem;}
/* list.html end */
/* m.video.html */
.video-tit h1{
    font-size: 16px;
    line-height: 1;
}
.video-content .con-left .con-title h2{font-size: 0.32rem;}
.video-content .con-left dl{width: 100%;}
/* m.video.html end */
}