@charset "UTF-8";/* CSS Document */
*,*:after,*:before{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;}
html{font-size:14px;overflow-x:hidden;}
body{color:#5a5a5a;font-size:1rem;overflow-x:hidden}
a:active,a:hover{color:#be0303;}
hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,0.1);}
.text-red{color:#cd0000;}
.topbar{border-bottom:1px solid #ddd;}
/*logo样式*/
.logo{height:65px;margin-top:1.2rem;}
.logo img{height:100%;width:auto;}
/*导航样式*/
.navbarTop{border-top:5px solid #cc0000;}
.navbar{height:7.5rem;background:#fff;}
.navbar-menu{margin-top:15px;}
.navbar-menu > ul > li{float:left;position:relative;}
.navbar-menu ul li a{display:block;font-size:1.15rem;position:relative;font-weight:bold;padding:0 1.6rem;line-height:60px;}
.navbar-menu>ul>li>a:before{content:'';width:0;height:3px;background:#cc0000;position:absolute;bottom:2px;left:0;}
.navbar-menu > ul > li:hover > ul{position:absolute;top:60px;left:0;display:block;z-index:999;background:#fff;width:100%;}
.navbar-menu > ul > li > ul >li>ul{display:none;}
@media(max-width:998px){.navbar-menu > ul > li:hover > ul{display:none;}
}
.navbar-menu > ul > li > ul > li{float:none;}
.navbar-menu > ul > li > ul > li > a{line-height:42px;font-weight:normal;font-size:15px;text-align:center;padding:0;}
.navbar-menu>ul>li>a:hover:before,.navbar-menu > ul > li.active > a:before{width:100%}
.navbar-menu > ul > li.active > a{color:#cc0000;}
.navbar-menu li:last-child{padding-right:0;}
.navbar-bg{position:fixed;width:100%;display:none;opacity:0;height:100%;height:100vh;background-color:rgba(0,0,0,.7);overflow:hidden;z-index:899;top:0;left:0;}
@media(min-width:998px){.navbar-menu > ul > li > ul{display:none;}
}
.navbar-bg .active{display:inline-block;}
.navbar-bg.active{display:block;opacity:1;}
.navbar-toggle{line-height:5.5rem;font-size:1.8rem;height:5.5rem;text-align:center;}
/*幻灯样式*/
.slider-container{position:relative;height:500px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;}
.slider-control{z-index:2;position:absolute;top:0;width:12%;height:100%;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;will-change:opacity;opacity:0;font-family:"FontAwesome";z-index:200;}
.slider-control:before{position:absolute;top:50%;margin-top:-50px;width:50px;height:50px;color:#fff;text-align:center;font-size:5rem;opacity:0;-webkit-transition:opacity 0.2s ease-out;-moz-transition:opacity 0.2s ease-out;-o-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;filter:alpha(opacity=0);-ms-transition:opacity 0.2s ease-out;}
.slider-control.inactive:hover{cursor:auto;}
.slider-control:not(.inactive):hover{opacity:1;cursor:pointer;}
.slider-control.left{left:0;background:-webkit-linear-gradient(left,rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to right,rgba(0,0,0,0.18) 0%,rgba(0,0,0,0) 100%);}
.slider-control.left:before{left:15%;content:"\f104";}
.slider-control.right{right:0;background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.18) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.18) 100%);}
.slider-control.right:before{left:inherit;right:15%;content:"\f105";}
.slider-control:hover.left:before,.slider-control:hover.right:before{opacity:1;filter:alpha(opacity=100);}
.slider-pagi{position:absolute;z-index:3;left:50%;bottom:2rem;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-size:0;list-style-type:none;z-index:200;}
.slider-pagi__elem{position:relative;display:inline-block;vertical-align:top;width:1rem;height:1rem;margin:0 0.4rem;border-radius:50%;border:2px solid #fff;cursor:pointer;}
.slider-pagi__elem:before{content:"";position:absolute;left:50%;top:50%;width:.4rem;height:.4rem;background:#fff;border-radius:50%;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;-webkit-transform:translate(-50%,-50%) scale(0);-ms-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);}
.slider-pagi__elem.active:before,.slider-pagi__elem:hover:before{-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);}
.slider{z-index:1;position:relative;height:100%;z-index:100;}
.slider.animating{-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;will-change:transform;}
.slider.animating .slide__bg{-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;will-change:transform;}
.slide{position:absolute;top:0;width:100%;height:100%;overflow:hidden;}
.slide.active .slide__overlay,.slide.active .slide__text{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
.slide__bg{position:absolute;top:0;left:-50%;width:100%;height:100%;background-size:cover;will-change:transform;}
.slide:nth-child(1){left:0;}
.slide:nth-child(1) .slide__bg{left:0;}
.slide:nth-child(2){left:100%;}
.slide:nth-child(2) .slide__bg{left:-50%;}
.slide:nth-child(3){left:200%;}
.slide:nth-child(3) .slide__bg{left:-100%;}
.slide:nth-child(4){left:300%;}
.slide:nth-child(4) .slide__bg{left:-150%;}
.slide:nth-child(5){left:400%;}
.slide:nth-child(5) .slide__bg{left:-200%;}
.slide:nth-child(6){left:500%;}
.slide:nth-child(6) .slide__bg{left:-250%;}
.slide:nth-child(7){left:600%;}
.slide:nth-child(7) .slide__bg{left:-300%;}
.slide:nth-child(8){left:700%;}
.slide:nth-child(8) .slide__bg{left:-350%;}
.slide:nth-child(9){left:800%;}
.slide:nth-child(9) .slide__bg{left:-400%;}
/*---end---*/
/* ---- Tabs ---- */
.tabs-wrapper{width:100%;padding-left:1rem}
.tab-item{clear:both;overflow:hidden;padding:1rem 0;}
.tabs-container{float:left;position:relative;display:block;width:100%;}
.tabs-wrapper .tab-content{padding:1rem 0 0 0;line-height:200%;overflow:hidden;}
ul.tabs{float:left;height:50px;width:100%;padding-left:0 !important;margin-bottom:0 !important;background-color:#f0f0f0;}
ul.tabs li{float:left;padding-left:0 !important;overflow:hidden;padding-bottom:0;position:relative;text-align:center;outline:none;}
ul.tabs li a{height:50px;line-height:50px;padding:0 2rem;text-decoration:none;display:block;outline:none;color:#3c3b3b;font-size:16px;font-weight:600;position:relative;}
ul.tabs li:last-child a{border-right:0;}
ul.tabs li a:hover{color:#cd0000;}
ul.tabs li.active{background-color:#cd0000;}
ul.tabs li.active a{color:#fff;background-color:#cd0000;}
ul.tabs li.active{z-index:1;}
.tabs-container .listul{min-height:260px;}
/*---end---*/
/*新闻内容*/
.news,.link{width:100%;padding:1.5rem .5rem;display:inline-block;background-color:#fbfbfb;}
/*新闻title*/
 .news .title{border-bottom:1px solid #dedede;padding-bottom:.5rem}
.news .title h6{display:inline;}
.news .title span{line-height:2.5rem;}
/*新闻TABS列表*/
 .news .listul li{line-height:2.5rem;padding:0 .2rem;position:relative;}
.news .listul li .date{position:absolute;top:0;right:2px;}
.news .listul li span{float:right;color:#acacac}
.news .listimg a{color:#cd0000;}
.news .listul01 li{border-bottom:1px dashed #dcdcdc;position:relative;}
.news .listul01 li .date{position:absolute;top:0;right:2px;}
.news .listul01 li:before{font-family:'FontAwesome';content:"\f260";padding-right:10px;color:#095a91;position:absolute;top:0px;left:0px;}
/*新闻带图片列表-左侧*/
 .news .listimg{clear:both;width:100%;}
.news .listimg hr{margin-top:1.3rem;}
.news .listimg .img{float:left;width:120px;height:75px;overflow:hidden;}
.news .listimg .font{margin-left:140px;height:75px;overflow:hidden;}
.news .listimg strong{font-size:1.1rem;line-height:200%;}
/*新闻图片列表-右侧*/
.listimgR{margin:1rem -.5rem;}
.listimgR .col-lg-6{padding-left:.5rem;padding-right:.5rem;margin:.7rem 0;}
.listimgR .img{position:relative;overflow:hidden;margin-bottom:.5rem;}
.listimgR .img .bg{opacity:0;width:100%;height:100%;background:rgba(0,0,0,.7);position:absolute;left:0;top:0}
.listimgR .img .bg:before{width:2rem;height:2rem;text-align:center;font-family:'FontAwesome';content:"\f06e";color:#fff;font-size:2rem;left:50%;top:50%;position:absolute;margin-top:-1.5rem;margin-left:-1rem;}
.listimgR .col-lg-6:hover .img .bg,.listimgR .col-md-4:hover .img .bg{opacity:1;}
.listimgR p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.qecode{width:210px;margin:1rem auto;}
.listimgR .myimglist a{padding:10px;display:block;border:1px solid #eee;margin-bottom:10px;}
.listimgR .myimglist:hover a{border:1px solid #ccc;}
.listimgR-1 .img .bg::before{content:"";}
.listimgR-1 .img .bg .p1{width:100%;height:2rem;text-align:center;color:#fff;font-size:1.8rem;top:50%;position:absolute;margin-top:-1.5rem;}
.listimgR-1 .tit{font-weight:bold;font-size:14px;}
/*快速导航*/
.quicknav li{float:left;text-align:center;width:33.33%;padding-top:1rem}
.quicknav li i{clear:both;color:#fff;width:4.1rem;height:4.1rem;background:#0099e0;border-radius:5px;margin:0 auto;font-size:2rem;line-height:4rem;margin-bottom:.2rem}
.quicknav li:nth-child(2) i{background:#f15408;}
.quicknav li:nth-child(3) i{background:#434f83;}
.quicknav li:nth-child(4) i{background:#529457;}
.quicknav li:nth-child(5) i{background:#095a91;}
.quicknav li:nth-child(6) i{background:#6eb024;}
.quicknav li:nth-child(7) i{background:#9976a6;}
.quicknav li:nth-child(8) i{background:#a4774c;}
.quicknav li:nth-child(9) i{background:#e85857;}
/*友情链接*/
.link ul li{float:left;width:16.666%;text-align:center;padding:.8rem 0}
.link ul li img{width:auto;height:3rem;}
/*底部样式*/
.footerbg{background-color:rgb(32,32,32);}
.footer{padding:2.5rem 0;color:rgb(204,204,204);}
.footer p{line-height:200%}
.footerimg img{width:auto;opacity:.6;margin:0 .3rem;height:35px;}
/*在线客服*/
.online-service{width:190px;height:300px;background:url(../images/customerservice2.png) right center no-repeat;position:fixed;right:-130px;top:15%;z-index:200}
.online-service .Lfont{float:left;width:60px;color:#fff;padding-right:6px;padding-top:132px;text-align:right;}
.online-service .Rfont{margin-left:85px;padding-top:80px;}
.online-service .Rfont li{line-height:2.5rem;}
.online-service:hover{right:0;}
.online-service a:hover{color:#cd0000;}
/*返回顶部*/
#toTop{display:none;text-decoration:none;position:fixed;bottom:12px;right:12px;overflow:hidden;width:50px;height:50px;border:none;text-indent:-9999px;background:url(../images/ui.totop.png) no-repeat left top;background-size:cover;z-index:190;}
#toTop:hover{background:url(../images/ui.totop.png) no-repeat left -50px;background-size:cover;}
/*响应式样式*/
@media all and (max-width:1199px){h6{font-size:1.3rem}
.logo{height:3.5rem;margin-top:1rem}
.navbar{height:5.5rem;padding:0 1.2rem;}
.slider-container{height:400px;}
.slider-control,.slider-control:before{opacity:1;}
.slider-control.left,.slider-control.right{background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 100%);}
.quicknav{margin:0 -.8rem;}
.news.showowl .col-lg-3{margin-top:0;}
.news .title span{line-height:2rem;}
.link ul li img{height:2.5rem;}
}
@media all and (max-width:1024px){.navbar-menu{margin-top:.5rem;}
.navbar-menu li a{font-size:1rem;}
.news,.link{padding-top:0;border:0;background-color:transparent;padding-bottom:0;}
.link{border-top:1px solid #dcdcdc;padding-top:1.5rem}
.quicknav li{width:11.111%;}
.news .col-lg-3{margin-top:1.2rem;}
}
@media all and (max-width:992px){.slider-container{height:330px;}
.display-hidden{display:block;}
.navbar-menu{position:fixed;top:0;right:-260px;width:260px;height:100vh;background:#fff;overflow-x:hidden;z-index:900;margin:0;padding:1rem 0;-webkit-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}
.navbar-menu li a:before{display:none;}
/* .navbar-menu li a:after{font-family:'FontAwesome';content:"\f105";color:#ccc;position:absolute;right:0;}
*/
 .navbar-menu li:last-child{padding-right:2.5rem;}
.news.showowl .owl-carousel{height:160px;}
.qecode{width:140px;padding-top:.4rem}
.link ul li{width:20%;padding:.5rem 0}
}
@media all and (max-width:541px){.slider-control{display:none;}
.sliderbg{height:40px;}
.slider-container{height:240px;}
.logo{height:2.5rem;margin-top:.75rem}
.navbar{height:4rem;}
.navbar-toggle{line-height:4rem;height:4rem;font-size:1.4rem;text-align:right;}
.news .col-lg-7{padding-left:0;}
.news .tabs-wrapper{padding:0;}
ul.tabs li{width:33.33%;text-align:center;padding:0;}
ul.tabs li a{padding:0;}
.quicknav li{width:20%}
.news .col-lg-6{padding-left:0;padding-right:0;}
.news .col-lg-6.col-sm-6.padding-right-0{margin-top:1.2rem}
.listimgR .col-xs-6{padding-left:.5rem;padding-right:.5rem;}
.news.showowl .owl-carousel{height:225px;}
.news.showowl .col-lg-3{margin-top:1.5rem;}
.footer{padding:1.5rem;text-align:left}
.news .listul li span{font-size:.75rem}
.news .listimg strong{line-height:100%;font-size:1.05rem;}
.link ul li{width:33.333%;padding:.5rem 0}
.link ul li img{height:2rem}
}
@media all and (max-width:320px){.quicknav{margin:0 -.4rem;}
.news .listul li span{display:none;}
.news .owl-carousel,.news.showowl .owl-carousel{height:200px;}
.news .listimg strong{line-height:180%;}
.listimgR .img{height:6rem;}
.quicknav li{font-size:.75rem}
.quicknav li i{clear:both;color:#fff;width:3rem;font-size:1.2rem;line-height:3rem;height:3rem;}
}
/*遮罩层*/
.mask-bg{position:fixed;width:100%;height:100%;display:none;background-color:rgba(0,0,0,.7);overflow:hidden;z-index:997;top:0;left:0;}
.mask-bg.active{display:block;}
@media(max-width:768px){
.navbar{border-bottom:1px solid #ddd;margin-bottom:6px;}
.header .logo{display:block;padding-top:10px;padding-left:10px;}
.header .logo img{height:40px}
.header .nav-toggle{position:absolute;right:0px;top:0px;font-size:25px;color:#999;min-width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer;z-index:1}
.header .nav-toggle.active{color:#ccc}
.navbar-menu{position:fixed;z-index:999;top:0px;right:0px;width:0px;background:#fff;height:100%;height:100vh;opacity:0;transition:all 0.2s linear;overflow-y:auto}
.navbar-menu.active{opacity:1;width:280px;max-width:70%}
.navbar-menu ul li{line-height:45px;text-align:left;float:none;}
.navbar-menu ul li ul{display:none;transition:display 1s linear;}
.navbar-menu > ul > li > ul > li > a{text-align:left;padding-left:40px;}
.navbar-menu ul li ul.active{display:block;position:static;}
.navbar-menu ul li a{padding-left:20px;display:block;color:#999;font-size:15px;line-height:3.5;border-bottom:1px solid #dcdcdc}
.navbar-menu ul li{position:relative}
.navbar-menu li:last-child{padding-right:0;}
.navbar-menu ul li .arrow{position:absolute;right:0px;top:0px;width:50px;height:50px;line-height:50px;text-align:center;transition-duration:0.2s}
.navbar-menu ul li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}
.navbar-menu ul li .arrow.active{transform:rotate(90deg);transition-duration:0.2s}
}