@charset "utf-8";
/* CSS Document */


.transition {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-placeholder: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}
.banner-select {
    height: 673px;
    min-width: 1200px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.banner-select .banner-text {
    position: absolute;
    top: 30%;
    left: 30%;
    z-index: 100;
}

.banner-select .banner-text h3 {
    font-size: 45px;
    font-weight: 400;
    color: #F6F6F6;
}

.banner-select .banner-text p {
    font-weight: 400;
    color: #FFFFFF;
    font-size: 33px;
    line-height: 54px;
    letter-spacing: 4px;
}

.banner-header {
    height: 673px;
    min-width: 1200px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.banner-image {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/banner-bg.png) no-repeat top center;
    background-size: 100% 100%;
    -webkit-animation-name: kenburns-1;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.banner-image:nth-child(1) {
    -webkit-animation-name: kenburns-1;
    animation-name: kenburns-1;
    z-index: 4;
}

.banner-image:nth-child(2) {
    -webkit-animation-name: kenburns-2;
    animation-name: kenburns-2;
    z-index: 3;
}

.banner-image:nth-child(3) {
    -webkit-animation-name: kenburns-3;
    animation-name: kenburns-3;
    z-index: 2;
}

.banner-image:nth-child(4) {
    -webkit-animation-name: kenburns-4;
    animation-name: kenburns-4;
    z-index: 1;
}

@-webkit-keyframes kenburns-1 {
    0% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    1.5625% {
        opacity: 1;
    }
    23.4375% {
        opacity: 1;
    }
    26.5625% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    98.4375% {
        opacity: 0;
        -webkit-transform: scale(1.21176);
        transform: scale(1.21176);
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes kenburns-2 {
    23.4375% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    26.5625% {
        opacity: 1;
    }
    48.4375% {
        opacity: 1;
    }
    51.5625% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes kenburns-3 {
    48.4375% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    51.5625% {
        opacity: 1;
    }
    73.4375% {
        opacity: 1;
    }
    76.5625% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes kenburns-4 {
    73.4375% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    76.5625% {
        opacity: 1;
    }
    98.4375% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
body{ font-size: 14px;}
/*banner end*/
.credit-service {    height: 550px;    text-align: center;    padding-top: 65px;}
.publicity-title {    text-align: center;    padding: 20px 0;}
.publicity .publicity-title {    text-align: center;    padding: 20px 0;}
.publicity-title .red-left {    width: 32px;    height: 50px;    line-height: 50px; vertical-align: top;}
.publicity-title .title-text {    font-size: 34px;    font-weight: 600;    margin: 0 20px;}
.publicity-title .red-right {    width: 32px;    height: 50px;    line-height: 50px;vertical-align: top;}
.publicity-top {   margin-top: 60px;    margin-bottom: 25px;}
.xyfw-list{ padding-top: 17px; overflow: hidden;}
.xyfw-list > li { height: 180px;  width: 285px;    margin-right: 17px;    float: left;    cursor: pointer;   margin-top: 10px;}
.xyfw-list > li.num4,.xyfw-list > li.num8{ margin-right: 0px;}
.xyfw-list .item {    position: relative;    display: block;    width: 100%;    height: 100%;    color: #ffffff;    font-size: 16px;}
.xyfw-list .monolayer {   position: absolute;    top: 0;    height: 180px;    width: 285px;    border-radius: 5px;}
.xyfw-list .monolayer:hover {    background: rgba(237, 55, 55, 1);    opacity: 1;}
.xyfw-list .xyfw-title {  margin-top: 32px;  margin-left: 30px;  text-align: left;}
.xyfw-list .xyfw-title .xyfw-icon {  width: 25px;  height: 25px;  vertical-align: middle;}
.xyfw-list .num1 {  background-image: url(../images/item-bgcx.png);}
.xyfw-list  .monolayer:hover img { position: absolute;  top: 35%;    left: calc(50% - 12px);}
.xyfw-list .num1 .monolayer:hover span {  position: absolute;  top: 55%;    left: calc(50% - 67px);}
.xyfw-list .num2 {    background-image: url(../images/item-zxqs.png);}
.xyfw-list .num2 .monolayer:hover span {    position: absolute;    top: 55%;    left: calc(50% - 64px);}
.xyfw-list .num3 { background-image: url(../images/item-sqlc.png);}
.xyfw-list .num3 .monolayer:hover span {  position: absolute;    top: 55%;    left: calc(50% - 64px);}
.xyfw-list .num4 { background-image: url(../images/item-xflc.png);}
.xyfw-list .num4 .monolayer:hover span {    position: absolute;    top: 55%;    left: calc(50% - 64px);}
/*企业推介*/
.recommendation {  height: 605px;  text-align: center;  padding-top: 100px; background: url(../images/recommendation-bg.png) no-repeat top center;  background-size: 100% 100%;}
#keyEnterprises li {  box-sizing: border-box;  width: 295px;    height: 245px;    margin-left: 5px;  float: left;    margin-top: 12px;    padding: 20px;    text-align: left;    background-color: #ffffff;}
#keyEnterprises .active:hover {    transform: scale(1.1);    transition: all .4s;      border: 1px solid #F94343;     }
#keyEnterprises .firstLi {    width: 600px;    height: 245px;    padding-top: 40px;    background: url(../images/enterprises-bg.png) no-repeat top center;    background-size: 100% 100%;}
#keyEnterprises .firstLi h3 {    font-size: 28px;    font-weight: 600;}
#keyEnterprises .firstLi .text {    font-size: 24px;    color: #666666;    margin-top: 30px;}
#keyEnterprises .firstLi .jump {  font-size: 18px;  color: #ED3737;  margin-top: 42px;  padding-left: 15px;}
#keyEnterprises > li:first-child {    margin-left: 0;}
#keyEnterprises .title {    font-size: 18px;    color: #333333;    margin-top: 35px;    overflow: hidden; /*超出部分隐藏*/    white-space: nowrap; /*不换行*/    text-overflow: ellipsis; /*超出部分文字以...显示*/word-break: break-all;    font-weight: 600;}
#keyEnterprises .text {   font-size: 14px;   color: #999999;   margin: 0px;    margin-top: 15px;    margin-bottom: 20px;    text-align: left;    text-indent: 0px;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    word-break: break-all;    height: 55px;}
#keyEnterprises .circular {    padding-left: 10px;    vertical-align: middle;}
#keyEnterprises .a-zdqy{ background: url("../images/arrow.png") right center no-repeat; width: 95px; display: block;color: #ED3737;    font-weight: 600;    vertical-align: middle;}
/*横幅轮播*/
.hfgg_tu { height: 140px; width: 100%; margin-top: 50px;overflow: hidden;}
.hfgg_tu .img_title{ display: none;}
.hfgg_tu .flash-slide{ width: 100%; height: 100%; position:relative; }
.hfgg_tu .flash-slide .flash-pic,.hfgg_tu .flash-slide .flash-pic ul,.hfgg_tu .flash-slide .flash-pic li,.hfgg_tu .flash-slide .flash-pic img,.hfgg_tu .flash-slide .flash-pic a{height:100%; width: 100%; }
.hfgg_tu .flash-slide .flash-pic{ position:relative; z-index:0;}
.hfgg_tu .flash-slide .flash-pic li{ zoom:1; vertical-align:middle;}
.hfgg_tu .flash-slide .flash-pic a{display:block; color: #fff; position: relative;}
.hfgg_tu .flash-slide .flash-pic img{display:block;width: 100%;max-width:100%;height:100%; }
.hfgg_tu .prev,
.hfgg_tu .next{ position:absolute; left:0; top:50%; margin-top:-20px; display:block; width:32px; height:40px; background:url(../images/left1.png) center no-repeat; filter:alpha(opacity=0);opacity:0;   }
.hfgg_tu .next{ left:auto; right:0; background:url(../images/right1.png) center no-repeat; }
.hfgg_tu .prev:hover,
.hfgg_tu .next:hover{ filter:alpha(opacity=100);opacity:1;  }
/*信用动态*/
.ynamics-top {   margin-top: 65px;    margin-bottom: 40px;}
.xydtbox{margin-top: 20px;}
.newdt_pic{border:1px solid #bebebe; height: 350px; overflow: hidden; width: 658px; }
.newdt_pic .flash-slide{ width: 100%; height: 100%; position:relative; }
.newdt_pic .flash-slide .flash-pic,.newdt_pic .flash-slide .flash-pic ul,.newdt_pic .flash-slide .flash-pic li,.newdt_pic .flash-slide .flash-pic img,.newdt_pic .flash-slide .flash-pic a{height:350px!important; width: 100%!important; }
.newdt_pic .flash-slide .flash-pic{ position:relative; z-index:0;}
.newdt_pic .flash-slide .flash-pic li{ zoom:1; vertical-align:middle;}
.newdt_pic .flash-slide .flash-pic a{display:block; color: #fff; position: relative;}
.newdt_pic .flash-slide .flash-pic img{display:block;width: 100%;max-width:100%;height:100%;margin: 0 auto;}
.newdt_pic .flash-slide .flash-pic .title{display: block; height: 50px; line-height: 50px; padding: 0 130px 0 0px; font-size: 14px;text-align: center;     background: rgba(0,0,0,0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; right: 0; bottom: 0; color: #fff;}
.newdt_pic .flash-slide .flash-pic a:hover .title{color: #fff;}
.newdt_pic .flash-slide .flash-num{ height:10px; overflow:hidden; position:absolute; right:20px; bottom:20px; z-index:1; }
.newdt_pic .flash-slide .flash-num ul{ overflow:hidden; zoom:1; float:left;}
.newdt_pic .flash-slide .flash-num ul li{ float:left; margin:0 4px; width:10px; height:10px; border-radius: 10px; text-indent: -20em; font-size: 0; background:rgba(0,0,0,0.2)!important; overflow: hidden; cursor: pointer; }
.newdt_pic .flash-slide .flash-num ul li.on{background:#2b7fff!important; width: 20px!important;}
.xydt_list{ width: 495px; padding-right: 30px;  }
.xydt_list ul li{ position: relative; height: 24px; line-height: 24px; background: url("../images/icon-jt.png") left center no-repeat; margin-top: 42px; padding-left: 28px;}
.xydt_list ul li:first-child{ margin-top: 0px;}
.xydt_list ul li a{ font-size: 18px; font-weight: 600; color: #333; display: block;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 360px;}
.xydt_list ul li .date{ position: absolute; right:0px; top:0px; font-size: 16px; width: 68px; font-weight: bold; color: #333333;  padding-left: 10px; border-left: 2px solid #DDDDDD;}
.layout-top{ margin: 30px 0px;}
/*自贸片区布局*/
.credit-layout{width: 100%; height: 464px;  padding-top: 100px;  background: url(../images/layout-bg.png) no-repeat top center;  background-size: 100% 100%;}
.layout-list .num1 { background: url(../images/yfcxq-bg.png) no-repeat top center;    background-size: 100% 100%;}
.layout-list .num2 {background: url(../images/cyjjq-bg.png) no-repeat top center;  background-size: 100% 100%;}
.layout-list .num3 { background: url(../images/zhbsq-bg.png) no-repeat top center;    background-size: 100% 100%;}
.layout-list .num4 { background: url(../images/gkwlq-bg.png) no-repeat top center; background-size: 100% 100%;}
.layout-list .num5 {background: url(../images/xdfwq-bg.png) no-repeat top center; background-size: 100% 100%;}
.layout-list li { width: 15%;  height: 400px;  float: left;  cursor: pointer;  background-color: #00b4ff;}
.layout-list li a { width: 100%;    height: 100%;    color: #ffffff;    font-size: 22px;    display: block;    position: relative;}
.layout-list .active { width: 40%;    height: 430px;    position: relative;    top: -30px;    background-image: none !important;}
.layout-list .active a {    background-color: #ffffff;}
.layout-list .item a .item-title {    position: absolute;    top: calc(14% - 11px);    left: calc(50% - 55px);}
.layout-list .item a .item-img {    display: none;}
.layout-list .item a .item-content {   display: none;}
.layout-list .item a .understand-btn {    display: block;}
.layout-list .active a .item-img {    display: block;    height: 150px;    width: 100%;}
.layout-list .active a .item-img img {   height: 100%;    width: 100%;}
.layout-list .active a .item-content {   display: block;}
.layout-list .active a .understand-btn {   display: none;}
.item-content h3 {  color: #F1282B;  margin-top: 52px;  padding-left: 22px;    font-size: 22px;}
.item-content p {    font-weight: 400;    color: #333333;    line-height: 38px;    margin-top: 35px;    padding-left: 22px;    font-size: 14px;    text-indent: 0px}
.understand-btn { width: 109px;  height: 28px;  font-size: 14px;  color: #000000;  line-height: 28px;  background: #FFF2EE;  border-radius: 14px;  text-align: center;  position: absolute;    bottom: 20px;
    left: calc(50% - 55px);}
/*自贸片区简介*/
.introduction-content {  margin: 40px 0 74px;  height: 350px;   width: 100%;  background: url(../images/introduction-bg.png) no-repeat top center;    background-size: 100% 100%;  position: relative;}
.introduction-top { margin-top: 80px;}
.introduction-right { float: right;  width: 330px;  height: 300px;  background:rgba(27,27,27,0.6);     padding: 25px 15px 25px 15px;}
.introduction-right .content-info {    color: #ffffff;    font-size: 14px;    font-weight: 400;    line-height: 32px;}
.introduction-right .detailed {   width: 109px;    height: 28px;    font-size: 14px;    color: #000000;    line-height: 28px;    background: #FFFFFF;    border-radius: 14px;    text-align: center;position: absolute;    bottom: 28px;    cursor: pointer;    right: calc(30% - 123px);}
/*友情链接*/
.credit-test{height: 387px; width: 100%; background: url(../images/test-bg.png) no-repeat top center;    background-size: 100% 100%;}
.credit-test .test-card { padding: 108px 0 128px 0;}
.test-card li {    width: 364px;    height: 151px;    float: left;     margin-right:54px;    cursor: pointer;}
.test-card li .img_title{ display: none;}
.test-card li.num3{ margin-right: 0px;}