body{ font-family:Helvetica,"SourceHanSansCN-Normal","SourceHanSansCN"; margin:0; padding:0; color: #444;}
p,dl,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,dt{ font-weight:normal;}
li{ list-style:none;}
a{text-decoration:none;}
a:focus, a:hover{text-decoration:none;}
:focus{ outline: none;}
img{ border: none; outline: none;}
input{ border:none; outline:none; background: none;}
input::-moz-placeholder{ color: #aaa;}
input:-ms-input-placeholder { color: #aaa; }
input::-webkit-input-placeholder{ color:#aaa; }
input::placeholder{ color:#aaa; }
textarea::-moz-placeholder{color:#aaa; }
textarea:-ms-input-placeholder { color:#aaa; }
textarea::-webkit-input-placeholder{ color:#aaa; }

.clear{clear: both; margin: 0; padding: 0;}
.clearfix:after{ content: ""; display:block; height: 0; clear: both; visibility: hidden;}
.clearfix{*zoom:1;}
@font-face{
    font-family:icon;
    src: url('https://szyljt.com/skin/default/fonts/iconfont.eot');
    src: url('https://szyljt.com/skin/default/fonts/iconfont.eot?') format('embedded-opentype'),
    url('../font/iconfont.woff') format('woff'),
    url('https://szyljt.com/skin/default/fonts/iconfont.ttf') format('truetype'),
    url('https://szyljt.com/skin/default/fonts/iconfont.svg') format('svg');
}

@font-face {
	font-family: "iconfont";
    src: url('https://szyljt.com/skin/default/fonts/iconfont1.eot'); /* IE9*/
    src: url('https://szyljt.com/skin/default/fonts/iconfont1.eot?') format('embedded-opentype'), /* IE6-IE8 */
    url('../font/iconfont1.woff') format('woff'), /* chrome, firefox */
    url('https://szyljt.com/skin/default/fonts/iconfont1.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('https://szyljt.com/skin/default/fonts/iconfont1.svg') format('svg'); /* iOS 4.1- */
}
.iconfont {
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}


/* 首页模板 */
@media screen and (min-width:768px) {
    .body{
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .body_home{
        height: 100%;
        overflow: hidden;
    }
}

.index_banner{
    width: 100%;
    position: relative;
    height:100%;
    /* background: url(../images/indexbannerbg.jpg) repeat-y left top #edf1ef;
    background-size: 100% auto; */
}
.index_banner .container{
    /* height: 100%;
    position: relative;
    background: url(../images/three.png) no-repeat 27.6% 280px; */
}
.logotop{
    width: 100%;
    height: auto;
    text-align: center;
    padding-top: 117px;
}

.body_home.showdiv .logotop{
    -webkit-animation-duration: 1.2s; 
    -moz-animation-duration: 1.2; 
    -o-animation-duration: 1.2s; 
    animation-duration: 1.2s; 
    -webkit-animation-name: fadeInDown; 
    -moz-animation-name: fadeInDown; 
    -o-animation-name: fadeInDown; 
    animation-name: fadeInDown; 
    -webkit-animation-fill-mode: both; 
    -moz-animation-fill-mode: both; 
    -o-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-in-out; 
    -moz-animation-timing-function: ease-in-out; 
    -o-animation-timing-function: ease-in-out; 
    animation-timing-function: ease-in-out; 
}
.index_banner .imglist{

}
.imglist img{
    position: absolute;
    opacity: .6;
    animation-name: blink;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both; 
    -moz-animation-fill-mode: both; 
    -o-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-in-out; 
    -moz-animation-timing-function: ease-in-out; 
    -o-animation-timing-function: ease-in-out; 
    animation-timing-function: ease-in-out; 
    /* animation-timing-function: ease-in-out;  */
}
@keyframes blink {
    from {opacity:0.3;}
    to {opacity: .9;}
}
.imglist img.index0{
    left: 160px;
    top: 178px;
    animation-duration: 4s;
}
.imglist img.index1{
    left: 450px;
    bottom: 120px;
    animation-duration: 5s;
}
.imglist img.index2{
    left: 38.8%;
    top: 305px;
    animation-duration: 6s;
}
.imglist img.index3{
    right: 400px;
    bottom: 195px;
    animation-duration: 7s;
}
.imglist img.index4{
    right: 0;
    top:68px;
    animation-duration:8s;
}
.index_banner .indextoptitle{
    width: 85%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    /* overflow: hidden; */
    margin-top: 75px;
}
.indextoptitle span{
    font-size: 46px;
    display: inline-block;
    width: 49.8%;
    color: #1d191a;
}
.indextoptitle span.word_left{
    padding-left: 65px;
}
.indextoptitle span.word_right{
    text-align: right;
    padding-right: 65px;
}
.body_home.showdiv span.word_left{
    -webkit-animation-duration: 1.2s; 
    -moz-animation-duration: 1.2s; 
    -o-animation-duration: 1.2s; 
    animation-duration: 1.2s; 
    animation-delay:.8s;
    -webkit-animation-delay:.8s;
    -webkit-animation-name: fadeInLeft; 
    -moz-animation-name: fadeInLeft; 
    -o-animation-name: fadeInLeft; 
    animation-name: fadeInLeft; 
    -webkit-animation-fill-mode: both; 
    -moz-animation-fill-mode: both; 
    -o-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-in-out; 
    -moz-animation-timing-function: ease-in-out; 
    -o-animation-timing-function: ease-in-out; 
    animation-timing-function: ease-in-out; 
}
.body_home.showdiv span.word_right{
    -webkit-animation-duration: 1.2s; 
    -moz-animation-duration: 1.2s; 
    -o-animation-duration: 1.2s; 
    animation-duration: 1.2s; 
    animation-delay:.8s;
    -webkit-animation-delay:.8s;
    -webkit-animation-name: fadeInRight; 
    -moz-animation-name: fadeInRight; 
    -o-animation-name: fadeInRight; 
    animation-name: fadeInRight; 
    -webkit-animation-fill-mode: both; 
    -moz-animation-fill-mode: both; 
    -o-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-in-out; 
    -moz-animation-timing-function: ease-in-out; 
    -o-animation-timing-function: ease-in-out; 
    animation-timing-function: ease-in-out; 
}
.index_banner .s-l{
    position: absolute;
    left: 0;
    top:53%;
    width: 46%;
    height: 7px;
    background: url(../image/solid-l.png) no-repeat right top;
    background-size: cover;
}
.index_banner .s-r{
    position: absolute;
    right: 0;
    top:53%;
    width: 46%;
    height: 7px;
    background: url(../image/solid-r.png) no-repeat left top;
    background-size: cover;
}
.index_banner .swiper-container{
    width: 100%;
    height:100%;
    /* position: absolute;
    bottom: 60px; */
}
.index_banner .swiper-slide{
    background-position: center center;
    background-size: cover;
    text-align: center;
    background-repeat: no-repeat;
}
.index_banner .bannerContent{
    position: absolute;
    width: 100%;
    top:50%;
    margin-top:-90px;
    left: 100px;
    text-align: left;
    color: #fff;
}
.index_banner .bannerContent h1{
    font-size: 56px;
    margin-bottom: 28px;
    letter-spacing: 6px;
}
.index_banner .banner1 .bannerContent h1{
    line-height:76px;
}
.index_banner .banner1 .bannerContent{
    margin-top:-160px;
}
.index_banner .bannerContent p{
    font-size: 22px;
   
}
.index_banner .bannerContent img{
    vertical-align: bottom;
    max-width: 95%;
    height: auto;
}
.index_banner .banner-note{
    position: absolute;
    width: 100%;
    bottom:18px;
    left: 100px;
    text-align: left;
    color: #333;
    font-size:16px;
    background-image: url(../image/dots.png);
    background-repeat: no-repeat;
    background-position: left 8px;
    padding-left: 18px;
}
.index_banner .swiper-slide.banner5 .bannerContent{
    color: #4b8d7f;
}
.index_banner .swiper-slide.banner3 .banner-note,.index_banner .swiper-slide.banner4 .banner-note{
    background-image: url(../image/dots-w.png);
    color:#fff;
}

.body_home.showdiv .swiper-container{
    /* -webkit-animation-duration:1.2s; 
    -moz-animation-duration: 1.2s; 
    -o-animation-duration: 1.2s; 
    animation-duration: 1.2s; 
    animation-delay:1.8s;
    -webkit-animation-delay:1.8s;
    -webkit-animation-name: fadeInUp; 
    -moz-animation-name: fadeInUp; 
    -o-animation-name: fadeInUp; 
    animation-name: fadeInUp; 
    -webkit-animation-fill-mode: both; 
    -moz-animation-fill-mode: both; 
    -o-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-in-out; 
    -moz-animation-timing-function: ease-in-out; 
    -o-animation-timing-function: ease-in-out; 
    animation-timing-function: ease-in-out;  */
}

/* 首屏高度小于860 */
.index_banner860 .logotop{
    padding-top: 60px;
}
.index_banner.index_banner860 .s-l,.index_banner.index_banner860 .s-r{
    top: 50%;
}
/* 首屏高度小于800 */
.index_banner800 .logotop{
    padding-top: 50px;
}
.index_banner800 .logotop img{
    width: 60px;
}
.index_banner.index_banner800 .s-l,.index_banner.index_banner800 .s-r{
    top: 48%;
}
.index_banner.index_banner800 .imgbox img{
    max-width: 40%;
    height: auto;
}
.index_banner.index_banner800 .indextoptitle{
    margin-top: 55px;
}
.index_banner.index_banner800 .indextoptitle span{
    font-size: 40px;
}
/* 首屏高度小于700 */
.index_banner700 .logotop{
    padding-top: 40px;
}
.index_banner700 .logotop img{
    width: 55px;
}
.index_banner.index_banner700 .s-l,.index_banner.index_banner700 .s-r{
    top: 48%;
}
.index_banner.index_banner700 .imgbox img{
    max-width: 34%;
    height: auto;
}
.index_banner.index_banner700 .indextoptitle{
    /* width: 75%; */
    margin-top: 55px;
}
.index_banner.index_banner700 .indextoptitle span{
    font-size: 40px;
}

.index_header{
    position: absolute;
    top: 25px;
    /* width: 100%; */
    /* left: 65px; */
    left:100px;
    transition: all 0.7s ease-out 0s;
    opacity: 0;
    transform: translateY(-25px);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.body_home.showdiv .index_header{
    transform: none;
    opacity: 1;
    z-index: 10;
}
.body_home .index_header.hideshow{
    opacity: 0 !important;
    transform: translateY(-25px) !important;
}
.index_header ul{
    height: 60px;
}
.index_header ul li{
    float: left;
    width: 12.5%;
    position: relative;
    height: 60px;
}
.index_header ul li>a{
    display: block;
    padding: 0 10px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    line-height: 60px;
    position: relative;
}
.body_home.showdiv .nav-menu{
    transform: none;
    opacity: 1;
    z-index: 5;
}

.index_banner #nav{
    top: -100%;
    opacity: 0;
    -webkit-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    
}

.index_banner #nav.nav-hide{
    z-index:4;
    top:0;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;
}
.index_banner .nav-menu{
    top:38px;
    right:160px;
    opacity: 0;
    transition: all 0.7s ease-out 0s;
    opacity: 0;
    z-index: -1;
    transform: translateY(-25px);
}
.index_banner .gh{
    /* width:48px; */
    height:38px;
    margin-right:0;
}
.index_banner .gh a,.index_banner .gh a::after,.index_banner .gh a:before{
    background-color: #fff;
    height: 3px;
}

.index_banner .gh.selected a::after,.index_banner .gh.selected a::before{
    background-color: #4f8c7f !important;
}

.index_banner .nav-con.show{
    margin-top:-100px;
}
.index_banner .nav-con{
    margin-top: -100%;
}

.body_home.showdiv .index-search{
    transform: none;
    opacity: 1;
    z-index: 10;
}
.index-search{
    position: absolute;
    right: 100px;
    top:0;
    z-index: 6;
    transition: all 0.7s ease-out 0s;
    opacity: 0;
    transform: translateY(-25px);
}
.index-search .searchimg{
    display: block;
    width: 46px;
    height: 110px;
    cursor: pointer;
    background: url(../image/search-r.png) no-repeat center center;
    background-size:21px auto;
}
.index-search form.search_news {
    opacity: 0;
    display: none;
    /* width: 300px; */
    background: #fff;
    height: 40px;
    border: 1px solid rgb(160, 160, 162);
    margin-right: 50px;
    border-radius: 4px;
    position: absolute;
    right: 0px;
    top: 110px;
    z-index: 6;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}
.index-search img.closebtn {
    display: none;
    width: 16px;
    height: 16px;
    margin-top: 45px;
    cursor: pointer;
    margin-right: 18px;
}
.index-search form.search_news input.search_text{
    width: 258px;
    float: left;
    height: 40px;
    font-size: 14px;
    color: #444;
    padding: 0 12px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.index-search form.search_news input.button{
    width: 40px;
    height: 38px;
    background: url(../image/search.png) no-repeat center center #fff;
    border-radius:0 4px 4px 0;
}

.index_banner .swiper-pagination{
    bottom:45px;
}
.index_banner .swiper-pagination-bullet{
    opacity: 1;
    position: relative;
    width: 50px;
    height: 4px;
    border-radius: 0;
    margin: 0 4px;
    background-color: rgba(0,0,0,0.5);
    transition: background-color .5s ease;
}
.index_banner .swiper-pagination-bullet::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transform: scaleX(0);
    transform-origin: 0 0;
}

.index_banner .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    animation: sliderPagination 4s linear forwards
}
.index_banner .swiper-pagination-bullet:hover {
    background-color: #fff;
}

@keyframes sliderPagination {
 	100% {
		transform: scaleX(1);
        opacity: 1;
    }
}

.body_home .bb{
    position: absolute;
    right: -100%;
    width: 73px;
    height: 150px;
    background: url(../image/index_arrowbg.png) no-repeat left top;
    top: 50%;
    background-size: cover;
    margin-top: -75px;
    z-index: 1;
    transition: right 0.7s cubic-bezier(0.5,0,0.2,1) 0s;
}
.body_home .bb a{
    display: inline-block;
    color: #fff;
    font-size: 16px;
    width: 16px;
    margin-left: 50px;
    margin-top: 18px;
    line-height: 20px;
}
.body_home .bb span{
    position:absolute;
    left:26px;
    bottom:36px;
    text-align:center;
    color:#fafafa;
    font-size:26px;
    cursor: pointer;
    opacity:0;
    font-family:icon;
    animation:bb 1.3s linear 0s infinite;
    font-weight:bold;
}
@keyframes bb{
    0%{transform:translate(-50%,0);opacity:0;}
    20%{transform:translate(-50%,3px);opacity:1;}
    80%{transform:translate(-50%,10px);opacity:1;}
    90%{transform:translate(-50%,10px);opacity:0;}
    100%{transform:translate(-50%,10px);opacity:0;}
}
.body_home.showdiv .bb{
    right: 0;
}
.body_home.showdiv .bb span{
    opacity:1;
}

.body_b{
    position: fixed;
    left: 0%;
    top: 100%;
    bottom: 0;
    right: 0;
    background: #fff;
    overflow: hidden;
    transition: top 0.7s cubic-bezier(0.5,0,0.2,1) 0s;
    z-index: 10;
    overflow: auto;
    outline: none;
}
.body_b.showdiv{
    top:0;
}
@media screen and (min-width:768px) {
    
}

.header{
    background: #fff;
    height: 110px;
    width: 100%;
    padding: 0 100px;
    box-shadow: 0 0 10px 0px rgba(8,86,40,.15);
}
.header.position{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}
.header a.logo{
    float: left;
    width: 23.3%;
    margin-top:14px;
}
.logo img{
    max-width: 100%;
    height: auto;
}
.header .header_right{
    float: right;
}
.header_right ul.navbox{
    float: right;
    height: 110px;
}
.navbox li{
    float: left;
    height:110px;
    position: relative;
    margin-right: 38px;
}
.navbox li>a{
    display: block;
    font-size: 18px;
    color: #1c1819;
    line-height: 110px;
    padding: 0 8px;
    position: relative;
}
.navbox li .subnav{
    width: 180px;
    position: absolute;
    left: 50%;
    display: none;
    margin-left: -90px;
    top: 110px;
    padding: 15px 10px;
    background: #edf1ef;
    border-top: 2px solid #4f8c7f;
    z-index: 3;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.navbox li .subnav a{
    display: block;
    font-size: 16px;
    text-align: center;
    color: #1e191a;
    line-height: 24px;
    margin: 12px 0;
}
.navbox li .subnav a:hover{
    color: #4f8c7f;
}
.navbox li>a::before{
    content: "";
    border-left: 2px solid #4f8c7f;
    height: 25px;
    transition: all 0.2s ease-out 0s;
    transform: scaleY(0);
    position: absolute;
    left: 50%;
    top: 85px;
    transform-origin: center top;
}
.navbox li>a::after{
    content: "";
    border-bottom: 2px solid #4f8c7f;
    margin-top: 5px;
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 78px;
    transition: all 0.2s ease-out 0s;
    transform: scaleX(0);
}
.navbox li>a::before {
    border-color: #4f8c7f;
}
.navbox li>a::after {
    border-color: #4f8c7f;
}
.navbox li>a.hover::before {
    transform: none;
}
.navbox li>a.hover::after {
    transform: none;
}
.navbox li.current>a{
    color: #4f8c7f;
}

.header_right .formbox{
    float: right;
    margin-left: 12px;
    height: 110px;
}
.formbox span.searchimg{
    display: block;
    width: 22px;
    height: 110px;
    cursor: pointer;
    background: url(../image/search.png) no-repeat center center;
}
.formbox img.closebtn{
    display: none;
    width: 16px;
    height: 16px;
    margin-top: 45px;
    cursor: pointer;
}
.formbox form.search_news{
    opacity: 0;
    display: none;
    /* width: 300px; */
    background: #fff;
    height: 40px;
    border: 1px solid rgb(160, 160, 162);
    margin-right: 55px;
    border-radius:4px;
    position: absolute;
    right: 80px;
    top: 110px;
    z-index: -1;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}
.formbox form.search_news input.search_text{
    width: 258px;
    float: left;
    height: 40px;
    font-size: 14px;
    color: #444;
    padding: 0 12px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.formbox form.search_news input.button{
    width: 40px;
    height: 38px;
    background: url(../image/search.png) no-repeat center center #fff;
    border-radius:0 4px 4px 0;
}
.mobile{ display: none;}
.mobileNav{ display:none;position:absolute; top:70px; z-index:10000; width:100%; height:auto;overflow: scroll; background:rgba(0,0,0,.8);left:0;}
.mobileNav ul li{ position: relative;}
.mobileNav ul li span.addBtn{ display: inline-block;cursor: pointer; width:60px; height:50px; line-height: 50px; position: absolute;text-align:center;right: 0px; top: 0px; z-index: 100;}
.mobileNav ul li span.addBtn img{width: 20px; height: auto;}
.mobileNav ul li>a{ display:block; border-bottom:1px solid rgba(255,255,255,.2); width:100%; line-height:50px; padding-left:22px; margin:auto; font-size:16px; color:#fff; }
.mobileNav ul li dl{ display:none; background:#fff;}
.mobileNav ul li dl dd{ margin:auto;  }
.mobileNav ul li dl dd a{ line-height:40px; color:#2a2c80; border-bottom: 1px solid #ddd; display:block; font-size:15px; padding-left:34px;}

.scroll{
    clear: both;
}
.index_about{
    padding-top: 50px;
    position: relative;
    overflow: hidden;
}
.index_about .index_about_left{
    width: 58.58%;
}
.index_about_left .swiper-slide img{
    width: 100%;
    height: auto;
}
.index_about .index_about_bg{
    width: 41.42%;
    height: 272px;
    position: absolute;
    right: 0;
    bottom: 28px;
    background: #4f8c7f;
}
.index_about .index_about_right{
    position: absolute;
    right: 25px;
    width: 48.16%;
    bottom: 62px;
    z-index: 1;
    background-image: url(../image/index-about-bg.jpg);
    background-position: bottom right;
    background-color: #fff;
    background-repeat: no-repeat;
    padding: 45px 45px;
    box-shadow: 0 0 27px 0 rgba(124,100,101,.18);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.body_b.showdiv .index_about_right{
    -webkit-animation-duration: 1s; 
    -moz-animation-duration: 1s; 
    -o-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-name: fadeInRight; 
    -moz-animation-name: fadeInRight; 
    -o-animation-name: fadeInRight; 
    animation-name: fadeInRight; 
    -webkit-animation-fill-mode: both; 
    -moz-animation-fill-mode: both; 
    -o-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-in-out; 
    -moz-animation-timing-function: ease-in-out; 
    -o-animation-timing-function: ease-in-out; 
    animation-timing-function: ease-in-out; 
}
.index_about_right a{
    display: block;
}
.index_about_right h1{
    font-size: 28px;
    color: #1e191a;
    margin-bottom: 28px;
}
.index_about_right .index_about_text{
    font-size: 14px;
    color: #1e191a;
    line-height:32px;
    padding-bottom: 33px;
}

.index_status{
    padding-top: 50px;
    width: 100%;
    overflow: hidden;
    background: url(../image/index_status_bg.png) no-repeat right bottom #edf1ef;
    margin-top: 50px;
    padding-bottom: 36px;
}
h1.index_title{
    font-size: 32px;
    color: #1e191a;
}
h1.index_title a{
    color: #1e191a;
    font-size: 32px;
}
.index_status h1{
    text-align: center;
    margin-bottom: 60px;
}
.index_status .index_status_left{
    float: left;
    width: 49.16%;
}
.body_b.showdiv .index_status_left{
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.index_status_left li a{
    display: block;
    position: relative;
}
.imgbox img{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.index_status_left li .imgbox{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.index_status_left li .imgbox img{
    width: 100%;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.index_status_left .index_status_title{
    width: 100%;
    height: 56px;
    color: #fff;
    font-size: 18px;
    line-height: 56px;
    padding: 0 30px;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../image/index-status-titbg.png) no-repeat center center;
    background-size: cover;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.body_b.showdiv .index_status_right{
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
.index_status .index_status_right{
    float: right;
    width: 49.16%;
}
.index_status_right ul.index_status_list{
    overflow: hidden;
}
.index_status_list li{
    float: left;
    width: 48.47%;
    margin-right: 3.06%;
    margin-bottom: 24px;
    background-color: #fff;
    padding: 32px 30px;
    height: 154px;
    position: relative;
    /* border-bottom: 4px solid #4f8c7f; */
    background-position: right bottom;
    background-repeat: no-repeat;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.index_status_list li::after{
    content: " ";
    position: absolute;
    bottom: 0;
    width:52%;
    left: 30px;

    height: 4px;
    background: #4f8c7f;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}
.index_status_list li.libg{
    background-image: url(../image/index-status-libg.png);
}
.index_status_list li a{
    display: block;
    color: #191516;
}
.index_status_list li h2{
    font-size: 16px;
    line-height: 24px;
    color: #191516;
    
}
.index_business{
    padding-top: 48px;
    padding-bottom: 38px;
}
.index_business h1{
    float: left;
    width: 32px;
    overflow: hidden;
    text-align: center;
    margin-top: 50px;
}
.index_business .index_business_right{
    float: right;
    width: 84.6%;
}
.index_business_right ul.index_business_list{
    
}
.index_business_list li{
    float: left;
    width: 18.9%;
    margin-right: 1.375%;
    position: relative;
    transition: all 1s ease-out 0s;
    transform: translateY(-80px);
    opacity: 0;
}

.index_business_list li.index0{
    transform: translateY(-50px);
}
.index_business_list li.index1{
    transform: translateY(50px);
}
.index_business_list li.index2{
    transform: translateY(-50px);
}
.index_business_list li.index3{
    transform: translateY(50px);
}
.home3.showdiv .index_business_list li{
    transform: none;
    opacity: 1;
}
.index_business_list li a{
    display: block;
}
.index_business_list li .imgbox{
    overflow: hidden;
}
.index_business_list li .imgbox img{
    width: 100%;
    height: auto;
}
.index_business_list li h2{
    position: absolute;
    width: 22px;
    font-size: 22px;
    color: #fff;
    left: 32px;
    top: 44px;
    z-index: 1;
}
.index_business_list li span{
    display: block;
    position: absolute;
    right: 32px;
    bottom: 0;
    width: 14px;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    padding-bottom: 36px;
}
.index_business_list li span::after{
    content: " ";
    display: inline-block;
    position: absolute;
    width: 1px;
    left:7px;
    bottom: 0;
    height: 26px;
    background: #f6f3f3;
}
.index_videoBox{
    background: #edf1ef;
    padding-top:40px;
    padding-bottom:40px;
}
.videoCenter { 
    width: 84.58%;
    margin: 0 auto; 
    position: relative; 
}
.videoCenter .videoCon {
    
}
.videoCenter .videoCon .video-js {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;  
    opacity: 0;
    object-fit: cover;
   
} 

.videoCenter .videoCon.swiper-slide-prev .v-playBtn,.videoCenter .videoCon.swiper-slide-next .v-playBtn { 
    background: rgba(255,255,255,.5); 
}
.videoCenter .swiper-slide .v-playBtn{
    display: inline-block; 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    top: 0; 
    left: 0;
}
.videoCenter .videoCon.swiper-slide-active { z-index: 99; border-radius: 10px; }
.videoCenter .videoCon.swiper-slide-active a img{border-radius: 10px; width: 100%; height:auto;}
.videoCenter .videoCon.swiper-slide-active .video-js { 
    opacity: 1; 
    display: block;
    width: 100% !important;
    box-shadow: 0 0 10px 0 rgba(19,99,173,.3);
    border-radius: 10px;
}
.videoCenter .videoCon.swiper-slide-active .v-playBtn { display: none; }

.videoCenter .videoCon .videoBg { 
    display: block; 
    width: 100%; 
}
.videoCenter .videoCon video {
    width: 100%; 
    height: 100%; 
}
/* .videoCenter .swiper-slide-active .v-playBtn{
    background:url(../image/videoplaybtn.png) no-repeat center center; 
    background-size: 502px auto;  
} */


/* .videoCenter .videoCon .video-js {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;  
    opacity: 0;
    object-fit: cover;
   
} 
.videoCenter .videoCon .video-js.active { 
    opacity: 1;
    width: 100% !important;

} */
.videoCenter .swiper-container {
	
}
.videoCenter .swiper-slide {
	width: 89.2%;
	height: 480px;
	background: #fff;
	box-shadow: 0 6px 10px 0 rgba(20, 34, 67, .1);
	transition: all .4s cubic-bezier(.4, 0, .2, 1);
	cursor: pointer;
}
.videoCenter .swiper-slide a{
    display: block;
    width: 100%;
    height: 100%;
}
.videoCenter .swiper-slide img {
	width:100%;
	display: block;
}
.videoCenter .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}
.videoCenter .swiper-pagination {
	width: 100%;
	bottom: -85px;
    display: none;
}
.index_jtcybox{
    padding-top: 125px;
    padding-bottom: 130px;
    background: url(../image/index_jtcy_bg.png) no-repeat right bottom;
    background-size: auto 100%;
}
.index_jtcybox .index_jtcy_left{
    float: left;
    width: 20.8%;
    margin-top: 22px;
}
.index_jtcy_left a.index_jtcy_more{
    display: block;
    margin-top: 150px;
    margin-left: 10px;
    padding-left: 58px;
    background-image: url(../image/index_more.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 16px;
    color: #1e191a;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.index_jtcybox .index_jtcy_right{
    float: right;
    width: 74.6%;
}
.index_jtcy_right ul.index_jtcy_list li{
    float: left;
    width: 10.182%;
    margin-right: 1.045%;
    height: 375px;
    position: relative;
    background-color:#fff;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-image: none;
    background-size: 92% auto;
    box-shadow: 0 0 20px 0 rgba(0,19,48,.2);
    transition: all 0.5s ease-out 0s;
    -webkit-transition:all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
}
.home5.showdiv .index_jtcy_list li{
    position: relative;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}
.index_jtcy_list li.active::after{
    content: " ";
    width: 20px;
    height: 20px;
    position: absolute;
    right: 12px;
    bottom: 12px;
    background: url(../image/linkbg.png) no-repeat left top;
    background-size: 100% auto;
    z-index: 0;
}
.index_jtcy_right ul.index_jtcy_list li a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    padding-top: 18px;
    padding-left: 38px;
    z-index: 1;
}
.index_jtcy_right ul.index_jtcy_list li a::before{
    content: " ";
    position: absolute;
    left: 0;
    top: 28px;
    bottom: 170px;
    display: inline-block;
    width: 4px;
    height: 80px;
    background: #4f8c7f;
    transition: all 0.3s ease-out 0s;
    -webkit-transition:all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}
.index_jtcy_right ul.index_jtcy_list li span{
    display: inline-block;
    line-height: 18px;
    font-size: 16px;
    color: #605b5a;
    width:16px;
}

.index_contact{
    background: #edf1ef;
    padding-top: 85px;
    padding-bottom: 50px;
    overflow: hidden;
}

.index_contact .contact_left{
    width: 46.25%;
    float: left;
    padding-bottom: 65px;
    background: url(../image/index_mountain.png) no-repeat;
    background-position: center bottom;
}
.contact_left ul li{
    display: inline-block;
    border: 1px solid #a1a3a2;
    height: 40px;
    margin-bottom: 27px;
    position: relative;
    background: #fafbfd;
    
}
.contact_left ul li.index0{
    width: 29.5%;
    margin-right: 32px;
}
.contact_left ul li.index1{
    width: 63.96%;
}
.contact_left ul li.index2{
    width: 100%;
    height: 72px;
}
.contact_left ul li input::-moz-placeholder,.contact_left ul li textarea::-moz-placeholder{ 
    font-size: 16px;
    color: #aaa;
}

.contact_left ul li input::-ms-input-placeholder,.contact_left ul li textarea::-ms-input-placeholder{ 
    font-size: 16px;
    color: #aaa;
}
.contact_left ul li input::-webkit-input-placeholder,.contact_left ul li textarea::-webkit-input-placeholder{ 
    font-size: 16px;
    color: #aaa;
}
.contact_left ul li input::placeholder,.contact_left ul li textarea::placeholder{ 
    font-size: 16px;
    color: #aaa;
}
.contact_left ul li input{
    width: 100%;
    height: 38px;
    text-indent: 16px;
    line-height: 40px;
    font-size: 16px;
    color: #848383;
}
.contact_left ul li span.msg{
    position: absolute;
    top: 43px;
    width: 120%;
    z-index: 1;
    left: 0;
}
.contact_left ul li textarea{
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    text-indent: 16px;
    font-size: 16px;
    color: #848383;
    padding-top: 20px;
}
.contact_left ul li.index2 span.msg{
    top: 72px;
}
.contact_left input.submit1{
    width: 110px;
    background: #4f8c7f;
    height: 40px;
    font-size:16px;
    color: #fff;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
}
.high{
    color: #ff0000;
    position: absolute;
    top: 10px;
    right: -14px;
}
.onError{
    font-size: 12px;
    color: #ff0000;
    position: absolute;
    top: 45px;
    left: 0;
}
.onSuccess{
    font-size: 12px;
    color: green;
}
.index_contact .contact_right{
    float: right;
    width: 37.5%;
}
.contact_right dd{
    background-repeat: no-repeat;
    background-position: left 14px;
    padding-left: 56px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 16px;
    line-height: 24px;
    color: #848383;
}
.contact_right dd b{
    font-size: 24px;
    color: #3e3e3e;
    font-weight: 700;
}
.contact_right dd a{
    font-size: 16px;
    color: #605b5a;
}
.sucessimg{
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,.8);
    left: 0;
    top: 0;
    z-index: 10002;
}
.sucessbox{
    width: 600px;
    height: 470px;
    position: absolute;
    left: 50%;
    margin-left: -300px;
    top: 50%;
    margin-top: -235px;
    z-index: 10002;
    cursor: pointer;
}
.sucessclose{
    position: absolute; 
    top:10px;
    z-index: 10002;
    right: 20px;
    color: #444;
    font-size: 30px;
    font-weight: 500;
}

.index_media{
    width: 100%;
    background: url(../image/index_newjz_bg.png) no-repeat left bottom #4f8c7f; 
    background-size: 100% auto;
    padding-bottom: 6px;
    position: relative;
    z-index:1000;
}
.index_media .container{
    position: relative;
}
.index_media h2{
    position: absolute;
    top: 18px;
    left: 6px;
    font-size: 18px;
    color: #fff;
}
.index_media .slide_lis{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.slide_lis a{
    display: inline-block;
    width: 20%;
    height: 90px;
    border-right: 1px solid rgba(255,255,255,.2);
}
.index_media .swiper-slide a{
    display: block;
    width: 100%;
    padding-top: 72px;
    position: relative;
    cursor: default;
}
.index_media .swiper-slide .swiper-media-title{
    padding-left: 38px;
    margin-left: 30px;
    font-size: 18px;
    color: #fff;
    height: 64px;
    line-height: 28px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 33px auto;
}
.index_media .swiper-slide a.douyin .swiper-media-title{
    background-image: url(../image/index_icon_douyin.png);
}
.index_media .swiper-slide a.weibo .swiper-media-title{
    background-image: url(../image/index_icon_weibo.png);
}
.index_media .swiper-slide .swiper-ewm{
    position: absolute;
    bottom: 62px;
    left: 68px;
    margin-bottom: 5px;
    padding: 3px;
    width: 68px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
    border-radius: 5px;
    box-sizing: border-box;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.2s ease-out 0s;
    z-index: 99;
}
.index_media .swiper-slide img{
    width: 100%;
    height: auto;
}
.index_media .swiper-slide .swiper-ewm::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    font-size: 0;
    border-top-color: #fff;
}
.index_media .swiper-slide:hover .swiper-media-title{
    color: #edf1ef;
}
.index_media .swiper-slide:hover .swiper-ewm{
    visibility: visible;
    opacity: 1;
    transform: none;
} 
.index_media .swiper-button-next,.index_media .swiper-button-prev{
    width: 17px;
    height: 30px;
    bottom:32px;
    top: auto;
    margin-top: 0;
    background-size: 17px 30px;
}
.index_media .swiper-button-next{
    background-image: url(../image/footer_arrow_r.png);
    right: 0;
}
.index_media .swiper-button-prev{ 
    background-image: url(../image/footer_arrow_l.png); 
    left: 0;
}
.footerbox{
    background: #302a29;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    z-index: 10000;
}
.footer_left{
    /* float: left;
    width: 52.9%;
    padding-left: 74px;
    border-right: 1px solid rgba(60,64,63,.4); */
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.contact_right dd.ewm{
    /* float: left; */
    width: 100%;
    /* text-align: center; */
    height: auto;
    padding-left: 120px;
}
.ewm img{
    width: 110px;
    height: auto;
}
.footer_left .footer_text{
    /* float: left;
    margin-left: 26px; */
    font-size: 16px;
    color: #fff;
    line-height:36px;
}
.footer_text p a{
    font-size: 16px;
    color: #fff;
}
.footer_right{
    float: right;
    font-size: 16px;
    color: #fff;
    line-height:36px;
}
.gotop{
    width: 73px;
    height: 154px;
    position: fixed;
    top: 42%;
    margin-top: -77px;
    right: -100%;
    cursor: pointer;
    opacity: 0;
    z-index: 10;
    background: url(../image/gotopBg.png) no-repeat left top;
    background-size: cover;
    transition: right 0.7s cubic-bezier(0.5,0,0.2,1) 0s;
}
.gotop.active{
    opacity: 1;
    right: 20px;
}
.gotop a{
    display: inline-block;
    color: #fff;
    font-size: 16px;
    width: 16px;
    margin-left: 45px;
    margin-top: 18px;
    line-height: 20px;
}

/* 关于我们封面 */
.logo-in{ 
    position: fixed; 
    top:50px; 
    left:50px; 
    z-index:999; 
    width: 280px;
}
.logo-in img{
    width:100%;
}
.body_in{
    background: url(../image/aboutBg.jpg) no-repeat left top #edf1ef;
    background-size: 100%;
}
.about-bg{ 
    width:100%; 
    height:100%; 
    position: relative; 
    top:0;
}
.nav-menu{
    z-index: 99999;
    height: 86px; 
    position: fixed; 
    top:50px;
    right:50px;
}
.nav-menu.show{
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
}
.gh {
    float:right;
    height:34px;
    width:29px;
    margin-right:70px;
    position:relative;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    cursor:pointer;
}
.gh.selected {
    transform: rotate(90deg);
}
.gh a {
    background-color: #4f8c7f;
    display: block;
    height: 4px;
    margin-top: -2px;
    position: relative;
    top: 50%;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width: 100%;
}
.gh:hover a:before {
    transform: translateY(-2px) rotate(0deg);
    -webkit-transform: translateY(-2px) rotate(0deg);
    -ms-transform: translateY(-2px) rotate(0deg);
}
.gh:hover a:after {
    transform: translateY(2px) rotate(0deg);
    -webkit-transform: translateY(2px) rotate(0deg);
    -ms-transform: translateY(2px) rotate(0deg);
}
.gh.selected:hover a:before {
    transform: translateY(0px) rotate(-55deg);
    -webkit-transform: translateY(0px) rotate(-55deg);
    -ms-transform: translateY(0px) rotate(-55deg);
}
.gh.selected:hover a:after {
    transform: translateY(0px) rotate(55deg);
    -webkit-transform: translateY(0px) rotate(55deg);
    -ms-transform: translateY(0px) rotate(55deg);
}
.gh a:after, .gh a:before {
    background-color: #4f8c7f;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width:100%; 
}
.gh a:after {
    top:10px;
}
.gh a:before {
    top:-10px;
}
.gh.selected a:after, .gh.selected a:before {
    top: 0;
}
.gh.selected a:before {
    transform: translateY(0px) rotate(-45deg);
    -webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
}
.gh.selected a:after {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
}
.gh.selected a {
    background-color: transparent !important;
}
.nav-menu.show .gh a,.nav-menu.show .gh a:after, .nav-menu.show .gh a:before{ 
    background-color:#4f8c7f;
}

/*弹出菜单*/
#nav {
    position:fixed;
    top:0;
    width:0;
    width:100%;
    height:100%;
    background:rgba(193,193,193,0.5);
    transition: all 0.6s linear 0s;
    -webkit-transition: all 0.6s linear 0s;
    -ms-transition: all 0.6s linear 0s;
    -moz-transition: all 0.6s linear 0s;
    z-index:9999;
    opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -moz-opacity: 1;   
}  
#nav.nav-hide{
    top:-100%;
    opacity:0;
    -webkit-opacity:0;
    -ms-opacity:0;
    -moz-opacity:0;
}
.nav-con{ 
    position:absolute; 
    top:50%; 
    left:50%; 
    /* margin-left:-350px;  */
    margin-left: -480px;
    margin-top:-100px;
}
.nav-con .nav-list{ 
    width:11%; 
    float: left;
    text-align:right; 
    position:relative; 
    background: rgba(255,255,255,0.8);
    margin-right:10px; 
    transition:all 0.2s;
    -webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -ms-transition:all 0.2s; 
}
.nav-list a{ 
    display:block; 
    width:100%; 
    padding: 50px 15px 22px;
    height:100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.nav-list:hover{
    background: rgba(255,255,255,1);
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
}
.nav-list h3{ 
    font-size:45px; 
    color:#4f8c7f; 
    margin-bottom:30px;
}
.nav-list p{ 
    font-size:16px; 
    color:#4f8c7f; 
    margin-bottom:22px;
}
.nav-list span{ 
    display:block; 
    width:22px; 
    height:3px; 
    background:#4f8c7f; 
    position:absolute; 
    right:15px;
} 
.ab-con{
    width:100%; 
    height:100%; 
    margin-top:240px;
}
.aboutbox{
    overflow: hidden;
}
.aboutbox .about_left{
    float: left;
    width: 45%;
}
.about_left_top h2{ 
    font-size:25px; 
    color:#1e191a;
    margin:15px 0;
}
.about_left_top span{ 
    display:block; 
    width:70px; 
    height:7px; 
    /* background:#4f8c7f; */
    background: url(../image/solid-hr.png) no-repeat left center;
    margin:40px 0;
}
.about_text h3{ 
    font-size:20px; 
    color:#1e191a;
    line-height:35px;
}
.about_text p{ 
    font-size:14px; 
    color:#1e191a;
    line-height: 28px;
    margin-bottom:5px;
}
.about_text ul{ 
    margin:30px 0;
    background: url(../image/AZ-img1.png) no-repeat left bottom;
    padding-bottom: 45px;
}
.about_text li{
    font-size:14px;
    color:#1e191a; 
    margin-top:6px;
}
.about_text li strong{ 
    font-size:14px; 
    color:#1e191a;
}
.about_text li span{ 
    margin:0 10px;
}
.aboutbox .about_right{
    float: right;
    width: 48.8%;
}
.about_right ul{ 
    position:relative;
}
.about_right li{ 
    position:absolute; 
    width:135px; 
    height:135px; 
    float:left; 
    border:2px solid #4f8c7f; 
    background:#4f8c7f; 
    overflow:hidden;
}
.about_right li > a > dl{ 
    position:absolute; 
    top:0;
    padding:20px 12px;
    width:100%; 
    height:100%;
}
.about_right li > a > dl > dt > h2{ 
    font-weight:normal; 
    font-size:16px; 
    margin-bottom: 3px;
    color:#fceff0; 
}
.about_right li > a > dl > dt > p{
    font-size:14px; 
    color:#fceff0; 
}
.about_right li > a > dl > dt > span{ 
    display:block; 
    margin-top:7px;
    width:30px; 
    height:5px; 
    /* background:#03401c; */
    background: url(../image/solid-nr.png) no-repeat left center;
}
.about_right li > a > dl > dd{ 
    position:absolute; 
    right:20px; 
    bottom:20px;
    transition:all 1s;
}
.about_right .list0bg{
    position:absolute; 
    top:0; 
    left:0;
    width:100%; 
    height:100%; 
    background:#fff; 
    left:-140px !important;
    transition: all 0.2s ease 0s;
}

@keyframes msl {
    0% { bottom:20px;} 
    100% { bottom:30px;}
}
@-webkit-keyframes msl {
    0% { bottom:20px;} 
    100% { bottom:30px;}
}
@-moz-keyframes msl {
    0% { bottom:20px;} 
    100% { bottom:30px;}
}
@-o-keyframes msl {
    0% { bottom:20px;} 
    100% { bottom:30px;}
}

.about_right .abr-list0{ 
    top:55px;
    left:167px;
}
.about_right .abr-list0 .yw-icon{ 
    display:block; 
    width:27px; 
    height:30px; 
    background: url(../image/AZ-icon.png) -27px 0;
}
.about_right .abr-list1{ 
    top:55px;
    left:304px;
}
.about_right .abr-list1 .yw-icon{ 
    display:block; 
    width:27px; 
    height:30px; 
    
    background: url(../image/AZ-icon.png) 0 0;
}
.about_right .abr-list2{ 
    top:55px;
    right:10px;
}
.about_right .abr-list2 .yw-icon{ 
    display:block; 
    width:27px; 
    height:30px; 
    background: url(../image/AZ-icon.png) -135px 0;
    /* background: url(../image/AZ-icon.png) -54px 0; */
}
.about_right .abr-list3{ 
    top:192px;
    left:30px;
}
.about_right .abr-list3 .yw-icon{ 
    display:block; 
    width:27px; 
    height:30px; 
    background: url(../image/AZ-icon.png) -163px 0;
}
.about_right .abr-list4{
    top:192px;
    left:167px; 
}
.about_right .abr-list4 .yw-icon{ 
    display:block; 
    width:27px; 
    height:30px; 
    background: url(../image/AZ-icon.png) 27px 0;
    /* background: url(../image/AZ-icon.png) -135px 0; */
    /* background: url(../image/AZ-icon.png) -108px 0; */
}
.about_right .abr-list5{ 
    top:192px;
    left:304px;
}
.about_right .abr-list5 .yw-icon{ 
    display:block; 
    width:27px; 
    height:30px; 
    background: url(../image/AZ-icon.png) 54px 0; 
}

/*返回顶部*/
.home-index{
    width:42px;
    height:80px;
    position:fixed;
    right:20px;
    bottom:330px;
    background:none;
    cursor:pointer;
    z-index:1000;
}
.home-index a{
    display: block;
}
.home-index .icon_home{
    display:block;
    width:42px;
    height:42px;
    text-align:center;
    line-height:36px;
    font-size:18px;
    color:#4f8c7f; 
    border:2px solid #4f8c7f; 
    border-radius:50%;
}
.home-index p{
    width:42px;
    height:38px;
    line-height:38px;
    text-align:center;
    color:#4f8c7f;
    font-size:14px;
}
.home-index .icon_home img{
    width: 20px;
    height: auto;
}
.back-top{
    width:42px;
    height:80px;
    position:fixed;
    right:20px;
    bottom:115px;
    background:none;
    cursor:pointer;
    /* display:none; */
    z-index:1000;
}
.back-top .icon{
    display:block;
    width:42px;
    height:42px;
    text-align:center;
    line-height:37px;
    font-size:18px;
    color:#4f8c7f; 
    border:2px solid #4f8c7f; 
    border-radius:50%;
}
.back-top .font{
    width:42px;
    height:38px;
    line-height:38px;
    text-align:center;
    color:#4f8c7f;
    font-size:14px;
}
.return{
    width:42px;
    height:80px;
    position:fixed;
    right:20px;
    bottom:220px;
    background:none;
    cursor:pointer;
    z-index:1000;
}
.return .icon{
    display:block;
    width:42px;
    height:42px;
    text-align:center;
    line-height:37px;
    font-size:18px;
    color:#4f8c7f; 
    border:2px solid #4f8c7f; 
    border-radius:50%;
}
.return .font{
    width:42px;
    height:38px;
    line-height:38px;
    text-align:center;
    color:#4f8c7f;
    font-size:14px;
}

/* 集团简介 */
.commonMain{
    margin-top: 100px;
}
.commonTop{
    text-align: center;
}
.commonTop h1{
    font-size: 64px;
    color: #000;
    font-weight: bold;
    font-family: 'arial';
    margin-bottom: 20px;
}
.commonTop h2{
    font-size: 30px;
    color: #000;
    margin-bottom: 10px;
}
.commonTop h2 span{
    position: relative;
    display: inline-block;
}
.commonTop h2 span b{ font-weight: normal; color: #ff0000;}
.commonTop h2 span::before{
    content: "";
    width: 70px;
    height: 7px;
    position: absolute;
    top: 18px;
    left: -80px;
    background: url(../image/solid-lc.png) no-repeat left center;
}
.commonTop h2 span::after{
    content: "";
    width: 70px;
    height: 7px;
    position: absolute;
    top: 18px;
    right: -80px;
    background: url(../image/solid-rc.png) no-repeat left center
}
.commonTop .location{
    padding-top:8px;
    font-size: 14px;
    color: #383838;
    line-height: 28px;
}
.commonTop .location a{
    font-size: 14px;
    color: #383838;
}
.commonTop .location a.active{
    color: #da2127;
}
.about-brief{
    padding-top: 50px;
    padding-bottom: 80px;
}
.about-brief .brief-left{
    float: left;
    /* width: 40%; */
    width: 45%;
    padding-right: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.about-brief p img{
    max-width: 100%;
    height: auto;
}
.brief-left p img{
    max-width: 100%;
    height: auto;
}
.brief-left .brief-title{
    background: url(../image/logo_index.png) no-repeat left center;
    padding-left: 74px;
    background-size: 64px;
    height: 64px;
    padding-top: 10px;
    margin-bottom: 45px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.brief-left h2{
    font-size: 24px;
    color: #222;
    /* margin-top: 24px; */
    margin-bottom: 6px;
    
}   
.brief-left h3{
    color: #BABABA;
    font-size: 12px;
    padding-top: 4px;
    font-family: 'arial';
    
}
.brief-content{
    height: 385px;
	position: relative;
}
.brief-content .scroll_cont{
    height: 100%;
	overflow: hidden;
}

/* 滚动条 */
.brief-content .scroll_bar {
	position: absolute;
	top:0;
	right:-20px;
	width: 5px;
	height: 100%;
	background-color: #e4e4e4;
}
/* 滚动块 */
.brief-content .scroll_slider {
	position: absolute;
	top: 0;
	left: 0px;
	width: 5px;
	height: 48px;
	background-color: #4f8c7f;
	border-radius:5px;
	opacity: .5
}
.brief-left p{
    color: #4C4C4C;
    font-size: 16px;
    margin-bottom: 10px;
    line-height:28px;
    text-align: justify;
}
.about-brief .brief-right{
    float: right;
    /* width: 60%; */
    width: 55%;
}
.brief-right .swiper-slide img{
    width: 100%;
    height: auto;
}
.brief-right .swiper-pagination{
    opacity: 0;
}

/* 科研创新列表 */
.commonTab{
    border-bottom: none;
    margin-bottom: 30px;
}
.tab-nav{
    width: 100%;
    padding: 10px 0px;
    border-top: 1px solid #E3E2E2;
    border-bottom: 1px solid #E3E2E2;
    margin-top: 36px;
}
.tab-nav .menu{
    width: 100%;
    /* background: #E3E2E2; */
}
.tab-nav .menu ul{
    margin-bottom: 0;
}
.tab-nav .menu ul li{
    display: inline-block;
    margin: 0 1px;
}
.tab-nav .menu ul li a{
    display: block;
    padding: 9px 32px;
    font-size: 16px;
    color: #242424;
}
.tab-nav .menu ul li.current{
    background: url(../image/menu-r.png) no-repeat right bottom #4f8c7f;
}
.tab-nav .menu ul li.current a{
    color: #fff;
}
.innovation{
    width: 70.8%;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 30px;
}
.innovation li{
    float: left;
    width: 24%;
    margin-right: 1.3%;
    height: 258px;
    margin-bottom: 15px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
}
.innovation ul{
    /* display: none; */
}
.innovation ul.brand li{
    height: auto;
}
.innovation li a{
    display: block;
    width: 100%;
    padding: 7px;
    height: auto;
    /* background: #4f8c7f; */
    border: 7px solid #4f8c7f;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.innovation li a::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../image/honorbg_long.png) repeat-y left top;
    background-size: 100% auto;
}
.innovation li img{
    width: 100%;
    height: auto;
    margin: 0 auto;
    margin-top: 0;
    position: relative;
    display: block;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    border: 15px solid #FFFFFF;
}
.innovation li img::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../image/honorbg_long.png) repeat-y left top;
    background-size: 100% auto;
}

/* 荣誉列表 */
#alphabg{ 
    background:url(../image/alphabg.png) repeat; 
    z-index:999; 
    position:absolute; 
    left:0; 
    top:0;
}
.closeHonor{
    position:absolute;
    font-size:40px;
    z-index:99999;
    color:#fff;
}
#bigpic{
    z-index:1000;
    position:absolute;
}
.honor_prev{
    font-size: 32px;
    display:none; 
    cursor:pointer; 
    color:#fff; 
    position:absolute;
}
.honor_next{
    font-size: 32px;
    cursor:pointer;
    display:none; 
    color:#fff; 
    position:absolute;
}
.showHonorBox{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.6);
    z-index: 100000;
    width:100%;
    height: 100%;
}
.honorMain{
    position: absolute;
    width: 800px;
    left: 50%;
    margin-left: -400px;
    top: 50%;
    height: 600px;
    margin-top: -300px;
    background: transparent;
}
.closebox{
    float: right;
    width: 23px;
    margin-right: 20px;
    margin-top: 20px;
    height: 23px;
    margin-bottom: 30px;
    /* background: url(../images/close.png) no-repeat left top; */
    background-size: 100% auto;
    font-style: normal;
    font-size: 28px;
    color: rgba(255,255,255,.6);
    cursor: pointer;
    font-family: Arial, Baskerville, monospace;
}
.honorContent{
    clear: right;
    width: 650px;
    margin: 0 auto;
}
.honorContent .swiper-slide img{
    width: 100%;
    height: auto;
}
.honorContent .swiper-pagination{
    display: none;
}
.honorContent .swiper-slide-active{
    opacity: 1 !important;
}
.honorContent .swiper-slide .imgbox{
    width: 100%;
    position: relative;
    height: auto;
}
.honorContent .swiper-slide .imgbox::after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../image/honorbg_long.png) repeat-y left top;
    background-size: 100% auto;
}
.honorContent .swiper-button-next.swiper-button-disabled,.honorContent .swiper-button-prev.swiper-button-disabled{
    opacity: 0;
}
.honorContent .swiper-button-prev,.honorContent .swiper-button-next{
    width: 17px;
    height: 30px;
    margin-top: -70px;
    background-size: 17px 30px;
}
.honorContent .swiper-button-prev{
    background: url(../image/footer_arrow_l.png) no-repeat;
}
.honorContent .swiper-button-next{
    background: url(../image/footer_arrow_r.png) no-repeat;
}

.honorContent .morepicname{
    font-size: 16px;
    color: #fff;
    margin-top: 15px;
    padding: 0 10px;
    margin-bottom: 10px;
}
.honorContent .look_case{
    font-size: 16px;
    color: #fff;
    margin-left: 10px;
}

/* 发展历程 */
.historybox{
    position: relative;
    padding-top: 40px;
}
.historybox .timeline{ 
    height: 1px; 
    background: #7d7d7d;    
    /* background: url(../images/timescroll.png) no-repeat top center; */
}
.historybox .timebox{
    /* padding: 10px 0px; */
    margin-top: -30px;
    /* border-top: 1px solid #E3E2E2;
    border-bottom: 1px solid #E3E2E2; */
}
.dots_dian{
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
    margin: 0 auto;
    background: #fff;
    border: 7px solid #f16435;
    border-radius: 50%;
    margin-bottom: 20px;
}
.dots_dian::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: rgba(241, 100, 53, 0.2);
}
.dots_dian::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: rgba(241, 100, 53, 0.2);
}
.dots_dian::before {
    opacity: 0;
}
.dots_dian::after {
    opacity: 0;
}
@keyframes boderM {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0
    }
    20% {
        opacity: 1
    }
    75% {
        transform: translate(-50%, -50%) scale(2);
        opacity: 0
    }
    100% {
        opacity: 0
    }
}
@keyframes bordershow {
    50% {
        box-shadow: 0px 0px 10px 0 #f16435;
    }
}
.historybox .time{
    width: 100%;
    /* background: #E3E2E2; */
    text-align: center;
}
@media screen and (min-width:768px) {
    .timebox .slick-track{
        transform: translate3d(0, 0px, 0px) !important;
    }
    .historybox .time .item.slick-slide{
        width: 14% !important;
    }
}

.historybox .time .item.slick-slide{
    float: none;
    display: inline-block;
    
    /* padding: 9px 32px; */
    font-size: 16px;
    margin: 0 1px;
    color: #242424;
    position: relative;
}
.historybox .time .slick-prev,.historybox .time .slick-next{
    top: -80px;
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 27px 27px;
}
.historybox .time .slick-prev{
    left: 0;
    background-image: url(../image/l.png);
}
.historybox .time .slick-next{
    right: 0;
    background-image: url(../image/r.png);
}
.historybox .time .item.slick-current .dots_dian{
    animation: bordershow 3s infinite;
    /* color: #fff;
    background: url(../image/menu-r.png) no-repeat right bottom #4f8c7f; */
}
.historybox .time .item.slick-current .dots_dian::after{   
    animation: boderM 3s infinite;
    opacity: 1;
}
.historybox .time .item.slick-current .dots_dian::before{   
    animation: boderM 3s infinite;
    opacity: 1;
}
.historybox .time .slick-list{
    padding-top: 20px !important;
    padding-bottom: 25px !important;
}
.historybox .time .item::after{
    /* content: '';
    position: absolute;
    bottom: -22px;
    left: 50%;
    width: 15px;
    height: 9px;
    opacity: 0;
    background: url(../images/delta2.png) no-repeat center;
    transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -webkit-transition: all .3s ease-out 0s;
    transform: translateX(-50%);  
    -o-transform: translateX(-50%); 
    -ms-transform: translateX(-50%);  
    -moz-transform: translateX(-50%);   
    -webkit-transform: translateX(-50%); */
    
}
.historybox .time .item.slick-current::after{
    /* opacity: 1; */
}
.historybox .time .item{
    font-size: 18px;  cursor: pointer;
    transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -webkit-transition: all .3s ease-out 0s;        
}
.historybox .timecontent{
    width: 100%;
    margin: auto;
    margin-top: 40px;
}
.historybox .timecontent h2{
    margin-bottom: 40px;
}
.historybox .timecontent h2 img{
    display: inline-block;
    margin-right: 27px;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.l,.r{
    width: 50%;
}
.historybox .timecontent .l .imgdiv{
    position: relative;
    width: 81%;
    height: 324px;
}
.historybox .timecontent .l .timeimg{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    -ms-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    -webkit-transition: all .2s ease-out 0s;
}
.historybox .timecontent .l img{
    width: 100%;
    height: 100%;  
}
.historybox .timecontent .l .timeimg p{
    font-size: 16px;
    line-height: 32px;
    margin-top: 15px;
    color: #333;
    text-align: center;
}
.historybox .timecontent .l .timeimg.act{
    opacity: 1;
}
.historybox .timecontent .r p:first-child{
    margin-top: -12px;
}
.historybox .timecontent .r p{
    font-size: 16px;
    position: relative;
    letter-spacing: 1px;
    line-height: 32px;
	margin-top:15px;
}
.historybox .timecontent .r p span{
    vertical-align: top;
    display:inline-block;
    line-height: 32px;
}
.historybox .timecontent .r p span:first-child{
    width:110px;
}
.historybox .timecontent .r p span:last-child{
    width:calc(100% - 125px);
    width:-webkit-calc(100% - 125px);
    margin-left: 15px;
}
.historybox .timecontent .r p::after{
    content: '';
    position: absolute;
    top: 13px;
    left: -113px;
    width: 96px;
    height: 8px;
    opacity: 0;
    background: url(../image/xian.png) no-repeat center;
    transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    -ms-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    -webkit-transition: all .2s ease-out 0s; 
}
.historybox .timecontent .r p.act::after{
    opacity: 1;
}

/* 业务版图封面页 */
.about_right.business_right .abr-list0{
    left: 304px;
}
.about_right.business_right .abr-list1{
    right: 10px;
    left: auto;
}
.about_right.business_right .abr-list2{
    left: 167px;
    top: 192px;
}
.about_right.business_right .abr-list3{
    left: 304px;
    top:192px;
}
.about_right.business_right .abr-list4{
    right: 10px;
    top:192px;
    left: auto;
}
.about_right.business_right .abr-list0 .yw-icon{
    background: url(../image/yw-icon.png) -186px 0;
}
.about_right.business_right .abr-list1 .yw-icon{
    background: url(../image/AZ-icon.png) -82px 0;
}
.about_right.business_right .abr-list2 .yw-icon{
    background: url(../image/yw-icon.png) -21px 0;
}
.about_right.business_right .abr-list3 .yw-icon{
    background: url(../image/AZ-icon.png) -188px 0;
}
.about_right.business_right .abr-list4 .yw-icon{
    background: url(../image/AZ-icon.png) -135px 0;
}

/* 业务版图列表 */
.business_info{
    width: 100%;
    margin-top: 40px;
    position: relative;
    
}
.business_img{
    width: 66.66%;
}
.business_img img{
    width: 100%;
    height: auto;
}
.business_img .swiper-pagination .swiper-pagination-bullet-active{
    background: #da2127;
}
.business_text{
    position: absolute;
    right: 0;
    top: 10%;
    width: 41.417%;
    height: 80%;
    padding: 0 3% 0 3%;
    z-index: 1;
    color: #fff;
    background: #f83d23 url(../image/project-intro.jpg) no-repeat left center;
    background-size: cover;
}
.business_text h2{
    margin-top: 6%;
    font-size: 24px;
    line-height: 32px;
}
.business_text h3{
    font-size: 20px;
    text-transform: uppercase;
    line-height: 34px;
    font-family: 'arial';
    margin-top: 5px;
    margin-bottom: 5px;
}
.business_text p{
    font-size: 15px;
    line-height: 26px;
    text-align: justify;
}
.business_bief{
    height: 64%;
    position: relative;
}
.business_bief .scroll_business{
    height: 100%;
    overflow: hidden;
}

/* 滚动条 */
.business_bief .scroll_bar {
	position: absolute;
	top:0;
	right:-25px;
	width: 5px;
	height: 100%;
    border-radius: 5px;
	background-color: #e4e4e4;
}
/* 滚动块 */
.business_bief .scroll_slider {
	position: absolute;
	top: 0;
	left: 0px;
	width: 5px;
	height: 48px;
    /* display: none; */
	background-color: #4f8c7f;
	border-radius:5px;
	opacity: .5
}

.business_lists{
    margin-top: 55px;
    padding-top: 55px;
    border-top: 10px solid #d6e6e3;
}
.business_lists h2{
    font-size: 20px;
    color: #000;
    padding-left: 16px;
    border-left: 4px solid #4f8c7f;
    margin-bottom: 40px;
}
.business_lists ul li{
    float: left;
    width: 25%;
    padding: 0 10px;
    margin-bottom: 20px;
}
.business_lists ul li a{
    display: block;
    position: relative;
}
.business_lists ul li a::before{
    transition: all 0.5s ease-out 0s;
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    background: url(../image/img-bg.png) no-repeat center bottom;
    background-size: 100% auto;
    left: 0;
    top: 0;
    z-index: 1;
}
.business_lists ul li .imgbox{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.business_lists ul li img{
    width: 100%;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.business_lists ul li .business_title{
    font-size: 16px;
    padding:0 5%;
    line-height: 42px;
    color: #fff;
    position: absolute;
    width: 100%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    bottom: 0;
    z-index: 2;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.pagebox {
    text-align: center;
    padding: 20px 0 40px;
}
.pagebox span {
    display: inline-block;
    line-height: 24px;
    text-align: center;
    color: #383838;
    font-size: 16px;
}
#pagelist {
    display: inline-block;
}

#pagelist a {
    display: inline-block;
    padding: 4px 15px;
    font-size: 16px;
    color: #383838;
    margin: 0 2px;
}

#pagelist a.active {background: #4f8c7f; color: #fff;}

/* 社会责任列表 */
.duty-list{
    padding-top:40px;
}
.duty-list li{
    overflow: hidden;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
}
.duty-list li a{
    display: block;
}
.duty-list li .imgbox{
    float: left;
    width:20%;
    position: relative;
}
.duty-list li .imgbox::after{
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
    opacity: 0;
    background: #625152;
}
.duty-list li .imgbox img{
    width: 100%;
    height: auto;
}
.duty-list li .duty-right{
    float: right;
    width: 80%;
    padding-left: 58px;
    position: relative;
    z-index: 8;
    padding-top: 30px;
    padding-right: 58px;
}
.duty-list li .duty-right::after {
    position: absolute;
    top: 90px;
    left: -18px;
    width: 0;
    height: 0;
    content: '';
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
    border-top: 13px solid transparent;
    border-right: 18px solid #edf1ef;
    border-bottom: 13px solid transparent;
}
.duty-list li span.duty-date{
    display: inline-block;
    font-size: 18px;
    color: #666;
    padding-bottom: 14px;
    position: relative;
}
.duty-list li span.duty-date::after{
    content: " ";
    position: absolute;
    left:0;
    bottom: 0;
    width: 60px;
    height: 2px;
    background: #4f8c7f;
    -webkit-transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -ms-transition: all .5s ease-out 0s;
    -o-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s;
}
.duty-list li h2{
    font-size: 20px;
    margin-bottom: 12px;
    margin-top: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #4f8c7f;
}
.duty-list li p{
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height:28px;
    color: #383838;
    letter-spacing: .75px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.duty-list li span.duty-more{
    font-weight: bold;
    color: #4f8c7f;
    font-family: 'arial';
}

/* 集团动态封面 */
.about_right.status_right li{
    width: 145px;
}
.about_right.status_right .list0bg{
    left: -145px !important;
}
.about_right.status_right .abr-list0{
    left: 284px;
}
.about_right.status_right .abr-list1{
    right: 10px;
    left: auto;
}
.about_right.status_right .abr-list2{
    top: 192px;
    left: 138px;
}
.about_right.status_right .abr-list3{
    left: 285px;
}
.about_right.status_right .abr-list4{
    left: auto;
    right: 9px;
    top: 192px;
}
.about_right.status_right .abr-list0 .yw-icon{
    background: url(../image/yw-icon.png) -76px 0;
}
.about_right.status_right .abr-list1 .yw-icon{
    background: url(../image/yw-icon.png) -48px 0;
}
.about_right.status_right .abr-list2 .yw-icon{
    background: url(../image/yw-icon.png) -102px 0;
}
.about_right.status_right .abr-list3 .yw-icon{
    background: url(../image/yw-icon.png) -128px 0;
}
.about_right.status_right .abr-list4 .yw-icon{
    background: url(../image/yw-icon.png) -156px 0;
}

/* 集团要闻列表 */
.newsBox{
    padding-top: 40px;
}
.newsfirst{
    overflow: hidden;
}
.newsfirst .swiper-slide{
    
}
.newsfirst .swiper-slide a{
    display: block;
    overflow: hidden;
}
.newsfirst .swiper-slide .imgbox{
    float: left;
    width: 50%;
    overflow: hidden;
}
.newsfirst .swiper-slide .imgbox img{
    width: 100%;
    height: auto;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.newsfirst .swiper-slide .first-right{
    float: right;
    width: 50%;
    padding:15px 50px 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.newsfirst .swiper-slide h2{
    font-size: 24px;
    font-weight: bold;
    color: #333;
    line-height: 30px;
    margin-bottom: 30px;
   
}
.newsfirst .swiper-slide span.first-time{
    font-size: 14px;
    color: #4f8c7f;
}
.newsfirst .swiper-slide p{
    margin-top: 20px;
    font-size: 16px;
    line-height: 32px;
    height: 64px;
    margin-bottom: 35px;
    overflow: hidden;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.newsfirst .swiper-slide span.first-more{
    display: block;
    width: 95px;
    padding-bottom: 10px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url(../image/xinwen1-1-a.png);
    font-size: 12px;
    font-family: 'arial';
    color: #000;
    padding-left: 6px;
    text-transform: uppercase;
}
.newsfirst .swiper-pagination{
    width: auto;
    left: 54%;
    bottom: 10px;
}
.newsfirst .swiper-pagination .swiper-pagination-bullet{
    width: 9px;
    height: 9px;
    background: #a3a3a3;
}
.newsfirst .swiper-pagination .swiper-pagination-bullet-active{
    background: #4f8c7f;
}

.newslists{
    padding-top: 40px;
}
.newslists li{
    float: left;
    width: 30.33%;
    margin-right: 3%;
    margin-bottom: 3%;
}
.newslists li a{
    display: block;
    padding: 5px 5px 25px;
    background: #fff;
}
.newslists li .imgbox{
    overflow: hidden;
    width: 100%;
    height: auto;
}
.newslists li .imgbox img{
    width: 100%;
    height: auto;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.newslists li h2{
    font-size: 16px;
    padding: 0 25px;
    margin-top: 30px;
    color: #333;
    text-align: center;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.newslists li p{
    font-size: 14px;
    color: #4f8c7f;
    margin: 13px 0;
    text-align: center;
}
.newslists li .news-info{
    padding: 0 25px;
    font-size: 14px;
    color: #999;
    line-height: 28px;
    height: 56px;
    margin-bottom: 28px;
    overflow: hidden;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.newslists li span{
    display: block;
    border-top:1px solid #eaeaea;
    padding: 20px 0 9px;
    text-align: center;
    font-size: 12px;
    color: #000;
    font-family: 'arial';
    background: url(../image/xinwen1-1-a.png) no-repeat bottom center;
}

/* 通知公告列表 */
.commonlists{
    padding-top: 10px;
}
.commonlists li{
    float: left;
    width: 30.3333333%;
    margin-right: 3%;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    padding: 20px 18px 15px;
    margin-bottom: 3%;
}
.commonlists li a{
    display: block;
}
.commonlists li .common-tit{
    overflow: hidden;
}
.commonlists li h2{
    float: left;
    width: 75%;
    font-size: 16px;
    height: 56px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #333;
    line-height: 28px;
}
.commonlists li h2 b{
    color: #ff0000;
}
.commonlists li .common-date{
    float: right;
    width: 61px;
    height: 60px;
    border: 2px solid #fff;
    text-align: center;
    background-color: #fff;
    color: #fff;
    padding-top: 2px;
    z-index: 1;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.commonlists li .common-date::after{
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #4f8c7f;
	z-index: -1;
	left:0;
    top: 0;
	transition: all 0.2s ease 0s;
}
.commonlists li .common-date p{
    font-size: 24px; 
}
.commonlists li .common-date span{
    font-size: 15px;
    display: block;
    margin-top: -6px;
}
.commonlists li .more-look{
    margin-top: 23px;
    padding-top: 13px;
    border-top: 1px solid #eaeaea;
    font-size: 12px;
    color: #000;
    font-family: 'arial';
}

/* 党群动态列表 */
.partylist{}
.partylist li{
    position: relative;
    width: 100%;
    height: 135px;
    margin-bottom: 15px;
    overflow: hidden;
    text-decoration: none;
    border-bottom: 2px solid #c5c5c5;
}
.partylist li a{
    display: block;
    padding: 0 20px;
    padding-left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.partylist li .party-time{
    float: left;
    width: 10%;
    text-align: center;
}
.partylist li .party-time p{
    font-family: 'arial';
    font-size: 26px;
    line-height: 31px;
    letter-spacing: 0px;
    color: #4f8c7f;
    margin: 8px 14px 0;
}
.partylist li .party-time span{
    font-family: 'arial';
    font-size: 16px;
    line-height: 31px;
    color: #4f8c7f;
}
.partylist li .party-right{
    float: right;
    width: 88%;
}
.partylist li .party-right h2{
    height: 28px;
    overflow: hidden;
    font-size: 20px;
    line-height: 28px;
    color: #000;
    margin-bottom: 10px;
    margin-top: 9px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.partylist li .party-right p{
    height: 42px;
    margin-top: 10px;
    overflow: hidden;
    font-size: 14px;
    line-height: 22px;
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.partylist li .party-right .views{
    padding-left: 17px;
    background: url(../image/yanjing.png) no-repeat left center;
    font-family: 'arial';
    font-size: 12px;
    line-height: 31px;
    letter-spacing: 0px;
    color: #000;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

/* 新闻内容 */
.contentbox{
    padding: 40px 50px 40px;
}
.contentbox .titlebox{
    text-align: center;
    padding-bottom: 25px;
    border-bottom: 1px solid #E3E2E2;
    margin-bottom: 40px;
}
.contentbox .titlebox h1{
    font-size: 24px;
    color: #333;
    margin-bottom: 20px;
}
.titlebox .release span{
    font-size: 14px;
    color: #666;
    margin: 0 10px;
}
.contentbox .newstext{
    font-size: 16px;
    line-height: 32px;
    color: #383838;
}
.contentbox .newstext p{
    font-size: 16px;
    line-height: 32px;
    color: #383838;
}
.contentbox .newstext p span,.contentbox .newstext p a{
    color: #383838;
}
.contentbox .newstext p img{
    max-width: 100%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* 名人剪影列表页 */
.famous-list{
    width: 81.6%;
    margin: 0 auto;
    margin-top: 50px;
    padding-bottom: 30px;
}
.famous-list li{
    float: left;
    width: 43.57%;
    margin-right: 12.86%;
    margin-bottom: 20px;
}
.famous-list li a{
    display: block;
    width: 78.45%;
    margin-top: 14px;
    border: 4px solid #4f8c7f;
    position: relative;
    margin-left: 10px;
}
.famous-list li img{
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    transform: translate(-20px,-25px);
    -webkit-transform: translate(-20px,-25px);
    -moz-transform: translate(-20px,-25px);
    -ms-transform: translate(-20px,-25px);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
}
.famous-list li .box-name{
    text-align: left;
    padding-left: 15px;
    padding-top: 12px;
    padding-bottom: 30px;
    width: 170px;
    height: 88px;  
    position: absolute;
    right: -85px;
    top: 20px;
    background: #4f8c7f;
    z-index: 10;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.famous-list li .box-name span{
    line-height: 26px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 16px;
    color: #fff;
}

/* 企业文化封面 */
.about_right.culture_right .abr-list0{
    right: 10px;
    left: auto;
}
.about_right.culture_right .abr-list1{
    left: 306px;
    top: 190px;
}
.about_right.culture_right .abr-list0 .yw-icon{
    background: url(../image/AZ-icon.png) -81px 0;
}
.about_right.culture_right .abr-list1 .yw-icon{
    background: url(../image/yw-icon.png) -186px 0;
}

/* 经典项目封面 */
.about_right.project_right .abr-list0{
    right: 10px;
    left: auto;
}
.about_right.project_right .abr-list1{
    left: 306px;
    top: 190px;
}
.about_right.project_right .abr-list0 .yw-icon{
    background: url(../image/yw-icon.png) -102px 0;
}
.about_right.project_right .abr-list1 .yw-icon{
    background: url(../image/AZ-icon.png) -2px 0;
}

/* 经典项目列表页 */
.projects-list{
    padding-top: 30px;
    width: 68.75%;
    margin: 0 auto;
}
.projects-list li{
    width: 25%;
    float: left;
    margin: 0px;
    margin-bottom: 20px;
    padding: 0 8px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    position: relative;
}
.projects-list li .imgbox img{
    width: 100%;
    height: auto;
}
.projects-list li a{
    display: block;
    background: #FFFFFF;
}
.projects-list li h2{
    font-size: 16px;
    color: #000;
    margin-bottom: 15px;
    padding: 15px 15px;
}
.projects-list li .project_info{
    padding: 0 15px;
    color: #7E7E7E;
    font-size: 12px;
    padding-bottom: 15px;
}

/* 经典项目内容 */
.projects-content{
    margin-top: 105px;
}
.project-container{
    padding-top: 120px;
    padding-left:5%;
    padding-right: 5%;
    padding-bottom: 40px;
}
.project-container .project-title{
    color: #000000;
    font-size: 20px;
    border-left: 8px solid #4f8c7f;
    padding-left: 20px;
    margin-bottom: 25px;
}
.project_box{
    position: relative;
    height: 250px;
    background: #4f8c7f;
}
.project_box .project_pics{
    width: 41.6%;
    height: auto;
    border: 2px solid #4f8c7f;
    position: absolute;
    top: -63px;
    left:5%;
    z-index: 10;
}
.project_pics .swiper-container{
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    /* background: #2d9055; */
    transform: translate(-8px,-8px);
    -webkit-transform: translate(-8px,-8px);
    -moz-transform: translate(-8px,-8px);
    -ms-transform: translate(-8px,-8px);
}
.project_pics .swiper-container .swiper-slide img{
    width: 100%;
    height: auto;
}
.project_pics .swiper-pagination{
    display: none;
}
.project_pics .swiper-button-next,.project_pics .swiper-button-prev{
    width: 17px;
    height: 30px;
    background-size: 17px 30px;
}
.project_pics .swiper-button-next.swiper-button-disabled,.project_pics .swiper-button-prev.swiper-button-disabled{
    opacity: 0;
}
.project_pics .swiper-button-next{
    background-image: url(../image/footer_arrow_r.png);
    right: -22px;
}
.project_pics .swiper-button-prev{
    background-image: url(../image/footer_arrow_l.png);
    left: -38px;
}
.projects-content .project_brief{
    float: right;
    width: 48.4%;
    padding-top: 40px;
    padding-right: 70px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.project_brief .project_text{
    float: left;
    width: 75%;
}
.project_brief h2{
    font-size: 18px;
    margin-bottom: 20px;
    color: #fff;
}
.project_text p{
    font-size: 14px;
    color: #fff;
    height: 142px;
    line-height: 28px;
    overflow: hidden;
}
.project_brief .video_play{
    float: right;
    text-align: center;
    cursor: pointer;
}
.project_brief .video_play img{
    width: 53px;
    height: 53px;
    margin-bottom: 20px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
}
.project_brief .video_play span{
    display: block;
    font-size: 14px;
    color: #fff;
}
.content-text{
    font-size: 16px;
    line-height: 32px;
    color: #383838;
}
.showVideo{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0,0,0,.45);
}
.video_project{
    position: absolute;
    width: 600px;
    left: 50%;
    margin-left: -300px;
    height: 500px;
    top: 50%;
    margin-top: -250px;
    /* background: #fff; */
}
.video_close{
    float: right;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 25px;
    cursor: pointer;
}
.video_close img{ 
    width: 25px;
    height: auto;
}
.video_content{
    width: 100%;
    clear: both;
    height: calc(100% - 162px);
}
.video_content video{
    width: 100%;
    height: 100%;
}

/* 企业文化内容 */
.cuturebox{}
.cuturebox .cultureText{
    /* text-align: center; */
    font-size: 16px;
    color: #333;
    line-height: 32px;
}
.cuturebox .culture-list{
    text-align: center;
    padding-top: 45px;
    position: relative;
}
.culture-list li {
    display: inline-block;
    margin: 0 55px;
    writing-mode: vertical-lr;
    writing-mode: tb-lr;
    height: 317px;
    position: relative;
    /* background-repeat: no-repeat; */
    /* background-position: 49px 12px; */
    /* background-image: url(../images/gun.png); */
}
.culture-list li::before{
    content: " ";
    display: inline-block;
    position: absolute;
    left:49px;
    top: 12px;
    width: 1px;
    height: 100%;
    background: #dfdfdf;
    
}
.culture-list li::after{
    content: " ";
    display: inline-block;
    position: absolute;
    left:48px;
    top: 12px;
    width: 3px;
    height: 35px;
    background: #4f8c7f;
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
}
.culture-list li h2{
    font-size: 20px;
    color: #4f8c7f;
    text-align: left;
    letter-spacing: 2px;
    margin-right: 50px;
}
.culture-list li .cul-r{
    font-size: 16px;
    color: #383838;
    text-align: left;
    line-height: 32px;
    padding-top: 12px;
    writing-mode: vertical-rl;
    writing-mode: tb-rl;
}

/* 人力资源封面 */
.about_right.human_right .abr-list0{
    left: 306px;
}
.about_right.human_right .abr-list1{
    top: 190px;
    right: 10px;
    left: auto;
}
.about_right.human_right .abr-list0 .yw-icon{
    background: url(../image/yw-icon.png) -20px 0;
}
.about_right.human_right .abr-list1 .yw-icon{
    background: url(../image/AZ-icon.png) -109px 0;
}


/* 人才理念 */
.ideaContent{
    position: relative;
    margin-top: 34px;
    padding-bottom: 80px;
}
.ideaContent img{
    width:100%;
    height: auto;
}
.ideaContent .ideaText{
    width: 356px;
    position: absolute;
    top: -48px;
    min-height: 310px;
    right: 50px;
    padding: 50px 40px 40px;
    background: rgba(255, 255, 255, 0.8);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-shadow: 2px 2px 15px #DEDEDE;
    -moz-box-shadow: 2px 2px 15px #DEDEDE;
    box-shadow: 2px 2px 15px #DEDEDE;
}
.ideaText h2{
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
}
.ideaText span{
    display: block;
    width: 30px;
    height: 2px;
    background: #d6001d;
    margin: 20px 0;
}
.ideaText p{
    font-size: 16px;
    color: #333;
    line-height: 32px;
}

/* 最新招聘列表 */
.job-list{
    padding-top: 50px;
}
.job-list li{
    float: left;
    width: 25%;
    margin-bottom: 25px;
    text-align: center;
    padding: 0 11.5px;
}
.job-list li a{
    display: block;
    padding: 35px 0 40px;
    background: url(../image/job04.jpg) no-repeat top left;
    background-size: 100% auto;
}
.job-list li h2{
    color: #333;
    font-size: 18px;
}
.job-list li .jobInfo{
    font-size: 14px;
    line-height: 32px;
    overflow: hidden;
    height: 132px;
    margin-top: 20px;
    color: #888;
}
.job-list li .job_btn{
    display: block;
    margin: 0 auto;
    font-size: 14px;
    line-height: 36px;
    width: 120px;
    height: 36px;
    position: relative;
    z-index: 1;
    margin-top: 22px;
    text-align: center;
    color: #fff;
    background: transparent;
    overflow: hidden;
    
}
.job-list li .job_btn::after{
    content: " ";
    width: 100%;
    height: 36px;
    position: absolute;
    background-color: #4f8c7f;
    z-index: -1;
    left: 0;
    transition: all 0.2s ease 0s;
}
.showContent{
    display: none;
    position: fixed;
    z-index: 1060;
    top: 0;
    left: 0;
    display: none;
    overflow: auto;
    width: 100%;
    height: 100%;
}
.showContent .tany{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .45;
    background-color: #000;
}
.showContent .tanz{
    position: absolute;
    left: 50%;
    margin-left: -25%;
    width: 50%;
    background-color: rgb(255, 255, 255);
    height:80%;
    overflow: hidden;
    margin-top:6%;
    padding: 30px 40px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(245, 245, 245);
    border-image: initial;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.showContent .tanhead{
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 25px;
    text-align: center;
    border-bottom: 2px solid #4f8c7f;
}
.showContent .tanhead h2{
    font-size: 20px;
}
.showContent .tanclose{
    position: absolute;
    top: -10px;
    right: -20px;
    cursor: pointer;
}
.showContent .tanbody{
    width: 100%;
    height: 90%;
}
.tanbody .tanInfo{
    overflow: hidden;
    position: relative;
}
.tanInfo .tanT{
    font-size: 14px;
    line-height: 28px;
    color: #333;
}
.tanInfo .jonMail{
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 16px;
    color: #333;
    font-weight: bold;
}
.tanInfo .jonMail a{
    color: #4f8c7f;
    font-family: 'arial';
    font-weight: normal;
}
.tanContent{
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #d2d2d2;
    height: 72%;
    position: relative;
    
}
.tanContent .tanContainer{
    height: 100%;
    overflow: hidden;
}
.tanContent p{
    font-size: 14px;
    line-height: 30px;
    color: #333;
}
/* 滚动条 */
.tanContent .scroll_bar {
	position: absolute;
	top:10%;
	right:-20px;
	width: 5px;
	height: 90%;
	background-color: #e4e4e4;
}
/* 滚动块 */
.tanContent .scroll_slider {
	position: absolute;
	top: 0;
	left: 0px;
	width: 5px;
	height: 48px;
	background-color: #4f8c7f;
	border-radius:5px;
	opacity: .5
}

/* 集团映像列表 */
.video_lists{
    padding-top: 40px;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 10px;
}
.video_lists li{
    float: left;
    width: 32%;
    margin-right:2%;
    margin-bottom: 20px;
}
.video_lists li .imgbox{
    position: relative;
    overflow: hidden;
}
.video_lists li .imgbox img{
    width: 100%;
    height: auto;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.video_lists li .video_tit{
    font-size: 16px;
    text-align: center;
    color: #333;
    height: 42px;
    line-height: 42px;
    background-color: #fff;
}
.video_lists li .shadow{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../image/videoplaybtn.png) no-repeat center center;
    background-size: 60% auto;
}
.pages{
    text-align: center;
    padding: 25px 10px 40px;
}
.pages a {
    display: inline-block;
    padding: 4px 15px;
    font-size: 16px;
    color: #383838;
    margin: 0 2px;
}
.pages b{
    display: inline-block;
    padding: 4px 15px;
    font-size: 16px;
    background: #4f8c7f;
    color: #fff;
}
.moreSearch{ 
    float: right;
    width: 420px;
   
    overflow: hidden;
  
}
.searchOption{
    float: left;
    width: 90px;
    height: 38px;
    border: none;
    font-size: 14px;
    color: #444;
    text-indent: 6px;
    border-radius:4px 0 0 4px;
    border-right: 1px solid rgb(160, 160, 162);
}
.moreSearch form.search_news{
    height: 40px;
    border: 1px solid rgb(160, 160, 162);
    border-radius:4px;
   
}
.moreSearch form.search_news input.search_text{
    width: 378px;
    float: left;
    height: 38px;
    font-size: 14px;
    color: #444;
    padding: 0 12px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.moreSearch form.search_news input.button{
    width: 40px;
    height: 38px;
    background: url(../image/search-r.png) no-repeat center center #4f8c7f;
    border-radius:0 4px 4px 0;
}
.search_list{ clear: right;
    padding-top: 20px;
}
.search_list li{
    overflow: hidden;
    padding-top: 22px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    background: url(../image/dots-b.png) no-repeat 4px 28px;
    padding-left: 36px;
}
.search_list li a{
    float: left;
    width: 85%;
    color: #292929;
    font-size:16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.search_list li span{
    float: right;
    color: #8d8d8d;
    font-size:16px;
}
.search_list li a b{
    color: #ff0000;
}
.singleContent{
    clear: right;
    padding-top: 20px;
}
.singleContent p{
    font-size: 16px;
    color: #4f8c7f;
}

@media (min-width:1580px) and (max-width:1680px){
    .index_banner .bannerContent img{
        max-width: 80%;
    }
}

@media (min-width:1440px) and (max-width:1580px){
    .navbox li{ margin-right: 24px;}
    .index_banner .bannerContent img{
        max-width: 70%;
    }
}
@media (min-width:1360px) and (max-width:1440px){
    .header{ padding: 0 80px;}
    .navbox li{ margin-right: 20px;}
    .header a.logo{ width: 20.3%; margin-top: 28px;}
    .navbox li .subnav{ width: 160px; margin-left: -80px;}
    .index_banner .bannerContent img{
        max-width: 65%;
    }
}
@media (min-width:1210px) and (max-width:1360px) {
    .header{ padding: 0 18px;}
    .header a.logo{ width: 21.3%;margin-top: 26px;}
    .navbox li{ margin-right: 16px;}
    .navbox li .subnav{ width: 150px; margin-left: -75px;}
}

@media (min-width:992px) and (max-width:1210px) {
    .logotop img{ width:64px;}
    .indextoptitle span.word_left{ padding-left:44px;}
    .indextoptitle span{ font-size:36px; width: 48.8%;}
    .indextoptitle span.word_right{ padding-right: 44px;}
    .index_banner .s-l,.index_banner .s-r{ top:46%;}
    .index_banner .indextoptitle{ margin-top: 115px;}
    .header{ padding:0 10px;}
    .header a.logo{ width:21.3%; margin-top: 32px;}
    .navbox li{ margin-right:10px;}
    .navbox li>a{ font-size:16px;}
    .index_status_list li{ height:123px;}
    .videoCenter .swiper-slide{ height:388px;}

    .about_right .abr-list0{ left:30px;}
    .about_right .abr-list1{ left:167px;}
    .about_right .abr-list2{ right:34px;}
    .commonTop h1{ font-size: 48px;}
   
    .brief-left h2{ font-size: 20px;} 
    .brief-left .brief-title{ margin-bottom: 18px; padding-left:64px; background-size: 54px auto;}
    .brief-content{ height:335px;}
    .mfp-arrow-left{ left: 11% !important;}
    .mfp-arrow-right{ right:11% !important; }
    .duty-list li{ padding-bottom: 10px;}
    .duty-list li .duty-right{ padding-top: 0;}
    .duty-list li a{ padding-top: 10px;}
    .duty-list li .duty-right::after{ top:72px;}

    .about_right.business_right .abr-list0{ left:167px;}
    .about_right.business_right .abr-list1{ right:34px;}
    .about_right.business_right .abr-list2{ left:30px;}
    .about_right.business_right .abr-list3{ left:167px;}
    .about_right.business_right .abr-list4{ right:34px;}

    .business_text{ height: 86%; top: 7%;}
    .business_text h2{ font-size: 22px;}
    .business_text h3{ font-size: 18px; margin-top: 2px; margin-bottom: 2px;}

    .about_right.project_right .abr-list0{ right:auto; left:172px;}
    .projects-list{ width:74.75%;}

    .about_right.status_right .abr-list0{ left:138px;}
    .about_right.status_right .abr-list1{ right:43px;}
    .about_right.status_right .abr-list2{ left:-9px;}
    .about_right.status_right .abr-list3{ left:138px;}
    .about_right.status_right .abr-list4{ right: 43px;}
    .newsfirst .swiper-slide .first-right{ padding-top: 10px; padding-left: 40px;}
    .newsfirst .swiper-slide h2{ font-size: 22px; margin-bottom: 15px;}
    .newsfirst .swiper-slide p{ margin-top:15px; margin-bottom: 25px;}
    .video_lists{ width:98%;}
    
    .about_right.culture_right .abr-list0{ right:auto; left:172px;}
    .about_right.human_right .abr-list1{ right:167px;}   
}

@media (min-width:768px) and (max-width:992px) {
    .index_header ul li>a{ font-size: 16px;}
    .logotop img{ width:64px;}
    .indextoptitle span{ width:47.8%; font-size: 28px;}
    .indextoptitle span.word_left{ padding-left: 52px;}
    .index_banner .s-l,.index_banner .s-r{ top:48%;}
    .indextoptitle span.word_right{ padding-right: 30px;}
    .index_banner .indextoptitle{ margin-top:132px;}
    .navbox li{ margin-right:0;}
    .navbox li>a{ font-size: 16px; padding: 0 7px;}
    .header{ padding:0 10px;}
    .header a.logo{ width:20.3%; margin-top: 38px;}
    .navbox li .subnav{ width:130px; margin-left: -65px;}
    .index_about .index_about_right{ padding:25px 25px; bottom: 52px; background-size: 100% auto;}
    .index_about_right .index_about_text{ padding-bottom: 0;}
    .index_about_right h1{ font-size:24px; margin-bottom: 20px;}
    .index_about_right .index_about_text{ line-height:28px;}
    .index_about .index_about_bg{ height:220px;}
    h1.index_title{ font-size:24px;}
    h1.index_title a{ font-size:24px;}
    .index_status h1{ margin-bottom: 40px;}
    .index_status_list li{ padding:15px 10px;margin-bottom: 10px;height: 102px;}
    .index_status_list li::after{ height:2px;}
    .index_status_list li.libg{ background-size: auto 100%;}
    .videoCenter .swiper-slide{ height:300px;}
    .index_jtcy_right ul.index_jtcy_list li a{ padding-left:22px;}
    .index_jtcybox{ padding-top:60px; padding-bottom: 60px;}
    .index_media .swiper-slide .swiper-media-title{ font-size:14px; background-size: 24px auto; line-height: 22px; padding-left: 30px; margin-left: 10px;}
    .footer_left{ padding-left:0;}

    .commonTop h1{ font-size: 42px;}
    .nav-con{ margin-left: -390px;}
    .about_left_top img{ max-width: 100%; height: auto;}
    .about_right .abr-list0{ left:94px;}
    
    .about_right .abr-list1{ right:0; left: auto;}
    .about_right .abr-list2{ top:192px; right: auto; left: 94px;}
    .about_right .abr-list3{ right:0; left: auto;}
    .about_right .abr-list4{ top: 329px; left: 94px;}
    .about_right .abr-list5{right: 0; top: 329px; left: auto;}
    .about-brief .brief-left{ float: none; width:100%; padding-right: 24px;}
    .brief-left .brief-title{ margin-bottom: 25px;}
    .about-brief .brief-right{ float: none; width: 100%; margin-top: 20px;}
    .mfp-arrow-left{ left:0 !important;}
    .mfp-arrow-right{ right: 0 !important;}

    .about_right.business_right .abr-list1{ right:0;}
    .about_right.business_right .abr-list0,.about_right.business_right .abr-list2{ left:94px;}
    .about_right.business_right .abr-list3{ left:auto;right: 0;}
    .business_img{ width:100%;}
    .business_text{ position:relative; top: auto; right: auto; width: 100%; padding: 3%;}
    .business_text h2{ margin-top: 0;}

    .about_right.project_right .abr-list0{ left:96px; right: auto;}
    .about_right.project_right .abr-list1{ left:auto; right: 0;}
    .projects-list{ width:100%;}
    .project_box .project_pics{ top:-20px;}
    .project_box{ height:200px;}
    .project-container{ padding-top: 80px;}
    
    .about_right.status_right .abr-list0{ left:74px;}
    .about_right.status_right .abr-list1{ right:0;}
    .about_right.status_right .abr-list2{ left:-73px;}
    .about_right.status_right .abr-list3{ left:74px;}
    .about_right.status_right .abr-list4{ right:0;}
    .newsfirst .swiper-slide .first-right{ padding:0 10px 0 20px;}
    .newsfirst .swiper-slide h2{ font-size:22px; margin-bottom: 15px;}
    .newsfirst .swiper-slide p{ margin-top: 10px; margin-bottom: 20px;}
    .newsfirst .swiper-pagination{ right:18px; left:auto;}
    .commonlists li h2{ width:66%;}
    .video_lists{ width:100%;}

    .about_right.culture_right .abr-list0{ right:0;}
    .about_right.culture_right .abr-list1{ left:86px;}

    .about_right.human_right .abr-list0{ left:96px;}
    .about_right.human_right .abr-list1{ right:0;}

}

@media screen and (min-width:768px) {
    .index_header ul li>a:hover{ color: #da2127;}
    .body_home .bb:hover{ cursor: pointer;}
    .body_home .bb:hover span{ animation-play-state:paused;color: #fff;}
    .index_about_right:hover h1{color: #4f8c7f;}
    .index_about_right:hover p{ color: #4f8c7f;}
    h1.index_title a:hover{ color: #4f8c7f;}
    .index_status_left li:hover img{
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
    }
    .index_status_left li:hover .index_status_title{
        background: url(../image/index-status-titbg-r.png) no-repeat center center;
        background-size: cover;
        transition: all 1s;
    }
    .index_status_list li:hover{ background-color: #f4f6f5; transition: all .7s;}
    .index_status_list li:hover::after{ width: 100%; left: 0;}
    .index_status_list li:hover h2{ color: #4f8c7f;}
    .index_business_list li:hover .imgbox 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);
        transition: all .6s ease-in-out;
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
    }
    .index_jtcy_left a.index_jtcy_more:hover{ background-image: url(../image/index_more_r.png); color: #4f8c7f;}
    .index_jtcy_list li.active::after:hover{ background: url(../image/linkbg-r.png) no-repeat left top; z-index: 2;}
    .contact_left input.submit1:hover{ background: #438073;}
    .about_right li:hover .list0bg{ left:0 !important;}
    .about_right li:hover h2{ font-weight:bold; color:#4f8c7f;  z-index:999;}
    .about_right li:hover p{ font-weight:bold; color:#4f8c7f; z-index:999;}
    .about_right li:hover dl > dt > span{ background: url(../image/solid-nrr.png) no-repeat left center; }
    .about_right li:hover dd{
        animation: msl 0.5s linear infinite alternate; 
        -webkit-animation: msl 0.5s linear infinite alternate; 
        -moz-animation: msl 0.5s linear infinite alternate; 
        -o-animation: msl 0.5s linear infinite alternate;
    }
    .about_right .abr-list0:hover .yw-icon{ background-position:-27px -30px; }
    .about_right .abr-list1:hover .yw-icon{ background-position:0 -30px; }
    .about_right .abr-list2:hover .yw-icon{ background-position:-135px -30px;}
    .about_right .abr-list3:hover .yw-icon{ background-position: -163px -30px;}
    .about_right .abr-list4:hover .yw-icon{ background-position:27px -30px;}
    .about_right .abr-list5:hover .yw-icon{ background-position:54px -30px; }
    .back-top:hover .icon{ color:#4f8c7f;}
    .back-top:hover .font{ color:#4f8c7f;}
    .return:hover .icon{ color:#4f8c7f;}
    .return:hover .font{ color:#4f8c7f;}
    .index_jtcy_right ul.index_jtcy_list li:hover{ background-image: url(../image/index_jtcy_libg.png);}
    .index_jtcy_right ul.index_jtcy_list li:hover a::before{ top: 0; bottom: 0; height: 100%;}
    .index_jtcy_right ul.index_jtcy_list li:hover span{ color: #4f8c7f;}
    .index_media .swiper-button-next:hover{ background-image: url(../image/footer_arrow_rr.png);}
    .index_media .swiper-button-prev:hover{ background-image: url(../image/footer_arrow_lr.png);}
    .footer_text p a:hover{ opacity: .7;}
    .commonTop .location a:hover{ color: #da2127;}
    .brief-content .scroll_slider:hover{opacity: 1}
    .tab-nav .menu ul li:hover{ background: url(../image/menu-r.png) no-repeat right bottom #4f8c7f;}
    .tab-nav .menu ul li:hover a{ color: #fff;}
    .innovation li:hover{
        transform:scale(1.15);
        -webkit-transform:scale(1.15);
        -moz-transform:scale(1.15);
        -ms-transform:scale(1.15);
    }
    .closebox:hover{ color: rgba(255,255,255,1);}
    .honorContent .swiper-button-prev:hover{ background: url(../image/footer_arrow_lr.png) no-repeat;}
    .honorContent .swiper-button-next:hover{ background: url(../image/footer_arrow_rr.png) no-repeat;}
    .look_case:hover{ color: #68f6a3;}
    .historybox .time .item:hover .dots_dian{ animation: bordershow 3s infinite;}
    .historybox .time .item:hover .dots_dian::after{ opacity: 1; animation: boderM 3s infinite;}
    .historybox .time .item:hover .dots_dian::before{ opacity: 1;animation: boderM 3s .75s infinite;}
    .about_right.business_right .abr-list0:hover .yw-icon{ background-position:-186px -30px; }
    .about_right.business_right .abr-list1:hover .yw-icon{ background-position:-82px -30px;}
    .about_right.business_right .abr-list2:hover .yw-icon{ background-position:-21px -30px;}
    .about_right.business_right .abr-list3:hover .yw-icon{  background-position:-188px -30px;}
    .about_right.business_right .abr-list4:hover .yw-icon{  background-position:-135px -30px;}
    .business_bief .scroll_slider:hover{opacity: 1}
    .business_lists ul li:hover .imgbox img{
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
    }
    #pagelist a:hover {background: #4f8c7f; color: #fff;}
    #pageprev:hover {cursor: pointer;}
    #pagenext:hover {cursor: pointer;}
    .duty-list li:hover{ background: #dde6e5;}
    .duty-list li:hover .duty-right::after{ border-right: 18px solid #dde6e5}
    .duty-list li:hover .imgbox::after{ opacity: .5;}
    .duty-list li:hover span.duty-date::after{ width: 180px;}
    .about_right.status_right .abr-list0:hover .yw-icon{background-position:-76px -30px; }
    .about_right.status_right .abr-list1:hover .yw-icon{ background-position:-48px -30px;}
    .about_right.status_right .abr-list2:hover .yw-icon{ background-position:-102px -30px;}
    .about_right.status_right .abr-list3:hover .yw-icon{ background-position:-128px -30px;}
    .about_right.status_right .abr-list4:hover .yw-icon{  background-position:-156px -30px;}
    .newsfirst .swiper-slide:hover .imgbox img{
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    .newsfirst .swiper-slide:hover h2,.newsfirst .swiper-slide:hover span.first-more{ color: #4f8c7f;}
    .newslists li:hover .imgbox img{
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    .newslists li:hover{ box-shadow: 0 0 15px 2px rgba(79,140,127,.2);}
    .newslists li:hover h2,.newslists li:hover span{ color: #4f8c7f;}
    .commonlists li:hover h2,.commonlists li:hover .more-look{ color: #4f8c7f;}
    .commonlists li:hover .common-date{ border:2px solid #4f8c7f;color: #4f8c7f;}
    .commonlists li:hover .common-date::after{left:100%;}
    .partylist li:hover h2,.partylist li:hover .views{ color: #4f8c7f;}
    .partylist li:hover h2,.partylist li:hover .party-right p,.partylist li:hover .views{ margin-left: 20px;}
    .partylist li:hover .views{background: url(../image/yanjing-r.png) no-repeat left center;}
    .contentbox .newstext p a:hover{ color:#4f8c7f;}
    .famous-list li:hover img{
        transform:translate(0px,0px);
        -webkit-transform:translate(0px,0px);
        -moz-transform:translate(0px,0px);
        -ms-transform:translate(0px,0px);
    }
    .famous-list li:hover .box-name{ top:40px;}
    .about_right.culture_right .abr-list0:hover .yw-icon{ background-position:-81px -30px; }
    .about_right.culture_right .abr-list1:hover .yw-icon{ background-position:-186px -30px;}
    .about_right.project_right .abr-list0:hover .yw-icon{ background-position:-102px -30px; }
    .about_right.project_right .abr-list1:hover .yw-icon{ background-position:-2px -30px;}
    .projects-list li:hover{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        z-index: 1;
    }
    .project_pics .swiper-button-next:hover{ background-image: url(../image/footer_arrow_rr.png);}
    .project_pics .swiper-button-prev:hover{ background-image: url(../image/footer_arrow_lr.png);}
    .project_brief .video_play:hover img{
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
    }
    .culture-list li:hover::after{ height: 100%;}
    .about_right.human_right .abr-list0:hover .yw-icon{ background-position:-20px -30px; }
    .about_right.human_right .abr-list1:hover .yw-icon{background-position:-109px -30px;}
    .job-list li:hover .job_btn::after{ left:100%;}
    .job-list li:hover .job_btn{ color: #4f8c7f; background: #fff;}
    .tanContent .scroll_slider:hover{opacity: 1}
    .video_lists li:hover img{
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
    }
    .video_lists li:hover .video_tit{ color: #4f8c7f;}
    .pages a:hover { background: #4f8c7f;color: #fff;}
    .search_list li:hover a{ color: #4f8c7f; }

}
.phonebanner{ display:none;}
.phonebanner img{ width:100%; height:auto;}
.phone-about{ display:none;}
@media screen and (max-width:768px) {

    .index_banner{ overflow: hidden; margin-top: 70px;}
    .index_header{ display:none;}
    .body_home.showdiv .index_header{ display: none;}
    .logotop{ padding-top: 95px;}
    .navbar-toggle{ background-color: #4f8c7f; margin-top:18px; margin-right:0;}
    .navbar-toggle .icon-bar{ background: #fff;}
    .logotop img{ width:35px; height: auto;}
    .imglist img.index0{ width:40px; height: auto; top:5%; left: 7%;}
    .imglist img.index1{ width:80px; height: auto; left:10%; bottom: 15%;}
    .imglist img.index2{ width:30px; height: auto; left: 35%; top:40%;}
    .imglist img.index3{ width: 55px; height: auto; right: 14%; bottom: 14%;}
    .imglist img.index4{ width:54px; height: auto; top:6%;}
    .index_banner .indextoptitle{ width:100%; margin-top: 35px;}
    .index_banner .container{ background-size: 50% auto; background-position: center 60%;}
    .indextoptitle span{ font-size: 16px; width: 49%;}
    .indextoptitle span.word_left{text-align: right; padding-right: 12%; padding-left: 0;}
    .indextoptitle span.word_right{ padding-left: 12%; text-align: left; padding-right: 0;}
    .index_banner .swiper-container{ position: relative; bottom: 0;}
    .index_banner .bannerContent{ left:0; top:40px; margin-top:0;
        padding:0 10px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }
    .index_banner .bannerContent h1{ font-size:20px; margin-bottom:15px;}
    .index_banner .banner1 .bannerContent{ margin-top:-10px;}
    .index_banner .banner1 .bannerContent h1{ line-height:24px;}
    .index_banner .bannerContent p{ font-size: 14px; line-height: 24px;}
    .index_banner .banner1 .bannerContent p{ line-height:20px;}
    .phonebanner{ display:block;}
    .index_banner .swiper-slide .imgbox img{ width:60%; height: auto;}
    .index_banner .s-r,.index_banner .s-l{  height: 4px; top: 60%;}
    .index_banner .swiper-pagination{ bottom:15px;}
    .index_banner .swiper-pagination-bullet{ width:25px; height:2px;}
    .index_banner .banner-note{ font-size:12px; bottom: 2px; left: 10px; background-position: left 6px; background-size: 3px; padding-left: 8px;}
    .index_banner .swiper-slide.banner1 .banner-note{
        background-image: url(../image/dots-w.png);
        background-size: 3px;
        color: #fff;
    }
    .body_b{ top: auto !important; position: relative;}
    .header{ position: fixed; left: 0; top: 0; height: 70px; z-index: 10000; padding: 0 10px;}
    .header_right ul.navbox{ display: none;}
    .header a.logo{ width:42.3%; margin-top: 16px;}
    .header_right .formbox,.formbox span.searchimg{ height: 70px;}
    .header_right .formbox{ margin-right: 15px;}
    .formbox span.searchimg{ background-size: 18px auto;}
    .body_home .bb{ display: none;}
    .body_home.showdiv .index-search{ display: none;}
    .formbox form.search_news{ width:215px; right: 45px; top: 70px;}
    .formbox img.closebtn{ margin-top: 28px;}
    .formbox form.search_news input.search_text{ width:182px;}
    .formbox form.search_news input.button{ width: 30px; background-size: 16px auto;}
    .index_about{ padding: 10px 10px 30px;}
    .phone-about{ display:block;}
    .index_about .index_about_left{ width:100%; display: none;}
    .index_about .phone-about .index_about_left{ display:block;}
    .index_about .index_about_bg{ display: none;}
    .index_about .index_about_right{ position: relative; right: auto; bottom: auto; width: 100%; padding: 25px 10px; background-size: 80% auto;}
    .index_about_right h1{ font-size: 20px; margin-bottom: 15px;}
    .index_about_right .index_about_text{ line-height: 28px; padding-bottom: 0;}
    .index_status{ margin-top: 0px; padding:35px 10px; background-size: 60% auto;}
    h1.index_title,h1.index_title a{ font-size: 20px;}
    .index_status h1{ margin-bottom: 30px;}
    .index_status .index_status_left,.index_status .index_status_right{ float: none; width: 100%;}
    .index_status_right ul.index_status_list{ margin-top: 10px;}
    .index_status_left .index_status_title{ font-size: 16px; height: 44px; line-height: 44px; padding: 0 15px;}
    .index_status_list li{ margin-bottom: 10px; margin-right: 2%; width:49%; padding: 20px 15px; height: 110px;}
    .index_status_list li::after{ height: 2px;}
    .index_status_list li a{ width: 100%; height: 100%;}
    .index_status_list li.libg{ background-size: contain;}
    .index_status_list li h2{
        height: 72px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    
    .index_business{ padding-top: 35px; padding-bottom: 10px;}
    .index_business h1{ float: none; width: 100%; margin-top: 0;}
    .index_business .index_business_right{ float: none; width: 100%;  padding: 30px 10px;}
    .index_business_right ul.index_business_list{overflow: hidden;}
    .index_business_list li h2{ width: 16px; font-size: 16px; top: 20px; left: 20px;}
    .index_business_list li span{ width: 12px;font-size: 12px; right: 10px; line-height: 14px; padding-bottom: 20px;}
    .index_business_list li span::after{ height: 15px;}
    .index_videoBox{ padding-top: 35px; padding-bottom: 35px;}
    .videoCenter{ width: 95%;}
    .videoCenter .swiper-slide{ width: 82.2%; height: 171px;}
    .index_jtcybox{ background-size: 50% auto; padding: 30px 10px; position: relative;}
    .index_jtcybox .index_jtcy_left{ width: 100%; float: none; margin-top: 0;}
    .index_jtcybox .index_jtcy_right{ width: 100%; float: none; margin-top: 30px;}
    .index_jtcy_left a.index_jtcy_more{ position: absolute; font-size: 12px; padding-left: 28px; right: 10px; top: 22px; margin-top: 0; margin-left: 0; background-size: 20px auto;}
    .index_jtcy_right ul.index_jtcy_list li{ float: none; width: 100%; margin-right: 0; margin-bottom: 8px; box-shadow: 0 0 5px 0 rgba(0,19,48,.2); height: 44px;}
    .index_jtcy_right ul.index_jtcy_list li a{ line-height: 44px; padding-top: 0; padding-left: 18px;}
    .index_jtcy_right ul.index_jtcy_list li span{ width:auto;}
    .index_jtcy_right ul.index_jtcy_list li a::before{ top: 14px; bottom: 30px; width: 2px; height: 15px;}
    .index_media{ padding-left: 10px; padding-right: 10px; padding-bottom: 20px;}
    .index_media .swiper-slide .swiper-media-title{font-size: 14px; line-height: 22px; height: 42px; background-size: 22px auto; padding-left: 32px;}
    .index_media .slide_lis{ display: none;}
    .index_media .swiper-slide .swiper-ewm{ bottom: 42px;}
    .index_media .swiper-button-next, .index_media .swiper-button-prev{ width:12px; background-size: 12px auto; bottom: 12px;}
    .index_media h2{ top:25px;}
    .index_contact{ padding:40px 10px 30px;}
    .index_contact .contact_left{float: none; width: 100%;
        padding-bottom: 30px;
        background: none;
    }
    .contact_left ul li{ margin-bottom:22px;}
    .contact_left ul li.index0{ width:96%; margin-right: 0;}
    .contact_left ul li.index1,.contact_left ul li.index2{ width:96% !important;}
    .index_contact .contact_right{ float: none; width:100%;
        background: url(../image/index_mountain.png) no-repeat;
        background-position: center bottom;
        padding-bottom: 35px;
    }
    .contact_right dd{ padding-left:45px;}
    .contact_right dd.ewm{ padding-left: 0; text-align: center;}
    
    .footerbox{ padding-left: 10px; padding-right: 10px; padding-top: 25px; padding-bottom: 18px;}
    .footer_left{ float: none; width: 100%; padding-left: 0;}
    .footer_right{ float: none; font-size: 12px; line-height: 24px; margin-top: 12px;}
    .footer_left .ewm,.footer_left .ewm img{ width:80px;}
    .footer_left .footer_text{ font-size: 12px; margin-left: 16px; line-height: 24px;}
    .footer_text p a{ font-size: 12px;}

    /* 关于我们 */
    .mobile{ display: block;}
    .nav-menu,#nav.nav-hide{ display: none;}
    .logo-in{ display: none !important;}
    .ab-con{ margin-top: 90px; padding: 0 10px;}
    .aboutbox .about_left{ float: none; width: 100%; margin-bottom: 28px;}
    .aboutbox .about_right{ float: none; width: 100%; overflow: hidden; padding-bottom: 40px;}
    .about_left_top h2{ font-size: 22px;}
    .about_left_top img{ max-width: 50%; height: auto;}
    .about_left_top span{ display: none;}
    .about_text{ margin-top: 16px;}
    .about_text h3{ font-size: 18px;}
    .about_text ul{ margin: 20px 0; padding-bottom: 38px;}
    .about_right li{ width: 32.6% !important; margin-right: 1%; height: 128px; margin-bottom: 5px; position: relative; left: auto !important; right: auto !important; top: auto !important;}
    .about_right li > a > dl > dt > p{ font-size: 12px;}
    .about_right li > a > dl > dd{ right: 5px; bottom: 5px;}
    .home-index{ display: none;}
    .back-top,.return{ width:24px; height: 52px; right: 5px; display: none; }
    .back-top .icon,.return .icon{ width: 24px; height: 24px; color: #ed0015; border: 1px solid #ed0015; line-height: 24px; font-size: 12px;}
    .back-top .font,.return .font{ color: #ed0015; width: 24px; height: 28px;  font-size: 12px; line-height: 28px;}
    .back-top{ bottom: 10%;}
    .return{ bottom: 22%;}

    /* 集团简介 */
    .commonTop{ padding-top:20px;}
    .commonTop h1{ font-size: 26px; margin-bottom: 15px;}
    .commonTop h2{ font-size: 22px; margin-bottom: 5px;}
    .commonTop h2 span::before,.commonTop h2 span::after{ top: 10px;}
    .commonTop .location,.commonTop .location a{ font-size: 12px;}
    .about-brief{ padding-top: 20px; padding-bottom: 40px;}
    .about-brief .brief-left,.about-brief .brief-right{ float: none; width: 100%;}
    .brief-content{ height: auto;}
    .brief-content .scroll_bar{ display: none;}
    .about-brief .brief-left{ padding-right:0px;}
    .brief-left h2{ font-size: 16px; margin-bottom: 2px;}
    .brief-left p{ line-height: 32px;}
    .brief-left .brief-title{ padding-left: 54px; margin-left:16px;background-size: 44px;height: 44px;padding-top: 4px; margin-bottom: 15px;}
    .about-brief .brief-right{ margin-top: 10px;}

    /* 发展历程 */
    .historybox{padding-top:10px; padding-bottom: 40px;}
    .historybox .time .slick-prev, .historybox .time .slick-next{ top:30px; width: 20px; height: 20px; background-size: 20px 20px;}
    .historybox .time .slick-prev{ left:-10px;}
    .historybox .time .slick-next{ right: -10px;}
    .dots_dian{ margin-bottom: 12px;}
    .historybox .timecontent{ margin-top: 10px;}
    .historybox .timecontent h2{ font-size: 20px; margin-bottom: 32px;}
    .historybox .timecontent h2 img{ width:20px; margin-right: 15px; height: auto;}
    .historybox .timecontent .fl,.historybox .timecontent .fr{ width: 100%; float: none;}
    .historybox .timecontent .l .imgdiv{ width:100%; height: 262px;}
    .historybox .timecontent .l .timeimg p{ position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.6); width: 100%; color: #fff; font-size: 14px;  line-height: 24px; padding: 10px 10px; text-align: justify;}
    .historybox .timecontent .r p::after{ width: 9px; height: 8px;top:8px;left:0; background-size: auto 8px; background-position: center right;}
    .historybox .timecontent .r p:first-child{ margin-top: 20px;}
    .historybox .timecontent .r p span{line-height: 24px; padding-left: 15px;}
    .historybox .timecontent .r p span:last-child{ margin-left: 0; width: calc(100% - 116px);width: -webkit-calc(100% - 116px); text-align: justify;}

    /* 科研创新列表 */
    .tab-nav{ margin-top:20px; padding:5px 0;}
    .tab-nav .menu ul li a{ padding:5px 15px; }
    .tab-nav .menu ul li.current{ background-size: auto 100%;}
    .innovation{ width: 100%; padding-top: 0;}
    .innovation li{ width: 32.4%; margin-bottom: 6px;}
    .shuiyin{ width: 80% !important; margin: 0 auto;}
    .mfp-figure:after{ width: 80% !important; left: 50% !important; margin-left: -40%;}
    .mfp-arrow{ width: 30px !important;}
    .mfp-arrow-left{ left:10px !important;}
    .mfp-arrow-right{ right: 10px !important;}

    .pages b{ padding: 2px 10px; font-size: 14px;}
    .pages a{ padding: 2px 8px; font-size: 14px; margin-bottom: 5px;}

    /* 荣誉列表 */
    .honorMain{ width:100%; margin-left: -50%; height: 400px; margin-top: -200px;}
    .honorContent{ width:100%;}
    .morepicsbox{ padding: 0 30px;}
    .honorContent .morepicname{ font-size: 14px;}
    .honorContent .swiper-button-next{ right: 5px;}
    .honorContent .swiper-button-prev, .honorContent .swiper-button-next{ margin-top: -25px;}
    .honorContent .swiper-button-prev{ left: 5px;}

    /* 社会责任 */
    .duty-list{ padding-top: 20px;}
    .duty-list li{ padding-top: 10px; padding-bottom: 10px; border-left: none;}
    .duty-list li .imgbox{ width: 38%;}
    .duty-list li .duty-right{ width:62%; padding-left: 18px; padding-right: 0; padding-top: 10px;}
    .duty-list li span.duty-date{ font-size: 14px; padding-bottom: 8px;}
    .duty-list li span.duty-date::after{ width:50px;}
    .duty-list li h2{ font-size: 16px; margin-bottom: 25px;}
    .duty-list li p{ display: none;}
    .duty-list li .duty-right::after{ top: 56px;left: -12px;border-top: 8px solid transparent; border-right: 12px solid #edf1ef; border-bottom: 8px solid transparent;}

    /* 新闻内容 */
    .contentbox{ padding:20px 0 30px;}
    .contentbox .titlebox{ margin-bottom: 30px; padding-bottom: 20px;}
    .contentbox .titlebox h1{ font-size: 22px; line-height: 36px; margin-bottom: 15px;}
    .titlebox .release span{ margin: 0 5px; font-size: 13px;}
    
    /* 业务版块列表 */
    .business_info{margin-top:30px;}
    .business_img{ width:100%;}
    .business_text{ position: relative; top: auto; right: auto; width: 100%; padding:20px 10px;}
    .business_text h2{ margin-top: 0; font-size: 22px;}
    .business_text h3{ font-size: 18px;}
    .business_bief{ height: auto;}
    .business_lists{ margin-top: 30px; padding-top: 30px; border-top: 4px solid #d6e6e3;}
    .business_lists h2{ margin-bottom: 30px;}
    .business_lists ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px;}

    /* 业务版块内容 */
    .projects-content{ margin-top: 30px;}
    .project_box{ height:auto; background: transparent;}
    .project_box .project_pics{ width:100%; position:relative; left: auto; top: auto; border: none;}
    .project_pics .swiper-container{ transform:none;
        -webkit-transform: none;
        -moz-transform:none;
        -ms-transform:none;
    }
    .projects-content .project_brief{ width: 100%; float: none; background: #4f8c7f; padding: 20px 10px 15px;}
    .project_brief .project_text{ float: none; width: 100%; margin-bottom: 10px;}
    .project_brief .video_play{ float: none; text-align: left;}
    .project_brief h2{ font-size: 16px; margin-bottom: 10px;}
    .project_text p{ height: auto;}
    .project-container{ padding-top: 30px; padding-left: 0; padding-right: 0;}
    .project-container .project-title{border-left: 4px solid #4f8c7f; padding-left: 15px; margin-bottom: 15px;}
    .project_brief .video_play img{ width: 28px; height: 28px; margin-bottom: 10px; vertical-align: -webkit-baseline-middle;}
    .project_brief .video_play span{ display: inline-block;}
    .showVideo{ z-index: 10000;}
    .video_project{ width: 90%; margin-left: -45%; height: 300px; margin-top: -150px;}
    .video_close img{ width:20px;}
    .video_close{ margin-right: 0;}
    .video_content{ height: auto;}
    .project_pics .swiper-button-next {
        background-image: url(../image/phone_arrow_r.png);
        right: 0;
    }
    .project_pics .swiper-button-prev {
        background-image: url(../image/phone_arrow_lr.png);
        left: 0;
    }
    .project_pics .swiper-button-next, .project_pics .swiper-button-prev{ margin-top: -17px;}

    
    /* 经典项目列表 */
    .projects-list{ width:100%;}
    .projects-list li{ width: 50%; padding: 0 5px; margin-bottom: 10px;}
    .projects-list li h2{ margin-bottom: 0;}

    /* 集团动态列表 */
    .newsBox{ padding-top:30px;}
    .newsfirst .swiper-slide .imgbox{ float: none; width: 100%;}
    .newsfirst .swiper-slide .first-right{ float: none; width:100%; padding: 15px 0;}
    .newsfirst .swiper-slide h2{ overflow: hidden; margin-bottom: 10px; text-overflow:ellipsis; white-space:nowrap; font-size: 16px; line-height: 24px;}
    .newsfirst .swiper-slide p{ font-size: 14px; line-height: 24px; height: 48px; margin-top: 10px; margin-bottom: 15px;} 
    .newsfirst .swiper-pagination{ right: 0; left: auto; bottom: 18px;}
    .newslists{ padding-top: 20px;}
    .newslists li{ width:49%; margin-right: 2%; margin-bottom: 10px;}
    .newslists li a{ padding-bottom: 15px;}
    .newslists li h2{ margin-top: 15px; padding: 0;}
    .newslists li p{ margin-bottom: 10px;}
    .newslists li .news-info{ padding: 0; line-height: 24px; height: 48px; margin-bottom: 15px;}
    .newslists li span{ padding-top: 15px;}

    /* 通知公告列表 */
    .commonlists{ padding-top: 0;}
    .commonlists li{width:100%; margin-right: 0; float: none; padding: 10px 10px; margin-bottom: 10px;}
    .commonlists li .common-date{ width:70px; height: 54px;}
    .commonlists li .common-date p{ font-size: 20px;}
    .commonlists li .common-date span{ margin-top: -4px; font-size: 14px;}
    .commonlists li .more-look{ margin-top: 13px; padding-top: 10px;}

    /* 名人剪影列表 */
    .famous-list{ width:100%; margin-top: 30px;}
    .famous-list li{ width:49%; margin-right: 2%; margin-bottom: 10px;}
    .famous-list li a{ margin-left: 0; width: 100%; margin-top: 0;}
    .famous-list li img{
        transform:none;
        -webkit-transform: none;
        -ms-transform:none;
        -moz-transform:none;
    }
    .famous-list li .box-name{width:100%; height: auto; position: relative; right: auto; top: auto; padding: 10px 0;}
    .mfp-title{ line-height: 24px !important; padding: 10px 10px;}

    /* 集团映像 */
    .video_lists{ padding-top:30px; width:100%;}
    .video_lists li{ width: 49%; margin-bottom: 10px;}
    .video_lists li .video_tit{ height: 56px; padding: 5px 5px; line-height: 24px;}

    /* 党群动态 */
    .partylist li{ height: auto; padding-bottom: 10px; margin-bottom: 0;}
    .partylist li a{ padding:0;}
    .partylist li .party-time{ float: left; width: 18%;}
    .partylist li .party-time p{ font-size: 20px;}
    .partylist li .party-time span{ font-size: 14px; line-height: 22px;}
    .partylist li .party-right{ width:80%;}
    .partylist li .party-right h2{ font-size: 16px; margin-bottom: 2px;}
    .partylist li .party-right p{ display: none;}
    .partylist li .party-right .views{ line-height: 20px;}

    /* 企业文化 */
    .cuturebox .culture-list{ padding-top:10px;}
    .culture-list li{ width: 100%; margin:0 0 10px;writing-mode:inherit; text-align: left; height: auto;}
    .culture-list li::before{ display: none;}
    .culture-list li::after{ display: none;}
    .culture-list li h2{ display: inline-block; margin-right: 0px; font-size: 18px;}
    .culture-list li .cul-r{writing-mode:inherit; display: inline-block; padding-top: 0;}
    
    /* 人才理念 */
    .ideaContent{ margin-top:0; padding-bottom: 0;}
    .ideaContent .ideaText{ width: 100%; position: relative; right: auto; top: auto; min-height: auto; padding: 25px 10px 20px;}

    /* 最新招聘 */
    .job-list{ padding-top:30px;}
    .job-list li{ width:50%; padding:0 5px; margin-bottom: 10px;}
    .job-list li a{ padding: 25px 0;}
    .job-list li .jobInfo{ font-size: 12px; line-height: 24px; margin-top: 12px; height: auto;}
    .job-list li h2{ font-size: 16px;}
    .job-list li .job_btn{ font-size: 12px; width: 100px; margin-top: 15px; height: 32px; line-height: 32px;}
    .showContent{ z-index: 10000;}
    .showContent .tanz{ width:94%; height: auto; margin-left: -47%; overflow: auto; padding: 30px 10px;}
    .showContent .tanclose{ right: 0;}
    .tanInfo .tanT{ margin-bottom: 5px;}
    .tanInfo .jonMail{ position: relative; right: auto; bottom: auto;}
    .tanContent{ margin-top: 18px; height: auto; padding-top: 15px;}
    .showContent .tanbody{ width: 100%;}
    .tanContent .scroll_bar{ display: none;}

    /* 搜索 */
    .moreSearch{ width:100%; float:none;}
    .moreSearch form.search_news input.search_text{ width:85%;}
    .moreSearch form.search_news input.button{ float: right; width: 15%;}
    .search_list li{padding-left: 20px; background-size: 6px auto; background-position: left center;}
    .search_list li a{ width:72%;}
}

/* 分辨率375屏幕 */
@media screen and (max-width:380px) {
    .historybox .timecontent .l .imgdiv{ height: 236px;}
    .videoCenter .swiper-slide{height: 155px;}
    .index_banner .bannerContent h1{ font-size: 19px;}
}    
@media screen and (max-width:360px) {
    .historybox .timecontent .l .imgdiv{ height: 236px;}
    .index_banner .bannerContent h1{ font-size: 17px;}
    .videoCenter .swiper-slide{height: 149px;}
    .index_banner .bannerContent p{ font-size:13px; line-height:22px;}
}    
@media screen and (max-width:330px) {
    .index_banner .bannerContent{ padding:0 5px;}
    .index_banner .bannerContent h1{font-size:16px;}
    .videoCenter .swiper-slide{ height: 132px;}
    .historybox .timecontent .l .imgdiv{height:200px;}
    .historybox .time .item.slick-slide{ font-size: 14px;}
    .historybox .timecontent{ margin-top: 0;}
    .historybox .timecontent h2{ font-size: 18px; margin-bottom: 25px;}
    .historybox .timecontent .r p{ font-size: 14px;}
    .historybox .timecontent .r p span:last-child{padding-left: 0;}
    .innovation li a{ padding:2px;}
    .innovation li img{ border: 2px solid #fff;}
    .duty-list li .duty-right{ padding-top: 2px;}
    .duty-list li h2{ margin-bottom: 15px;}
    .contentbox .titlebox h1{ font-size: 20px; line-height: 32px;}
    .titlebox .release span{ font-size: 12px;}
    .projects-list li h2{ padding: 10px 5px;}
    .commonlists li h2{ width:72%;}
    .search_list li a{ width:68%;}
}