@charset "utf-8";


/*banner*/
.index-banner{
    overflow: hidden;
    width: 100%;
}
img{border:none}
.slideBox{width:100%;height:483px;overflow:hidden;position:relative}
.slideBox .hd{width:100%;position:absolute;bottom:0;z-index:1}
.slideBox .hd ul{text-align:center}
.slideBox .hd ul li{width:80px;height:36px;margin:0 3px;display:inline-block;position:relative}
.slideBox .hd ul li .dot{width:80px;height:4px;background-color:hsla(0,0%,60%,.4)}
.slideBox .hd ul li span{display:none;color:#fff;position:absolute;width:100%;font-size:14px;left:0;top:0;line-height:36px;cursor:pointer}
.slideBox .hd ul li.on .liner{width:80px;height:4px;animation:liner 2.5s;position:absolute;top:0;left:0;background:linear-gradient(90deg,#198cff,#8847c1)}
.slideBox .hd ul li:hover .dot{display:none}
.slideBox .hd ul li:hover{width:206px;height:36px;transform:translateY(-50%);background:linear-gradient(90deg,#198cff,#8847c1);transition:all .1s ease}
.slideBox .hd ul li:hover span{display:inline-block}
@keyframes liner{from{width:0}
    to{width:100%}
}
.slideBox .bd{width:100%;position:relative;height:483px;overflow:hidden}
.slideBox .bd li{text-align:center}
.slideBox .bd img{object-fit: contain;width:1600px;height:483px;}
.slideBox .bd:hover~.prev{display:block}
.slideBox .bd:hover~.next{display:block}
.slideBox .prev:hover{display:block}
.slideBox .next:hover{display:block}
.slideBox .prev{display:none;position:absolute;left:3%;top:50%;margin-top:-25px;width:29px;height:52px;background:url(../images/left_array.png) no-repeat;background-size:cover}
.slideBox .next{display:none;position:absolute;right:3%;top:50%;margin-top:-25px;width:29px;height:52px;background:url(../images/right_array.png) no-repeat;background-size:cover}
.slideBox .bd li.active{animation-name:ai-big-out;animation-duration:.3s;animation-timing-function:ease;animation-fill-mode:forwards}
@keyframes ai-big-out{0%{z-index:3;transform:scale(1.1);opacity:1}
    50%{transform:scale(1.2);opacity:.5}
    to{transform:scale(1.3);opacity:1}
}
/*index-news*/
.index-news{
    overflow:hidden;
}
.n_d_left {
    width: 620px;
    height: 388px;
    background: #fff;
    cursor: pointer;
    float: left;
}
.n_d_left .news_img {
     margin-top: 20px;
     margin-left: 20px;
     width: 580px;
     height: 286px;
     background: url('../images/home_news_bg.png');
 }
.n_d_left ul {
    margin-top: 20px;
    margin-left: 20px;
    display: inline-block;
    position: relative;
    margin-right: 5px;
}
.n_d_left ul .date {
    font-size: 24px;
    font-weight: 500;
    color: rgba(51,51,51,1);
    line-height: 26px;
}
.n_d_left ul .year {
    text-align: right;
    font-size: 14px;
    font-weight: 500;
    color: rgba(153,153,153,1);
    line-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: inline-block;
}
.n_d_left ul:last-child li {
    margin-bottom: 8px;
}
.n_d_left .news_title {
    font-size: 16px;
    font-weight: 500;
    color: rgba(51,51,51,1);
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: inline-block;
    text-align: right;
}
.n_d_left_ul2{
    width: 478px;
}
.n_d_right {
    width: 556px;
    height: 388px;
    float: right;
}
.n_d_right ul {
    display: inline-block;
    position: relative;
}
.n_d_right ul .news_box:hover {
    cursor: pointer;
    background: #5db0f8;
    color: #fff;
}
.news_box:hover ul li {
    color: #FFFFFF !important;
}
.news_box:hover .short_line:after {
    background: #ffffff;
}
.n_d_right ul .news_box {
    position: relative;
    width: 556px;
    height: 82px;
    background: #fff;
    margin-bottom: 20px;
    transition-duration: 0.8s;
}
.short_line {
    position: relative;
}
.news_date {
    padding-top: 20px;
    margin-left: 20px;
    font-size: 24px;
    font-weight: 500;
    color: #333333;
    line-height: 26px;
}
.news_year {
    margin-left: 51px;
    font-size: 14px;
    font-weight: 500;
    color: #999999;
    line-height: 19px;
}
.news_box .short_line:after {
    position: absolute;
    content: "";
    right: -15px;
    top: 22px;
    width: 1px;
    height: 39px;
    background: rgba(153,153,153,1);
}
.short_line:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 60px;
    background: rgba(230,230,230,1);
    right: -24px;
    top: 12px;
}
.news_tag {
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: inline-block;
}
.width440{
    width: 440px;
}
.con_right {
    float: right;
    padding: 20px 0 0;
}
.news_content {
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    line-height: 16px;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: inline-block;
}
.more{
    text-align: center;
    width: 200px;
    border: 1px solid #fff;
    height: 40px;
    line-height: 40px;
    background: #fff;
    margin:30px auto 0;
}
.more a{
    color: #999;
}
.index-about-us{
    overflow: hidden;
}
.index-about-us-img{
    width: 38%;
    float: left;
}
.index-about-us-text{
    width: 58%;
    float: right;
    font-size: 16px;
    line-height: 1.8;
    text-indent: 2em;
}
.index-about-us-text p{
    margin-top: 10px;
    color: #999;
}
.index-business ul{
    display: flex;
    justify-content: center;
    width: 1230px;
}
.index-business ul li{
    width: calc(20% - 27px);
    margin-right: 25px;
    display: inline-block;
    overflow: hidden;
    border: 1px solid #f1f1f1;
}
.index-business ul li:hover{
    box-shadow: 0 0 5px 5px #f1f1f1;
}
.index-business ul li img{
    width: 100%;
}
.index-business-text{
    text-align: center;
    padding: 10px 10px 15px;
}
.index-business-text h2 {
    font-size: 22px;
    font-weight: 500;
    line-height: 2;
}
.index-business-text p{
    color: #999;
    line-height: 1.8;
}

.contant ul li{
    line-height: 35px;
}
.contant{
    overflow: hidden;
    padding: 20px 0;
}
.company-name{
    line-height: 45px;
}
.about-us{
    padding: 20px 0;
}
.about-img{
    width: 750px;
    margin: auto;
    padding: 20px 0;
}
.news-detail{
    width: 100%;
    text-align: center;
}
.news-detail p{
    line-height: 35px;
    text-indent: 2em;
    text-align: left;
}
.news-detail img{
    margin: 15px 0;
}
.news-detail-title{
    margin-bottom: 20px;
    line-height: 2;
    font-weight: bold;
    color: #000;
    position: relative;
    padding-bottom: 10px;
    text-align: center;
}

.news-detail-title:before {
    position: absolute;
    bottom: 0;
    content: "";
    width: 50px;
    margin-left: -25px;
    height: 2px;
    left: 50%;
    background: #5db0f8;
}
/*主营业务*/
.main-business-title{
    width: 100%;
    margin: auto;
    text-align: center;
    padding: 20px 0;
}
.main-business-title h2{
    font-size: 20px;
    font-weight: 400;
    color: rgba(51,51,51,1);
    line-height: 28px;
}
.main-business-title p{
    font-size: 18px;
    font-weight: 400;
    color: rgba(153,153,153,1);
    line-height: 25px;
}

.main-business-left{
    background: #ffffff;
    display: inline-block;
    width: 220px;
    height: 100%;
    box-shadow: 0 0 12px 0 rgba(0,0,0,0.1);
}
.main-business-left-menu ul li.active {
    background: linear-gradient(90deg,#5db0f8 0%, #6db9fc 100%);
    /*background: linear-gradient(90deg,rgba(237,105,0,1) 0%,rgba(253,174,50,1) 100%);*/
}
.main-business-left-menu ul li.active a{
    color: rgba(255,255,255,1);
}
.main-business-left-menu ul li a{
    padding: 18px 0;
    display: block;
}
.main-business-left-menu ul li{
    font-size: 16px;
    font-weight: 500;
    color: rgba(51,51,51,1);
    line-height: 22px;
    cursor: pointer;
    text-align: center;
    display: block;
}

.main-business-right {
    width: 960px;
    background: #ffffff;
    display: block;
    float: right;
}
.width906{
    width: 906px;
}
.width1150{
    width: 1150px;
    margin: auto;
}
.bg-f7f{
    background: #f7f7f7;
}
.news-list{
    background: #ffffff;
}
.profile_top {
    border-bottom: 1px solid rgba(238,238,238,1);
    margin: auto;
}
.left240:before{
    left: 240px;
}
.left0:before{
    left: 0px;
}
.profile_top:before {
    position: absolute;
    content: '';
    top: 27px;
    width: 6px;
    height: 18px;
    background: #5db0f8;
}
.profile_top .head_title {
    display: inline-block;
}
.profile_top .head_title p {
    padding: 24px 0 20px 0;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    color: rgba(51,51,51,1);
    line-height: 25px;
    position: relative;
}
.profile_top ul {
    float: right;
    display: inline-block;
    padding: 26px 0 26px 0;
}
.profile_top ul li {
    display: inline-block;
    font-size: 14px;
    color: rgba(51,51,51,1);
    line-height: 16px;
    position: relative;
    padding-right: 14px;
}

.profile_top ul li:after {
    position: absolute;
    content: "";
    width: 4px;
    height: 7px;
    top: 4px;
    right: 4px;
    background: url('../images/about_download_triangle.png') no-repeat;
}
.profile_top ul li:last-child {
    padding-right: 0;
}
.profile_top ul li:last-child:after {
    background: none;
}
.profile_middle {
    position: relative;
    padding-bottom: 30px;
}
.profile_middle .profile_title {
    font-size: 30px;
    font-weight: 400;
    color: rgba(51,51,51,1);
    line-height: 36px;
    padding: 56px 0 12px 0;
    text-align: center;
}
.profile_middle .block1 {
    width: 700px;
    height: 250px;
    margin: 45px auto 12px;
}
.part_three {
    font-size: 18px;
    font-weight: 400;
    color: rgba(51,51,51,1);
    line-height: 16px;
    text-align: center;
    position: relative;
    width: 700px;
    margin: 50px auto 20px;
}
.profile_middle .part_three span:before {
    content: "";
    width: 140px;
    height: 1px;
    background: #d8d8d8;
    position: absolute;
    left: 145px;
    top: 7px;
}
.profile_middle .part_three span:after {
    content: '';
    width: 140px;
    height: 1px;
    background: #d8d8d8;
    position: absolute;
    right: 145px;
    top: 7px;
}
.profile_middle p {
    font-size: 14px;
    font-weight: 400;
    color: rgba(153,153,153,1);
    line-height: 30px;
    text-align: center;
}
.news_list{
    margin: 0 25px;
}
.news_list ul {
    display: inline-block;
}
.news_list a {
    display: block;
    overflow: hidden;
}
.width1020{
    width: 1020px;
}
.news_list:hover {
    cursor: pointer;
}
.news_list {
    margin-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(238, 238, 238, 1);
}
.profile_middle .profile_title {
    text-align: center;
    font-size: 20px;
    padding-top: 32px;
    font-weight: 400;
    color: rgba(51,51,51,1);
}
.news-detail-middle{
    padding: 0 25px;
}
.news-detail-middle p{
    margin-bottom: 15px;
    text-align: left;
    text-indent: 2em;
}
.next-new{
    display: flex;
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
}
.next-new a{
    color: #888;
}
.flex{
    flex: 1;
}
.next-new-left{
    text-align: left;
}
.next-new-right{
    text-align: right;
}
.amap{
    padding: 20px 0;
}

/*冷链详情*/
.lenglian-detail-title{
    text-align: center;
    padding: 50px 0;
}
.lenglian-detail-title h2{
    font-size: 30px;
    color: #272727;
    text-align: center;
}
.lenglian-detail-title span{
    font-size: 20px;
    color: #6d6d6d;
    margin: 10px auto;
    display: table;
    padding-bottom: 10px;
    border-bottom: 2px solid #e3e3e3;
}
.item-area {
    width: 100%;
    clear: both;
    overflow: hidden;
}
.item-area .item {
    width: calc((100% - 160px) / 4);
    float: left;
    text-align: center;
    color: #171717;
    padding: 15px 20px;
}
.item-area .item .item-img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
.item-area .item .item-img img{
    display: inline-block;
    overflow: hidden;
    width: 78px;
    height: 78px;
    margin-top: 11px;
}
.item-area .item .item-img:hover img{
    display: inline-block;
    overflow: hidden;
    width: 100px;
    height: 100px;
    margin-top: 0;
}
.item-area .item .span2 {
    font-size: 22px;
    padding: 10px 0;
    display: inherit;
}
.item-area .item .span3 {
    font-size: 14px;
    display: inherit;
    color: #999;
    line-height: 1.5;
}
.lenglian-about{
    position: relative;
    margin-top: 50px;
}
.lenglian-about-text{
    position: absolute;
    top: 0;
    right: 0;
    width: 60%;
    padding: 2%;
    background: rgba(0, 0, 0, .5);
}
.lenglian-about-text p{
    color: #fff;
    text-align: left;
    text-indent: 2em;
}

.server-area {
    width: calc(100% - 20px);
    clear: both;
    overflow: hidden;
    background: #f9f9f9;
    padding: 50px 0 50px 20px;
}
.server-area h2 {
    font-size: 30px;
    color: #272727;
    text-align: center;
    margin: 0 0 20px 0;
}
.server-area .server-item-box {
    width: 100%;
    margin: 0 auto;
}
.server-area .server-item-box .item-box {
    width: calc((100% - 60px) / 3);
    float: left;
    margin-right: 20px;
}
.server-area .server-item-box .item-box span {
    font-size: 22px;
    text-align: center;
    line-height: 60px;
    display: inherit;
}
.server-area .server-item-box .item-box .item-content {
    width: 100%;
    height: 173px;
    position: relative;
    overflow: hidden;
}
.server-area .bg-item {
    width: 100%;
}
.server-area .server-item-box .item-box .item-content img{
    display: inline-block;
    overflow: hidden;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
}
.server-area .server-item-box .item-box .item-content .item-text {
    width: 100%;
    line-height: 20px;
    padding: 10px;
    font-size: 14px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url('../images/item_bg.png') repeat;
    display: none;
}
.server-area .server-item-box .item-box .item-content:hover .item-text{
    display: block;
}

.goodness {
    width: 100%;
    clear: both;
    overflow: hidden;
}
.goodness h2 {
    font-size: 30px;
    color: #272727;
    text-align: center;
    margin: 50px 0;
}
.goodness .goodness-content {
    width: 100%;
    clear: both;
    overflow: hidden;
    background: url('../images/goodness-bg.png') repeat;
}
.goodness-content .goodness-area {
    width: 100%;
    /*height: 425px;*/
    margin: 0 auto;
}
.goodness-content .goodness-area .goodness-box{
    overflow: hidden;
}
.goodness-content .goodness-area .left {
    width: 50%;
    height: 425px;
    float: left;
}
.goodness-content .goodness-area .left .item1 {
    width: 50%;
    height: 212px;
    float: left;
    background: url('../images/icon1.jpg') no-repeat -70px -10px;
}
.goodness-content .goodness-area .left .item2 {
    width: 50%;
    height: 212px;
    float: left;
    background: url('../images/icon2.jpg') no-repeat -50px -10px;
}
.goodness-content .goodness-area .left .item3 {
    width: 50%;
    height: 213px;
    float: left;
    background: url('../images/icon3.jpg') no-repeat -70px -10px;
}
.goodness-content .goodness-area .left .item4 {
    width: 50%;
    height: 213px;
    float: left;
    background: url('../images/icon4.jpg') no-repeat -50px -10px;
}
.goodness-content .goodness-area .left .item1:hover {
    background: url('../images/icon11.jpg') no-repeat -70px -10px;
    cursor: pointer;
}
.goodness-content .goodness-area .left .item2:hover {
    background: url('../images/icon22.jpg') no-repeat -50px -10px;
    cursor: pointer;
}
.goodness-content .goodness-area .left .item3:hover {
    background: url('../images/icon33.jpg') no-repeat -70px -10px;
    cursor: pointer;
}
.goodness-content .goodness-area .left .item4:hover {
    background: url('../images/icon44.jpg') no-repeat -50px -10px;
    cursor: pointer;
}
.goodness-content .goodness-area .right {
    width: 50%;
    height: 425px;
    float: left;
}
.goodness-content .goodness-area .right .item5 {
    width: 50%;
    height: 212px;
    float: left;
    background: url('../images/icon5.jpg') no-repeat -50px -22px;
}
.goodness-content .goodness-area .right .item6 {
    width: 50%;
    height: 212px;
    float: left;
    background: url('../images/icon6.jpg') no-repeat -30px -25px;
}
.goodness-content .goodness-area .right .item7 {
    width: 50%;
    height: 213px;
    float: left;
    background: url('../images/icon7.jpg') no-repeat -50px 0;
}
.goodness-content .goodness-area .right .item8 {
    width: 50%;
    height: 213px;
    float: left;
    background: url('../images/icon8.jpg') no-repeat -30px 0;
}
.goodness-content .goodness-area .right .item5:hover {
    background: url('../images/icon55.jpg') no-repeat -50px -22px;
    cursor: pointer;
}
.goodness-content .goodness-area .right .item6:hover {
    background: url('../images/icon66.jpg') no-repeat -30px -25px;
    cursor: pointer;
}
.goodness-content .goodness-area .right .item7:hover {
    background: url('../images/icon77.jpg') no-repeat -50px 0;
    cursor: pointer;
}
.goodness-content .goodness-area .right .item8:hover {
     background: url('../images/icon88.jpg') no-repeat -30px 0;
     cursor: pointer;
 }
.goodness-content .goodness-area .midden {
    width: 100%;
    display: block;
    height: 250px;
}
.goodness-content .goodness-area .midden h3 {
    font-size: 26px;
    color: #fff;
    text-align: center;
    padding: 30px 0;
}
.goodness-content .goodness-area .midden p {
    padding: 0 30px 0 30px;
    text-indent: 30px;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
}
.scope {
    width: 100%;
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
}
.scope h2 {
    font-size: 30px;
    color: #272727;
    text-align: center;
    margin: 50px 0 20px 0;
}
.scope span {
    font-size: 14px;
    line-height: 28px;
    display: inherit;
    color: #999;
}
.scope img {
    margin-top: 100px;
}
.partner {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.partner h2 {
    font-size: 30px;
    color: #272727;
    text-align: center;
    margin: 50px 0 0 0;
}
.partner span {
    font-size: 18px;
    line-height: 28px;
    display: inherit;
    margin-bottom: 30px;
}


.goodness-why ul li{
    float: left;
    width: calc(33.33% - 32px);
    text-align: center;
    border: 1px solid #f9f9f9;
    box-shadow: 0 2px 10px rgba(100, 100, 100, .1);
    padding: 5px;
    margin: 10px;
}
.fujj-content {
    overflow: hidden;
}
.fujj-content li {
    float: left;
    width: 50%;
    margin-top: 30px;
}
.fujj-content li h4.fu-01 {
    background: url('../images/cont_01mg.png') no-repeat 10px center;
}
.fujj-content li h4.fu-02 {
    background: url('../images/cont_02mg.png') no-repeat 10px center;
}
ul.fujj-content li h4.fu-03 {
    background: url('../images/cont_03mg.png') no-repeat 10px center;
}
.fujj-content li h4.fu-04 {
    background: url('../images/cont_04mg.png') no-repeat 10px center;
}
.fujj-content li h4 {
    font-size: 22px;
    text-align: left;
    padding-left: 50px;
    height: 60px;
    line-height: 60px;
    font-weight: normal;
}
.fujj-content li p {
    font-size: 14px;
    text-align: left;
    width: 400px;
    padding-left: 40px;
    line-height: 35px;
    background: url('../images/cont_00mg.png') no-repeat 20px 14px;
}
.fu-content{
    padding: 40px 0;
}
.fu-content .h2{
    text-align: center;
    font-size: 28px;
}

.business .h2{
    text-align: center;
    font-size: 28px;
    padding: 50px;
}
.business ul {
    width: 100%;
    display: block;
    overflow: hidden;
}
.business ul li {
    width: 20%;
    display: block;
    float: left;
    margin-bottom: 20px;
    overflow: hidden;
    font-size: 22px;
}
.business ul li i{
    font-style: normal;
    width: 100%;
    text-align: center;
    padding: 20px 0;
    display: inline-block;
}
.business ul li img {
    width: 65%;
    display: block;
    margin: 0 auto;
    max-width: 93px;
}
.ys{
    font-size: 16px!important;
    height: 30px!important;
    line-height: 30px!important;
    color: #999;
    padding-right: 20px;
    background: url('../images/cont_03mg.png') no-repeat 10px top!important;
}

/*快递*/

#tab_top{
    width: 300px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #f2f2f2;
    margin: 30px auto;
}
#tab_top li{
    width: 100px;
    float: left;
}
#tab_top li.current{
    background: #6db9fc;
    color: #fff;
}
#tab_bottom{
    width: 100%;
    position: relative;
    overflow: hidden;
}
#tab_bottom .tab_bottom_li{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding-left: 15px;
    box-sizing: border-box;
    display: none;
}
#tab_bottom .tab_bottom_li.current{
    display: block;
}


