* {margin:0;padding:0;}
body,html,#app {width:100%;background-color:#f9f9f9;}
ul,li {list-style:none;}
a {text-decoration:none;color:#333}
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;background-color:#fcfdfd;border-bottom:1px solid #f2f2f2}
.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:400px;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:100%;background-color:#f2f2f2;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;}
.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:#333333;display:flex;align-items:center;justify-content:space-between;}
.main-nav li{padding:0 20px; line-height:50px;height:50px; white-space:nowrap;overflow:hidden}
 
.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 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 #eee;border-radius:12px;}
.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 #dedede;}

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

.cpimgvideo{  margin-bottom:20px; position:relative; padding:0 100px;}
.cpimgvideo .shuzibox{height:40px;line-height:40px;font-size:24px; font-weight:bold; text-align:center;margin-bottom:10px;}
.cpimgvideo .shuzibox span{padding:0 10px;}
.cpimgvideo .shuzibox .currentshuzi{color:#fb531c}
.cpimgvideo .pimgbig{ height:600px;position:relative;overflow:hidden;justify-content:center;margin-bottom:30px;padding:10px;border:1px solid #eee;display:flex;align-items:center; box-shadow: 0 0 10px #dadaea;  transition: margin-left 0.5s ease;    }
.slide-left {    margin-left: -100%;  }
.cpimgvideo .pimgbig img{max-width:100%;max-height:100%; display:block; } 

.cpimgvideo .pimgsmall{  overflow:hidden; white-space:nowrap;   width:100%; font-size:0}
.cpimgvideo .pimgsmall li{width:80px;height:80px;position: relative; padding:4px;border:1px solid #ddd; margin-right:10px; display:inline-block; transition: margin-left 0.3s;font-size:14px;}
.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; }
 
 
.iconbox .prev,.iconbox .next {position: absolute;z-index: 2;top: 50%;width: 40px;height: 66px;margin-top: -66px;background: no-repeat 0 0;    opacity: 0.6;    filter: alpha(opacity=60);}
.iconbox .prev:hover,.iconbox .next:hover {    opacity: 1;    filter: alpha(opacity=100);}
.iconbox .prev {left: 40px;background-image: url(images/hover_left.png);}
.iconbox .next {right: 40px;background-image: url(images/hover_right.png);}
 
 
 
.bottom{width:100%;font-size:14px;line-height:27px;color:#333 !important;text-align:center;  clear:both;padding:15px 0;}
.bottom p{max-width:1200px;margin:0 auto}
.bottom a{color:#333}
.bottom a:hover{color:#eeeeee}
 
 
 .imgcplist{ width:1170px;;overflow:hidden; margin:10px auto;padding:15px; background:#fff; }
 .imgcplist h3{font-size:18px; font-weight:bold;height:35px;line-height:35px;}
  .imgcplist ul{display:flex; justify-content:space-between;flex-wrap:wrap;}
   .imgcplist ul li{ line-height:30px; height:30px; width:33%; white-space:norwap;overflow:hidden;} 
 
.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 .pimgbig{height:375px;margin-bottom:15px;}
.iconbox .prev{left:0}
.iconbox .next{right:0}
.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;}
  .imgcplist ul{display:block;}
   .imgcplist ul li{width:100%;}
}