@charset "utf-8";
*{margin:0; padding:0; list-style:none; }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
ul li{list-style:none;}
body{width:100%;height:100%; background:#fff;color:#999;text-align:left;font-size:12px;font-family:"微软雅黑","Arial","microsoft yahei"; border:none;}
a{color:#333; text-decoration:none;}
i, var, em {font-style: normal;}
/* img{ border:0; width:100%;}  */
.fr{float: right;}
.fl{float: left;}
*{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
/*   -webkit-box-sizing: border-box;
box-sizing: border-box; */
}
/* li{list-style-type:none; float:left;} */
.wid{width:1200px; margin:0 auto;}
.clear{clear: both;}
.header>.top{width:1200px; height:75px; position:absolute; z-index: 9999;left: 0; right: 0; margin: 20px auto 0;}
.header>.top>.logo{width:201px; height: 72px; float: left;}
.header>.top>.logo img{width: 100%;}
[class*=ico] {vertical-align: middle; display: inline-block;}

.top .position{float:left;margin-left:20px;margin-top:17px;position: relative;width: 65px;}
.top .position .ico-i1{width: 13px; height: 16px; background: url("../images/0c847_13x16.png") center top no-repeat; -webkit-background-size: cover; background-size: cover; margin-top: -2px;}
.top .position span{font-size: 16px; color: #fff;}
.current-city{height: 32px; line-height: 32px; width: 66px; background: rgba(0,0,0,0.5); text-align: center; -webkit-border-radius: 30px; border-radius: 30px; z-index: 9999; position: absolute;}
.city-change{line-height: 32px; width: 66px; background: rgba(0,0,0,0.5); -webkit-border-radius: 20px; border-radius:20px; text-align: center; position: absolute; top:0px; padding-top: 30px; z-index: 1; padding-bottom:8px;}
.city-change span{display: block;}
.city-change a{color:#fff;}

.top .menu {float: left;height:32px;margin-top:16px; margin-left: 15px;}
.top .menu ul li {line-height:32px; margin-left:27px; position:relative;padding-bottom: 4px;font-size: 16px;float: left;}
.top .menu ul i{width: 1px;height: 10px;background: #fff;display: inline-block; float: left; margin-top: 12px;}
.top .menu ul li.wl{margin-right: 20px;}
.top .menu ul li:hover:after,
.top .menu ul li.acti:after {
  display: block;
}
.top .menu ul li:after {
  content: '';
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  height: 2px;
  background: #fff;
  width: 32px;
  bottom: 0;
  display: none;
  -webkit-border-radius: 10px;
   border-radius: 10px;
}
.top .menu ul li a {color: #fff;}

.news_nav .top .nav{height: 70px; float: right;}
.news_nav .top .nav ul{margin-top: 16px;}
.news_nav .top .nav ul li{position: relative; float: left; margin-left: 20px; line-height: 32px; font-size: 16px; color: #282829;
 padding-bottom: 4px;}
.news_nav .top .nav ul li:last-child{padding-right:0px;}
.news_nav .top .nav ul em{width:1px; height:16px;border-left:2px solid #282829; float: left; margin-top: 26px}
.news_nav .top .nav ul li a{color: #333; }
.news_nav .top .nav ul li.wl{margin-right: 20px;}
.news_nav .top .nav ul i{width: 1px;height: 10px;background: #282829;display: inline-block;float: left;margin-top: 12px;}

.top .nav ul li:hover:after,
.top .nav ul li.acti:after {
  display: block;
}
.top .nav ul li:after {
  content: '';
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  height: 2px;
  background: #f7a919;
  width: 32px;
  bottom: 0;
  display: none;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.top .nav ul li a {color: #333;}

.header{ width:100%;  position:relative;  height:600px;/*overflow: hidden;*/  }  
.header .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }  
.header .bd ul{ width:100% !important;  }  
.header .bd li{ width:100% !important;  height:600px; overflow:hidden; text-align:center;  } 
.header .bd li a{width: 100%; height:600px; float: left;display:block;}  
.header .hd{ width:200px;  position:absolute; z-index:1; bottom:0; left:50%; height:30px; text-align:center;} 
.header .hd ul{ text-align:center;  padding-top:0px;  }  
.header .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:30px; height:5px; background:#ccc; margin:0 5px; float: left; text-indent: -99999px; opacity:0.6;} 
.header .hd ul .on{ background:#60a3f6;  }

.banner_slide .prev,.banner_slide .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=30);opacity:0.3;}
.banner_slide .next{ left:auto; right:3%; background-position:8px 5px; }
.banner_slide .prev:hover,.banner_slide .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner_slide .prevStop{ display:none;  }
.banner_slide .nextStop{ display:none;  }
.button-next, .button-prev:focus {outline: none;}

/***底部**/
.footer{width:100%; height:365px;background: url("../images/footer-bg.png") no-repeat;  clear: both;}
.footer-cont{width:1230px; height: 325px; margin-top:40px; float: left; }
.footer-cont .ft-logo{width:265px; height: 325px;  margin:0 0 0 25px; float: left;}
.footer-cont .ft-infos{width:560px; height: 280px; margin:40px 25px 40px 80px; float: left; }
.footer-cont .ft-infos ul{height: 135px;}
.footer-cont .ft-infos ul li{width:140px; height: 50px; line-height:50px;float: left; font-size:16px; color: #eee; text-align: left;}
.footer-cont .ft-infos ul li a{color: #eee;}
.footer-cont .ft-infos ul li a:hover{color: #ff4a4a;}
.footer-cont .ft-infos p.p1{width:500px; font-size:14px; color: #eee; line-height:2; text-align: center;}
.footer-cont .ft-infos p.p2{width:500px; height: 22px; margin-top:20px;}
.footer-cont .ft-infos p.p2 span{width:55px; height: 22px; display:block; margin:0 auto; }
.footer-cont .ft-infos p.p2 span img{width:20px; display: inline-block; float: left;}
.footer-cont .ft-infos p.p2 span img:nth-child(2){float: right;}
.footer-cont .ft-wxtel{width:250px; height: 280px; margin-top:40px; float: left;}
.footer-cont .ft-wxtel .p3{width:40px; height:35px; margin:0 auto; display: block;}
.footer-cont .ft-wxtel .p4{ height: 35px; font-size:22px;color: #eee; text-align: center; display: block; margin:10px 0 0; font-weight:600; }
.footer-cont .ft-wxtel .p5{ height: 35px; font-size:15px;color: #eee; text-align: center; display: block; margin:0 0 30px 0; }
.footer-cont .ft-wxtel .wx{width:250px; height: 135px;}
.footer-cont .ft-wxtel .wx img{width:92px;display: block; float: left; margin-right: 10px;}
.footer-cont .ft-wxtel .wx h3{font-size:14px; color: #eee; font-weight: normal; text-align:left; margin-bottom:5px;}
.footer-cont .ft-wxtel .wx p{text-align: left; font-size:12px; color: #eee; line-height:1.48;}


@media screen and (min-width:1400px) and (max-width:1920px){
	.secbg{bottom:-110px !important;}
	.sec3-contab>.mores{ margin: 250px auto 0 !important;}
	.sec3-contab>.mores> a.btan{margin-left:260px !important;}
}



/**右侧悬浮**/
.fixed-right{position:fixed;right:0px;top:35%;width:182px; z-index: 999;}
.frtopic{width:200px; margin-bottom: 8px;     animation: jump 3s infinite;}
.fixed-right ul {width:100px; margin:0 auto;}
.fixed-right ul li{width:100px; height: 50px; line-height: 50px; color: #fff; text-align:center; float: left; border-bottom:1px solid #fff; }
.fixed-right ul li:nth-child(1){background: #f7a919; border-top-left-radius: 10px; border-top-right-radius: 10px;}

.fixed-right ul li:nth-child(2){background: #ee2d42;}
.fixed-right ul li:nth-child(2) a , .fixed-right ul li:nth-child(4) a{margin-bottom:0px;}
.fixed-right ul li:nth-child(3){background: #3acd67;}
.fixed-right ul li:nth-child(4){background: #f9a915;}
.fixed-right ul li:nth-child(5){background: #0071bc; border-bottom:none; border-bottom-left-radius:10px; border-bottom-right-radius: 10px;}

.fixed-right ul li:hover span{color:#fff}
.fixed-right ul li a{display:block;cursor:pointer; margin-top: 15px; line-height: 25px; }
.fixed-right ul li a span{display:block;margin-top:10px;font-size:14px;color:#fff;-webkit-transition:0.2s;-o-transition:0.2s;transition:0.2s;text-indent: -5px;}
.fixed-right ul li img{width:25px;display:block; float: left; margin-left:5px;}
.tips-box{ width:170px;height: 45px;text-align:center;line-height: 45px;border-radius: 10px;position: absolute; right:155px; font-size: 16px; color: #fff;display: none}
.triangle-right{ display:inline-block; width:0;height:0; border-top: 10px solid transparent; border-bottom: 10px solid transparent;position: absolute;right: -12px;top:12px;} 

.tips-yellow{background: #ffb400;top:260px;}
.triangle-yellow{border-left: 20px solid #ffb400; }

.tips-red{background:#ee2d42;top:310px;}
.triangle-red{border-left: 20px solid #ee2d42;}

.tips-green{background: #3acd67;top:360px;}
.triangle-green{border-left: 20px solid #3acd67; }

.tips-yellow1{background: #ffb400;top:415px;}
.triangle-yellow1{border-left: 20px solid #ffb400; }

.tips-blue{background: #0071bc;top:415px;}
.triangle-blue{border-left: 20px solid #0071bc; }


@-webkit-keyframes jump{
0%,100%,20%,50%,80% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  40% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
  }
  60% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
  }
}