body{font-family: " ";}
/* 头部 */
.header {width: 100%;height: 164px;background: #fff;z-index: 100;margin: auto;-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}
.header-height {width:100%;height: 164px;margin: 0 auto;display: none;}

/*headerMenu*/
.animated {position: fixed;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;}
.animated.slideDown {top: -300px;}
.animated.slideUp {top: 0;}
.fba-top {float: right;  margin:0 auto; width:100%; height:30px; border-bottom:#F2F2F2 1px solid; background:#cccccc; }
.fba-top-welcome{ height: 100%;width:auto; float: left;  }

.header-top {width: 100%;height: 112px; padding: 7px 0;}

.header-logo {float: left;width: auto;height: 66px;}
.header-logo a {float: left;height: 100%;}
.header-logo a img {float: left;height: 100%;transition: all 1s;-webkit-transition: all 1s;display: block;}
.header-logo .m-logo{display: none;}

.header-right {height: 100%;float: right;}
.header-right a {display: block;}
.header-right .header-tel{display: flex;align-items: center;}
.header-right .header-tel .icon{width: 66px;height: 66px;margin-right: 12px;}
.header-right .header-tel .icon img{width: 100%;height: 100%;}
.header-right .header-tel .txt h3{font-size: 16px;color: #000;}
.header-right .header-tel .txt h4{font-family: "arial narrow";color: #000;font-size: 28px;}

.headernav-btn{float: right;width: 40px;height: 40px;padding: 10px;border-radius: 50%;background: #006ebc;display: none;}
.headernav-btn a{display:block;width:100%;}
.headernav-btn a img{display:block;width:100%;}

/* nav */
.nav-bj {position: fixed; width: 100%;right: 0px;top: 0px;height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); z-index: 200; display: none;}

.nav {width: 100%;height: 52px;transition: all .6s;background: #006ebc;}
.nav-title {border-bottom: solid 2px #006ebc; height: 52px; padding: 0 3%; background: #fff; position: relative; z-index: 205; display: none;}
.nav-title h3 { font-size: 18px;line-height: 62px;color: #000;}
.nav-close { display: inline-block; width: 24px;height: 24px;margin-top: 20px;}

.nav-ul li {float: left;position: relative;width: 16.666%;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}
.nav-ul .nav-lst h3 {float: left;width: 100%;}
.nav-ul .nav-lst h3 a {float: left;font-size: 16px;width: 100%;text-align: center;color: #fff;line-height: 52px; transition: all .3s; position: relative;}
.nav-ul .nav-lst:hover h3 a {background: #f39800;}
.nav-ul .nav-lst.cur h3 a {background: #f39800;}
.nav-ul .nav-btn {padding-top: 15px;}
.nav-ul .nav-btn a {display: inline-block; padding: 0 20px;height: 30px;line-height: 30px;text-align: center;background: #0000ff;color: #fff;font-size: 14px;border-radius: 3px;margin-right: 10px;}
.nav-ul .nav-lst h3 a i{display: none;}

/* 二级菜单 */
.second-nav{position:absolute;top:52px;left:0; width:100%;background:rgba(255,255,255,0.6);opacity:0;text-align: center;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -moz-backface-visibility:visibility: hidden;;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 9999;
    transition: all .3s;
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.second-nav .nav-sec{float:left;padding:0 10px;width:100%;border-bottom: 1px solid rgba(255,255,255,0.4);}
.second-nav .nav-sec:last-child{border: 0;}
.second-nav .nav-sec h5{float:left;width:100%;position:relative;}
.second-nav .nav-sec h5 a{float:left;width:100%;text-align: center;font-size:14px;color: #000;line-height:42px;font-family:" "," ";height:42px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;transition: all .3s;}
.second-nav .nav-sec h5 a .icon{float:left;margin-right:8px;width:32px;height:32px;margin-top:12px;border-radius:50%;border:#ab0006 solid 1px;padding:6px;}
.second-nav .nav-sec h5 a .icon img{display:block;width:100%; }
.second-nav .nav-sec h5 a span{display: flex;width: 100%;justify-content: center;}    
.second-nav .nav-sec:hover h5 a{color:#006ebc;}

.nav-ul .nav-lst:hover .second-nav{
    opacity:1;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    transform: rotateX(0);
    transition: all .3s;
}

@media(max-width:991px) {
.home .container {padding-left: 2.5%;padding-right: 2.5%;}
 .fba-top{ height:30px; padding:6px 0;}
.header{height: 64px;border: none;position: fixed;}
.header-height{height: 64px;display: block;}
.header-top{height: 64px;padding: 12px 0;}

.header-logo{height: 40px;}
.header-right a{float: left;width: 40px;height: 40px;padding: 10px;border-radius: 50%;margin-right: 15px;position: relative;}
.header-tel {background: #006ebc url(../images/tel01.png) no-repeat center;background-size: 24px;}
.header-right .header-tel .txt,.header-right .icon {display: none;}

.headernav-btn{display:block;}
.nav {float: none;margin-right: 0;position: fixed;width: 72%;height: 100%;background: #fff;overflow-y: auto;left: -100%;top: 0px;z-index: 201;transition: all .6s;}
.nav.in {left: 0px;}
.nav .container{width: 100%;padding: 0;}
.nav-title {display: block;}
.nav-ul {width: 100%;padding: 0 3%;}
.nav-ul li {float: left;width: 100%; border-bottom: #ddd dashed 1px; margin: 0;}
.nav-ul .nav-lst h3 {width: 100%;}
.nav-ul .nav-lst h3 a {width: 100%;padding: 0;color: #333;font-size: 16px;line-height: 48px;margin-top: 0;margin-bottom: 0;text-align: left;}
.nav-ul .nav-lst h3 a:after { display: none;}
.nav-ul .nav-lst:hover h3 a {background: none;}
.nav-ul .nav-lst.cur h3 a {color: #006ebc; background: none;}
.nav-ul .nav-lst h3 a i{display: block;float: right;padding-left:10px;transition: all .6s;}

/* 二级菜单 */
	.second-nav{display:none;position:relative;top:0;left:0;margin-left: 0;width:100%;opacity:1;float:left;
		-webkit-transform: rotateX(0);
		-moz-transform: rotateX(0);
		-ms-transform: rotateX(0);
		transform: rotateX(0);
		-webkit-box-shadow:none;
		box-shadow:none;
	}
	.second-nav .nav-sec{float:left;width:100%;padding:0 5%;}
	.second-nav .nav-sec h5{float:left;width:100%;height:36px;position:relative;}
	.second-nav .nav-sec h5 a{float:left;width:80%;font-size:14px;color: #000;line-height:36px;font-family:" "," ";height:36px;overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;transition: all .3s;}
	.second-nav .nav-sec h5 a .icon{display:none;}
	.second-nav .nav-sec h5 a span{justify-content: flex-start;}
	.second-nav .nav-sec:hover{background:none;-webkit-box-shadow:none;box-shadow:none;}
	
	.second-nav .nav-sec:hover h5 a{color:#000;}
}


@media(max-width:769px){
    .header-top{padding: 8px 0;}
	.header-logo{height: 100%;}
    .fba-top{display: none;}
    .header-logo .pc-logo{display: none;}
    .header-right a{margin-right: 0;margin-top: 4px;display: none;}
    .header-logo .m-logo{display: block;height: 100%;}

    .headernav-btn,.header-right .header-tel{margin-top: 6px;width: 36px;height: 36px;}
	.header-right .header-tel{background-size: 16px;margin-right: 15px;}
   
    .header-mtop{display: block;position: relative;}
}

@media(max-width:640px){
	.header{height:48px;}
	.header-height{height:48px;}
	.header-top{height: 48px;}
    .fba-top{display: none;}
	.headernav-btn{padding: 8px;}
    .headernav-btn, .header-right .header-tel{width: 32px;height: 32px;margin-top: 0;}
    .header-right .header-tel{margin-right: 12px;}
	
    .nav-ul .nav-lst h3 a{font-size: 14px;}
	.nav-title{height: 48px;}
	.nav-title h3{line-height: 46px;}
    .nav-close{width:18px;height:18px;margin-top:15px;}
}


@media (min-width: 1200px){
	.container{width: 1200px;padding: 0;}
}
@media(max-width:991px){
    .container{padding:0 2.5%;width:100%;}
}

/* 底部 */
.footer-box{width: 100%;background: #2b292a;height: 321px;}
.footeritem{height: 100%;}
.footer-content{width: 100%;height: 100%;}
.footer-tel{padding: 32px 0;padding-right: 40px;width: 280px;height: 100%;}
.footer-tel .telbox{width: 100%;}
.footer-tel .telbox .logo{/*width: 106px;*/margin: 0 auto;}
.footer-tel .telbox .logo img{width: 100%;}
.footer-tel .telbox .tel{width: 100%;position: relative;margin-top: 15px;}
.footer-tel .telbox .tel .bg{width: 100%;}
.footer-tel .telbox .tel .bg img{width: 100%;}
.footer-tel .telbox .tel .txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-flow: column;;justify-content: center;align-items: center;}
.footer-tel .telbox .tel .txt h3{font-size: 20px;line-height: 32px;color: #fff;font-weight: bold;}
.footer-tel .telbox .tel .txt h4{font-size: 23px;line-height: 32px;color: #fff;font-family: "arial narrow";}

.footer-nav{width: calc(100% - 280px);height: 100%;border-left: 1px solid #323232;}
.footer-nav .nav-list{width: 100%;}
.footer-nav .nav-list ul{width: 100%;border-bottom: 1px solid #323232;}
.footer-nav .nav-list ul li{float: left;padding:0 26px  0 36px;}
.footer-nav .nav-list ul li a{display: block;color: #999;font-size: 18px;line-height: 78px;}
.footer-nav .nav-list ul li:hover a{color: #fff;}
.footer-nav .nav-list ul li a u{display: none;}
.footer-nav .infobox{width: 100%;display: flex;height: calc(100% - 79px);justify-content: space-between;padding-left: 36px;}
.footer-nav .infobox .txt{width: calc(100% - 138px);padding-top: 30px;}
.footer-nav .infobox .txt p{font-size: 16px;color: #666;line-height: 32px; word-break:break-all;}
.footer-nav .infobox .code-box{display: flex;width: 457px;height: 100%;align-items: center;}
.footer-nav .infobox .code-box .img{width: 100%;padding: 8px;background: #fff;}
.footer-nav .infobox .code-box .img img{width: 100%;} 

.copyright-box{width: 100%;background-color: #333;padding: 18px 0;}
.copyright p{font-size: 16px;color: #666;line-height: 32px;}
.copyright a{color: #666;}
.copyright a:hover{color: #fff;}
@media (max-width:1199px) {
	.footer-tel{width: 260px;padding-right: 20px;}
	.footer-nav{width: calc(100% - 260px);}
	.footer-nav .nav-list ul li{padding: 0 5px 0 20px;}
	.footer-nav .infobox{padding-left: 20px;}
	
	.copyright p{font-size: 14px;}
}
@media (max-width:991px) {
	.footeritem{padding: 0;}
	.footer-box{height: auto;}
	.footer-tel{display:none;}
	.footer-nav{width: 100%;float: none;border: 0;}
	.footer-nav .nav-list ul{border: 0;}
	.footer-nav .nav-list ul li{width: 100%;padding: 0;float: none;line-height: 42px;border-bottom: 1px solid #323232;}
	.footer-nav .nav-list ul li a{display: flex;padding: 0 2.5%;justify-content: space-between;align-items: center;line-height: 42px;width: 100%;font-size: 14px;}
	.footer-nav .nav-list ul li a u{display: block;text-decoration: none;}
	
	.footer-nav .infobox{height: auto;padding: 0 2.5%;display: block;}
	.footer-nav .infobox .txt{padding-top: 0;width: 100%;}
	.footer-nav .infobox .txt p{font-size: 14px;line-height: 28px;}
	.footer-nav .infobox .code-box{margin: 10px 0;width: 100px;}
	.footer-nav .infobox .code-box .img{padding: 5px;}
	
	.copyright p{font-size: 12px;float: none;width: 100%;text-align: center;}
}
@media (max-width:480px) {
	.copyright span{display: block;}
}

/* 右侧悬浮工具栏 */
.side-bar {display: none; width: 76px;  position: fixed; top: 55%; right: 0; z-index: 999; }
.side-bar.on { position: fixed; top: 390px; }
.side-bar li { width: 100%;height: 76px; position: relative; border-top: 1px solid #fff; background: #e9e9e9;}
.side-bar li:first-child{border-top: 1px solid #e9e9e9;}
.side-bar li .side-btn{width: 100%;display: block;height: 100%;padding: 8px 0; }
.side-bar li .icon { width: 30px;cursor: pointer; margin: 0 auto; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.side-bar li .icon img { width: 100%; }
.side-bar li h3{font-size: 14px;text-align: center;line-height: 20px;color: #999;margin-top: 10px;}

.side-bar li:hover{background: -webkit-linear-gradient(bottom,#212385,#007ac6);}
.side-bar li:hover h3{color: #fff;}

.side-bar li .side-bar-layer { display: none; position: absolute; top: 0px; right: 76px; z-index: 16; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.side-bar li .side-bar-layer.code { bottom: 0px; }
.side-bar li .side-bar-arrow { position: absolute; top: 24px; right: 6px; width: 14px; height: 14px; background-color: #fff; border: 1px solid #e0e0e0; border-left: none; border-top: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.side-bar li .side-bar-qq { width: 130px; padding-top: 12px; margin-right: 12px; background-color: #fff; border: 1px solid #e0e0e0; }
.side-bar li .side-bar-qq h6 { width: 100%; text-align: center; margin-bottom: 12px; }
.side-bar li .side-bar-qq h6 img { width: 100%; }
.side-bar li .side-bar-qq h6 i { width: 24px; height: 24px; padding: 4px; overflow: hidden; border-radius: 50%; background-color: #006ebc; vertical-align: top; display: inline-block; }
.side-bar li .side-bar-qq h6 p { color: #006ebc; padding: 0px 8px; font-size: 14px; line-height: 24px; vertical-align: top; display: inline-block; white-space: nowrap; word-break: keep-all; }
.side-bar li .side-bar-tel { width: 220px; overflow: hidden; padding: 10px 0px; border-radius: 4px; margin-right: 12px; background-color: #fff; border: 1px solid #e0e0e0; }
.side-bar li .side-bar-tel span {text-align: center;color: #006ebc; font-size: 24px; line-height: 36px; text-align: center; vertical-align: top; display: block;width: 100%;}
.side-bar li .wx-code { width: 130px; padding: 12px; margin-right: 12px; padding-bottom: 6px; background-color: #fff; border: 1px solid #e0e0e0; }
.side-bar li .wx-code img { width: 100%; }
.side-bar li .wx-code h6 { color: #006ebc; font-size: 14px; margin-top: 4px; line-height: 24px; font-weight: bold; text-align: center; }

.side-bar li:hover .side-bar-layer { display: block; }

@media (max-width:991px) {
	.side-bar{width: 46px;top: 60%;}
	.side-bar li{height: 46px;}
	.side-bar li .side-btn{padding: 10px 0;}
	.side-bar li .icon{width: 26px;}
	.side-bar li h3{display: none;}
	.side-bar li .side-bar-layer{right: 46px;}
	.side-bar li .side-bar-tel{width: 150px;}
	.side-bar li .side-bar-tel span{font-size: 18px;line-height: 32px;}
	
	.side-bar li:hover{background:#e9e9e9;}
	
}

/* 分页器 */
.swiper-pagination{display:none;bottom:0;}
.swiper-container .swiper-pagination-bullet{opacity: 1;width:8px;margin:0 5px;background:none;border:#006ebc solid 1px;height:8px;border-radius:50%;transition: all .3s;vertical-align:top;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background:#006ebc;}

/* 在线咨询 */
.sub-tel{width: 100%;margin: 30px 0;background: url(../images/telbg.jpg) no-repeat;}
.sub-tel .tel-title{width: 100%;border-bottom:1px solid rgba(248,248,248,0.2);height: 65px;}
.sub-tel .tel-title h3{color: #fff;font-size: 24px;font-weight: bold;height: 100%;line-height: 64px;padding-left: 30px;}
.tel-list{padding-top: 12px;}
.tel-list li{width: 100%;display: flex;padding: 8px 30px 8px 9px;}
.tel-list li .icon{width: 20px;margin-top: 4px;}
.tel-list li .icon img{width: 100%;}
.tel-list li .txt{width: calc(100%  - 20px);padding-left: 6px;}
.tel-list li .txt h3,.tel-list li .txt p{float: left;color: #fff;font-size: 14px;line-height: 28px;}
.tel-list li .txt h3{width: 42px;}
.tel-list li .txt p{width: calc(100% - 42px);}
.tel-code{width: 100%;text-align: center;padding-bottom: 108px;padding-top: 20px;}
.tel-code .txt p{margin-bottom: 10px;color: #fff;font-size: 14px;line-height: 22px;}
.tel-code .code{padding: 5px;width: 100px;height: 100px;background: #fff;margin: 0 auto;    float: left; margin-right: 15px;}
.tel-code .code img{display: block;width: 100%;height: 100%;}

.video-box{width: 100%;position: relative;}
.video-box h3{position: absolute;width: 100%;left: 0;top: 50%;z-index: 3;margin-top: 25px;line-height: 30px;text-align: center;color: #fff;font-size: 18px;font-weight: bold;}
.video-box .pic{width: 100%;}
.video-box .pic img{width: 100%;}
.video-box .mask{width: 100%;height: 100%;top: 0;left: 0;z-index: 2;position: absolute;background: -webkit-linear-gradient(bottom,#212385,#007ac6);opacity: 0.7;}
.video-box .play-btn{position:absolute;left:50%;top:50%;width:50px;height:50px;margin-top:-25px;margin-left:-25px;background:url(../images/play.png) no-repeat center;background-size:100%;cursor:pointer;z-index: 3;}

/*视频弹框*/
.video-bg{position:fixed;z-index:1000;top:0;left:0;background:#000;opacity:0.7;width:100%;height:100%;display:none;}
.inside-videobox{position:fixed;z-index:1001;top:0;left:0;width:60%;top:14%;left:20%;display:none;}
.inside-videobox .video-close{z-index: 999;position:absolute;right:-24px;top:-24px;width:48px;height:48px;background:rgba(0,0,0,0.6) url(../images/icon-nav-close01.png) no-repeat center;background-size:28px;border:#fff solid 2px;border-radius:50%;cursor:pointer;opacity:0.8;}
.m-viedo{display: none;}

@media(max-width:1280px){
	.inside-videobox{width:80%;left:10%;}
}

@media (max-width:991px) {
	.sub-tel,.video-box{display: none;}
	.m-viedo{display: block;width: 260px;margin: 30px auto;}
}

@media(max-width:767px){
	.inside-videobox{width:90%;left:5%;}

	.inside-videobox .video-close{right:-18px;top:-18px;width:36px;height:36px;background:rgba(0,0,0,0.6) url(../images/icon-nav-close01.png) no-repeat center;background-size:20px;}
}
/* 分页 */
.dynamic-bottom {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.dynamic-bottom a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin: 0 4px;
	color: #999;
	font-size: 12px;
	cursor: pointer;
}
.dynamic-bottom a:hover {
	color: #fff;
	background-color: #006ebc;
}
.dynamic-bottom .active {
	color: #fff;
	background-color: #006ebc;
}
.dynamic-bottom input {
	width: 50px;
	height: 40px;
	margin: 0 4px;
	padding:0 5px; 
}
.dynamic-bottom input.turn {
	background: #eee;
}
.dynamic-bottom input.go {
	background-color: #fff;
	border: #006ebc solid 2px;
	color: #006ebc;
}

/* 加载更多 */
.more{width: 100%;display: flex;justify-content: center;}
.more a{width: 139px;height: 52px;display: block;border: 2px solid #ececec;font-size: 16px;line-height: 48px;color: #999;text-align: center;}
.more a:hover{color: #fff;background: #006ebc;}
@media screen and (max-width: 1680px) {
	.dynamic-bottom {display: flex;}
	.more {display: none;;}
}
@media (max-width:991px) {	
	.dynamic-bottom {display: none;}
	.more {display: flex;}
	.more a {height: 36px;line-height: 32px;width: 100px;font-size: 14px;}
}

@media (max-width:1199px) {
	.copyright-right{float: left;width: 100%;}
}