﻿.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-loading .slick-list {
    background: #ffffff url("../images/ajax-loader.gif") center center no-repeat;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}
.slick-track:before, .slick-track:after {
    content: "";
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-prev, .slick-next {
    z-index: 2;
    position: absolute;
    display: block;
    height: 60px;
    width: 30px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -30px;
    padding: 0;
    border: none;
    outline: none;
}
.container {
    margin-right: auto;
    margin-left: auto;
    max-width: 74%;
    width: 100%;
}
img {
    max-width: 100%;
}
body{ overflow-x: hidden; }
li{list-style: none;}
.bottom{ background:#202020;}
.content{ background:#f7f7f7;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image: none !important; }
.fancybox-prev{width: 100% !important;left: -100px !important;background: none !important;}
.fancybox-next{width: 100% !important;right: -100px !important;background: none !important;}
.fancybox-prev span{background-image: url(../images/prev.png) !important;width: 50px !important;height: 48px !important;background-position: 0 !important;}
.fancybox-next span{background-image: url(../images/next.png) !important;background-position: 0 !important;width: 50px !important;height: 48px !important;}

/* 头部 */
.Top002568{ position:relative; z-index:100; background:#fff;}
.Top002568 .header-left{ float:left; width: 15%; }
.Top002568 .header-left,
.Top002568 .header-right{ height:100px;}
.Top002568 .logo img{ max-height:60px;}
.Top002568 .header-right{ float:right;}
.Top002568 .header-right > *{ margin:0 12px; position:relative;}
.Top002568 .header-right dt,
.Top002568 .header-right dt a{ color: #888;  }
.Top002568 .header-right dt a:hover{ color: #0070bb;  }
.Top002568 .header-right dt{ margin-right: 20px;  }
.Top002568 .header-right .top-search{ position: relative; }
.Top002568 .header-right .top-search::before{ width: 1px; height: 11px; background: rgba(0,0,0,0.2); display: block; content: ''; position: absolute; left: -16px; top: 50%; margin-top: -5px; }
.Top002568 .open-search{ position:relative;width:17px; height:40px; background:url(../images/top002568_icon_search.png) no-repeat center center; background-size:contain; display:block;}
.Top002568 .open-search-show{ background:none;}
.Top002568 .open-search-show::before,
.Top002568 .open-search-show::after{ position:absolute; content:''; width:100%; height:3px; background:#0070bb; transform:rotate(45deg); left:0; top:50%; margin-top:-1.5px;}
.Top002568 .open-search-show::after{ transform:rotate(-45deg);}
.Top002568 .search-box{ display:none; z-index:90; position:absolute; right:0; top:100%;width:300px;}
.Top002568 .search-box .text{ line-height:36px; width:100%;  padding:0 10px; border:3px solid #eee;}
.Top002568 .search-box .btn{ position:absolute; right:0; top:0; width:42px; height:42px; background:url(../images/top002568_icon_search.png) no-repeat center center; background-size:50% auto;}

.Top002568 .header-mid{ width:57%; float: right; margin-right: 5%; }
.Top002568 .header-menu li em a{ display:inline-block; line-height:100px; position:relative; font-size:18px; color:#000; font-weight: bold; }
.Top002568 .header-menu li.aon em a,
.Top002568 .header-menu li em a:hover{ color: #0070bb;  }
.Top002568 .header-menu li .sub dt{ line-height:56px;}
.Top002568 .header-menu li .sub dt a{color:#222;padding:0;font-size: 16px;}
.Top002568 .header-menu li .sub dt a::after{ display:inline-block; width:1px; height:10px; background:#ccc; vertical-align:middle; content:''; margin:0 18px;}
.Top002568 .header-menu li .sub dt:last-child a::after{ display:none;}
.Top002568 .header-menu li .sub dt a:hover{ color:#0070bb; background:none;}
.Top002568 #open_menu{ margin:0;}

.Top002568 #header-menu{ position:fixed; right:-100%; opacity:0; top:80px; height:100%; overflow:auto; max-height:100%; transition:0.3s; width:50%; max-width:300px;}
.Top002568 #header-menu.header-menu-show{ right:0; opacity:1;}
.Top002568 #header-menu ul{ padding:5%; border-radius:5px; background: rgba(1,111,185,1);}
.Top002568 #header-menu li:last-child em a,
.Top002568 #header-menu li:last-child em{ border-bottom:0;}
.Top002568 #header-menu li em .op{ display:block;}
.Top002568 #header-menu li .sub dl{ background:rgba(15, 97, 152, 0.91); border-radius:0 0 5px 5px;}
.Top002568 #header-menu li .sub-menu dt a{ border-bottom:1px solid rgba(255,255,255,0.05);}
@media(max-width:1024px){
.Top002568 #open_menu{ width:30px; height:30px; margin-left:10px;}
.Top002568 #open_menu i{ width:100%;background:#0070bb; height:3px;}
.Top002568 #open_menu i::before,
.Top002568 #open_menu i::after{background:#0070bb;}
}
@media(max-width:640px){
.Top002568 .header-left{ width: auto; }
.Top002568 .logo img{ max-height: 32px; }
.Top002568 .header-right dd.top-search{ position:static;}
.Top002568 .search-box{ width:100%;}
}
@media(max-width:320px){
.Top002568 .logo img{ max-height: 28px; }
.Top002568 .header-right dt{ margin-right: 10px;  }
.Top002568 .header-right > *{ margin:0 5px;  }
}


.top{ width:100%; position:fixed; top:0px; z-index:55; background:#fff; box-shadow:rgba(0,0,0,0.5) 0px 0px 10px;}
.topm{ width:1600px; margin:0 auto; height:100px;}
.logo{ float:left;}
.lanmu{ float:right; width:60px; height:60px; background:#c40304; position:relative; cursor:pointer;display:none;}
.lanmu span{ width:16px; height:2px; background:#fff; position:absolute; top:29px; left:22px; transition:all 0.5s;}
.lanmu span::before,.lanmu span::after{ content:""; position:absolute; width:100%; height:2px; background:#fff;transition:all 0.5s;}
.lanmu span::before{ top:-4px;}
.lanmu span::after{ top:4px;}

.lanmuh span{ height:0px;}
.lanmuh span::before{ transform:rotate(45deg);top:0px;}
.lanmuh span::after{ transform:rotate(-45deg);top:0px;}


.bb{ float:right; margin-top:36px; overflow:hidden; padding-right:5px;}
.bb img{ float:left;}
.bb span{ font-size:16px; line-height:28px; display:block; float:left; margin-left:10px; font-weight:bold;}
.bb font{ font-size:16px; line-height:28px; display:block; float:left; margin-left:5px; font-weight:bold; font-family:'宋体'; transform:rotate(90deg)}
.nav{ float:right;}
.nav ul li{ float:left; line-height:100px; margin-left:60px; font-size:16px; position:relative; width:70px;}
.nav ul li a{ display:block;}
.nav ul li:hover>a{ color:#ff0202; font-weight:bold;}
.nav ul li.navh>a{ color:#ff0202; font-weight:bold;}
.nav ul li .navul{ position:absolute; width:200px; background:rgba(255,255,255,0.95); font-size:14px; top:100px; display:none;box-shadow: 0px 0px 5px #d1d1d1;}
.nav ul li .navul .navli a{ display:block; padding-left:15px; line-height:40px; color:#333;}
.nav ul li .navul .navli:hover a{ font-weight:bold;}

.topt{height:100px;}

.menu{ position:absolute; width:100%; z-index:1000; background:#FFF; border-bottom:1px solid #eee; display:none; top:60px;}
.menu p{ height:50px; line-height:50px; border-top:1px solid #eee; padding:0 0 0 15px; color:#000;    margin-bottom: 0;
    margin-top: 0;}
.menu p a{  color:#000;}
.menu p a.in{display:block; width:100%; height:100%;}
.menu ul{ display:none; padding-bottom: 5px;}
.wapnav{
	    display: flex;
    flex-wrap: wrap;
}
.menu li{ padding:0 15px;width: 50%;/*float: left;*/ flex-shrink: 0;}
.menu li>a{ display:block; height:32px; line-height:32px; border-bottom:1px dashed #eee; color:#555; padding:0 10px;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.menu li>a:hover{ background:#F5F5F5;}

@media (max-width:1600px) {
	.topm{ width:93.75%;}
	}
@media (max-width:1260px) {
	.nav ul li{ margin-left:50px;}
	.nav{ margin-right:45px;}
	}
@media (max-width:1115px) {
	.nav ul li{ margin-left:30px;}
	.nav{ margin-right:25px;}
	}
@media (max-width:965px) {
	.topm{ width:100%;}
	.topt{ height:60px;}
	.topm{ height:60px;}
	.logo{ margin-left:3.125%;}
	.logo img{ height:60px;}
	.nav{ display:none;}
	.bb{ margin-top:16px; margin-right:20px;}
	.bb font{ display:none;}
	.lanmu{ display:block;}
	}
@media (max-width:640px) {
	.bb img{ display:none;}
	.bb{ margin-right:10px;}
	}




/* 首页banner */

.Banner002563 .swiper-container{position: relative;overflow: hidden;z-index: 1;}
.Banner002563 .pager{ position:absolute; left:0; text-align:center; width:100%; bottom:5%; z-index:10;}
.Banner002563 .pager span{ display:inline-block; position:relative; width:18px; height:18px; background: rgba(255,255,255,0); border-radius:50%; margin: 0 6px; cursor: pointer; }
.Banner002563 .pager i{ display:block;  width:10px; height:10px; top: 4px; left: 4px; border-radius: 50%; background: #fff;  position:absolute;  overflow:hidden; line-height:1000px;}
.Banner002563 .pager span.swiper-pagination-bullet-active{ background: rgba(255,255,255,0.2); }
.Banner002563 .swiper-wrapper {position: relative;width: 100%;z-index: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;-webkit-box-sizing: content-box;box-sizing: content-box;
}
.Banner002563 li{width: 100%; position: relative;-webkit-flex-shrink: 0; -ms-flex-negative: 0;flex-shrink: 0;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;}
.Banner002563 li a{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; cursor: pointer; }
.Banner002563 .txt{position: absolute; color: #fff; left: 7.8125%; width: 62.5%; top: 50%; transform: translateY(-50%); max-width: 560px; }
.Banner002563 .txt h1{ font-size: 65px; margin: 0; position: relative; }
/*.Banner002563 li:nth-child(6) .txt h1::before{ position: absolute; width: 65px; height: 6px; background: #fff; display: block; content: ''; top: -35px; }*/
.Banner002563 .txt p{ font-size: 28px;  }
#pc_banner{display: block !important;}
#wap_banner{display: none !important;}
@media(max-width:1200px){
.Banner002563{ padding:0;}
}
@media(min-width:1025px){
.Banner002563  li > img{ display:block; width:100%;}
.Banner002563  li img.wap{ display:none;}

}
@media(max-width:1024px){
.Banner002563  li img.pc{ display:none;}
#pc_banner{display: none !important;}
#wap_banner{display: block !important;}
}

@media(max-width:768px){
.Banner002563 .txt h1{ font-size: 32px; }
.Banner002563 .txt p{ font-size: 16px;  }
}

@media(max-width:480px){
.Banner002563 .txt h1::before{ display: none; }
.Banner002563 .txt h1{ font-size: 20px; }
.Banner002563 .txt p{ font-size: 12px;  }
.Banner002563 .txt{ max-width: 400px; }
}

/* 首页标题 */
.home_title{ position:relative; z-index:3; text-align:center; padding-bottom: 3%; }
.home_title h3{ margin:0; font-size:36px; color:#383838; font-weight: bolder; text-transform:uppercase;font-family: "隶书"; }
.home_title h3::after{ display:none; content:''; width:35px; height:2px; background:#0070bb; margin:10px auto 10px;}
.home_title h4{font-size:18px; margin: 0; color:#6f6f6f; font-family: "隶书";}
@media(max-width:640px){
.home_title{ padding-bottom: 25px; }
.home_title h3{ font-size:36px;}
.home_title h4{ font-size:16px;}
}
@media(max-width:480px){
.home_title h3{ font-size:30px;}
}

/* 首页关于烨荣 */
.Floor002529{ padding: 3% 0; background:url(../images/jianjie_bj.jpg) #fff center 0 no-repeat;}
.Floor002529 .pic{ position:relative; z-index:1; width: 100%; overflow: hidden; }
.Floor002529 .pic img{ display:block; width:100%; transition: 0.3s ease;  padding: 3% 3%; }
.Floor002529 .intro{  width: 50%; background-color: rgb(168, 166, 166); padding-top: 40px;}
.Floor002529 .intro .h2{ font-size: 24px; font-weight: normal;  color:#0070bb; }
.Floor002529 .intro .info{ line-height: 25px; font-size: 16px; color: #000000; padding: 0 3%;}
.Floor002529 .intro .ul_num{ max-width:720px; margin:3% 0 4%;}
.Floor002529 .intro .ul_num li{ float:left; width:25%; font-size:18px; color:#999;}
.Floor002529 .intro .ul_num li span{ color:#040000; font-size:40px; padding-right: 10px; letter-spacing: -2px; font-weight: bold; font-family:Roboto,Consolas, Andale Mono, Lucida Console, Lucida Sans Typewriter, Monaco, Courier New, monospace}
.Floor002529 .intro .ul_num li em{ font-style: normal; font-size: 14px; }
.Floor002529 .intro .ul_num li p{ font-size:14px; margin:0;}

.more img{padding-left: 100px;}

@media(max-width:1024px){
.Floor002529 .pic{ padding-top: 7%; }
.Floor002529 .intro .ul_num li span{ font-size:40px;}
.Floor002529 .more{clear: both; }
}
@media(max-width:768px){
.Floor002529 .intro,
.Floor002529 .pic{ width: 100%; padding-top: 2%;}
.Floor002529 .intro .ul_num li span{ font-size:40px;}
.Floor002529 .intro .info{ padding-top: 0; }
}
@media(min-width:767px){
    .Floor002529 .intro{margin-left: 12%;}
    }

@media(max-width:640px){
.Floor002529{ padding: 30px 0;}
.Floor002529 .intro .ul_num li{ font-size:14px; width: 50%; margin-bottom: 20px; }
.Floor002529 .intro .ul_num li span{ font-size:30px;}
.Floor002529 .intro .ul_num li p{ font-size:18px;}
.Floor002529 .video img{ height:220px;}
}

/* 首页产品展示 */
.Floor001288{ padding:4% 0; /* background: #f8f8f8; */}
.Floor001288 h1{ margin:0; padding-bottom:20px; font-size:48px; background:url(../images/floor001288-titlebg.png) no-repeat center bottom;  text-transform:uppercase; text-align:center; color:#000;}
.Floor001288 ul{ overflow:hidden; clear:both; }
.Floor001288 li{ float:left; width:23.125%; margin-right:2.5%;margin-bottom: 20px; background: rgb(196, 4, 4); overflow: hidden; }
.Floor001288 li:nth-child(4n){margin-right: 0;}
/* .Floor001288 li:last-child{ margin-right:0;} */
.Floor001288 li a{ display:block;}
.Floor001288 li dl{ overflow:hidden; transition:0.3s ease;}
.Floor001288 li img{ width:100%; display:block;}
.Floor001288 li figure{ position:relative; }
.Floor001288 li .tit{ padding:8% 8% 5%; color: rgb(175, 6, 6); }
.Floor001288 li h2,
.Floor001288 li h3{ margin:0; font-weight: normal; }
.Floor001288 li h2{ font-size:20px; color:#fff; line-height: 33px; }
.Floor001288 li h3{ font-size:14px; color:#888; line-height: 24px; height: 72px; overflow: hidden; margin:3% 0;}
.Floor001288 li a dl:hover{ transform:scale(1.1);}
.Floor001288 li:hover h2{ color: #0070bb;  }
.Floor001288 .filter_btns{
    
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;}
    .filter-btn{
        margin: 0 7px;
    background-color: var(--secondary-color);
    border: 0;
    color: #000;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.4s;
    line-height: 3;
    }
@media(max-width:768px){
.Floor001288 li{ width:48.5%; margin-right:2.5%; margin-bottom: 2.5%; }
.Floor001288 li:nth-of-type(2n){  margin-right: 0; }
}
@media(max-width:640px){
.Floor001288 li{ width:100%; margin-right:0; margin-bottom: 20px; }
}


/* -----------------------------advantage-box---------------------------------- */
.advantage-box{
    width: 100%;
    overflow: hidden;
    /* padding: 0 0 80px 0; */
	padding: 3% 0 5%;
}
.advantage{
    width: 1280px;
    margin: 0 auto;
}
.black-title{
    width: 100%;
    overflow: hidden;
    padding: 100px 0 50px 0;
    text-align: center;
}
.black-title p{
    font-size: 22px;
    color: #333;
    position: relative;
    display: inline-block;
}
.black-title p:before{
    content: "";
    position: absolute;
    left: 0%;
    bottom: 50%;
    width: 44px;
    height: 1px;
    background: #333;
    margin-left: -60px;   
}
.black-title p:after{
    content: "";
    position: absolute;
    right: 0%;
    bottom: 50%;
    width: 44px;
    height: 1px;
    background: #333;
    margin-right: -60px;   
}
.black-title h6{
    font-size: 36px;
    color: #000;
    font-weight: bold;
    margin-top: 4px;
}


.advantage-words{
    width: 100%;
    overflow: hidden;
}
.advantage-words ul li{
    width: 25%;
    float: left;
    text-align: center;
    height: 290px;
    overflow: hidden;
    padding: 10px 0 0 0;
}
.advantage-words ul li img{
    width: 138px;
    height: 138px;
    display: inline-block;
    overflow: hidden;
    transition: all .6s;
}
.advantage-words ul li h6{
    font-size: 18px;
    color: #333;
    margin-top: 28px;
}
.advantage-words ul li p{
    width: 80%;
    margin-left: 10%;
    font-size: 14px;
    line-height: 24px;
    color: #666;
    margin-top: 20px;
	margin-bottom: 0;
    height: 48px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.advantage-words ul li:hover img{
    transform: translateY(-10px);
}
.advantage-words ul li:hover h6{
    color: #22a808;
}
.advantage-words ul li:hover p{
    color: #22a808;
}


/* ------------------------serve-box--------------------------------------- */
.serve-box{
    width: 100%;
    overflow: hidden;
   
}
.serve{
    width: 100%;
}
.serve-piclist{
    width: 100%;
    height: 500px;
    background-repeat: no-repeat;
    background-image: url('../images/serve_bg.jpg');
        background-position: top center;
}
.serve-piclist-words{
    width: 1280px;
    margin: 0 auto;
}
.serve-piclist-words ul li{
    width: 16%;
    height: 500px;
    overflow: hidden;
    float: left;
    
    position: relative;
    text-align: center;
    padding: 0 28px;
    box-sizing: border-box;
   
}


.serve-piclist-seeay{
    width: 100%;
    height: 164px;
    overflow: hidden;
    transition: all .6s ease-in 0s;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 0;
    margin-top: -82px;
}
.serve-piclist-seeay h6{
    width: 102px;
    height: 102px;
    display: inline-block;
    border-radius: 10%;
    border: 1px solid #fff;
    text-align: center;
    overflow: hidden;
	margin: 0;
}
.serve-piclist-seeay h6 i{
    background-repeat: no-repeat;
    display: inline-block;
}
.serve-piclist-seeay hr{
    height: 40px;
    width: 1px;
    border: none;
    background-color: #fff;
    display: block;
    margin: 0 auto;
    margin-top: -26px;
    transition: all .4s;
}
.serve-piclist-seeay h5{
    font-size: 18px;
    color: #fff;
    margin-top: 10px;
	margin-bottom: 0;
}
.serve-piclist-seeay p{
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    width: 80%;
    margin-left: 10%;
    margin-top: 14px;
    height: 64px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	margin-bottom: 0;
}
.serve-piclist-words ul li h6 i{width: 90px;height: 88px;margin-top: 10px;}
.serve-piclist-words ul li:nth-child(1) h6 i{background-image: url('../images/serve_ic1.png');}
.serve-piclist-words ul li:nth-child(2) h6 i{background-image: url('../images/serve_ic2.png');}
.serve-piclist-words ul li:nth-child(3) h6 i{background-image: url('../images/serve_ic3.png');}
.serve-piclist-words ul li:nth-child(4) h6 i{background-image: url('../images/serve_ic4.png');}
.serve-piclist-words ul li:nth-child(5) h6 i{background-image: url('../images/serve_ic5.png');}
.serve-piclist-words ul li:nth-child(6) h6 i{background-image: url('../images/serve_ic6.png');}

.serve-piclist-words ul li:hover .serve-piclist-seeay{
    top: 46%;
    height: 252px;
}
.serve-piclist-words ul li:hover .serve-piclist-seeay h6{
    border: 1px solid #d4282d;
    background-color: #d4282d;
}
.serve-piclist-words ul li:hover .serve-piclist-seeay hr{
    margin-top: -10px;
    transform: rotate(90deg);
}
@media (max-width: 1380px){
	.serve-piclist-words {
	    width: 94%;
	    margin-left: 3%;
	}
}
@media (max-width: 1000px){
	.serve-piclist-words ul li {
	    width: 100%;
	    height: 254px;
	    padding: 0 28px;
	}
	.serve-piclist {
	    width: 100%;
	    height: auto;
	    padding: 10px 0 24px 0;
	    background-image: none;
	    background-color: #2f3e51;
	    overflow: hidden;
	}
	.serve-piclist-words ul li:hover .serve-piclist-seeay {
	    top: 37%;
	}
}


/* 公司环境 */
.spar{   margin:0 auto;     padding: 0 10%;}
.spar_top{ overflow:hidden}
.spar_tit{ font-size:28px; color:#333333; font-weight:bold; float:left; line-height:28px;}
.spar_a{ float:right; font-size:24px; line-height:24px; font-weight:bold; text-transform:uppercase;}
.spar_a a{ color:#666666;}
.spar_con{ padding-top:55px; padding-bottom:100px;}
.spar_con .swiper-slide{ box-sizing:border-box;  margin-right: 5px;}
.spar_con img{ box-sizing:border-box;border:1px solid #d4282d;}
.spar_con .swiper-slide:hover{ border:1px solid #d4282d;}

.h_news_box {
    margin-top: 40px;
    background:url(../images/h_news_box_bj.jpg) no-repeat center bottom;
}
/*.home_news .box .h_news_box ul {
    margin-bottom: 60px;
}*/
.h_news_box ul li {
    float: left;
    padding: 0 30px 30px;
    transition: all 0.5s;
    margin: 0 3%;
}
.h_news_box ul li:nth-child(5n) {
    margin-right: 0;
}

.h_news_box ul li .img {
    margin-top: 25px;
    line-height: 0;
    width: 100%;
    overflow: hidden;
}
.h_news_box ul li .img img {
    width: 100%;
}
.h_news_box ul li .text {
    margin-top: 20px;
}
.h_news_box ul li .text h3 {
    
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.box .h_news_box ul li span {
    margin-top: 20px;
    display: inline-block;
    color: #ccc;
    font-size: 14px;
    text-transform: uppercase;
    
    padding-right: 40px;
}
.box .h_news_box ul li:hover {
    background: #3e519e;
}
.h_news_box ul li:hover .data {
    background: #ce0e27;
    color: #3e519e;
}
.h_news_box ul li:hover .text h3, .home_news .box .h_news_box ul li:hover .text p {
    color: #3e519e;
}
.h_news_box ul li:hover span {
    color: #ce0e27;
   
}
.h_news_box .more_btn {
    display: block;
    width: 154px;
    line-height: 42px;
    border: 1px solid #272727;
    background: #272727;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 14px;
    transition: all .5s;
    text-transform: uppercase;
}
.h_news_box .more_btn:hover {
    background: #ce0e27;
    border-color: #ce0e27;
    color: #333;
}
.nybanner img {
    width: 100%;
    float: left;
}

.teachers_box3 .mxds_box .slick-prev {
    background: url(../images/zuo.png) no-repeat center center/cover;
    left: -33px;
}
.teachers_box3 .mxds_box .slick-next {
    background: url(../images/you.png) no-repeat center center/cover;
    right: -33px;
}
.mxds_box .slick-prev {
    background: url(../images/zuo.png) no-repeat center center/cover;
    left: -33px;
}
.mxds_box .slick-next {
    background: url(../images/you.png) no-repeat center center/cover;
    right: -33px;
}


@media (max-width:1600px) {
	.spar{ width:100%; padding-top:40px;}
	.spar_con{ padding-top:35px; padding-bottom:80px}
	}
@media (max-width:768px) {
	.spar_tit{ font-size:24px;}
    .spar_a{ font-size:20px;}
	.spar_con{ padding-top:25px; padding-bottom:40px}
	}
@media (max-width:460px) {
	.spar_tit{ font-size:20PX;}
	.spar_a{ font-size:18PX}
	}





/* 首页新闻中心 */
.Floor002618{ padding:4% 10% 5%;  }

.title-h3 {
    color: #d4282d;
    font-size: 21px;
    font-weight: normal;
}
.title-h3 span {
    color: #6f6f6f;
    font-size: 24px;
    text-transform: uppercase;
}

.activities {
    display: grid;
    
    column-gap: 24px;
  }
  
  .activity {
    box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.1);
    padding: 24px;
    transition: 0.4s;
    margin-left: 10px;
  }
  
  .title2{
    font-size: 24px;
    color: #174394;
  }
  .title2::after {
    content: "";
    display: block;
    width: 80%;
    height: 2px;
    background-color: #0f3686;
    margin-top: 14px;
   
  }
  
  .fir_wz{
      margin-left: 10px;
  }
  
  .fir_wz_bt{
    font-size: 16px;
    font-family: "微软雅黑";
    color: #0f3686;
  
  }
  .fir_wz_bt a{
    color: #0f3686;
  }
  .fir_wz_lr{
    font-size: 14px;
    font-family: "微软雅黑";
    color: #515151;
    margin-top: 20px;
  }
  
  
@media(max-width:1024px){
    .Floor002618 li{ width:31%; margin-right:3.5%; }
    .Floor002618 li .pic time {right:0;}
    }
    @media(max-width:768px){
    .Floor002618 li .pic time{bottom:10%; }
    .Floor002618 li{ width:100%; margin-right:0; }
    .Floor002618 li .txt{  padding: 30px 20px;}
    
    }
    @media(max-width:640px){
    .Floor002618 li .txt{  padding: 10px;}
    }
    
    @media (min-width: 767px){
    .fir_tp img {
        width: 153px;
        height: 105px;
        display: block;}

        .fir {
            display: flex;
            margin-top: 45px;
        }
       .activities{grid-template-columns: repeat(2, 1fr);} 
    }




/* 底部 */
.Bottom002626{  background:url(../images/foot_bj.jpg) no-repeat center bottom; }
.Bottom002626 .nav{ width:61.5%; float: left; padding-top: 6%; }
.Bottom002626 .bottom{padding-bottom:4%; position:relative;}
.Bottom002626 .contact{ position:absolute; right:0; top:0;}
.Bottom002626 .nav dl{ float:left; width: 12.5%; margin-right: 5%;}
.Bottom002626 .nav dl:last-of-type{ width:auto; margin-right: 0;}
.Bottom002626 .nav dt{ color:rgba(255,255,255,0.7); font-size:18px; padding-bottom: 45px;}
.Bottom002626 .nav dd{ line-height:33px; font-size: 14px; padding-left: 1px; }
.Bottom002626 .nav dd a{ color:rgba(255,255,255,0.3); }
.Bottom002626 .nav dd a:hover{ color: #fff; }
.Bottom002626 .nav .show {display:block; height:15px; position:relative; cursor:pointer; margin-top:10px;}
.Bottom002626 .nav .show:after {content:''; display:block; width:8px; height:8px; border-right:1px solid rgba(255,255,255,.3); border-bottom:1px solid rgba(255,255,255,.3); transform:rotate(45deg);position:absolute; left:50%; bottom:5px; margin-left:-20%; transition:all .3s;}
.Bottom002626 .nav .show.on:after {transform:rotate(225deg); bottom:0;}
.Bottom002626 footer{ border-top:1px solid rgba(255,255,255,0.05); padding-top:2%; margin-top: 8%; }
.Bottom002626 .copyright{ float:left; width:60%; }
.Bottom002626 .copyright dt{ padding-bottom: 0; }
.Bottom002626 .copyright dt a{ color:rgba(255,255,255,0.3); font-size: 14px; font-weight: normal; }
.Bottom002626 .copyright dt a::after{ display:inline-block; content:''; width:1px; height:12px; vertical-align:middle; margin:0 10px; background: #fff; opacity: 0.1; }
.Bottom002626 .copyright dt a:last-child::after{ display:none;}
.Bottom002626 .copyright dd{ padding-top:5px;}
.Bottom002626 .copyright dd span{ }
.Bottom002626 .copyright dd span a{  text-decoration:underline;}
.Bottom002626 .copyright a:hover{ color:#fff;}
.Bottom002626 .bt_form{ position: absolute; right: 0; width: 26.875%; height: 100%; padding:5% 3%; background: rgba(255,255,255,0.05); }
.Bottom002626 .bt_form li{ list-style: none; line-height: 55px; }
.Bottom002626 .bt_form li div.lh{ position: relative; }
.Bottom002626 .bt_form li div.lh label{ position: absolute; left: 11px; color: rgba(255,255,255,0.3);}
.Bottom002626 .bt_form li input,
.Bottom002626 .bt_form li textarea{ width: 100%; background: none; border: 0; border: 1px solid rgba(255,255,255,0.05); height: 55px; line-height: 55px; font-size: 15px; margin-bottom: 15px; padding-left: 11px; color: rgba(255,255,255,0.7); }
.Bottom002626 .bt_form li textarea{ height: 137px; resize:none;  margin-bottom: 5px;}
.Bottom002626 .bt_form li .btn{ width: 100%; line-height: 46px; background: #202020; border-radius: 5px; font-size: 18px; color: rgba(255,255,255,0.3); cursor: pointer;}
.Bottom002626 .bt_form li .btn:hover{ background: #0070bb; color: #fff; }

@media(max-width:1024px){
.Bottom002626 .bt_form{ width: 34%; }
.Bottom002626 .nav dl{ max-width: 100px; margin-right: 4%;  }
.Bottom002626 .copyright{ max-width: inherit !important;  }
.Bottom002626 .nav dt{ font-size: 16px; padding-bottom: 20px; }
.Bottom002626 .nav dd a{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.Bottom002626 .copyright dd span a{  display: inherit; }
.Bottom002626 .contact{ position:relative; width:320px;margin:0 auto;}
.Bottom002626 .bt_form li input,
.Bottom002626 .bt_form li .btn,
.Bottom002626 .bt_form li textarea{ line-height: 40px; height: 40px; margin-bottom: 10px; }
.Bottom002626 .bt_form li textarea{ height: 100px; }
}
@media(max-width:768px){
.Bottom002626{ padding: 30px 0; }
.Bottom002626 .bt_form li input,
.Bottom002626 .bt_form li .btn,
.Bottom002626 .bt_form li textarea{ line-height: 55px; height: 55px; margin-bottom: 15px; }
.Bottom002626 .bt_form li textarea{ height: 137px; }
.Bottom002626 .nav,
.Bottom002626 .bt_form{ width:100%; }
.Bottom002626 .bt_form{ position: relative; }
.Bottom002626 .copyright{ float:none; width:auto;}
.Bottom002626 .copyright{ padding-top:3%;}
}
@media(max-width:640px){
.Bottom002626 .nav dl{ display: none; }
.Bottom002626 footer dl{ display: block !important; }
}

/*
 .RighInfo001277 为demo编号
 */
.RighInfo001277{ padding:4% 0;}
.RighInfo001277 .info_pro{background-color: white;padding: 5px 20px;}
.RighInfo001277 .pro_spec_tit {
	margin-top: 40px;
}
.RighInfo001277 .pro_spec_tit a.cur, .pro_spec_tit a:hover {
    background: #016fba;
    color: #fff;
}
.RighInfo001277 .pro_spec_tit a {
    display: inline-block;
    width: 150px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #666;
    margin-left: 0px;
    /* float: left; */
    border-right: 1px solid #e5e5e5;
}

.RighInfo001277 .info_back{  margin: 20px 0; }
.RighInfo001277 .info_back dd{ line-height: 32px;  }
.RighInfo001277 .list_img{ float:left; width:55.6%; position:relative;}
.RighInfo001277 .big_img{ position:absolute; left:0; top:0; height:100%; width:80%;}
.RighInfo001277 .big_img li,
.RighInfo001277 .big_img li figure{ position:absolute; left:0; width:100%; top:0; height:100%; background-color: #fff; }
.RighInfo001277 .big_img li figure{ background-size:contain;}
.RighInfo001277 .list{ padding:42px 0 170px 82.9%;}
.RighInfo001277 .list .bd{ position:relative;}
.RighInfo001277 .list a{ position:absolute; width:17.1%; height:40px; right:0; background:url(../images/righinfo001277-btn_prev.png) no-repeat center center/auto 50%;  cursor:pointer;}
.RighInfo001277 .list a.prev{ top:0;}
.RighInfo001277 .list a.next{ bottom:0; background-image:url(../images/righinfo001277-btn_next.png);}
.RighInfo001277 .list a.prevStop,
.RighInfo001277 .list a.nextStop{ cursor:default;}
.RighInfo001277 .list li{ height:124px;  position:relative;}
.RighInfo001277 .list li figure{ position:absolute; left:0; width:100%; top:9px; bottom:9px; background-size:contain; background-color: #fff;  border:1px solid #f2f2f2;}
.RighInfo001277 .list li.on figure{ border:2px solid #016fba;}

.RighInfo001277 .right_info{ float:right; width:39.2%; height: 500px; overflow-y:scroll; position: relative; padding: 15px; margin: 20px 0;  }
.RighInfo001277 .right_info h1{ font-size: 36px; color: #016fba; position: relative; padding-bottom: 20px; margin-bottom: 40px;}
.RighInfo001277 .right_info h1::after{ position: absolute; display: inline-block; content: ''; width: 80px; height: 1px; background:#016fba; bottom: 0; left: 0; }
.RighInfo001277 .right_info .intro{ margin:0; line-height:30px; padding-bottom: 5%; }
.RighInfo001277 .back{ float: right; display:inline-block; padding:10px 5%; color:#000;background: #eee; transition:0.4s;}
.RighInfo001277 .back:hover{ background-color:#016fba; color:#fff;}

/* 滚动条背景 */
.RighInfo001277 ::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #f1f1f1;}
/* 滚动条宽 */
.RighInfo001277 ::-webkit-scrollbar{width: 2px; }
/* 滚动条滑动条颜色 */
.RighInfo001277 ::-webkit-scrollbar-thumb{  border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  background-color: #999;  }

.RighInfo001277 .tab{ padding:3% 0;}
.RighInfo001277 .tab .h1_tab{ margin:0; border-bottom:1px solid #e7e8e8; overflow:hidden; font-size:16px; font-weight:normal; color:#000;}
.RighInfo001277 .tab .h1_tab span{ float:left; padding:0 5%; line-height:50px; background-color:#eee; margin-right:4px; cursor:pointer;}
.RighInfo001277 .tab .h1_tab span.on{ background-color:#016fba; color:#fff;}
.RighInfo001277 .tab .info{ padding-top:3%;padding-left: 5%;}
.RighInfo001277 .tab .info figure{ padding-bottom:2%;}
.RighInfo001277 .tab .info h1{ font-size:15px; color:#016fba;    margin: 0;
    margin-bottom: 10px;}
.RighInfo001277 .ul_download li{ border-bottom:1px solid #d1d1d3; line-height:34px; background:url(../images/righinfo001277-icon_download.png) no-repeat right center; padding:10px 0;}
.RighInfo001277 .ul_download li a{ padding:0 38px; background:url(../images/righinfo001277-icon.png) no-repeat left center;}

@media(max-width:768px){
.RighInfo001277 .list_img { float:none; width:auto;}
.RighInfo001277 .right_info{ float:none; width:auto; height:auto; overflow-y:hidden;}

.RighInfo001277 .back {float:none; clear:both;}
}
@media(max-width:640px){
.RighInfo001277 .list li{ height:100px;}
.RighInfo001277 .right_info h1{font-size:20px; }
.RighInfo001277 .right_info h3{ font-size:16px;}
 }
@media(max-width:480px){
.RighInfo001277 .list{ padding-top:30px; padding-bottom:30px;}
.RighInfo001277 .list a{ height:28px;}
.RighInfo001277 .list li{ height:80px;}
.RighInfo001277 .tab .h1_tab{ font-size:14px;}
.RighInfo001277 .tab .h1_tab span{ padding:0 3%;}
 }
/*
 .PicList002239 为demo编号
 */
.PicList002239{ padding:3% 0 0;}
.PicList002239 li{ margin-bottom: 3%; float:left;    padding: 1% 1% 0;
    background: #fff;box-shadow: 0 0 10px 2px #eee; list-style:none;}
@media(min-width:769px){
.PicList002239 li{margin-right:2%; width:23.44444%; }
.PicList002239 li:nth-child(4n){ margin-right:0;}
}
.PicList002239 li .sc{ overflow: hidden; }
.PicList002239 li .sc .Ispic{ padding-bottom:68%; background-size:contain; transition: 0.3s ease; }
.PicList002239 li .sc .Ispic:hover{ transform: scale(1.1); }

.PicList002239 li dl{ position:relative; margin:0 10px; padding-right:114px; line-height:56px;}
.PicList002239 li dd a{ position:absolute; right:0;    top: 15px;
    width: 22px;
    height: 22px; color: #999;padding-left: 30px; background: url(../images/piclist002239-icon.png) no-repeat left center;}
.PicList002239 li dt{font-size: 16px; color: #555;}
.fancybox-inner img{ text-align:center; display:block; width:calc(100% - 30px); width:-webkit-calc(100% - 30px); width:-o-calc(100% - 30px); margin:0 15px 20px 0;}
.fancybox-inner p{ line-height:32px;}


/*弹框样式1*/
.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index:9999;
}
.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container {
    position: relative;
    width:400px;
    margin:250px auto;
    height:250px;
    background: #FFF;
    border-radius: .4rem .4rem .4rem .4rem;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.cd-popup-close{ position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.is-visible .cd-popup-container {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}


@media(max-width:768px){
.PicList002239 li{ width:48%; margin-right:4%;}
.PicList002239 li:nth-child(2n){ margin-right:0;}
}
/*Floor001874*/
.Floor001874{ padding:4% 0 0;}
.Floor001874 .title{ min-height:50px;background:url(../images/floor001874-title.png) no-repeat left top; padding-left:170px; padding-top:18px;}
.Floor001874 .title span{ display:block; font-size:12px; color:#999; line-height:14px; letter-spacing:1;}

.Floor001874 dl{}
.Floor001874 dd{position:relative; float:left;width:31.4444%;   padding:10px; margin-right: 2.8%; margin-bottom: 35px;background: #fff; border-radius:4px; box-shadow: 0 0 10px 2px #eee;}
.Floor001874 dd:nth-child(3n){ margin-right:0;}

/*.Floor001874 .img li{ display: none; }
.Floor001874 .img li:first-of-type{ display: block !important; }
*/

.Floor001874 .img li .sc{ overflow: hidden; }
.Floor001874 .img li figure{  width:100%; padding-bottom:67%; transition: 0.3s ease;}
.Floor001874 .img li .sc .Ispic:hover{ transform: scale(1.1); }
.Floor001874 .img li img{display:none;}

.Floor001874 .txt{ padding:19px 0 13px;}
.Floor001874 .txt span{ display:inline-block;color:#fff; background-color:#ff9e02; padding:0 15px; font-size:12px; line-height:22px;}
.Floor001874 dd:nth-child(2) .txt span{ background-color:#0bb5ed;}
.Floor001874 dd:nth-child(3) .txt span{ background-color:#0073c2;}
.Floor001874 .txt a{ display:block;}
.Floor001874 .txt h1,
.Floor001874 .txt h3{  line-height:24px;}
.Floor001874 .txt h1{ font-size:16px; color:#555; margin:0px 0 0 0; text-align: center; }
.Floor001874 .txt h3{ font-size:14px; color:#999; margin:0 0 20px 0;}
.Floor001874 .txt p{ margin:0;font-size:16px;color:#333;}
.Floor001874 .txt p i{ float:right; font-style:normal; color:#999;font-size:14px;}
.Floor001874 .txt p i:before{ display:inline-block; content:''; width:0; height:0; border:5px solid transparent; border-left-color:#999;}

.Floor001874 .bx-pager{ position:absolute; right:10px; z-index:10; bottom:27px;}
.Floor001874 .bx-pager div{ float:left; width:11px; height:11px; margin-left:5px;}
.Floor001874 .bx-pager div a{ display:block; height:11px; background:#eee; border-radius:50%; overflow:hidden; line-height:100px;}
.Floor001874 .bx-pager div a.active{ background:#016fba;}

/*.Floor001874 dd:nth-child(2)  .bx-pager{ bottom:0; top:16px;}*/

.Floor001874 .more{text-align:center;}
.Floor001874 .more a{ display:inline-block; background:#ff9e02; color:#fff; padding:0 20px; border-radius:37px; height:37px; line-height:37px;}
.Floor001874 .more a:before,
.Floor001874 .more a:after{ width:12px; height:1px; vertical-align:middle; display:inline-block; background-color:#fff;  content:'';}
.Floor001874 .more a:before{ margin-right:4px;}
.Floor001874 .more a:after{ margin-left:4px;}

@media(max-width:768px){
.Floor001874 .title{ padding:55px 0 0 0; background-position:center top; text-align:center;}
.Floor001874 dd{ float:none; width:auto; margin:0 auto !important; max-width:640px; margin-bottom:3% !important;}
}
/*
 .Form000961 为demo编号
 */
.Form000961{ padding:4% 0;}
.Form000961 .form{ display:table; width:100%;}
.Form000961  figure{ display:table-cell; vertical-align:middle;}
.Form000961  figure:nth-child(2){ width:50%; padding-left:5%;}
.Form000961  figure p{ line-height:28px;  color:#7d7d7d; text-indent:25px;}
.Form000961 td{ padding-bottom:20px;}
.Form000961 td div{ position:relative;}
.Form000961 td div .form_err{ position:absolute; right:8px; top:18px; color:#f31313; line-height:20px; font-weight:bold;}
.Form000961 td div .text{ width:100%; border: none; line-height:46px; height:46px; padding:0 10px;}
.Form000961 td div textarea.text{ line-height:23px; height:160px; padding:11px 10px;}
.Form000961 td div.float_l{ float:left; width:48%}
.Form000961 td div.float_r{ float: right; width:50%;}
.Form000961 td.btn{ text-align:center;}
.Form000961 td.btn input{ cursor:pointer; color:#fff; border:none; background:#016fba; width:70%; max-width:167px; height:45px;}
@media(max-width:1000px){
.Form000961  figure{vertical-align:top;}
}
@media(max-width:768px){
.Form000961  figure:nth-child(2){ display:none;}
}
/*
 .Timeline001266 为demo编号
 */
.Timeline001266{ padding:3% 0; }
.Timeline001266 .scroll{ height:750px;overflow: auto;}
.Timeline001266 .scroll ul{ padding-left:75px; }
.Timeline001266 .scroll li{ position:relative; padding:20px 0 20px 130px;background:url(../images/timeline001266-bg.gif) repeat-y left top;}
.Timeline001266 .scroll li div{ position:relative; padding-left:230px; min-height:154px;padding-top: 2%; background:#fff;padding-right: 2%;}
.Timeline001266 .scroll li div figure{ position:absolute; left:12px;    top: 10px;
    width: 200px;}
.Timeline001266 .scroll li p{ margin:0; line-height:24px; max-height:72px; overflow:hidden;}
.Timeline001266 .scroll li time{ position:absolute; border-radius:0 5px 5px 0; background-color:#e5e5e5; padding:0 10px; left:40px; line-height:32px; top:40%;}
.Timeline001266 .scroll li time::before,
.Timeline001266 .scroll li time::after{ position:absolute; content:''; top:50%; }
.Timeline001266 .scroll li time::before{width:0; height:0; border:10px solid #e5e5e5; border-left:0; border-top-color:transparent;border-bottom-color:transparent; left:-10px; margin-top:-10px;}
.Timeline001266 .scroll li time::after{ width:14px; height:14px; border-radius:50%; background-color:#9b9690; border:4px solid #e5e5e5; left:-35px;margin-top:-7px;}
.Timeline001266 .scroll li:hover time{ background-color:#016fba; color:#fff;}
.Timeline001266 .scroll li:hover figure{ border-color:#016fba;}
.Timeline001266 .scroll li:hover time::before{ border-right-color:#016fba;}
.Timeline001266 .scroll li:hover time::after{background-color:#016fba; border-color: #b3defb; width:20px; height:20px; margin-top:-10px; left:-38px;}

.Timeline001266 .jspContainer{overflow: hidden;position: relative;}
.Timeline001266 .jspPane{position: absolute; margin-left:0 !important;}
.Timeline001266 .jspVerticalBar{position: absolute;top: 0;left: 0;width: 16px;height: 100%; }
.Timeline001266 .jspCap{display: none;}
.Timeline001266 .jspTrack{display:none;}
.Timeline001266 .jspArrow{ position:absolute; top:50%;background:#016fba;text-indent: -20000px; width:38px; height:56px; display: block;cursor: pointer; z-index:10; }
.Timeline001266 .jspArrow::before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; background:url(../images/timeline001266-btn_hover.gif) no-repeat center center;}
.Timeline001266 .jspArrowDown::before{ transform:rotate(180deg);}
.Timeline001266 .jspArrowUp{ top:0;}
.Timeline001266 .jspArrowDown{top:70px;}
.Timeline001266 .jspDisabled{background: #ddd;cursor: default; }
.Timeline001266 .jspDisabled::before{background-image:url(../images/timeline001266-btn.gif);}
.Timeline001266 .jspCorner{background: #eeeef4;float: left;height: 100%;}
@media(max-width:640px){
.Timeline001266 .scroll{height:612px;}
.Timeline001266 .scroll li{ padding:50px 0 20px 30px; }
.Timeline001266 .scroll li time{top:0;}
}
@media(max-width:480px){
.Timeline001266 .scroll{height:470px;}
.Timeline001266 .scroll li div figure{ position:static; margin-bottom:10px;}
.Timeline001266 .scroll li div{ padding-left:0;}
}



/*Timeline000312 */
.Timeline000312{padding:2% 0 4% 0;}
.Timeline000312 .year{ position:relative; padding:2% 0 4% 0;color:#6e6e6e;}
.Timeline000312 .year::before{ content:''; width:1px; height:98%;  top:2%; position:absolute; background-color:#ededed; z-index:0;}
.Timeline000312 ul{ position:relative; z-index:1;}
.Timeline000312 ul::before{ content:''; display:block; height:20px; width:20px; border-radius:50%; font-size:0; background:#fff;border:4px solid #016fba; margin:0 auto;}
.Timeline000312 li{position:relative; border-bottom:1px solid #ededed; padding:3% 0;  }
.Timeline000312 li:nth-child(2n){padding-left:4%;}
.Timeline000312 li:nth-child(2n-1){padding-right:4%;}
.Timeline000312 li::before{width:10px; height:10px;border:2px solid #016fba;  border-radius:50%;position:absolute; left:-4px; bottom:-4px; content:''; background:#fff;}
.Timeline000312 li .txt{  position:relative; min-height:90px; font-size:16px; line-height:28px;}
.Timeline000312 li .txt .word{overflow:auto; max-height: 120px;}
.Timeline000312 li .txt .word:hover{ text-decoration: underline; }
.Timeline000312 li:nth-child(2n) .txt{padding:0 4% 0 300px;}
.Timeline000312 li:nth-child(2n-1) .txt{padding:0 47% 0 4%;}
.Timeline000312 li .txt figure{transition:all ease 0.5s; position:absolute; top:-26px;width:270px; height:140px;}
.Timeline000312 li:nth-child(2n) .txt figure{ left:0; }
.Timeline000312 li:nth-child(2n-1) .txt figure{ right:0; }
.Timeline000312 li .txt figure img{ position:absolute; max-width:100%; max-height:100%; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.Timeline000312 li.has-info .txt{ cursor:pointer;}
/*.Timeline000312 li.has-info:hover .txt{ text-decoration:underline;}*/
.Timeline000312 li.has-info:hover .txt figure{ transform:scale(1.1);}
.Timeline000312 li .txt h3{margin: 0;font-size: 20px;color: #555;padding-bottom: 7px; font-family:'宋体'; }
.Timeline000312 li .info{ display:none;}
@media(min-width:641px){
.Timeline000312 .year::before{left:50%;margin-left:-0.5px; }
.Timeline000312 li{width:50%;}
.Timeline000312 li:nth-child(2n)::before{ display:none;}
.Timeline000312 li:nth-child(2n){ min-height:150px; padding-top:6%; }
.Timeline000312 li:nth-child(2n-1){float:right; min-height:90px; z-index:10; }
}
@media(max-width:1024px){
.Timeline000312 li .txt figure{ width:120px; }
.Timeline000312 li:nth-child(2n){ padding-left: 0; }
.Timeline000312 li:nth-child(2n) .txt{ padding-left: 150px; }
}
@media(max-width:768px){
.Timeline000312 .year::before,
.Timeline000312 li::before,
.Timeline000312 ul::before{ display: none; }
.Timeline000312 li.has-info:hover .txt figure{ transform:none;}
.Timeline000312 li{ width:100%; margin-bottom: 20px;  }
.Timeline000312 li .txt figure{ position: relative;  width: 100%; height: auto; top: inherit; padding-bottom: 20px;}
.Timeline000312 li:nth-child(2n) .txt,
.Timeline000312 li:nth-child(2n-1) .txt{padding:0;}
.Timeline000312 li .txt figure img{ position:relative; max-width:100%; max-height:100%; left:inherit; top:inherit; transform:none; -webkit-transform:none;}
}
@media(max-width:640px){
.Timeline000312 .year{ margin:0 2%;}
.Timeline000312 .year::before{ left:0;}
}

.Timeline000312 .more{ text-align:center; padding-bottom:50px;}
.Timeline000312 .more a{width: 126px;padding-left: 24px;height:35px; text-align:left;line-height: 35px;display: inline-block;color: #fff;font-size: 13px; background:url(../images/timeline000312-more_hover.png) no-repeat 90% center #016fba;}
.Timeline000312 .more a:hover{ color:#6f6f6f; background-image:url(../images/timeline000312-more.png); background-color:#eee;}

.Timeline000312 .fixed_scroll{ display:none; position:fixed; z-index:200; background:rgba(0,0,0,0.5); width:100%; height:100%; left:0; top:0;}
.Timeline000312 .fixed_scroll .ytable{ height:100%;}
.Timeline000312 .fixed_scroll .inner{ position:relative; margin:0 auto; padding:10px; width:95%; max-width:900px;background-color:#fff; border-radius:5px;}
.Timeline000312 .fixed_scroll .close{ position:relative; float:right; width:33px; height:33px;cursor:pointer; overflow:hidden; font-size:0;}
.Timeline000312 .fixed_scroll .close::before,
.Timeline000312 .fixed_scroll .close::after{ position:absolute; content:''; width:100%; height:3px; background:#333; left:0; top:50%; margin-top:-1.5px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.Timeline000312 .fixed_scroll .close::after{transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.Timeline000312 .fixed_scroll .close:hover{ background:#ccc;}

.Timeline000312 .scroll-pane{ clear:both; height:326px; overflow:auto; margin-top:10px;}
.Timeline000312 .scroll-pane .info{ padding:0 15px;}
.Timeline000312 .jspContainer{overflow: hidden;position: relative;}
.Timeline000312 .jspPane{position: absolute;}
.Timeline000312 .jspVerticalBar{position: absolute;top: 0;right: 0;width: 16px;height: 100%;background: red;}
.Timeline000312 .jspHorizontalBar{position: absolute;bottom: 0;left: 0;width: 100%;height: 16px;background: red;}
.Timeline000312 .jspCap{display: none;}
.Timeline000312 .jspHorizontalBar .jspCap{float: left;}
.Timeline000312 .jspTrack{background:url(../images/timeline000312-scrollbg.png) repeat-y center top #fff;position: relative;}
.Timeline000312 .jspDrag{background:url(../images/timeline000312-handler.png) no-repeat center top;position: relative;top: 0;left: 0;cursor: pointer;}
.Timeline000312 .jspHorizontalBar .jspTrack,
.Timeline000312 .jspHorizontalBar .jspDrag{float: left;height: 100%;}
.Timeline000312 .jspArrow{background: #50506d;text-indent: -20000px;display: block;cursor: pointer;padding: 0;margin: 0;}
.Timeline000312 .jspArrow.jspDisabled{cursor: default;background: #80808d;}
.Timeline000312 .jspVerticalBar .jspArrow{height: 16px;}
.Timeline000312 .jspHorizontalBar .jspArrow{width: 16px;float: left;height: 100%;}
.Timeline000312 .jspVerticalBar .jspArrow:focus{outline: none;}
.Timeline000312 .jspCorner{background: #eeeef4;float: left;height: 100%;}


/*
 .Banner002187 为demo编号
 */
.Banner002187 span{background-position: center center; background-repeat:no-repeat; background-size:cover; height:400px; display:block;}
.Banner002187 img{ display:none;}
@media (max-width: 1000px){
	.Banner002187 span{ height:auto; background:none; height:auto;}
	.Banner002187 img{ display:block;}
}

/*Menu002034 */
.Menu002034{ background-color:#fff;text-align:center; padding-bottom:2%;}
.Menu002034 h1{ margin:0;color:#333; font-size:36px; font-weight:normal; padding:1.5% 0 2% 0; }
.Menu002034 h1 span{ text-transform:uppercase; font-size:16px; }
.Menu002034 ul{ display:inline-block; overflow:hidden;}
.Menu002034 li{ float:left;  line-height:40px;     margin-left: 16px;
    background: #f5f5f5;}
.Menu002034 li a{ display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;padding:0 30px;color: #666;
    font-size: 15px;}
.Menu002034 li.aon a,
.Menu002034 li a:hover{ color:#fff; background-color:#016fba; border-radius:3px;}
@media(max-width:640px){
.Menu002034 h1{font-size:28px;}
.Menu002034 ul{ display:block;}
.Menu002034 li{ width:25%;}
.Menu002034 li a{ padding:0;}
}
@media(max-width:480px){
.Menu002034 h1{font-size:20px;}
}










/*Menu002387*/
.Menu002387 .side-title{margin-top: 60px;background:#016fba;background-size:auto 100%;color:#fff;font-size:18px;padding:22px 0 22px 30px;border-radius: 25px 0 0 0;font-size:24px;}
.Menu002387 .side-title span{display:block;text-transform: uppercase;font-size: 16px;color: #fff;}
.Menu002387 .side{ padding-bottom:50px; background:#fff; border-radius:0 0 50px 0; -webkit-border-radius:0 0 50px 0; -moz-border-radius:0 0 50px 0; -ms-border-radius:0 0 50px 0;}
.Menu002387 .side li{border-bottom: 1px solid #efefef;line-height:24px;font-size: 16px;background: #fff;}
.Menu002387 .side li a{display:block;padding: 18px 40px 18px 30px;position:relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Menu002387 .side li a::before,
.Menu002387 .side li a::after{ position:absolute; content:''; top:50%;}
.Menu002387 .side li a::before{width:15px;height:15px;border-radius:50%;background:#ececec;right: 15px;margin-top:-7.5px;}
.Menu002387 .side li a::after{margin-top: -4px;border:5px solid transparent;border-top-width:4px;border-bottom-width:4px;border-left-color:#fff;right: 14px;}
.Menu002387 .side li a:hover,
.Menu002387 .side li.aon a{ color:#016fba;}
.Menu002387 .side li:hover a::before,
.Menu002387 .side li.aon a::before{ background:#016fba;}
.Menu002387 #side .owl-item{ float:left;touch-action: pan-y;-webkit-tap-highlight-color: transparent;position: relative;}
.Menu002387 #side .owl-stage-outer{ position:relative; overflow:hidden;}
.Menu002387 #side .owl-stage{position:relative;touch-action: manipulation;}
@media(max-width:1024px){
.w22{ padding-bottom:0;}
.Menu002387 .side-title{ margin-top:2%;}
.Menu002387 .side{ display:none;}
.Menu002387 #side{ background:#fff; border-top:1px solid #fff; padding:0 20px; position:relative;}
.Menu002387 #side li{ float:left; padding-right:4%;}
.Menu002387 #side li a{ color:#666; line-height:24px; display:block; padding:12px 10px; border-bottom:1px solid #fff; text-align:center;}
.Menu002387 #side li.aon a{color:#016fba; border-bottom:1px solid #016fba;}
.Menu002387 #side .owl-nav button{ position:absolute; top:0; height:100%; width:18px; border:none; background:#000; color:#fff; cursor:pointer; padding:0;}
.Menu002387 #side .owl-nav button.owl-prev{ left:0;}
.Menu002387 #side .owl-nav button.owl-next{ right:0;}
.Menu002387 #side .disabled{ display:none;}
}
@media(max-width:640px){
.Menu002387 .side-title{padding:10px 0 10px 20px;font-size:20px;}
.Menu002387 .side-title span{ font-size:12px;}
}


.footer:before { content: ''; display: table }
.footer:after { content: ''; display: table; clear: both }
.footer { *zoom: 1 }
.footer .p{margin: 0;}
@media only screen and (min-width: 1024px){
    .footer a:hover{color: #0070bb;}
}
.footer{background:url(../images/foot_bj.jpg) no-repeat center bottom; padding: 50px 0; padding-bottom: 85px; color: #383838; position: relative;z-index: 9;}
.footer_top{overflow: hidden;}
.footer .footer_top a{margin: 0;}
.footer_top li{float: left; width: 15%;*margin-left: -1px;}
.footer_top dl dt{margin-bottom: 20px;font-size:18px;}
.footer_top dl dd{line-height: 30px;}
.footer_top .right{float: right; overflow: hidden;width: 40%;text-align: right}
.footer_top .right aside{padding-top: 5px;}
.footer a{color: #383838;margin:0 10px;}
.footer_bottom{padding-top:20px;  overflow: hidden;}
.footer_bottom .left{    line-height: 28px;
    /* float: left; */
    width: 100%;
    text-align: center;
    margin-top: 2%;}
.footer_bottom .left em{margin-right:15px;font-style:normal;}
.footer_bottom .left em a{margin-left:0;}
.footer_bottom .left .a1 a{margin:0 10px 0 0;}
.footer_bottom .right{float: right; overflow: hidden;width: 25%;text-align: right}
.footer_bottom .right aside{padding-top: 5px;}
.footer_bottom a{color: #383838;}
/*.footer_bottom p a + a{ display: none; }*/
.footer_bottom .right a{margin: 0 10px;}
.footer_top li .show {display:block; height:15px; position:relative; cursor:pointer; margin-top:10px;}
.footer_top li .show:after {content:''; display:block; width:8px; height:8px; border-right:1px solid rgba(255,255,255,.3); border-bottom:1px solid rgba(255,255,255,.3); transform:rotate(45deg);position:absolute; left:50%; bottom:5px; margin-left:-20%; transition:all .3s;}
.footer_top li .show.on:after {transform:rotate(225deg); bottom:0;}


/*右侧浮动弹窗*/
.float_right{position: fixed;width: 70px;top: 50%;right: -70px;z-index: 8;margin-top: -72px;-webkit-transition: all .4s; -moz-transition: all .4s; transition: all .4s;z-index:10;}

.float_right.act{right: 0;}

.float_right *{-webkit-transition: all .4s; -moz-transition: all .4s; transition: all .4s;}

.float_right li{position: relative;margin-bottom: 6px;}

.float_right li a{display: block;}

.float_right li .lbox{position: relative;width: 70px;height: 66px;background: #0070bb;text-align: center;color: #fff;border-radius: 5px 0 0 5px;padding-top: 10px;right: 0;}

.float_right li .lbox img{display: block;margin: 0 auto 5px;}

.float_right li .dh{position: absolute;width: 160px;line-height: 66px;color: #fff;top: 0;right: -160px;text-align: center;background: #0070bb;border-left: 1px solid #3fa2e4;}

.float_right li.dhzx:hover .lbox{right: 160px;}

.float_right li.dhzx:hover .dh{right: 0;font-size: 18px;}

@media only screen and (max-width: 1024px) {
.footer_bottom .left{width: 100%}
.footer_bottom .right{width: 100%}
.footer_bottom .right{margin: 0;margin-top: 10px;text-align: center}
.footer_bottom{margin-top: 40px;}

.float_right{
      display: none;
}
}
@media only screen and (max-width: 1020px) {
.footer_top li{width: 100%;padding: 10px 0; border-bottom: 1px dashed #333232;}
.footer_top li dt{width: 100%;margin: 0; margin-bottom: 5px;}
.footer_top li dd{width: 100%}
.footer_top li dd p{float: left;padding-right: 10px;}
.footer{padding: 20px 0;}
.footer_bottom{margin-top: 20px;}
.footer_bottom p em{margin-right: 10px;}
.footer_top .right {
    float: none;
    overflow: hidden;
    width: 100%;
	margin: 0 auto;
	padding-top: 10px;
    text-align: center;
}
}

@media only screen and (max-width: 900px) {

.footer_bottom p em{display: block;}

}

.Form001725{padding: 2% 0;}
.Form001725 .form{ max-width:700px; width:100%; margin:0 auto; background:#fff; border-radius:5px; padding:2%; box-shadow:0 0 5px #ccc;}
.Form001725 .form td{ padding-bottom:20px; font-size:14px; }
.Form001725 .form td.w1{ width:47%;}
.Form001725 .form td.w2{ width:6%;}
.Form001725 .form .text{ width:100%; border-radius:3px; border:1px solid #cfcfcf; line-height:36px;height:36px; text-indent:10px; background:none; }
.Form001725 .form td > p{ margin:0 0 10px 0;/*color:#2cad42;*/}
.Form001725 .form  td > p::before{ margin-right:5px; display:inline-block; content:''; width:10px; height:10px; border-radius:2px; background:#016fba;}
.Form001725 .form .btn{ background:#016fba; color:#fff; cursor:pointer; font-size:18px; width:60%; max-width:180px; height:50px; border-radius:3px; border:none; margin:20px auto 0; display:block;display: block;line-height:50px;text-align: center;}
.Form001725 .placeholder{ font-size:14px; padding-bottom:20px;}
.Form001725 .queueList{ margin:0;}
.Form001725 .placeholder .webuploader-pick{ background:#666;}

/*.lanmu666{ float:right; width:60px; height:60px; background:#0070bb; position:relative; cursor:pointer;display:none;}
.lanmu666 span{ width:16px; height:2px; background:#fff; position:absolute; top:29px; left:22px; transition:all 0.5s;}
.lanmu666 span::before,.lanmu666 span::after{ content:""; position:absolute; width:100%; height:2px; background:#fff;transition:all 0.5s;}
.lanmu666 span::before{ top:-4px;}
.lanmu666 span::after{ top:4px;}*/

.lanmu666 {}
.lanmu666 .bd > ul> li{}
.lanmu666 .bd > ul> li a{display: block;
    padding: 10px;
    border-bottom: 1px solid rgba(0,0,0,0.1);}

.lanmu666 .bd > ul> li.active>a{
	color: #fff !important;
}

.testimgpostion{
	    display: flex;
    justify-content: center;
}

.viewmore{
	text-align: center;
	padding: 15px 0px;
}

.mt20{
	margin-top: 20px;
}
.vietip{
	display: none;
}
.ckahgengduo{
	
}
.viewbtn{
	        width: 100%;
    padding: 10px 0px;
    margin: 0px auto;
    border: none;
}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
/*悬浮链接 end*/