.cp-list .item1 {
    height: 498px;
}

.cp-list .item {
    border-bottom: 1px solid #F0F0F0;
    width: 100%;
}

.cp-list .item .pos {
    position: relative;
}
.w980 {
    width: 890px;
    margin: 0 auto;
}
.cp-list .item1 img {
    position: absolute;
    right: 0;
    top: 94px;
}
.cp-list .item1 .pos1 {
    position: absolute;
    top: 78px;
    left: 0;
}
.cp-list .pos1 h2 {
    font-size: 35px;
    font-weight: normal;
    margin-bottom: 16px;
    line-height: 50px;
}
.cp-list .item1 .pos1 p {
    width: 355px;
    line-height: 30px;
}
.cp-list .pos1 p {
    color: #a5a5a5;
    font-size: 16px;
    text-align: left;
}
.cp-list .item1 .pos2 {
    position: absolute;
    top: 300px;
    left: 0;
}

.cp-list .item1 .pos2 .u1 .u1-span {
    font-size: 16px;
    color: #686868;
    padding-top: 12px;
    position: relative;
    float: left;
    margin: 6px 20px 6px 0;
    width: 100px;
}
.cp-list .item1 .pos2 .u1{ margin-right: 40px;}
.cp-list .item1 .pos2 .u1-span .p-pop{
    position: absolute;
    border: 2px solid #F1F1F1;
    width: 280px;
    bottom: 28px;
    color: #8a8a8a;
    font-size: 14px;
    left: 0;
    background: #fff;
    padding: 0 13px;
    display: none;
}
.p-pop i {
    position: absolute;
    width: 17px;
    height: 9px;
    background: url(../images/pArrow.jpg) no-repeat;
    bottom: -9px;
    left: 25px;
}
.cp-list .item1 .pos2 .u1-span:hover .p-pop{ display: block;}

