﻿@charset "UTF-8";*{margin:0;padding:0}
body,html{margin:0;padding:0;font-family:"Microsoft YaHei";max-width: 1920px;margin:0 auto;}
.clear{clear:both}
a{color:#333;text-decoration:none}

header{width:100%;display:block;}
header .header{position:relative;width:100%;margin:0 auto;border-bottom: 3px solid #ffcd0a;}
header .header .top{width: 100%;height: 30px;background:  #181818;}
header .header .top div{width: 1200px;margin:0 auto;position: relative;}
header .header .top1{position:relative;width:1200px;margin:0 auto;height: 100px;}
header .header .top h2{font-size:14px;font-weight:500;float:left;color:#666;line-height:30px}
header .header .top .tel{float:right;color:#666;line-height:30px;font-size:  14px;}
header .header .top .tel i{display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;border:1px solid #666;border-radius:50%;font-size:12px;margin-right:8px;position:relative;top:-2px}
header h1{position:absolute;z-index:5;top: 10px;left: 0;}
header h1 img{padding-top: 5px;}
header .nav{position:absolute;width:100%;top:7px;height:456px;overflow:hidden;padding:87px 0 0}
header nav{position: absolute;padding: 0px;text-align:  center;width: 1000px;right:  0;}
header nav ul{list-style:none;color:#fff;margin: 0 auto;overflow:  hidden;}
header nav ul li{width: 142px;text-align:center;float:  left;box-sizing: border-box;}
header nav ul li a{color: #333;display:block;line-height: 100px;position: relative;z-index:  1;text-align:  center;}
header nav ul li a:before{content:"";background: #ffcd0a;transition: 0.5s;position: absolute;width: 0px;height:0;display: inline-block;top:50%;left: 50%;z-index: -1;}
header nav ul li a:hover:before,header nav ul li.on a:before{width: 100%;height: 100%;left:  0;top:0}
header nav ul li.on a,header nav ul li:hover a{/* color:#fff; */}
.detail-banner{position: relative;width: 100%;height: 500px;}
.detail-banner a{display: block;width: 100%;height: 100%;background-position: center center;background-repeat: no-repeat;}




/*侧边栏*/
.sidebar{width:250px;top: 35px;float:left;text-align:center;position:relative;}
.index-nav h2.t{background:url(../img/a2.png) center center no-repeat;width:100%;height:82px;position:absolute;top:-34px;font-size:24px;padding-top:6px;box-sizing:border-box}
.index-nav h2.t i{display:block;font-style:normal;font-weight:500;text-transform:uppercase;font-size:18px}
.index-nav{padding-top:50px;background:#131212;padding:50px 0 94px;background-image:url(../img/a3.png);background-position:left bottom;background-repeat:no-repeat}
.index-nav .item{height:36px;width:160px;margin:20px auto;border:1px solid #fff;line-height:33px}
.index-nav .item a{color:#666}
.index-nav .item p i{font-size:18px;position:relative;top:2px}
.index-nav .item.on{background: #f5c702;}
.index-nav .item.on a{color:#333;}
.sidebar-news{background:url(../img/a5.jpg) center center no-repeat;width:247px;height:96px;margin-top:30px;position:relative;}
.sidebar-news:before{content:"";display:block;height:30px;width:2px;position:absolute;top:-30px;left:68px;background:#131212}
.sidebar-news:after{content:"";display:block;height:30px;width:2px;position:absolute;top:-30px;left:181px;background:#131212}
.sidebar-news h2{color:#f6cd03;padding:0 0 8px;font-weight:500;display: none;}
.sidebar-news h2 i{font-size:30px;position:relative;top:2px;left:-4px}
.sidebar-news h3{color:#f6cd03;font-size:26px;display: none;}
.sidebar-news-list{text-align:left}
.sidebar-news-list h3{color:#fff;text-align:left;border-bottom: 1px solid #1b1b1b;padding-bottom:8px;margin-bottom:10px;font-size:18px;margin-top:50px;}
.sidebar-news-list h3 i{color:#f5c700;font-size:25px;position:relative;top:3px}
.sidebar-news-list p{color:#666;padding-bottom:10px}
.sidebar-news-list p i{display:inline-block;width:20px;height:20px;background:#131212;text-align:center;font-style:normal;color:#333}
.sidebar-news-list dl dd:nth-child(1) p i{background:#f5c702;}
.sidebar-news-list dl dd:nth-child(2) p i{background:#f5c702;}
.sidebar-news-list dl dd:nth-child(3) p i{background:#f5c702;}








/*导航条*/
.crumb{margin: 0 auto;border-bottom: 1px solid #1b1b1b;}
.crumb p{font-size: 14px;padding: 16px 10px;color: #999;width: 1200px;margin: 0 auto;text-align: left;}
.crumb i{margin:0 10px 0 0;font-size:18px;color:#666}
.crumb a{font-size:14px;color: #999;}
.crumb a.now{color: #f5c702;}
/*分页*/
.page{padding: 50px 0 0;}
.page .pages{text-align:center}
.page .pages a{color: #999;display:inline-block;padding: 5px 10px;cursor:pointer;background:  #131212;}
.page .pages .now{color: #333;background: #f5c702;}
.page .pages .num{}
.page .pages .next{}
.page .pages .prev{}
.page .pages .end{}
/*网站地图*/
.wzdt{    padding: 0 80px;}
.map_ul{border-top:1px solid #e5e5e5}
.map_ul li{line-height:20px;padding:17px 0;color:#d9d9d9;border-bottom:1px solid #e5e5e5}
.map_ul li a.tit_a{color:#000;font-size:16px;float:left}
.map_ul li span{color:#d9d9d9;float:left}
.map_ul li a{color:#666;margin:0 30px;font-size:16px;display:inline-block;float:left}
.map_ul li a.first{margin-left:0}
.map_ul li a:hover{color:#fe7b06}


/*footer*/
footer{background: #000;}
.foot{width:1200px;margin:0 auto;position:relative;overflow:hidden;padding: 40px 0 0px;}
.foot .f-item{float:left;box-sizing:border-box}
.foot .f-item.f-item1{width:550px}
.foot .f-item.f-item2{width:380px;border-left: 1px solid #1b1b1b;border-right: 1px solid #1b1b1b;padding:0 30px 0 48px;}
.foot .f-item.f-item3{width:220px;text-align:center}
.foot .f-item h2{color:#fff;font-size:18px;font-weight:500;text-transform:uppercase}
.foot .f-item h3{color:#fff;font-size:18px;font-weight:500}
.f-item1 ul{margin-top:17px}
.f-item1 ul li{width:50%;float:left;list-style:none;box-sizing:border-box;padding-left:24px;position:relative;color:#666;padding-bottom:20px;font-size:14px;text-transform:uppercase}
.f-item1 ul li i{color:#666;position:absolute;left:0;top:3px}
.f-item1 ul li p{color:#666;padding:15px 0 0;position:relative;margin-top:15px;text-transform:initial}
.f-item1 ul li p:before{content:"";display:block;width:40px;height:2px;background:#666;position:absolute;top:0;left:1px}
.f-item2 ul{padding-top:30px}
.f-item2 ul li{padding-bottom:10px;overflow:hidden}
.f-item2 ul li i{color:#666;font-size:21px;float:left}
.f-item2 ul li input{color:#fff;background:0 0;border:1px solid #666;width:220px;height:30px;padding:0 0 0 30px;box-sizing:border-box;margin-left:11px}
.f-item2 ul li textarea{color:#fff;background:0 0;border:1px solid #666;width:220px;height:110px;padding:10px 0 0 30px;box-sizing:border-box;margin-left:11px;float:left}
.f-item2 ul li a.button{background:#181818;width:220px;height:30px;display:block;line-height:30px;text-align:center;margin-left:32px}
.f-item3 h3 a{font-size:16px;padding-bottom:10px;display:block}
.f-item3 .code{background:url(../img/bg5.png) center center no-repeat;width:162px;height:320px;position:relative;margin:0 auto}
.f-item3 .code img{position:absolute;top:50px;left:51px;width:60px;height:60px}
.ftCon{background: #0b0b0b;padding: 5px 0;}
.ftCon .ftCon-Wrapper{width:1200px;margin:0 auto;position:relative}
.ftCon .ftCon-Wrapper p{padding: 2px;color: #666;font-size: 12px;/* text-align:  center; */}
.ftCon .ftCon-Wrapper p a{color: #666;}
.ftCon .ftCon-Wrapper p span{float:  right;}
.footer-nav{width:  1200px;margin: 0 auto;color: #666;padding-bottom: 15px;}
.footer-nav li{display: inline-block;text-align:  center;text-align-last: center;font-size:  14px;border-right:  1px solid #666;padding:  0 10px 0 10px;line-height: 12px;}
.footer-nav li a{color: #666;}
.footer-nav li a:hover{color: #fff;}
.footer-nav li:last-child{border:0;}



/*悬浮窗*/

.fixed-hover{position:fixed;right:10px;top:50%;z-index:99999999;text-align:center;margin-top: -133px;right:-260px;transition: 0.5s;}
.fixed-hover h2{color: #f5c702;font-size:18px;background:  #868686;line-height:  50px;margin-bottom: 23px;}
.fixed-hover span{/* display:block; *//* border-top:1px solid #504a49; *//* padding-top:6px; *//* margin-top:8px; */}
.fixed-hover.on{right:0}
.fixed-hover .hover-show{width:66px;height:266px;background:#282828;float:left;margin-right:10px;padding:20px 0;box-sizing:border-box;cursor:pointer}
.fixed-hover .hover-show img{border-radius:50%;width:44px;height:44px;margin-bottom:10px}
.fixed-hover .hover-show span{display:block;width:18px;margin:0 auto;color:#f5c702}
.fixed-hover .hover-show i{color:#f5c702;margin-top:20px;display:block}
.fixed-hover .hover-hide{width:254px;height:266px;position:relative;float:left;background:#fff;overflow:hidden}
.fixed-hover .hover-hide .icon-close{position:absolute;right:10px;top:10px;font-size:20px;cursor:pointer}
.fixed-hover .hover-hide span{display:block;text-align:left;position:relative;padding:0 0 17px 22px;margin:0 10px 10px 6px;border-bottom:1px dashed #666}
.fixed-hover .hover-hide span i{position:absolute;left:0;top:2px;color:#f5c702;font-size:18px}
.fixed-hover .hover-hide span h3{font-size:16px}
.fixed-hover .hover-hide span p{color:#666;font-size:14px}
.fixed-hover .hover-hide span p.time{font-size:14px}

.scroll-top{position: fixed;bottom:50px;right:10px; z-index:99999;}
.scroll-top i{display: block;width: 36px;height: 36px;  background:#fff;  color:#333;text-align: center;  line-height: 36px;font-size: 32px;cursor: pointer; }

.scroll-top i:hover{color: #f5c702;}










