@charset "utf-8";
/*----欢迎--------------*/
.topbg{ background:#1F1F1F;line-height:28px;color:#FFF;}
.topbg .left{float:left}
.topbg .right{ float:right;color:#FF0}
.topbg .right a{color:#FF0}

/*----导航--------------*/
.navtop .logo{ float:left;padding:10px 0}
.navtop .logo h1{ color:#FF6F0F;margin:15px 0;}
.navtop .logo h1 a{color:#FF6F0F}
.navtop nav{ float:right;}
.navtop nav .swiper-slide-active a{color:#FF6F0F;}
.navtop nav .wrapper{width:100%;overflow:hidden;position:relative}
.navtop ul{ padding:0px ;margin:0px;}
.navtop ul li{width:auto;text-align:center;float:left;list-style:none;margin:0px; padding:0px 20px;line-height:90px;/*color:#FFF;*/ font-size:16px}
.navtop a{ color:#333}
/*.navtop ul li.cur a{color:#F00011;}*/
.navtop ul li.active a{color:#FF6F0F;}

/*----BANNER--------------*/
.banner{padding:0;height:320px;background:no-repeat center center/100% auto;}
.banner .bg{background-color:rgba(255,121,36,0.8);width:50%;margin:80px auto;height:160px;color:#FFF;border:5px solid rgba(255,255,255,0.8);text-align:center}
.banner .bg h2{ padding:20px 0 10px}

/*----热门关键词--------------*/
.titletop{border-bottom:1px #CCC solid}
.titletop h3{ font-size:16px;line-height:30px;}
.titletop span{ padding-right:30px}

/*----底部--------------*/
.footerbg{ background:#1F1F1F;padding:20px 0px;color:#FFF}
.footerbg h4{ text-align:center;border-bottom:1px solid #343434;padding-bottom:20px}
.footerbg h4 a{color:#FFF;font-size:18px;}
.footerbg h5{ font-size:16px;font-weight:bold;padding:20px 20px 0px;color:#878585}
.footerbg h5 a{font-size:16px;}
.footerbg ul{ padding:0px ;margin:0px;}
.footerbg ul li{text-align:center;float:left;list-style:none;margin:0px; padding:0px 20px;line-height:30px;color:#FFF;font-size:16px}
.footerbg a{ color:#878585;font-size:14px}
.telbg{ background:#246B9F;text-align:center;color:#FFF;padding:30px}
.telbg tel{ color:#FF0}
.telbg a{color:#FFF}
/*----版权--------------*/
.foot{background:#000;padding:20px 0;}
.foots{color:#999}
.foots a{color:#999}
.foots a:hover{text-decoration:underline}

.footl{padding:0 20px;float:left}
.footl a{margin:0 3px;}

.footr{float:right;padding:0 20px;}
.footr span{color:#FFF}

/*手机超小屏幕下的单独样式 xs < 768px */
@media (min-width:300px) and (max-width:766px){
  .topbg .left{ font-size:12px;float:none;text-align:center}
  .topbg span{ display:none}
  .topbg .right{ float:none;text-align:center;width:100%;}
  .navtop{ padding:0px}
  .navtop .logo{ color:#FF6F0F;background:#FF6F0F;width:100%;float:none;text-align:center;padding:5px 0px}
  .navtop .logo h1{ color:#FFF;margin:10px 0px;font-size:30px}
  .navtop nav{ padding:3px}
  .navtop ul li{line-height:30px;font-size:16px;width:48%;margin:2px 1%;background:#E2E2E2}
  .navtop a{ font-size:14px}  
  .banner{height:200px;background:no-repeat center center/auto 100%;}
  .banner .bg{width:90%;margin:18px auto;}
  .telbg tel{ color:#FF0;display:table}
  .telbg span{ display:none}
  .foot{display:none}
}
/*平板小屏幕样式 768px <= sm < 992px */
@media (min-width:767px) and (max-width:1023px){
  .topbg .left{ width:70%}
  .topbg .right{ width:30%;text-align:right}
  .topbg span{ display:none}
  .navtop .logo{ float:none;text-align:center}
  .navtop{ padding:0px}
  .navtop nav{ width:100%;float:none}
  .navtop ul li{line-height:30px;color:#FFF;font-size:16px;background:#E2E2E2;padding:0px 5px;margin:1px;width:15%}
  .navtop a{ font-size:14px}  
  .banner .bg{width:70%;}
  .cp .imgheight{ height:140px;overflow:hidden}
  .nonecp{ display:block}
  .cp figcaption{line-height:40px;font-size:14px}
  .foot{display:none}
}

/*大于992px以上固定宽度为970px md >= 992px */
@media (min-width:1024px) and (max-width:1299px){
  .navtop ul li{padding:0px 10px;}
  .navtop .logo{ width:29%}
  .navtop nav{ float:right;width:70%}
  .banner .bg{width:55%;}
  .cp .imgheight{ height:130px;overflow:hidden}
}

/*免责声明*/
.jm{padding-left:10px;cursor:pointer;}
.pop-state{position:fixed;right:-300px;top:0;bottom:0;width:300px;
	background-color:#2b2b2b;z-index:99999;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.pop-state .con{position:absolute;left:0;right:0;top:50%;padding:0 30px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.pop-state .con h3{font-size:18px;font-weight:normal;color:#fff;margin-bottom:10px;}
.pop-state .con p{color:#8C8C8C;font-size:14px;line-height:26px;margin-bottom:10px;}
body.open .pop-state{right:0;}