.cp-list .item1 .pos3{ position: absolute;top:248px;left:181px;}
.cp-list .item1 .pos3 ul li{ font-size:16px;color:#686868;margin-bottom: 12px;}
.cp-list .item1 .pos4{ position: absolute;top:420px;left:75px;}
.cp-list .item1 .pos4 a{ display:block;width:111px;height: 28px;line-height: 28px;color:#fff; text-align: center; background:#21ab38;}

.cp-list .item2 {
    height: 600px;
}
.cp-list .even {
    background: #FDFDFD;
}
.cp-list .item2 img {
    position: absolute;
    left: 0;
    top: 108px;
}
.cp-list .item2 .pos1{ position: absolute;top:194px;right:0;}
.cp-list .item2 .pos1 p{ text-align: right;line-height: 30px;}
.cp-list .item3{ height: 500px;}
.cp-list .item3 img{ position: absolute;left:0;top:194px;}
.cp-list .item3 .pos1{ position: absolute;top:68px;left:191px;}
.cp-list .item3 .pos1 h2{ text-align: center;}
.cp-list .item3 .pos1 p{ text-align: center;line-height: 30px;}
.cp-list .item3 .pos1 p span{ display: inline-block;margin-right: 30px;}
.ys-list .item3 .tabslide3 li.on{background:#F5F5F5;}
.tsjz{
    float:left;
    width:160px;
    height:250px;
    padding-top:110px;
    text-align:center;
}
.tsjz h2{
    height:30px;
    margin-bottom:10px;
    font-size:16px;
    color:#21ab38;
}
.tsjz span{
    display:block;
    position:absolute;
    width:160px;
    margin:90px 0 0 0;
    font-size:55px;
    color:#eee;
}
.tsjz li{
    margin:10px 0;
    line-height:14px;
    font-size:13px;
    color:#666;
}
.tsjz_1{
    margin-left:0;
    background:url(../images/pb31.png) no-repeat -55px 0;
}
.tsjz_2{
    margin-left:20px;
    background:url(../images/pb31.png) no-repeat -225px 0;
}
.tsjz_3{
    margin-left:20px;
    background:url(../images/pb31.png) no-repeat -417px 0;
}
.tsjz_4{
    margin-left:20px;
    background:url(../images/pb31.png) no-repeat -600px 0;
}
.tsjz_5{
    margin-left:20px;
    background:url(../images/pb31.png) no-repeat -780px 0;
}
.cp-list .item4{height: 500px;}
.tablist{width:calc(100% - 11px) ; position: absolute;top:100px;background:#fff;height: 364px;border:1px solid #EAEAEA;}
.tablist .hd{ float: left;width:160px;}
.tablist .hd .hd_tab_li{ background:#FAFAFA;
    height:90px;padding-left: 66px;line-height: 90px;font-size: 18px; position: relative;border-bottom: 1px solid #EAEAEA;border-right: 1px solid #EAEAEA;color:#666;}
.tablist .hd .hd_tab_li.on { background:#fff; border-right: none;}
.tablist .hd .li4{ border-bottom: none;}
.tablist .hd .hd_tab_li span{background:url(../images/tablist.png) no-repeat; position: absolute;display: block; width:41px;top:26px;left:14px;}
.tablist .hd .li1 span{ height: 37px;background-position: 0 0;}
.tablist .hd .li2 span{ height: 41px;background-position: 0 -42px;}
.tablist .hd .li3 span{ height: 29px;background-position: 0 -89px;}
.tablist .hd .li4 span{ height: 36px;background-position: 0 -123px;}
.tablist .bd{ float: left;width:680px;font-size: 14px;padding-left: 30px;position: relative;}
.cp-list .item4 .tablist .bd .btimg{ position: absolute;width:200px;height: 186px;right:0;top:80px;
    display: block;}
.tablist .bd .btimg img{width: 100%; height: 100%}
.tablist .bd{ line-height: 22px;}
.tablist .bd .bitem{ width:470px;margin-top: 10px;color:#666;}
.tablist .bd p{ margin-bottom: 10px; text-align: left}
.tablist .bd p span{ font-weight: bold;color: #666}
.tablist .hd .hd_tab_li{ cursor: pointer;}
.tablist .hd .li2 span {
    height: 41px;
    background-position: 0 -42px;
}
.text-center{
    text-align: center!important;
}

.cp-list .item5{ height: 691px;}
.cp-list .item5 .pos1 h2{ position: absolute;top:57px;left:370px;}
.cp-list .item5 .pos1 img{ position: absolute;left: 0;top:130px;}
.cp-list .item5 .pos2{ position: absolute;top:317px;}
.cp-list .item5 .pos2 h2{ font-size: 35px;font-weight: normal;margin-bottom: 40px;text-align: center;}
.cp-list .item5 .plist .left{ float: left;}
.cp-list .item5 .plist .right{ float: left;margin-left: 20px;}
.cp-list .item5 .plist .pitem{ width:430px;height: 133px;position: relative;overflow: hidden;}
.cp-list .item5 .plist .pitem .label{ display: block;background:#21ab38;width:117px;height: 31px;line-height: 31px;text-align: center;color:#fff;position: absolute;top:51px;left:50%;margin-left: -58px;z-index: 1;}
.cp-list .item5 .plist .pitem .sbox{ position: absolute;top:0;left:0;width:100%;height: 133px;display: block;z-index: 2;background:#000;opacity: .6;filter:alpha(opacity=60);display: none;}

.cp-list .item5 .plist .ctop{ position: absolute;bottom:0;height:0 ;z-index: 10;color:#fff;padding:0 15px;}
.cp-list .item5 .plist .ctop h3{ color:#fff;text-align: center;padding-top: 12px;padding-bottom: 12px;margin:0;}
.cp-list .item5 .plist .ctop p{text-indent: 2em; line-height: 20px;color:#fff;}
.cp-list .item5 .plist .pitem:hover .ctop{height: 133px}
.cp-list .item5 .plist .pitem:hover .label{display: none}
.cp-list .item5 .plist .pitem:hover .sbox{display: block}
.cp-list .item5 .pos3{ position: absolute;top:550px;left:0;color:#757575;font-size: 14px;}
.cp-list .item5 .pos3 span{ display: block;margin-bottom: 12px; }
.ul_process{
    width:980px;
    height:200px;
    padding:50px 0 0;
}
.ul_process li{
    float:left;
    width:182px;
    height:20px;
    margin:0 40px 40px 0;
    padding:15px 40px;
    line-height:16px;
    background:#f5f5f5;
    border:#eee 1px solid;
    text-align:center;
    color:#666;
    font-size:14px;
}

.cp-list .item6{ height: 510px;}
.cp-list .item6 .pos1 h2{ text-align: center;padding-top: 49px;}
.linkbox{ margin-top: 46px;}
.linkbox ul{ position: relative;left:-20px;}
.linkbox ul li{ width:calc((100% - 88px) / 4);height: 94px;line-height:94px;border:1px solid #E9E9E9; float: left;margin-left: 20px;margin-bottom: 20px;text-align: center;background:#fff;vertical-align: middle;}
.linkbox ul li a{ line-height: 94px;display: inline-block;width:100%;height: 94px;*display:inline;_display:inline;}
.linkbox ul li a img{ vertical-align: middle;line-height: 94px;}
.ys-list .item1{ height: 500px;}
.ys-list .item1 img{ position: absolute;top:82px;left:6px;}
.ys-list .item1 .pos1{position: absolute; top:52px;left:502px;}
.ys-list .item1 .pos2{position: absolute; top:360px;left:502px;}
.ys-list .item1 .pos2 ul{margin-right: 26px; }
.ys-list .item1 .pos2 ul li{ color:#686868;font-size: 16px; }
.ys-list .item1 h3{ margin-bottom: 20px;}
.ys-list .item1 .pos3{ position: absolute;top:405px;left:502px;}
.ys-list .item1 .pos3 a{ display: block;width:111px;height: 28px;background:#21ab38; line-height: 28px;text-align: center;color:#fff;}
.ys-list .pos1 p {
    color: #a5a5a5;
    font-size: 16px;
    text-align: left;
}
.ys-list .item1 .pos2 ul li{
    font-size: 16px;
    color: #686868;
    padding-top: 8px;
    position: relative;
    float: left;
    margin: 0 20px 0 0;
    width: 100px;
}
.ys-list .item1 .pos2 ul li .p-pop{
    width: 280px;
    bottom: 28px;
    padding-bottom: 20px;
    min-height: 0;
    z-index: 9;
    display: none;
    position: absolute;
    border: 2px solid #F1F1F1;
    color: #8a8a8a;
    font-size: 14px;
    left: 0;
    background: #fff;}
.ys-list .item1 .pos2 li:hover .p-pop{display: block; }
.about-list .item2 .m-city {
    background: url(../images/map.jpg) no-repeat center 0;
    width: 700px;
    height: 595px;
    margin: 0 auto;
    position: relative;
}

.ys-list .item .pos{ position: relative;}
.ys-list .item{ border-bottom: 1px solid #F0F0F0;width: 100%; }
.ys-list .pos1 h2 {
    font-size: 35px;
    font-weight: normal;
    margin-bottom: 16px;
    line-height: 50px;
}
.ys-list .even {
    background: #FDFDFD;
}
.ys-list .even2 {
    background: #FBFBFB;
}

.ys-list .item2{ height: 490px;}
.ys-list .item2 .pos1{ position: absolute;top:38px;}
.ys-list .item2 .pos1 img{ position: absolute;top:80px;left:-50px;}
.ys-list .item2 .pos2{ position: absolute;top:38px;left:711px;}
.ys-list .item2 .pos2 h2{ font-size: 35px;
    font-weight: normal;
    margin-bottom: 16px;}
.ys-list .item2 .pos2 ul{ width: 340px;margin-top: 45px;}
.ys-list .item2 .pos2 ul li{ color:#A0A0A0;font-size: 16px;margin-bottom: 26px;}
.ccvu{
    float:left;
    width:283px;
    height:250px;
    padding-top:110px;
    text-align:center;
}
.ccvu h2{
    height:30px;
    font-size:16px;
    color:#21ab38;
}
.ccvu span{
    display:block;
    position:absolute;
    width:283px;
    margin:100px 0 0 0;
    font-size:55px;
    color:#eee;
}
.ccvu li{
    line-height:22px;
    font-size:13px;
    color:#666;
}
.ccvu_1{
    background:url(../images/ys1.png) no-repeat -55px 0;
}
.ccvu_2{
    margin-left:20px;
    background:url(../images/ys1.png) no-repeat -330px 0;
}
.ccvu_3{
    margin-left:20px;
    background:url(../images/ys1.png) no-repeat -602px 0;
}
.ccvu_3 li{
    float:left;
    width:125px;
}

.ys-list .item4 h2{ text-align: center;padding-top: 46px;text-align: center;}
.ys-list .item4 .pos1 p{ color:#707070;font-size: 16px;text-align: center;margin-bottom: 45px;}
.ys-list .item4 .tabslide2{ margin-top: 40px;}
.ys-list .item4 .tabslide2 .hd{border:1px solid #F0F0F0; }
.ys-list .item4 .tabslide2 li{ width:100%;float:left;cursor: pointer;height: 50px;line-height: 50px;color:#4d4d4d;font-size: 16px;text-align: center;position: relative;}
.ys-list .item4 .tabslide2 li.on span{ position: absolute;display: block;top:0;left:0;width:100%;height: 3px;background:#21ab38;}
.ys-list .item4 .tabslide2 li.on i{
    position: absolute;
    left: 50%;
    margin-left: -10px;
    margin-bottom: -20px;
    bottom: 0;
    display: block;
    width: 0;
    height: 0;
    border: 10px solid #F5F5F5;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
}
.ys-list .item4 .tabslide2 li.on{ background:#F5F5F5;}
.ys-list .item6 h2 {
    text-align: center;
    padding-top: 46px;
}
.ys-list .item7 h2 {
    padding-top: 76px;
    text-align: center;
}

.yp1 {
    height: 300px;
}
.yp h2 {
    line-height: 36px;
    margin:60px 0 35px;
    font-size: 35px;
    font-weight: 400;
    color: #333;
}
.yp1>img{
    float:right;
    margin:-50px 0 0 90px;
}

.yp2{
    height:320px;
}
.yp2>h2{
    text-align:center;
}
.yp2>img{
    float:left;
    margin-right:40px;
}
.yp2>ul>li{
    float: left;
    width: 220px;
    height: 130px;
    margin-right: 20px;
    line-height: 25px;
}
.yp2>ul>li>img{
    float:left;
    margin:0 25px 100px 0;
}
.yp3{
    height:330px;
}
.yp3>h2{
    text-align:center;
}
.yp3>ul>li{
    float:left;
    width:15%;
    margin:0 2.5%;
    text-align:center;
}
.yp3>ul>li>h3{
    line-height:20px;
    margin-bottom:30px;
    color:#1eaa39;
    font-size:16px;
}
.yp3>ul>li:nth-child(5)>h3{
    margin-bottom:10px;
}
.yp3>ul>li>p{
    line-height:22px;
    font-size:14px;
}
.yp4{
    height:130px;
}
.yp4>ul>li{
    float:left;
    width:30%;
    margin:0 10%;
}
.yp4>ul>li>img{
    float:left;
    margin-right:15px;
}
.yp4>ul>li>h3{
    margin:15px 0 10px;
    font-size:12px;
}
.yp4>ul>li>p{
    line-height:20px;
    color:#1eaa39;
    font-size:16px;
}
.item-yp4 {
    padding: 50px 0;
}
