/*
    制作公司：无忧广告
    制作人：刘立衡
    版权：无忧广告
*/

/*重置*/
body{margin:0px; padding:0px; font-size:12px; color:#444; font-family:"Arial","Microsoft YaHei","微软雅黑"; line-height: 2em; width: 100%;}
div, ul, li, p, ol, dd, dt, dl, h1, h2, h3, h4, h5, h6, form, label, span{margin: 0; padding: 0;}
ul, li, ol, dd, dt, dl{list-style: none;}
select,input{vertical-align:middle; font-size:12px;}
a{color:#333; text-decoration:none; -webkit-transition: all ease-out 1s; -moz-transition: all ease-out 1s; -ms-transition: all ease-out 1s; -o-transition: all ease-out 1s; transition: all ease-out 1s;}
a:hover,a:active{color:#0066CD; text-decoration:none;}
/*重置*/

/*****************************************************************************************************************************************************************************/

/*统一代码*/
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.pt-10{padding-top: 10px;}
.pt-15{padding-top: 15px;}
.pt-20{padding-top: 20px;}
.img-scale{-webkit-transition: transform ease-out 0.5s; -moz-transition: transform ease-out 0.5s; -ms-transition: transform ease-out 0.5s; -o-transition: transform ease-out 0.5s; transition: transform ease-out 0.5s;}
.img-scale:hover{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
.row-5{ margin-left: -5px; margin-right: -5px;}
.padding-5{ padding-left: 5px; padding-right: 5px;}
.row-10{ margin-left: -10px; margin-right: -10px;}
.padding-10{ padding-left: 10px; padding-right: 10px;}
.row-15{ margin-left: -15px; margin-right: -15px;}
.padding-15{ padding-left: 15px; padding-right: 15px;}
.row-20{ margin-left: -20px; margin-right: -20px;}
.padding-20{ padding-left: 20px; padding-right: 20px;}
.alignL{text-align: left!important;}
.img-full{ width: 100%; height: auto; }
.bg-w{background-color: #fff;}
/*统一代码*/

/*****************************************************************************************************************************************************************************/
/*头部*/
header{ width: 100%;height: 143px; background: #000; position: relative; z-index: 99;}
header .head-top{ height: 67%; box-sizing: content-box; position: relative; background:#000 url(../images/top_bj.jpg) no-repeat;}
.head-top .logo img{ max-height: 80px; width: auto;}
.head-top .logo{ margin-top: 6px; }
.head-top .lng{ height: 50px; color: #fff;}
.head-top .lng a:link,.head-top .lng a:visited{ color: #fff; font-size: 12px; padding: 0 5px; line-height:60px;}
.head-top .lng a:first-child{padding-left: 0;}
.head-top .lng a:hover{text-decoration:underline;}
/*导航*/
.top-nav{padding:0px; position:relative;}
.top-nav .add_search{ position: absolute; right: 0; top: 9px;}
.top-nav .add_search input{display:inline-block;}
.top-nav ul{ overflow: hidden; line-height: 46px; font-size: 16px;}
.top-nav ul li{ display: inline-block;}
.top-nav ul li a, .top-nav ul li a:visited{display: inline-block; color: #000; text-align: left; padding-right: 40px; text-decoration: none;}
.top-nav ul li a:hover{color: #0066CD;}
/*二级导航*/
header .sub-nav{ position: absolute; display: none; top:84px; padding: 20px 0; left: 0; box-sizing: content-box; width: 100%; background: #FFF; }
header .sub-nav .container{overflow: hidden; text-align: center; position: relative; height: 99px;}
header .sub-nav .sub-ul{ float: left; overflow: hidden; position:absolute; top: 0; left: 270px; display: none;}
header .sub-nav .sub-ul li{float: left; display: inline; margin: 0 30px; text-align: center; text-align: center; -webkit-animation: fadeInRight 1s ease; -moz-animation: fadeInRight 1s ease; -o-animation: fadeInRight 1s ease; -ms-animation: fadeInRight 1s ease; animation: fadeInRight 1s ease;}
header .sub-nav .sub-ul li a{display: inline-block; opacity: 0.6;}
header .sub-nav .sub-ul li a:hover{opacity: 1;}
header .sub-nav .sub-ul li p{line-height: 30px;}
/*注册 登录 上传*/
.login-box{line-height: 64px; font-size: 16px; position: absolute; right: 0; top: 10px;}
.login-box a{display: inline-block; color: #b1b1b1;}
.login-box a:hover{color: #0066CD;}
.login-box .login{ background: url(../images/member-head.png) no-repeat left center; padding: 0 10px 0 22px; display: inline-block;}
.login-box .login a{ padding:0 8px; }
.login-box .upload{ background: url(../images/upload-icon.png) no-repeat left center; padding: 0 0 0 30px; display: inline-block;}
/*手机导航*/
.nav-menu{ font-size: 28px; text-align: right; padding: 5px 15px 0 15px; color: #a0a0a0;}
.nav-menu .munue-btn{cursor: pointer;}
.wap-top-nav{ width: 100%; overflow: hidden; position: absolute; top: 50px; left: 0; display: none; z-index: 9999;}
.wap-top-nav .wap-nav-ul li{ width: 100%; line-height:36px; cursor: pointer; border-top:1px solid #e6e6e6; background:#2573b5 url(../images/nav-arrow.png) no-repeat 15px 15px; color:#FFF; text-indent: 15px; opacity: 0.95;}
.wap-top-nav .wap-nav-ul li.current{background:#0066CD url(../images/nav-arrow.png) no-repeat 15px 15px; color: #FFF; opacity: 1;}
.wap-top-nav .wap-nav-ul li.wap-sub a{display: inline-block; text-indent: 15px;}
.wap-top-nav .wap-nav-ul li a{display:block; text-indent: 30px; color: #FFF; text-decoration: none;}
.wap-top-nav .wap-nav-ul li a:hover, .wap-top-nav .wap-nav-ul li a:visited{ text-decoration: none; }
.wap-top-nav .wap-nav-ul li .wap-sub-nav{display: none;}
.wap-top-nav .wap-nav-ul li .wap-sub-nav li{background:none;}
.wap-top-nav .wap-nav-ul li .wap-sub-nav li a{display: block; background:#2573b5 url(../images/nav-arrow.png) no-repeat 30px center; padding: 0 0 0 45px; text-indent: 0;}



@media screen and (max-width: 1200px) {
    .top-nav ul li a{padding: 0 20px;}
    header .sub-nav .sub-ul{left:180px;}
}
@media screen and (max-width: 992px) {
    header{height: 50px;}
    header .head-top{ padding:5px 10px; height: 40px; box-sizing: content-box; position: relative;}
    .head-top .logo img{ max-height: 40px; width: auto; }
    .head-top .logo{ margin-top: 0px; }
}

/*头部*/

/****************************************************************************************************************************************************************************/

/*幻灯*/
.flash-arrow{ font-size: 60px; color: #FFF; }
.glyphicon-chevron-left:before, .glyphicon-chevron-right:before{ font-size: 60px; opacity: 0.3; }
.flash-arrow:hover .glyphicon-chevron-left:before, .flash-arrow:hover .glyphicon-chevron-right:before{opacity: 0.5;}
/*幻灯*/

/***************************************************************************************************************************************************************************/

/*广告背景*/
.ads-bj{ height: 322px;}
/*广告背景*/

/***************************************************************************************************************************************************************************/

/*精彩时刻*/
.video-box{ width: 100%; background: #f7f7f7 url('../images/page_bg.png') repeat; padding: 0; overflow: hidden;}
.video-box .index-title{ font-size: 26px; line-height: 40px; text-align: center; }
.video-box .index-title span{padding: 0 60px 0 0; display: inline-block; margin: 0 auto; background: url(../images/fireworks.png) no-repeat right center; color: #636363;}
.pc-video{ overflow: hidden; margin: 4px 0; }
.wap-video{ overflow: hidden; margin-top: 10px;}
.video-menu{overflow: hidden; margin: 0 -5px; padding-bottom: 20px;}
.video-menu li{display: inline-block; line-height: 30px; font-size: 16px; padding: 0 15px; margin: 0 5px; cursor: pointer;}
.video-menu li.current, .pc-video .video-menu li:hover{ background: #0066CD; border-radius: 5px; -ms-border-radius: 5px; color: #FFF;}

.video-con{display: none;}
.video-active{display: block;}
.video-con li{display: block; margin-bottom: 0;}
.video-con li a{display: block; overflow: hidden; position: relative;}
.video-con li .pic{overflow: hidden;}
.video-con li .pic img{display:block; width: 100%; height: 238px;}
.video-con li .mask{ position: absolute; bottom: 0; height: 40px; width: 100%; opacity: 0.8; background: rgba(0,0,0,0.8); }
.video-con li .video-title{ position: absolute; bottom: 0; height: 40px; width: 100%; line-height: 40px; overflow: hidden; padding: 0 15px; color: #FFF; font-size: 14px; text-align: center;}
.video-con li a:hover .video-title{color:#0066CD; }
@media screen and (max-width: 1200px) {
    .video-con li .pic img{ height: 174px;}
}
@media screen and (max-width: 992px) {
    .video-con li .pic img{ height: auto; min-height: 212px;}
}
@media screen and (max-width: 768px) {
    .video-con li .pic img{ height: auto; min-height: auto;}
}
.video-con li.more-box{text-align: center; padding-top: 30px;}
.video-con li.more-box .more-btn{display: inline-block; color: #0066CD; line-height: 40px; padding: 0 40px; border:1px solid #0066CD; font-size: 16px; border-radius: 5px;}
.video-con li.more-box .more-btn:hover{ background: #0066CD; color: #FFF; transition: background linear 1s;}

@media screen and (max-width: 992px) {
    .video-con li{margin-bottom: 20px;}
    .video-con li.more-box{padding-top: 20px; margin-bottom: 0;}
}
@media screen and (max-width: 768px) {
    .video-box .index-title{ font-size: 26px; line-height: 30px; text-align: center; }
    .video-box .index-title span{padding: 0 40px 0 0; font-size: 20px; background-size: contain;}
    .video-con li{margin-bottom: 15px;}
    .video-con li.more-box{padding-top: 15px; margin-bottom: 0;}
}
/*精彩时刻*/

/***************************************************************************************************************************************************************************/

/*底部信息*/
footer{ width: 100%; overflow: hidden; background: #fff;}

.ft-top{ padding: 30px 0; overflow: hidden;}
.ft-top .ft-menu{ overflow: hidden; margin: 0 -50px;}
.ft-menu .ft-menu-dl{ float: left; padding-right: 150px; font-size: 14px;}
.ft-menu .ft-menu-dl dt{ font-size: 16px; color: #a0a0a0; line-height: 40px;}
.ft-menu .ft-menu-dl dd a{ display: inline-block; color: #a0a0a0; line-height: 30px; }
.ft-menu .ft-menu-dl dd a:hover{ color: #0066CD;}

.ft-top .service{ padding: 20px 0; text-align: right; font-size: 14px; color: #a0a0a0; }
.ft-top .service .tel-nub{ font-size: 24px; line-height: 30px; }
.ft-top .service .service-qq{ background: #0066CD; color: #FFF; display: inline-block; padding: 0 20px; height: 36px; line-height: 36px; border-radius: 5px; margin-top: 10px;}

.ft-bottom{ line-height: 40px; border-top: 1px solid #BCBCBC; color: #a0a0a0;}
.ft-bottom a{color: #a0a0a0;}

.ft-bottom .medias{height: 40px; display: inline-block; float: right;}
.ft-bottom .medias span{display: inline-block; height: 40px; line-height: 40px; vertical-align: top; padding-right: 10px;}
.ft-bottom .medias a{ padding: 0 5px; box-sizing: content-box; opacity: 0.8;}
.ft-bottom .medias a:hover{opacity:1;}
.ft-bottom .medias .sina{ background: url(../images/sina.png) no-repeat left center; width: 20px; display: inline-block; height: 40px; }
.ft-bottom .medias .wechat{ background: url(../images/wechat.png) no-repeat left center; width: 20px; display: inline-block; height: 40px; position: relative;}
.ft-bottom .medias .wechat .ewm{ position: absolute; top: -201px; left: -124px; width: 200px; display: none;}
.ft-bottom .medias .wechat .ewm:after{ content: ''; display: block; border:5px solid transparent; border-top:5px solid #FFF; position: absolute; bottom:-10px; left: 125px;}
.ft-bottom .medias .qqzone{ background: url(../images/qqzone.png) no-repeat left center; width: 20px; display: inline-block; height: 40px; }

@media screen and (max-width: 992px) {
    .ft-bottom .copy{ text-align: center; }
    .ft-top .ft-menu{ margin: 0 -30px;}
    .ft-menu .ft-menu-dl{  padding: 0 30px; font-size: 12px;}
    .ft-menu .ft-menu-dl dt{ font-size: 14px; line-height: 40px;}
}
@media screen and (max-width: 320px) {
    .ft-top .ft-menu{ margin: 0 -20px;}
    .ft-menu .ft-menu-dl{  padding: 0 20px; font-size: 12px;}
    .ft-menu .ft-menu-dl dt{ font-size: 14px; line-height: 40px;}
    .ft-bottom .copy{ line-height: 20px; padding: 5px 0;}
}
/*底部信息*/


/*内页信息*/
.page-menue{background: #eee; height: 50px; line-height: 50px; border-bottom: 1px solid #e6e6e6; text-align: center;}
.page-menue .page-menue-ul{ display: inline-block; overflow: hidden; }
.page-menue .page-menue-ul li{ float: left; font-size: 14px; }
.page-menue .page-menue-ul li a{ padding:0 30px; display: inline-block;}
.page-menue .page-menue-ul li.current a{ color:#0066CD; }
.wap-title{ text-align: center; font-size: 16px; color:#0066CD; line-height: 40px; font-weight: bold;}


.page-main{ background: #f7f7f7; overflow: hidden; padding-top: 30px;}
.page-main2{ background: #f7f7f7;}
.page-main .video-list{ margin: 30px auto; }
.page-main .video-list .video-li{ margin-bottom: 20px; position: relative; top:0; -webkit-transition: top linear 0.5s; -moz-transition: top linear 0.5s; -ms-transition: top linear 0.5s; -o-transition: top linear 0.5s; transition: top linear 0.5s;}
.page-main .video-list .video-li:hover{top:-5px;}
.page-main .video-list .video-li:hover a{ -webkit-box-shadow: 0 0 10px #666; -ms-box-shadow: 0 0 10px #666; -moz-box-shadow: 0 0 10px #666; -o-box-shadow: 0 0 10px #666; box-shadow: 0 0 10px #666;}
.page-main .video-list .video-li a{ background: #FFF; color: #999; display: block; border-radius: 5px; -webkit-box-shadow: 0 0 5px #ddd; -ms-box-shadow: 0 0 5px #ddd; -moz-box-shadow: 0 0 5px #ddd; -o-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd;}
.page-main .video-list .video-li .pic{ border-radius: 5px 5px 0 0; overflow: hidden; position: relative;}
.page-main .video-list .video-li .pic .mask{ position: absolute; bottom: 0; height: 30px; width: 100%; opacity: 0.8; background: rgba(0,0,0,0.8); }
.page-main .video-list .video-li .pic .video-title{ position: absolute; bottom: 0; height: 30px; width: 100%; line-height: 30px; overflow: hidden; padding: 0 15px; color: #FFF; font-size: 14px;}
.video-li .video-info{ margin: 10px; color: #999; line-height: 20px; height: 60px; overflow: hidden;}
.video-li .video-li-bt{ margin: 0 10px; border-top: 1px solid #ddd; height: 30px; line-height: 30px;}
.video-li .video-li-bt .type-title{display: inline-block;}
.video-li .video-li-bt .view{ float: right; display: inline-block; }
.page-main .video-list .video-li .pic img{ width: 100%; height: 154px; }
@media screen and (max-width: 1200){
    .page-main .video-list .video-li .pic img{ height: 126px; }
}
@media screen and (max-width: 992px){
    .page-main .video-list .video-li .pic img{ height: 154px; }
}
@media screen and (max-width: 768px){
    .page-main .video-list .video-li .pic img{ height: 100px; }
}
@media screen and (max-width: 992px){
    .page-menue{height: 40px; line-height: 40px;}
    .page-main .video-list .video-li{ margin-bottom: 10px;}
    .page-main .video-list .row-10{ margin-left: -5px; margin-right: -5px;}
    .page-main .video-list .padding-10{ padding-left: 5px; padding-right: 5px;}
}


.positions{display: block; text-align: left; font-size: 14px;}
.positions span{ color:#0066CD;}
.page-main .showpic{display: inline-block; border: 4px solid #fff; overflow: hidden;}
.page-main .video-content{ margin: 30px 0; text-align: center; width:100%; }
.page-main>.container>.video-t{ font-size: 18px; text-align: center; font-weight: bold; padding-bottom: 20px;}
.page-main .video-content .video-t{ font-size: 18px; text-align: center; font-weight: bold; border-bottom: 1px solid #999; padding-bottom: 20px;}
.page-main .video-box2{ overflow: hidden; width: auto; margin: 0 auto; padding:10px 0 0 0; }
.page-main .video-box2 .wbflash{ width:auto; margin:0 auto;}
#videoplay{ margin: 0 auto; width: 100%;}
#player{ margin: 0 auto; width: 1280px; min-width:1280px; min-height:720px; _height:720px}
.share{  padding:20px 30px; width:1280px; margin:0 auto; }

/*内页产品start*/

.page-main{ background: #EFEFEF url('../images/page_bg2.png') no-repeat; overflow: hidden;}
.page-main2{ background: #f7f7f7 url('../images/page_bg.png') no-repeat;}
.page-main .product-list{ margin: 0 auto; }
.page-main .product-list .product-li{ margin-bottom: 50px; position: relative; top:0; -webkit-transition: top linear 0.5s; -moz-transition: top linear 0.5s; -ms-transition: top linear 0.5s; -o-transition: top linear 0.5s; transition: top linear 0.5s;}
.page-main .product-list .product-li:hover{top:-5px;}
.page-main .product-list .product-li:hover a{ -webkit-box-shadow: 0 0 10px #666; -ms-box-shadow: 0 0 10px #666; -moz-box-shadow: 0 0 10px #666; -o-box-shadow: 0 0 10px #666; box-shadow: 0 0 10px #666;}
.page-main .product-list .product-li a:first-child{ background: #FFF; color: #999; display: block; border-radius: 0px; -webkit-box-shadow: 0 0 5px #ddd; -ms-box-shadow: 0 0 5px #ddd; -moz-box-shadow: 0 0 5px #ddd; -o-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd;}
.page-main .product-list .product-li .pic{ border-radius: 0 0 0 0; overflow: hidden; position: relative;}
.page-main .product-list .product-li .pic .mask{ position: absolute; bottom: 0; height: 30px; width: 100%; opacity: 0.8; background: rgba(0,0,0,0.8); }
.page-main .product-list .product-li .product-title{ height: 30px; width: 100%; line-height: 45px; overflow: hidden; padding: 0 15px; color: #222; font-size: 16px; text-align:center;}
.product-li .product-price{ margin: 10px; color: #EC6C00; line-height: 35px; height: 40px; text-align: center; overflow: hidden;}
.product-li .product-li-bt{ margin: 0 10px; border-top: 1px solid #ddd; height: 30px; line-height: 30px;}
.product-li .product-li-bt .type-title{display: inline-block;}
.product-li .product-li-bt .view{ float: right; display: inline-block; }
.page-main .product-list .product-li .pic img{ width: 100%; }
/*
@media screen and (max-width: 1200){
    .page-main .product-list .product-li .pic img{ height: 146px; }
}
@media screen and (max-width: 992px){
    .page-main .product-list .product-li .pic img{ height: 174px; }
}
@media screen and (max-width: 768px){
    .page-main .product-list .product-li .pic img{ height: 120px; }
}
*/
@media screen and (max-width: 992px){
    .page-menue{height: 40px; line-height: 40px;}
    .page-main .product-list .product-li{ margin-bottom: 10px;}
    .page-main .product-list .row-10{ margin-left: -5px; margin-right: -5px;}
    .page-main .product-list .padding-10{ padding-left: 5px; padding-right: 5px;}
}

.positions{display: block; text-align: left; font-size: 14px;}
.positions span{ color:#0066CD;}
.page-main .product-content{ margin: 30px 0; text-align: center; width:100%; }
.page-main .product-content .product-t{ font-size: 18px; text-align: center; font-weight: bold; border-bottom: 1px solid #666; padding-bottom: 20px;}
.page-main .product-box2{ overflow: hidden; width: auto; margin: 0 auto; padding:10px 0 0 0; }
.page-main .product-box2 .wbflash{ width:auto; margin:0 auto;}
#videoplay{ margin: 0 auto; width: 100%;}
#player{ margin: 0 auto; width: 1280px; min-width:1280px; min-height:720px; _height:720px}
.share{  padding:20px 30px; width:1280px; margin:0 auto; }

/*内页产品end*/

.active-list{margin: 30px 0;}
.active-list .active-li{ border-radius: 5px; overflow: hidden; background: #FFF; -webkit-box-shadow: 0 0 10px #ddd; -moz-box-shadow: 0 0 10px #ddd; -ms-box-shadow: 0 0 10px #ddd; -o-box-shadow: 0 0 10px #ddd; box-shadow: 0 0 10px #ddd; margin-bottom: 30px;}
.active-list .active-t{ text-align: center; font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.active-list .infos{ padding:55px 20px 55px 0; text-align: center;}
.active-list .active-info{ font-size: 14px; line-height: 30px; height: 120px; text-align: left; overflow: hidden;}
.active-list .infos .more-btn{display: inline-block; line-height: 40px; margin-top: 20px; padding:0 50px; font-size: 16px; border-radius: 5px; background:#0066CD; color:#FFF; }
@media screen and (max-width: 1200px) {
    .active-list .infos{ padding:27px 20px 27px 0; text-align: center;}
    #player{ margin: 0 auto; width: 100%; height:auto;}
    .share{ display: inline-block; padding:20px 10%; width:80%; margin:0 auto; }
}
@media screen and (max-width: 992px) {
    .active-list .infos{ padding:12px 20px 12px 0; text-align: center;}
    .active-list .active-info{ font-size: 14px; line-height: 30px; height: 90px;}
    .active-list .infos .more-btn{margin-top: 10px;}
    .active-list .active-t{margin-bottom: 10px;}
}
@media screen and (max-width: 768px){
    .active-list{margin: 15px 0;}
    .active-list .infos{padding:12px;}
    .active-list .active-li{margin-bottom: 15px;}
    .share{ display:none; }
}

.page-main2 .about{ position: relative; top: -10px; z-index: 22; overflow: hidden; background: transparent; padding-top:20px; border-radius: 5px; -webkit-box-shadow: 0 0 10px #ddd; -moz-box-shadow: 0 0 10px #ddd; -ms-box-shadow: 0 0 10px #ddd; -o-box-shadow: 0 0 10px #ddd; box-shadow: 0 0 10px #ddd; }
.about-con{ padding: 50px; font-size: 14px; line-height: 30px; overflow: hidden;}
.about-con p{ margin-bottom: 10px; }
.about-con img{ max-width: 100%; height: auto; }
#allmap{height: 500px; margin:912px 50px 50px 50px; box-shadow: 0 0 10px #ddd; border-radius: 5px;}
@media screen and (max-width: 992px) {
    .about-con{ padding: 20px;}
    #allmap{height: 350px; margin:0 0px 0px 0px; box-shadow: 0 0 10px #ddd; border-radius: 5px;}
}

/*分页按钮*/
.fanye{margin-top: 20px;}
.fanye .pagination {margin: 0 0 0 -1px; border:1px solid #ededed; border-radius:5px; overflow:hidden; }
.fanye .pagination .home{border-left:0; }

.fanye .pagination span, .fanye .pagination a{display:inline-block; color: #0066CD; border:1px solid #ededed; margin-right:-1px; border-top:0; border-bottom:0; font-size: 14px; height:42px; line-height:42px; padding:0 16px; text-decoration:none; float:left; }
.fanye .pagination a:hover, .fanye .pagination .disabled2{color: #FFF; background-color: #0066CD; }
.fanye .pagination span{ color:#ccc;}
.fanye .pagination>.active>a, .fanye .pagination>.active>span, .fanye .pagination>.active>a:hover, .fanye .pagination>.active>span:hover, .fanye .pagination>.active>a:focus, .fanye .pagination>.active>span:focus {background-color: #084e9e; border-color: #084e9e; color: #FFF }
.fanye .pagination>li.thisclass a, .fanye .pagination>li>a:hover, .fanye .pagination>li>span:hover, .fanye .pagination>li>a:focus, .fanye .pagination>li>span:focus {color: #084e9e; background-color: #ededed; border-color: #ededed }
.fanye .pagination>li>a, .fanye .pagination>li>span {color: #0066CD; border-color: #ededed; font-size: 14px }
/*分页按钮*/


/*登录界面*/
.login-bg{ height: 537px; background: url(../images/login_bg.jpg) no-repeat center center; }
.login-bg .container{ position: relative; }
.login-bg  .sianin{ position: absolute; top: 50px; right: 50px; background: #FFF; background:rgba(255,255,255,0.8); padding:50px; border-radius: 5px;}
.signintitle{ font-size: 20px; text-align: center; line-height: 40px; color: #0066CD; margin-bottom: 20px;}
.formlist tr td{ padding-bottom: 20px; }
.formlist th{ font-size: 16px; font-weight: normal;  padding-bottom: 20px; padding-right: 10px; line-height: 30px;}
.infoInput{ background:none; border:1px solid #ccc; height:30px; line-height: 30px; padding:0 5px; border-radius: 5px; outline: 0;}
.buttonface{ width: 100%; height: 40px; line-height: 40px; background: #0066CD; color: #FFF; font-size: 14px; border-radius: 5px; border:0;}
.reg-forget{ height: 50px; line-height: 50px; font-size: 14px; }
.reg-forget a{ color: #0066CD; padding: 0 5px;}
.reg-forget a:hover{ text-decoration: underline; }
/*登录界面*/

.framecenter{overflow: hidden;}
.welcome-word, .messtext{ font-size: 16px; display: inline-block; line-height: 30px; font-weight: bold; padding-left: 10px; color: #0066CD; }
.formlist .word, .tablelist .word{ padding-left: 5px; font-size: 14px; color: #999; }
.tishi tr{text-align: center;}
#spanSeconds{color:#0066CD; font-weight: bold; padding: 0 5px; }
.hyzx{ padding:30px 0; font-size: 14px; overflow: hidden; min-height: 550px;}
.hyzx .tg1{font-size: 16px; font-weight: bold; line-height: 50px;}
.hyzx .tg1 .font03{ color: #0066CD; padding-right: 10px;}
.tablelist{ line-height: 30px; }
.tablelist .right{font-weight: bold;}
.sidebar_right{ text-align: center; }
.sidebar_right .parent{ text-align: left; font-size: 16px; font-weight: bold; line-height: 40px; border-bottom: 1px solid #ececec; text-indent: 40px; background:url(../images/status_online.gif) no-repeat 5px center;}
.sidebar_right .border .menu{overflow: hidden;}
.sidebar_right .border li a{ display:block; height: 36px; line-height: 36px; background: #ececec; margin-top: 10px; border-radius: 5px; color: #666;}
.sidebar_right .border li a:hover{ background:#0066CD; color: #FFF;}
.sidebar_left{ padding:0 30px;  }
.sidebar_left .infolink02{padding:0 5px 0 0;}

.righttext .ttitle h3{ font-size:16px; line-height: 50px; font-weight: bold; color: #0066CD;}
.tablelist td{ padding-bottom: 10px; }
.meb-title{ font-size:16px; line-height: 50px; font-weight: bold; color: #0066CD;}
.tc{ text-align: center; color: #999; }
.upload-table{width: 100%;}
.upload-table td{ padding-bottom: 15px; }
.upload-table .filepic{display: inline; outline: 0; line-height: 20px}
.jianjie{ border-radius: 5px; border:1px solid #ccc; width: 50%; padding:5px;}
.sp-span{ display: inline-block; background: #ececec; line-height: 30px; padding:0 10px; color: #999; cursor: pointer; border-radius: 5px; margin-bottom: 20px; margin-right: 10px;}
.sp-span:hover, .sp-span-current{ background: #0066CD; color: #FFF; }
.shiping{display: none;}
.sp-current{display: block;}
.filepic2{ float: left; line-height: 20px; vertical-align: middle; padding-left: 20px; margin-top: 15px; outline: 0; cursor: pointer;}

.article-list-box-li{ background: #FFF; padding:15px 0; margin: 0 0 20px 0; border:1px solid #e5e5e5; border-radius: 2px;overflow: hidden; display: block; -webkit-transition: background 1s; -o-transition: background 1s; transition: background 1s;}
.article-list-box-li .article-list-info h3{ font-size: 16px; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden;}
.article-list-box-li .article-d-info h3{ font-size: 14px; text-align: center; margin-top: 10px;}
.article-list-box-li .article-list-info{line-height: 20px;}
.article-list-box-li .article-list-info .time{ line-height: 30px; }
.article-list-box-li .article-list-info .des{min-height: 40px;}
.article-list-box-li:hover{ background: #007cc3;}
.article-list-box-li:hover .article-list-info h3{ color: #FFF; }
.article-list-box-li:hover .article-list-info{ color: #FFF;}
.article-list-box-li .article-list-dpic{}
/********************* 新闻列表页 *************************/
@media screen and (max-width: 992px) {
    .article-list-box-li{padding:5px 0;}
    .article-list-box-li .article-list-info{padding:0 5px;}
    .article-list-box-li .article-list-info h3{font-size: 12px;}
    .article-list-box-li .article-list-info .des{font-size: 12px; height: 80px; min-height: 80px; overflow: hidden;}
    .wap-row-5{ margin-left: -5px; margin-right: -5px;}
    .wap-padding-5{ padding-left: 5px; padding-right: 5px;}
}

.page-btn{margin-top: 20px; font-size: 14px;line-height: 30px; text-align: left;}
.page-btn .next{ text-align: right; }
@media (max-width:992px){
    .page-btn .next{ text-align: left; }
}
.article-con{text-align: left; padding:15px 0; min-height: 300px;}
.article-con img{max-width: 100%;}
.article-con p{margin-bottom: 10px;}

/*下载页面*/
.download-table{ width: 100%; line-height: 30px;}
.download-table .first-tr{ background: #FFF; border:1px solid #e5e5e5;}
.download-table th{ text-align: center;  padding:5px 10px; font-size: 14px; background:url(../images/load_Tline.jpg) no-repeat left center;}
.download-table th:first-child{ background: none;}
.download-table tr{ font-size: 14px; text-align: center; border-bottom:1px solid #e5e5e5;}
.download-table tr td{padding:10px 10px;}
.glyphicon-download-alt{ font-size: 18px; top:5px; }
.download-title{ text-align: left;}
.download-title a{ background: url(../images/load_tiicon.png) no-repeat left center; display:block; padding-left: 10px; overflow: hidden; height: 30px; color: #000; text-decoration: none;}
.download-title a:hover{ color:#90c42f;}
@media (max-width:992px){
    .download-table th{ padding:5px; font-size: 12px;}
    .download-table tr td{padding:5px;}
    .download-table tr{ font-size: 12px;}
    .glyphicon-download-alt{ font-size: 14px; top:3px; }

}

/********************* 无屏助手 *************************/
.aide{background-repeat: ; background-position: center center; height: 971px; overflow: hidden;}
.aide-container{width:1140px;margin:0 auto;height: 100%; position: relative;}
.aide01{background-image: url(../images/aide_01.jpg);}
.aide02{background-image: url(../images/aide_02.jpg);}
.aide03{background-image: url(../images/aide_03.jpg);}
.aide04{background-image: url(../images/aide_04.jpg);}
.aide05{background-image: url(../images/aide_05.jpg);}
.aide06{background-image: url(../images/aide_06.jpg);}
.aide a{display: inline-block;box-sizing: border-box;position: absolute;top:72.5%;width: 158px; height: 44px;}
.aide a.ios{left:11.3%;}
.aide a.android{left:26.92%;}


/********************* 服务 *************************/

.about-all{width:100%;margin:15px 0 30px 0;}
.about-menu{width:25%;background: #fff;box-sizing: border-box;padding:23px 50px;float: left;}
.about-menu h4{font-size: 16px; margin-bottom:10px;}
.about-menu p{line-height: 40px;color:#555;padding-left: 5px;}
.about-menu p a{color:#555;text-decoration: none;}
.about-menu p a.active{color:#EC6C00;}
.about-menu p a:hover{color:#EC6C00;}
.about-con{width:100%;background: transparent;float: right;padding: 70px 20px;box-sizing: border-box;min-height:500px;}
.about-con h4{font-size: 16px;color:#EC6C00;margin:0;border-bottom: 1px solid #ddd;padding-bottom: 5px;}
.about-con h4 a{color:#EC6C00;text-decoration: none;}
.about-con p{line-height: 30px;color:#555;margin:0;}
.about-con p:nth-child(even){color:#222;margin-top:10px;cursor: pointer;}
.about-con p:nth-child(odd){text-indent: 0em;}
.about-con table.bank{margin-top:10px;}
.about-con table.bank th{border:1px solid #ccc;line-height: 30px;padding: 10px;font-weight: normal;}
.about-con table.bank td{border:1px solid #ccc;line-height: 30px;padding: 10px;}

p.ti{font-weight: bold;font-size: 15px;}
.ServiceSup p{text-indent: 2.5em; line-height: 30px; word-break: break-all; word-wrap: break-word; color: #333; margin: 10px 0; text-align: justify;}
.ServiceSup p:nth-child(odd){text-indent:2.5em;}
/********************* 使用 *************************/
.home-main{position: relative;overflow: hidden;}
.home-main img{display: block;width:100%;}
.home-main video{position: absolute;top:0;left:0;display: block;width:100%;}
.home-bg{position: absolute;top:0;left:0;width:100%;height:100%;background: #000;opacity: 0.7;z-index: 4;}
.home-brief{position: absolute;top:35%;left:0;width:100%;text-align: center;z-index: 5;}
.home-brief p{margin-bottom:20px;color:#DDD;}
.home-brief p.p1{font-size: 40px;letter-spacing: 7px;}
.home-brief p.p2{font-size: 15px;letter-spacing: 1px;}

.fullSlide{width:100%;position:relative;height:600px;background:#EFEFEF;}
.fullSlide .bd{margin:0 auto; position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:600px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block; width:100%;height:600px;}
.fullSlide .hd{ width:100%;position:absolute; z-index:1; bottom:20px; left:0; height:30px; line-height:30px;text-align:center;}
.fullSlide .hd ul{text-align:center;padding-top:5px;}
.fullSlide .hd ul li{display:inline-block;*display:inline; zoom:1;float: none;width:14px; height:14px; margin:11px; border: 2px solid #ddd;border-radius: 50%;overflow:hidden; line-height:9999px;cursor:pointer;}
.fullSlide .hd ul .on{border:2px solid #EC6C00;}

.use-navbar{width:100%;margin:50px 0;}
.use-navbar li{margin: 0 60px;display: block; padding: 0; list-style: none; float: left;}

.use-navbar li a{display: inline-block;width:160px;height:160px;line-height: 160px;border-radius: 50%;text-align: center;font-size: 24px;color:#fff;cursor: pointer;}
.use-navbar li a.af{background: #F4AFC4;}
.use-navbar li a.ao{background: #A0EBF1;}
.use-navbar li a.at{background: #A1E8AE;}
.use-navbar li a.ac{background: #F0C49F;}
.use-navbar li a.am{background: #CCA7DD;}

.use-content{width:100%;margin-bottom: 60px;text-align: center;}
.use-content p{margin:20px 0;font-size: 15px;}
.use-content p a{color:#EC6C00;text-decoration: underline;}

/************************ 首页 ***********************/
.carousel-control{width:10%;}

/************************ 线下门店 ***********************/
.offline-banner img{ width: 100%; }
.offline-content{ margin: 30px 0; background: #fff;}
.offline-list { margin: 20px 40px;}
.offline-list li { width: 100%; padding: 20px 0; border-bottom: 1px solid #e6e6e6;}
.offline-list li p.title { font-weight: bold; margin-bottom: 10px; color: #333;}
.offline-list li span.type { display: inline-block;padding: 1px 6px;background: #009100;color: #fff;border-radius: 3px;margin-left: 10px;line-height: 20px;font-weight: normal;}
.offline-list li span.tag { display: inline-block; padding: 1px 6px; background: #15B6FF; color: #fff; border-radius: 3px; margin-left: 10px; line-height: 20px; font-weight: normal;}
.page-main-bg{ background: #EFEFEF url('../images/page_bg3.png') no-repeat;}


/************************ 产品中心 ***********************/

.frameright .fup3 {width: 100%;height: 36px;line-height: 36px;padding-top:10px; display:none;}
.frameright .fcontent3 {width: 100%; overflow: hidden;}

.frameright .fup .spantitle,.fup1 .spantitle,.fup2 .spantitle,.fup3 .spantitle {float: left;padding-left: 10px;text-align: left;font-size: 14px;font-weight: bold;}
.frameright .fup .spanmone,.fup1 .spanmone,.fup3 .spanmone {float: right;padding-right: 10px;}
/*tree*/
.three {width:100%;list-style:none; margin: 0 auto;padding: 0px;}
.three li{line-height: 38px; padding-left: 40px; display:block; border-bottom:1px solid #ccc; background: url(../images/title-logo.png) no-repeat; background-position: 0 8px;}
.three .sub_nav2{
	line-height:38px;
	padding:5px 0;
	display:none;
}
.three .sub_nav2 P{
	background: url('../image/type_menu_line.jpg') no-repeat -15px top;
	padding:0 0 0 20px;
	color:#626262;
	line-height:38px;
	overflow:hidden;
}
.three .sub_nav2 P:before{
	content:"";
	width:5px;
	height:2px;
	display:inline-block;
	color:#ccc;
	position: relative;
	background: #ccc;
	left: -6px;
	top: -3px;
}
.three .sub_nav2 P a{
	color:#626262;
}
.three .sub_nav2 .hover3 a{
	color:#0A61C4;
	font-weight:bold;
}
.three .sub_nav2 P a:hover{
	color:#0A61C4;
	font-weight:bold;
}
.three #hover {background: url('../image/type_menu_hover.jpg') no-repeat; cursor:pointer;}
.three #hover a{
	color:#FFF;
}
.d-hide{display:none;}

/************************************************************************/
@media screen and (min-width:1200px){
  .col-md-2-1{
     width:20%;
  }
}