body{color:#000;font-size:14px;font-family:"microsoft yahei", Arial;height:100%;overflow:hidden;overflow-y:auto;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body{background: #f5f5f5;padding-top: 80px;}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
ul,ol,li{list-style:none}
em,i{font-style:normal}
img{border:none;margin:0;padding:0}
*{-webkit-tap-highlight-color:rgba(0,0,0,0)}
select{color:#a9a9b9 !important;background:none;width:100%} 
input,select,textarea{-webkit-tap-highlight-color:#c2c2c2;}
textarea:focus{outline:0} 
a{color:#000;text-decoration:none}
input, textarea, keygen, select, button, isindex, meter, progress {-webkit-writing-mode:horizontal-tb;font-size:100%;-webkit-appearance:none;outline:none;border-radius:0;}
 input, textarea, keygen, select, button, isindex {margin:0;font:-webkit-small-control;letter-spacing:normal;word-spacing:normal;ext-transform:none;text-indent:0px;text-shadow:none;display:inline-block;border:none;text-align:start;font-weight:normal;font-size:1.25rem;outline:none}
form{width:100%} 
form:after{clear:both;display:block;content:".";visibility:hidden}
input:-webkit-input-placeholder {font-family:microsoft yahei;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;background:none;}
table{width:100%} 
table th{font-weight:normal}

header{text-align: left;height:80px;box-shadow: 0 2px 5px #ccc;width:100%;min-width: 1200px;
    position: fixed;left:0;top:0;background: #fff;overflow: hidden;z-index: 1000;}
.logo{float:left;line-height: 60px;height:60px;margin-top:10px;}
.logo img{vertical-align: middle;display: inline-block;max-width: 100%;max-height: 100%;}
.nav{float:left;margin-left:50px;margin-top:20px;overflow: hidden;}
.nav li{line-height: 40px;float:left;padding:0 25px;}
.nav li a{color:#666;font-size:20px;}
.nav li a:hover,.nav li a.curr{color:#c00;}

.wrap{width:1200px;margin:0 auto;overflow:hidden;}
.main{background: #fff;padding:30px 0;overflow: hidden;}
article{line-height: 25px;font-size:16px;color:#666;}
article p{margin-bottom: 8px;text-indent: 35px;}
.lmtit{font-size:26px;color:#555;text-align: center;margin: 25px 0;}
.lmtit i{display: inline-block;width:20px;height:3px;background: #f90;border-radius: 10px;margin:0 10px;vertical-align: 5px;}

.prolist{padding:30px 0;}
.prolist ul{overflow: hidden;}
.prolist li{float:left;width:220px;height:220px;cursor:pointer;overflow: hidden;background: #000;line-height: 218px;margin-right:26px;border-radius: 5px;margin-bottom: 20px;}
.prolist li img{max-width: 100%;display: inline-block;vertical-align: middle;}
.prolist li img:hover{transform: scale(1.4); transition: all .5s;}
.prolist li:nth-child(5n){float:right;margin-right:0;}
.prolist li:nth-child(5n-1){margin-right:0;}

.copyright{width:100%;height:30px;line-height: 30px;font-size:12px;color:#777;text-align: center;margin:10px 0;}
.copyright a{color:#777;text-decoration: underline;}
.copyright a:hover{color:#666;}


.lgimgbox{width:100%;height:100%;background: #000;position: fixed;left:0;top:0;z-index: 2000;text-align: center;}
.lgimgbox i{display: block;width:60px;height:60px;position: absolute;top:0;right:0;
    z-index: 2001;background:#000 url("../images/icon_close.png") no-repeat center;cursor: pointer; }
.lgimgbox i:hover{opacity: .8;}
.lgimgbox img{display: inline-block;max-width: 100%;max-height:100%;vertical-align: middle;}
.lgimgbox .btn{display: block;width:60px;height:60px;position: absolute;top:50%;margin-top:-30px;z-index: 2002;cursor: pointer;}
.lgimgbox .prev{left:10px;background:#666 url("../images/icon_arrow.png") no-repeat center;transform: rotate(180deg)}
.lgimgbox .next{right:10px;background:#666 url("../images/icon_arrow.png") no-repeat center;}
.lgimgbox .btn:hover{opacity: .8;}
.lgimgbox .total{text-align: center;font-size:18px;color:#fff;height:20px;line-height:20px;width:100%;z-index: 2001;
    position: absolute;left:0;bottom:10px;}

.contact{text-align: center;height:500px;line-height: 30px;font-size:16px;}
.contact a{color:#09f;}

.error{text-align: center;}
.error h1{font-size:48px;color:#666;margin:30px 0 15px 0;}
.error p{font-size:14px;color:#999;}

video::-internal-media-controls-download-button {
    display:none;
}
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}

.video_detail{padding-bottom: 30px;}
.video_box{width:100%;height:550px;background-color: #000;overflow: hidden;text-align: center;}
.video_box video{width:100%;height:100%;}
.video_detail h1{font-size:24px;color:#000;word-break: break-all;line-height: 25px;margin: 15px 0;}
.video_detail .desc{font-size:13px;color:#666;margin:10px 0;overflow: hidden;line-height: 23px;}

.video{overflow: hidden;min-height:535px;}
.video ul{overflow: hidden;}
.video li{overflow:hidden;width:210px;height:270px;float:left;margin:10px 15px;}
.video li a{display: block;overflow: hidden;}
.video li .img{width:210px;height:210px;line-height:210px;overflow: hidden;background-color: #000;position: relative;}
.video li .img img{width: 100%;display: inline-block;vertical-align: middle;}
.video li .img .bg{width:100%;height:100%;position: absolute;left:0;top:0;background: rgba(0,0,0,0.2);}
.video li .img i{display: block;width:0;height:0;position: absolute;left:50%;margin-left:-20px;top:50%;margin-top:-23px;opacity: .6;
    border-top:solid 20px transparent;border-bottom:solid 25px transparent;border-left:solid 40px #fff;
}
.video li .title{margin-top:10px;font-size:14px;line-height: 20px;color:#666;word-break: break-all;}
.video li a:hover i{opacity: 1;}
.video li a:hover .title{color:#c00;}
.video-none{font-size:36px;text-align: center;color:#999;padding:100px 0 200px 0;}

.pagination{overflow: hidden;text-align: center;padding: 20px 0;}
.pagination li{display: inline-block;font-size:0;}
.pagination li.total{display: none;}
.pagination li .page-btn,.pagination li .page-link{font-size:16px;opacity: .8;margin-bottom: 8px;
    display: inline-block;height:30px;line-height: 30px;padding:0 15px;border-radius: 4px;background-color: #48a0ed;color:#fff;}
.pagination li .page-btn{font-size:12px;}
.pagination li span.page-btn{background-color: #eee;color:#666;}
.pagination li span.page-link{background-color: #c00;color:#fff;opacity: 1;}
.pagination li a.page-link:hover,.pagination li a.page-btn:hover{opacity: 1;}


@media (max-width:1200px){
    header{min-width: 100%;}
    .wrap{width:100%;}
    .logo{margin-left:10px;}
    article p{padding: 0 10px;}
}
@media (max-width:1024px){
.prolist li{width:20%;height:180px;line-height:170px;margin:0;background:none;}
    .prolist li div{margin:0 5px;background-color: #000;height:170px;overflow: hidden;}
}
@media (max-width:768px){
    .video li{width:33.33%;margin:10px 0;}
    .video li .con{margin:0 15px;}
    .video li .img{margin:0;width:100%;}
    header .wrap{position: relative;height:100px;}
    header .logo{position: absolute;left:20px;top:0;float:none;margin:0;}
    header .nav{float:none;margin:0 0 0 140px;}
    header .nav li{line-height: 100px;}
    .video_detail{margin:10px;}
    .video_box{height:400px;}
}
@media (max-width:425px){
    .prolist li{width:33%;height:120px;line-height: 100px;}
    .prolist li div{height:100px;}
    .nav{margin-left:20px;}

    .video li{width:50%;height:220px;}
    .video li .img{height:180px;line-height: 180px;}

    body{padding-top: 60px;}
    header{height:60px;}
    header .wrap{height:60px;}
    header .logo{height:50px;width:50px;line-height: 50px;left:10px;top:5px;}
    header .logo img{max-width: 100%;max-height: 100%;}
    header .nav{margin:0 0 0 70px;}
    header .nav li{line-height: 60px;width:30%;padding:0;margin:0;text-align: center;}
    header .nav li a{font-size:16px;}
    .video_box{height:300px;}

    .copyright{line-height: 22px;padding:15px 0;font-size:11px;}
    .copyright span{ display: block;}
    .video_detail h1{font-size:16px;}
}