﻿body{overflow: initial; }
@media (max-width: 767px) {
  .header{ background: #637382!important;}
  .header .logo-collapsed {display: block;}
  .header .logo-open{display: none;}
  .header .nav-on i{background:#fff;}
}

.zt-banner {height: 550px; background-position: top center; background-size: cover; text-align: center; color: #fff; font-size: 16px; line-height: 1.4; display: flex; flex-direction: column; justify-content: center;}
.zt-banner h3{font-size: 40px; margin-bottom: 15px; font-weight: bold;}
.zt-banner-new{height:450px;/* background:#637382!important;*/ justify-content: flex-end;} 
.zt-banner-new h3{text-align:center; margin-bottom: 30px;text-align:left;}
.zt-banner-new .desc{display:none;}
.zt-banner .desc,
.zt-banner .empty {height: 50px;}
@media (max-width: 1600px) {
	/*.zt-banner {height: 360px;}*/
}
@media (max-width: 991px) {
	/*.zt-banner {height: 360px;}*/
}
@media (max-width: 767px) {
	/*.zt-banner {height: 300px;}*/
    .zt-banner h3 {font-size: 30px;}
  	.zt-banner-new{height:220px; background:#637382!important; justify-content: flex-end;}
    .zt-banner-new h3{text-align:center; margin-bottom: 30px;text-align:left;}
    .zt-banner-new .desc{display:none;}
  	.zt-banner-new h3{margin-bottom: 80px;}
}

/*zt-banner-about*/
.zt-banner-about{ position: relative; height: auto; color: #fff; background-position: top center; background-size: cover; display: flex; flex-direction: column; justify-content: center;}
.zt-banner-about .container{ padding: 150px 0 100px;}
.zt-banner-about .tit { font-size: 40px; margin-bottom: 15px; font-weight: bold;}
.zt-banner-about li{margin:0 0 20px 0; text-align: center; position: relative; border-left: 1px solid rgba(255,255,255,0.15);}
.zt-banner-about li:first-child{border: none;}
.zt-banner-about li .cn-icon{margin-bottom: 10px;}
.zt-banner-about li .cn-tit{font-size: 30px;  margin-bottom: 15px; font-weight: bold;}
.zt-banner-about li .cn-desc{font-size: 14px; color: rgba(255,255,255,0.7);}
.zt-banner-about .bottom{ margin-top: 35px; border-top: 1px solid #6d757f; padding-top:15px;}
.zt-banner-about .bottom li{min-height: 180px; margin: 20px 0 0;}


/*bread*/
.bread{ width: 100%; line-height: 50px; background-color: #F9F9F9; border-bottom: solid 1px #E6E9EA; font-size: 13px;}
.bread a{ font-size: 14px; text-decoration: underline;}
.bread .fl{ background: url(../images/map_icon.png) no-repeat center left; padding-left: 28px;}
.bread .fl a:last-child { color: #637382;}
.bread .fr{padding: 0;}
.bread .fr .item{display: inline-block; float: right;}
.bread .fr a{ float: left; padding: 0 25px; text-decoration: none; text-align: center;border-bottom: 3px solid transparent; display: inline-block; transition: all 0.36s ease;}
.bread .fr a.active,
.bread .fr a:hover{ border-color: #637382; color: #637382;}

@media only screen and (max-width:1200px) {
	.bread{ margin: 0;}
}
@media (max-width: 991px) {
  	.bread .fr{width: 100%;}
  	.bread .fr .item{width: 100%; display: flex;}
	.bread .fr .item a{flex: 1; padding: 0; line-height: 2.4;}
  	.bread .fr a.cur{ border-color: #637382;}
}


/*news-pages*/
.news-list-pages{ padding-top: 40px;}
.news-list-pages li{ position: relative;}
.news-list-pages li:nth-child(even) {background: #f6f6f6;}
.news-list-pages li:after{position: absolute; top: 0; left: 0; opacity: 0; content: '';display: block;width: 100%;height: 100%;background: url(../images/zhus_02.jpg) no-repeat center center;background-size: cover;
transition: 0.3s ease-in-out;}
.news-list-pages li .item{position: relative; display: block;padding: 60px 0; z-index: 2;}
.news-list-pages li .picfocus{ display: inline-block; vertical-align: middle; width: 248px; overflow: hidden;}
.news-list-pages li .picfocus img{width: 100%; height: 100%;}
.news-list-pages li .date{ width: 185px;display: inline-block;vertical-align: middle;text-align: center;}
.news-list-pages li .date .day{font-size: 40px;color: #2c3238;font-family: arial;transition: 0.3s ease-out;}
.news-list-pages li .date .year{display: block;font-size: 12px;color: #999;transition: 0.3s ease-out;}
.news-list-pages li .cont{ position: relative; width: calc(100% - 450px);padding: 0 100px 0 60px;display: inline-block;vertical-align: middle;box-sizing: border-box;border-left: 1px solid #e5e5e5; transition: 0.3s ease-out;}
.news-list-pages li .cont:after{content: '/';display: block;font-size: 20px;color: #282828;position: absolute;right: 0;top: 50%;margin-top: -10px;transition: 0.3s ease-in-out;}
.news-list-pages li .tit{width: 100%; font-size: 16px;  transition: all 0.36s ease;}
.news-list-pages li .tit:before{content: '';display: inline-block;width: 0;height: 1px;background:#282828;vertical-align: middle;transition: 0.3s ease-in-out;}
.news-list-pages li .desc{ margin-top: 10px; line-height: 26px; overflow: hidden; color: #999; }


.news-list-pages li:hover:after{opacity: 1;}
.news-list-pages li:hover .picfocus img{transform:scale(1.1);
     -webkit-transform:scale(1.1);
     -moz-transform:scale(1.1);
     -o-transform:scale(1.1);
     -ms-transform:scale(1.1);}
.news-list-pages li:hover .cont:after{transform: rotate(180deg);color: #fff;}
.news-list-pages li:hover .cont .tit:before{width: 20px;margin-right: 10px;}
.news-list-pages li:hover .cont .tit{color: #fff;}
.news-list-pages li:hover .cont .tit:before{background:#fff;}
.news-list-pages li:hover .date .day{color: #fff;}
.news-list-pages li:hover .date .year{color: rgba(255,255,255,0.7);}

@media only screen and (max-width:1600px) {
	.news-list-pages li .item{padding: 30px 0;}
}
@media only screen and (max-width:1200px) {
	.news-list-pages{ padding-top: 0;}
	.news-list-pages li .item{padding: 10px 0;}
	.news-list-pages li .picfocus{ width: 40%;}
	.news-list-pages li .date{ display: none;}
	.news-list-pages li .cont{ width: 58%; padding: 0; padding-left: 20px; border: none;}
	.news-list-pages li .tit{ font-size: 14px;}
	.news-list-pages li .desc{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; margin-top: 0;}
	.news-list-pages li .cont:after{display: none;}
}


/*新闻详情*/
.article .tit{padding-top: 60px; font-size: 24px; color: #282828; font-weight: bold; text-align: center;}
.article .time{ display: block; text-align: center; font-size: 14px; color: #b7b7b7; margin-top: 10px;}
.article .cont{padding: 30px 0 60px; position: relative; font-size: 16px; line-height: 1.8; }
.article .cont-info{padding-bottom: 80px; width: 80%; margin: 0 auto;}
.article .cont-info p{margin-bottom: 15px;}
.article .cont-info img{margin: 15px auto;}
.page_nr{font-size: 0;width: 100%;}
.page_nr a{display: inline-block;vertical-align: top;width: 50%;height: 50%;background: #434343;line-height: 90px;color: white;font-size: 16px;text-align: center;}
.page_nr a:hover{background: #637382;}
@media only screen and (max-width:1600px) {
	.page_nr a{line-height: 60px;font-size: 14px;}
}

@media only screen and (max-width: 1200px) {
	.article .cont{padding-bottom: 20px;}
	.article .cont-info {padding-bottom: 0;}
	.page_nr {margin-top: 20px;}
	.page_nr a{ width: 100%; font-size: 12px; margin-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; padding: 0 20px; }
}

/*xgtj*/
.xgtj{padding-bottom: 60px;}
.xgtj_ul{font-size: 0;padding-top: 60px;}
.xgtj_ul li{display: inline-block;vertical-align: top; border: none; margin: 0; padding: 0 15px;}
.xgtj_ul .item{display: block;}
.xgtj_ul .picfocus{display: block;overflow: hidden;position: relative;}
.xgtj_ul .picfocus img{width: 100%;height: 100%; transition: 0.3s ease-in-out;}
.xgtj_ul .picfocus:after{content: '';display: block;width: 100%;height: 2px;background:#637382;position: absolute;bottom: 0;left: 0;
transition: 0.3s ease-out;transform: scaleX(0);}
.xgtj_ul .info{ float: left; margin-top: 35px;box-sizing: border-box;padding: 0 20px;}
.xgtj_ul .info .time{display: block;text-align: center;font-size: 12px;color: #999;}
.xgtj_ul .info .tit{font-size: 16px;color: #282828;margin-top: 7px;text-align: center;transition: 0.3s ease-in-out;}
.xgtj_ul .info .desc{font-size: 14px;color: #999;line-height: 25px;height:120px;margin-top: 5px;position: relative;}
.xgtj_ul .info .desc:after{content: '';display: block;width: 2px;height: 22px;background: #2c3238;transform: rotate(25deg); position: absolute; bottom: 0;left: 50%; transition: 0.3s ease-in-out;}

.xgtj_ul a:hover .info .desc:after{transform: rotate(180deg);background:#637382;}
.xgtj_ul a:hover .info .tit{color:#637382;}
.xgtj_ul a:hover .picfocus:after{transform: scale(1);}
.xgtj .more-btn{text-align: center;}
.xgtj .more-btn a{ margin: 43px 20px 0 ;}

/*pro-page*/
.pro-page{margin: 50px 0;}
.pro-page li {margin-bottom: 30px;}
.pro-page li .item{display: block;}
.pro-page li .picfocus{position: relative; border: 3px solid #f6f7f7; overflow: hidden;}
.pro-page li .picfocus:before{content: '';display: block;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(250,250,250,.5);
background: rgba(99,115,130,.1);position: absolute;top: 0;left: 0;transform: scale(0.92);z-index: 2;transition: 0.5s ease-out;}
.pro-page li .picfocus:after{content: '';display: block;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(250,250,250,.5);
background: rgba(99,115,130,.1);position: absolute;top: 0;left: 0;transform: scale(1);z-index: 2;transition: 0.5s ease-out;opacity: 0;}
.pro-page li .info{ position: relative; background-color: #f6f7f7; padding: 30px 45px;}
.pro-page li .info::before { content: ''; position: absolute; left: 0; top: 46px;  width: 0px; height: 5px; background: #fff; opacity: 0; 
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.pro-page li .tit{ font-size: 16px; line-height: 36px; transition: all 0.36s ease; color: #333;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block;}
.pro-page li .desc{ transition: all 0.36s ease; color: #999; font-size: 14px; line-height: 22px;}

.pro-page li:hover .info::before { width: 25px; opacity: 1;}
.pro-page li:hover .picfocus{border-color: #637382;}
.pro-page li:hover .picfocus:after{transform: scale(0.92);opacity: 1;}
.pro-page li:hover .picfocus:before{transform: scale(1);opacity: 0;}
.pro-page li:hover .info{background: #637382;}
.pro-page li:hover .tit{color: #fff;}
.pro-page li:hover .desc{color: rgba(255,255,255,0.7);}

/*case-page*/
.case-page{padding: 60px 0;}
.case-page li{width:100%;}
.case-page li .item{position: relative; display: block; overflow: hidden; display: block; margin: 0 15px;}
.case-page li .picfocus{float: right; background: #fff;}
.case-page li .info{float: left;  padding: 40px 90px ; box-sizing: border-box;}
.case-page li .tit{ font-size: 24px; line-height: 40px; font-weight: bold; display: block; margin: 20px 0; }
.case-page li .desc{ margin: 15px 0 15px 0; line-height: 2; font-size: 18px; height: 108px; overflow: hidden;}
.case-page li .more{ width: 154px; height: 42px; margin: 25px 10px 0; line-height: 38px; border-radius: 42px; color: #637382; font-size: 18px; text-align: center; border: 2px solid #637382; box-sizing: border-box; background: #fff; display: inline-block;}
.case-page li .item:hover .more{ background: #637382; border-color: #637382; color: #fff;}
.case-page .col-md-6{padding: 0;}
.case-page li:nth-child(2n) .picfocus {float: left;}
.case-page li:nth-child(2n) .info {float: right;}
@media (max-width:767px){
	.case-page li .info{ padding: 20px 0 30px; }
  	.case-page li .tit{ font-size: 20px; line-height: 1.6; margin: 0; }
  	.case-page li .desc{ margin: 0; font-size: 16px; height: 64px; }
  	.case-page li .more{ width: 120px; height: 36px; margin: 15px 0 0; line-height: 32px;font-size: 14px; }
}



/*about-page*/
.about-page{ margin: 25px 0;}
.about-page .column-title{ text-align: left; margin-bottom: 30px; font-size: 32px; font-weight: bold; line-height: 80px;}



.m2abtBan{position:relative; width: 100%; background: url(../images/banner_about.gif) no-repeat center center; background-size:cover; height: 868px; display: flex; align-items: center; }
#particles-js{background: rgba(3,35,51,0.7); position:absolute; left:0; top:0; bottom:0; right:0; z-index:10}
#particles-js canvas{ width:100%; height:100%; display:block;}

.m2csBanTxt{position:relative; z-index: 1000; padding: 0px 15px; max-width: 1400px; margin:0 auto; color: #FFF; text-align: center; }
.m2csBanTxt strong{ font-weight: normal; color: #FFF; font-size: 40px; line-height: 60px; display:block; }
.m2csBanTxt p { font-size: 18px; line-height: 34px; line-height: 3em;}
.m2csArrow{ background: url(../images/banner_about_down.png) no-repeat; display: block; margin: 130px auto 0px; height: 40px; width: 40px; }


@media (max-width:767px){
	.m2csBanTxt strong{line-height:40px;}
}


/*about-history*/
.about-history{}
.about-history .container{position: relative;margin-top: 50px; padding: 50px; background: url(../images/history_bg.jpg) no-repeat top center ; background-size: cover;}
.about-history .swiper-container{}
.about-history .swiper-slide{position: relative;width: 33.3%;box-sizing: border-box;}
.about-history .swiper-slide .line{position: relative; height: 40px; margin: 30px auto;}
.about-history .swiper-slide .line:before{content: ''; position: absolute; z-index: 1; top:20px; left: 0; width: 100%; height: 1px; background: #fff; display: block;}
.about-history .swiper-slide .history-circle{position: relative; z-index: 2; width: 40px; height: 40px; margin: 0 auto; border-radius: 50%; background: #fff; display: block;}
.about-history .swiper-slide .history-circle:before{content: ''; margin: 10px; float: left; width: 20px; height: 20px; display: block; border-radius: 50%;background: #637382;}
.about-history .picfocus {display: none; width: 80%; height: 200px; margin: 0 auto;}
.about-history .picfocus img{width: 100%; height: 100%;}
.about-history .history-item{width: 100%; height: 130px; }
.about-history .history-item .tit{position: relative; width: 80%; margin: 0 auto; font-size: 52px; line-height: 1; color: #fff; font-family: impact; text-align: center;}
.about-history .history-item .info{width: 80%; margin: 0 auto; color: #fff;}
.about-history .history-item .info p{ font-size: 14px; padding: 15px 0 15px 13px; line-height: 28px; background: url(../images/dian.png) no-repeat left 26px;}
.about-history .swiper-btn-box{display: block; }
.about-history .swiper-pagination-box{display: none; padding: 10px 0;}
.about-history .swiper-button-next{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.about-history .swiper-button-prev{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}

.about-history .swiper-slide.up{margin-top:130px;}
@media (max-width:768px){
	.about-history .swiper-slide { width: 100%; }
	.about-history .history-item .tit{ font-size: 34px; }
	.about-history .history-item .info p{ padding: 0 0 0 13px; margin: 0;background-position: left 17px;}
}
@media (max-width:1024px){
	.about-history .swiper-btn-box{ display: none; }
	.about-history .swiper-pagination-box{display: block;}
	.about-history .history-item .info p{padding: 5px 0 5px 13px; margin: 0 20px;}
}


/*history-new*/
.history-box{font-size: 18px; line-height: 2; margin-bottom: 60px;}
.history-box .item{margin-bottom: 60px;}
.history-box .year{ font-size: 48px; margin: 0 0 20px; padding-left: 30px; font-family: impact; color: #637382; font-weight: bold; line-height: 1.1;}
.history-box .msg p{margin-bottom: 10px;}
.history-box .year-msg dl{overflow: hidden;}
.history-box .year-msg dt{float:left; font-size: 24px; line-height: 36px; width: 80px; padding: 15px 0; text-align: left; color: #637382;}
.history-box .year-msg dd{position: relative; float:right; width:calc(100% - 80px); line-height: 36px; border-left: 1px solid #d9d9d9; padding: 15px 0 15px 15px;}
.history-box .year-msg dd:before{content: "";position: absolute; top: 26px; left: -6px; vertical-align: top; width: 11px; height: 11px; background: #637382; border-radius: 50%; display: inline-block; }

.history_main{position:relative;padding:40px 44px 30px;}
.history_main .indH_bg{font-size:300px;text-align:center;font-weight:bold;position:absolute;top:0;left:0; color:transparent; opacity:.2;text-shadow:#666 0 0 50px;width:100%;line-height:360px;}
.ind_his{width:57%;float:left;background:#fff;box-sizing:border-box;padding:24px 32px;}
.ind_his .indH_bg{
    font-size:140px;text-align:center;font-weight:bold;position:absolute;top:98px;left:0;
    color:transparent;opacity:.3;text-shadow:#666 0 0 24px;width:100%;line-height:140px;
}
.ind_his .indH_main{padding:30px 44px 10px;}
.indH_list li{position:relative;text-align:center;cursor:pointer;}
.indH_list li:before{
    content:"";display:block;width:100%;height:1px;background:#ddd;
    position:absolute;left:0;top:calc(138px - 0.5px);transition:all .3s;
}
.indH_list li:after{
    content:"";display:block;width:1px;height:0;background:#000;
    position:absolute;left:calc(50% - 0.5px);bottom:116px;transition:all .3s;
}
.indH_list li.act:before{background:#000;}
.indH_list li.act:after{height:60px;}
.indH_list .indHL_T1{padding:50px 0 36px;line-height:40px;font-size:30px;color:#666;transition:all .3s; font-family: impact;}
.indH_list li:hover .indHL_T1{color:#637382;}
.indH_list .indHL_T2{line-height:20px;margin-top:24px;font-size:14px;color:#696969;height:80px;}
.indH_list li i{ box-sizing: initial;
    display:block;width:10px;height:10px;padding:7px;margin:auto;position:relative;
    background:rgba(164,164,164,.5);border-radius:50%;transition:all .3s;z-index:3;
}
.indH_list li i:after{content:"";display:block;width:100%;height:100%;background:#a4a4a4;border-radius:50%;}
.indH_list li.act .indHL_T1{padding:10px 0 76px;font-size:40px;color:#637382;}
.indH_list li.act i{background:rgba(99,115,130,.5);transform:scale(1.4);}
.indH_list li.act i:after{background:#637382;}
.indH_main .bx-wrapper{background:transparent;}
.indH_main .bx-wrapper .bx-controls-direction a{width:44px;top:138px;}
.indH_main .bx-wrapper .bx-prev{left: -44px;}
.indH_main .bx-wrapper .bx-next{right:-44px;}
.indH_box .indH_one{display:none;}
.indH_one .indH_T1{font-size:16px;line-height:24px;margin-bottom:6px;color:#1f1f1f;font-weight:bold;}
.indH_one .indH_T2{font-size:14px;line-height:24px;height:98px;}





/*about-rongyu*/
.about-rongyu{padding: 80px 0;}
.about-rongyu .container{padding: 50px 0;}
.about-rongyu .item{ background: #f5f5f5; padding: 20px; display: block; }


/*about-map*/
.about-map{width: 100%;}
#allmap{width:100%; height: 100%;}
#allmap img{width: auto; max-width: initial;}



/* 
.about-item1{padding-bottom: 50px;}
.about-item1 .container{background: #f6f6f6;}
.about-item1 .title{}
.about-item1 .title .item{ padding-top: 100px; margin-left: 6%;}
.about-item1 .p1{ font-size: 80px; line-height: 82px; font-family: impact; letter-spacing: 2px; text-transform: capitalize;}
.about-item1 .p2{ font-size: 18px; line-height: 38px; color: #3e3c36; margin-top: 15px;}
.about-item1 .info{min-height: 420px;}
.about-item1 .info .item{padding: 70px 0;  margin: 0 4% 4 6%;}
.about-item1 .info .tit{ font-size: 26px; line-height: 46px;}
.about-item1 .info .line { display: block; width: 10px; height: 2px; background-color: #9a9a9a; margin-top: 10px;}
.about-item1 .info .tit2 { display: block;   line-height: 36px; font-size: 16px;}
.about-item1 .info .desc{color: #777; line-height: 28px; margin-top: 15px; } */

.about-item1 .info { margin: 15px auto 50px;}
.about-item1 .info p{margin-bottom: 10px; line-height: 2; font-size: 18px; color: #282828; text-indent: 2em; margin:  0 80px 15px 0;}
.about-item1 .info li{padding: 10px;}
@media (max-width:767px){
  	.about-page .column-title{font-size:24px; line-height:2.5; margin-bottom: 0;}
	.about-item1 .info p{ margin:0; font-size:16px;}
}

.about-item2{}
.about-item2 .title{overflow:hidden; padding:3% 0; background-color:#fafafa; border-top:solid 1px #efefef; border-bottom:solid 1px #efefef; margin-bottom:5%;}
.about-item2 .list_scroll{position:relative; z-index:1; padding:0px 50px;}
.about-item2 .list_copy{ display:none;}
.about-item2 .bx-viewport{height: auto!important;}
.about-item2 .list_scroll li{ padding-top:46px; font-size:18px; text-align:center; line-height:50px; cursor:pointer; background-image:url(../images/history_icon.png) ; background-repeat: no-repeat; background-position: center 10px;}
.about-item2 .list_scroll li:after{content:''; width: 12px;height:12px;left:50%; top: 12px; margin-left:-5px; display:block;  border-radius: 100px;position:absolute; background-color:#9a9a9a}
.about-item2 .list_scroll li.on:after{width: 16px;height:16px; margin-left:-8px; top:9px; background-color: #637382;}
.about-item2 .list_scroll li b{font-family: impact; font-size: 28px; line-height: 42px; display: inline-block; width: auto; padding: 0 30px; font-weight:normal;}
.about-item2 .list_scroll li.on{  font-weight:bold; color:#0e408b; background-image:url(../images/history_icon_on.png)}
.about-item2 .list_scroll li.on b{ color:#fff; background-color:#637382; border-radius:100px; }
.about-item2 .list_scroll li.on::before{ display:none; position:absolute; content:''; left:50%; margin-left:-5px; top:35px; width:0; height:0; border:5px solid #637382; border-left-color:transparent;border-right-color:transparent; border-top:0;}
.about-item2 .list_scroll .bx-viewport{ z-index:2;}
.about-item2 .list_scroll .bx-controls-direction{ z-index:5; }
.about-item2 .list_scroll .bx-controls-direction a{ z-index:6; top:0; position:absolute; display:inline-block; width:37px; height:37px; background-image:url(../images/pagination-histroy.png); background-repeat:no-repeat; overflow:hidden; line-height:100px; float:left;margin-left:7px;}
.about-item2 .list_scroll .bx-controls-direction a.bx-prev{ left:0; background-position:0 bottom;}
.about-item2 .list_scroll .bx-controls-direction a.bx-prev.disabled{ background-position:0 0;}
.about-item2 .list_scroll .bx-controls-direction a.bx-next{ right:0; background-position:right 0; }
.about-item2 .bx-pager{ display:none;}
.about-item2 .list_content .bx-controls{ display:none;}
.about-item2 .category_list{width: 100%; overflow: hidden;}
.about-item2 .category_list .category{width:100%!important; padding-left:30px; overflow:hidden; position:relative!important;}
.about-item2 .category_list .category:before{ left:12px; content:''; position:absolute;  margin-left:-1px; width:2px; height:100%; background-color:#e8e8e8;}
.about-item2 .category_list .list{ padding:2% 0;}
.about-item2 .category_list .list .item{ position:relative;}
.about-item2 .category_list .list .item ul{padding:0; width: 100%; padding: 0 15px; box-sizing: border-box;} 
.about-item2 .category_list .list .item ul li{position: relative; font-size: 18px; line-height: 2; margin: 0 0 10px; padding: 0 0 0 13px;}
.about-item2 .category_list .list .item ul li:before{position:absolute; left: 0; top: 15px; content:''; width:6px; height: 6px; display: inline-block; background: #9a9a9a; border-radius: 50%;}

.about-item2 .category_list .list .item h5{position: relative; width:22px; height:40px; left:-30px;}
.about-item2 .category_list .list .item h5:before,
.about-item2 .category_list .list .item h5:after{  position:absolute; content:''; border-radius:100px;}
.about-item2 .category_list .list .item h5:before{top:0; left:0; width:22px; height:22px; background-color:rgba(128, 130, 136, 0.22);}
.about-item2 .category_list .list .item h5:after{top:3px; left:3px; width:16px; height:16px; background-color:#9a9a9a;}
.about-item2 .category_list .list .item:hover h5:before{ background-color:rgba(99, 115, 130, 0.22)}
.about-item2 .category_list .list .item:hover h5:after{ background-color:#637382;}

.about-item2 .category_list .list .item h5 b{ position:absolute;top:-10px; left:38px; width:88px; line-height:40px; font-size:24px; display:block; border-radius:100px;  text-align:center; color:#fff; background-color:#9a9a9a;}
.about-item2 .category_list .list .item:hover h5 b{ background-color:#637382;}
.about-item2 .category_list .list .box{ position:relative; padding:15px; border:solid 1px #eeeeee; box-shadow:0px 5px 5px #f1efef;}
.about-item2 .category_list .list .box:before{content:''; position:absolute; width:12px; height:21px; background-repeat:no-repeat; background-position:center center;}
.about-item2 .category_list .list:nth-child(odd) .box:before{ right:-12px; background-image: url(../images/history_jt_r.png)}
.about-item2 .category_list .list:nth-child(even) .box:before{ left:-12px; background-image: url(../images/history_jt_l.png)}
.about-item2 .category_list .list:nth-child(even) .picfocus{ float: right; }
.about-item2 .category_list .list .picfocus{ float:left; width:30%; overflow: hidden;}
.about-item2 .category_list .list .picfocus img{ width:100%; cursor: pointer; transition: all 0.6s;  }
.about-item2 .category_list .list .picfocus img:hover{ transform: scale(1.2);}
.about-item2 .category_list .list .txt{ float:right; width:100%;}

@media screen and (min-width:640px){
.about-item2 .category_list .list .item h5{position:absolute; left:auto; }
.about-item2 .category_list .list:nth-child(odd){ padding-right:50%;}
.about-item2 .category_list .list:nth-child(even){ padding-left:50%;}
.about-item2 .category_list .list:nth-child(odd) .item{ padding-right:38px;}
.about-item2 .category_list .list:nth-child(even) .item{ padding-left:38px;}
.about-item2 .category_list .category{ padding:0 3%; }
.about-item2 .category_list .category:before{ left:50%;}
.about-item2 .category_list .list:nth-child(odd) .item h5{ right:-10px;}
.about-item2 .category_list .list:nth-child(even) .item h5{ left:-10px;}
.about-item2 .category_list .list:nth-child(even) .item h5 b{ left:auto; right:38px;}
}

/*加入我们*/
.join_item .join_h{ border-bottom:1px solid #efefef; cursor:pointer;}
.join_h .join_name,
.join_h .join_num,
.join_h .join_address,
.join_h .join_time,
.join_h .join_icon{ float:left; text-align:center; padding:16px 0; line-height:20px; color:#555;}
.join_h .join_name{ width:30%;}
.join_h .join_num{ width:20%;}
.join_h .join_address{  width:20%;}
.join_h .join_time{ width:25%;}
.join_h .join_icon{ width:5%;}
.join_h .join_icon .join_i{ display:inline-block; width:11px; height:11px; background:url(../images/join_i2.png) no-repeat; vertical-align:middle;}
.join_active .join_icon .join_i{ background:url(../images/join_i1.png) no-repeat;}
.join_item .join_blue{ background:#637382; border:none; cursor:auto;}
.join_item .join_blue>div{ color:#fff;}

.join_item .join_info{ padding:10px 5% 30px; background:#fafafa; border:1px solid #efefef; border-top:none; display:none;}
.join_item .join_info .p{ color:#939393;}
.join_item .join_info .p1{ color:#555; margin-top:25px;}
.join_info .join_tip{ margin-top:30px;}
.join_info .join_tip .p{ color:#555;}
.join_tip .p span{ color:#637382;}
.recruit-title{line-height: 24px; margin-top: 25px;}
.recruit-info li{line-height: 28px; margin: 7px 0; color: #666;}
.join_tip p{ line-height: 28px; color: #666;}

@media (min-width:768px){
.join{ min-height:600px;}
}

/*联系我们*/
.contact-us{padding: 30px 0 40px;overflow: hidden;}
.contact-us li{text-align: center;}
.contact-us .icon{width: 40px; height: 40px; display: block; margin: 0 auto; background: url(../images/lxwm_icon.png) no-repeat top left;}
.contact-us .icon-tel{background-position: top left;}
.contact-us .icon-add{background-position: 0 -40px;}
.contact-us .icon-mail{background-position: 0 -80px;}
.contact-us .icon-time{background-position: 0 -120px;}
.contact-us .tit {color: #666; font-size: 18px; margin: 20px 0 10px 0;}
.contact-us a,
.contact-us p { font-size: 18px; font-weight: bold; color: #333; display: block;  line-height: 1.5;}
.map{ margin:0 0 60px 0;}
.lxdh{ margin: 50px 0 0;}
.lxdh p{line-height: 2; font-size:16px; color: #666;}

/*荣誉资质*/
.rongyu .zizhi-item-tit{ text-align: left; margin: 20px 0 0; padding-left: 15px; color: #637382; font-size: 26px; font-weight: bold; border-left: 4px solid #637382; line-height: 1;}
.rongyu .zizhi-item{margin-top: 40px;}
.rongyu .zizhi-item li{margin: 0 auto 30px;}
.rongyu .zizhi-item li .item{background: #fff; padding: 15px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13); text-align: center; }
.rongyu .zizhi-item li .item .pic img{max-width:100%; max-height:100%;}
.rongyu .zizhi-item li .item p{display:none; font-size: 14px; line-height: 32px; margin: 5px auto 0; white-space:  nowrap; text-overflow: ellipsis; overflow: hidden;}
.rongyu-4 .zizhi-item li .item{padding:15px;}
.rongyu-4 .zizhi-item li .item p{display:block;}
@media (min-width: 1200px){
	.rongyu .zizhi-item li.col-lg-2 {width: 20%;}
}

/*news-zt*/
.news{margin-top: 60px;}
.news-title{line-height: 32px; overflow: hidden; margin-bottom: 60px;}
.news-title .name{font-size: 32px; float: left; display: inline-block; font-weight: bold;}
.news-title .more{float: right; font-size: 20px;}
.news .date{ font-size: 14px; line-height: 22px; color: #666;}


.news_left{}
.news_left .item{display: block; border-radius: 5px; overflow: hidden; }
.news_left .info{ padding: 30px 40px;background: #dde6ed;}
.news_left .tit{ font-size: 22px; line-height: 32px; margin-top: 15px; font-weight: bold;}
.news_left .desc{margin-top: 15px; line-height: 2; font-size: 16px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.news_left .more{font-size: 16px; margin: 30px 0 0 ; display: inline-block; color: #666;}
.news_right{}
.news_right li{ padding-top: 60px;}
.news_right li:first-child { padding-top: 0;}
.news_right li .tit{line-height: 30px;font-size: 18px; color: #282828; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.news-photos{margin-top: 100px;}
.photos-list{padding: 0 0 40px;}
.news-photos li{margin-bottom: 40px;}
.news-photos .item{display: block;}
.news-photos .item .tit{ margin-bottom: 5px; font-size: 20px; margin-top: 10px; line-height: 30px;  height: 60px; font-weight: bold; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.news-photos .item img{height: 100%;} 
.news-photos .item p{font-size: 18px; line-height: 30px;}

.news-list {margin-top: 60px;}
.news-list .news-title .name{font-size: 48px; line-height: 60px;}
.news-list .tabs-top{width: 100%; text-align: left; display: inline-block;}
.news-list .tabs-top a{padding: 0 25px; line-height: 32px; font-size: 16px; border-radius: 30px; color: #333; display: inline-block;}
.news-list .tabs-top a.cur,
.news-list .tabs-top a:hover{background: #637382; color: #fff;}
.news-list ul{margin-top: 60px;}
.news-list li{ margin-bottom: 30px;}
.news-list li .item{background: #dde6ed; display: block; overflow: hidden; border-radius: 5px; padding: 15px 0 ;}
.news-list li .info{ padding: 0; }
.news-list li .date{font-size: 14px; line-height: 22px; color: #666; }
.news-list li .tit{ font-size: 20px; line-height: 30px; height: 60px; margin-top: 10px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-list li .desc{margin-top: 10px; line-height: 2; font-size: 16px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-list li .picfocus img{vertical-align: top; height: 100%;}

.news-photos-page {margin-top: 60px;}
.news-photos-page .news-title .name{font-size: 48px; line-height: 60px;}
.news-photos-page .tabs-top{width: 100%; text-align: left; display: inline-block;}
.news-photos-page .tabs-top a{padding: 0 25px; line-height: 32px; font-size: 16px; border-radius: 30px; color: #333; display: inline-block;}
.news-photos-page .tabs-top a.cur,
.news-photos-page .tabs-top a:hover{background: #637382; color: #fff;}

/*ys-page*/
.ys-page{ margin: 25px 0 60px;}
.ys-page .column-title{ text-align: left; margin-bottom: 30px; font-size: 32px; font-weight: bold; line-height: 80px;}
.ys-page .info { margin: 15px auto 50px;}
.ys-page .info p{margin-bottom: 15px; line-height: 2; font-size: 18px; color: #333; text-indent: 2em; margin-right: 80px;}
.ys-page .info dt{ font-size: 24px; line-height: 40px; font-weight: bold; display: block; margin: 60px 0 20px;}
.ys-page .info dd{margin-bottom: 15px; line-height: 2; font-size: 18px; color: #333;text-indent: 2em;}
.ys-page .picfocus{border-radius: 5px;}
.ys-page .more{text-align: center;}
.ys-page .more a{width: 154px; height: 42px; margin: 0 10px; line-height: 38px; border-radius: 42px; color: #637382; font-size: 18px; text-align: center; border: 2px solid #637382; box-sizing: border-box; background: #fff; color: #637382; display: inline-block; }
.ys-page .more a:hover{background: #637382; border-color: #637382; color: #fff;}
@media (max-width:767px){
  	.ys-page .column-title{font-size:24px; line-height:2.5; margin-bottom: 0;}
  	.ys-page .info dt{margin: 20px 0}
	.ys-page .info p{ margin:0; font-size:16px;}
}



/*pages*/
.pages{ padding: 20px 0 40px; text-align: center;}
.pages::after { content: ""; display: block; clear: both; }
.pages a { display: inline-block; width: 36px; height: 36px; line-height: 36px; font-size: 14px; }
.pages .page-item,
.pages li{ margin-right: 5px; border-radius: 5px; text-align: center; background-color: transparent; border: 1px solid rgba(170, 170, 170, 0.2); }
.pages .page-item.active, 
.pages .page-item:hover { border-color: #637382; color: #fff; background-color: #637382; }
.pages li{display:inline-block; line-height:36px; }
.pages li span{padding:0 10px; display:block;}
.pages li .disabled{cursor:not-allowed;}
.pages li a{width:auto;padding:0 10px; display:block;}


