* {margin:0;padding:0;}
body,html,#app {width:100%;background-color:#161823;color:#c7c6c9}
ul,li {list-style:none;}
a {text-decoration:none;color:#c7c6c9}
select,input,button {border:none;outline:none;}

  

.header .header-content,.main .main-container{width:1200px;height:100%;margin:0 auto;position:relative}
.header{width:100%;height:80px; border-bottom:1px solid #22242f }
.header a{color:#333333}
.header .header-logo{height:60px;float:left;margin-top:10px; }
 
.header .header-logo img{height:60px}
 
.header .header-right{ max-width:600px;height:100%; float:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer;margin-left:15px; overflow:hidden;line-height:100%}
.header .header-right .city{height:42px;display:flex}
.header .header-right .city .left{ height:40px; border-top-left-radius:10px;border-bottom-left-radius:10px;display:flex;justify-content:center;align-items:center;padding:0 15px;letter-spacing:2px; font-size:18px; font-weight:bold;white-space:norwap; border:1px solid #22242f}
.header .header-right .city .right{width:30px;height:100%;background-color:#ff6600;border-top-right-radius:10px;border-bottom-right-radius:10px;display:flex;justify-content:center;align-items:center;}
.header .header-right .city img{width:12px;height:8px}
 
.main-nav{width:100%;height:50px;margin-top:25px;background-color:#22242f;display:flex;align-items:center;justify-content:space-between;}
.main-nav li{padding:0 20px; line-height:50px;height:50px;}
 
.main-nav .sitename a{color:#fff; }
.main-nav .sitename{ background-color:#fb531c;display:flex;justify-content:center;align-items:center；}
.main-nav a{color:#dbdbdb;white-space:norwap}
.main-nav li:hover a{color:#fff !important;text-decoration:underline;overflow:hidden}
.main-nav a:hover{color:#ff6600; }
.main-nav a img{width:78px;height:26px;margin-top:5px}
.main-search{width:500px;height:40px;margin-top:19px;display:flex;align-items:center;float:right; } 
.main-search .right{width:100%;height:100%;position:relative}
.main-search .right form{width:100%;height:100%}
.main-search .right .search-input{width:calc(100% - 40px);height:100%;padding:0 20px;border:1px solid #22242f;border-radius:12px;background-color:transparent;}
.main-search .right img,.main-search .right .search-submit{width:18px;height:18px;position:absolute;top:50%;right:26px;transform:translateY(-50%);cursor:pointer}
.main-search .right .search-submit{width:66px;height:100%;z-index:1;right:0;background-color:transparent;border-left:1px solid #22242f;}

.main-content{  margin-bottom:20px;  padding:30px 0;}
 
.cpclassbox{overflow:hidden;}
.cpclassbox li{float:left;padding:0 20px; height:36px;line-height:36px;margin:0 15px 15px 0; background-color:#22242f;}
.cpclassbox .cur{background:#fb531c;color:#c7c6c9;}
.cpclassbox .cur a{color:#fff;}
.cpclassbox li:hover{background:#fb531c}
.cpclassbox li:hover a{color:#fff;} 

.cpimgvideo{  margin-top:20px; position:relative; display:flex; justify-content:space-between;}
 
 

.cpimgvideo .playvideo{position:absolute;left:50%;top:50%;margin-left:-35px; z-index:10;margin-top:-35px; cursor:pointer} 
.cpimgvideo .playvideo img{width:70px;height:70px;}

.cpimgvideo .pvideo{position:relative; width:960px;height:642px;overflow:hidden;border:1px solid #22242f;height:640px;}
.cpimgvideo .pvideo video{width:100%;height:100%;display:block;}


.cpimgvideo .pimgsmall{  overflow-y:auto;    width:200px; font-size:0; height:642px;}
.cpimgvideo .pimgsmall li{width:80px;height:80px;position: relative; padding:4px;border:1px solid #22242f; margin-right:10px; display:inline-block; transition: margin-left 0.3s;font-size:14px;margin-bottom:10px; cursor:pointer}
.cpimgvideo .pimgsmall li img{width:80px;height:80px;position:absolute;left:4px;top:4px; display:block; object-fit:cover;} 
.cpimgvideo .pimgsmall .cur{border:1px solid #fb531c; margin-left: 0; }
 
.cpimgvideo .pimgsmall::-webkit-scrollbar {  display:none;}
 
 
.bottom{width:100%;font-size:14px;line-height:27px;color:#c7c6c9 !important;text-align:center;  clear:both;padding:15px 0;}
.bottom p{max-width:1200px;margin:0 auto}
.bottom a{color:#c7c6c9}
.bottom a:hover{color:#c7c6c9} 
 
.mgdtel{display:none}

@media(max-width:767px) {
 
.header .header-content, .main .main-container{width:100%}
.header .header-right .city .left{font-size:14px;}
.main-search{display:none}
.main-nav{height:80px;margin:0;}
.main-content{margin:0;}
.main-nav li.sitename a{font-size:14px}
.main-nav li{width:25%;height:39px;line-height:39px;padding:0;font-size:12px; text-align:center;overflow:hidden;border-bottom:1px solid #666} 
.main-nav{flex-wrap:wrap;}
 
.main-content{display:block;padding:15px 0;}
.cpimgvideo{padding:0 10px;}
.cpimgvideo .pvideo{width:calc(100% - 110px);height:500px}
.cpimgvideo .pimgsmall{width:100px;height:500px}
 
.mgdtel{width:100%;height:50px;background-color: #242424;display:flex;align-items:center;justify-content: center;position: fixed;left:0;bottom:0;}
.mgdtel i{width: 26px;height: 26px;background: url(images/tel1212.png) no-repeat;background-size: 100% 100%;display: inline-block;margin-right: 5px;}
.mgdtel a{color:#fff;font-size: 18px;text-decoration: none;}
.bottom{padding:15px 0 60px 0;}
}