/* CSS Document */


/* *{ -webkit-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
    outline: none;
}

body {
    overflow-x: hidden;
    font: 14px/1.4 "Microsoft Yahei";
    font-weight: 500;
    background: #fff;
    color: #666666;
    -webkit-font-smoothing: antialiased;
    /*这个属性可以使页面上的字体抗锯齿*/
}

a {
    text-decoration: none;
    color: #666666;
}

/*a:hover,a:hover *{ color: #b40002;}*/

li {
    list-style: none;
}

i,
em {
    font-style: normal;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clearfix:after {
    content: '';
    display: block;
    clear: both;
    width: 0;
    height: 0;
}

img {
    vertical-align: middle;
    border: none;
    max-width: 100%;
}

.img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wrapper {
    width: 1200px;
    margin: 0 auto;
}

input,
textarea,
select {
    font-size: 14px;
    font-family: 'Microsoft Yahei';
    color: #666;
    font-weight: 500;
}

input:focus,
textarea:focus,
select:focus {
    outline: none;
}



.nnews table {
    margin: auto;
}



.over {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.over2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}



/* img 动画效果 */

.scale12 {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -ms-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}





.top {
    position: relative;
    z-index: 10;
    background-color: #FFFFFF;
}

.top .logo {
    max-height: 80px;
    line-height: 80px;
    max-width: 320px;
}

.top .topr {
    max-width: 840px;
}

.top .search {
    position: relative;
    z-index: 1;
    margin-left: 50px;
}

.top .search .sear-icon {
    width: 22px;
    height: 80px;
    cursor: pointer;
    background: url(../image/search-icon.png) no-repeat center;
}

.top .search .sear-inp {
    width: 119px;
    height: 28px;
    line-height: 28px;
    padding-right: 12px;
    border: 0 none;
    color: rgba(51, 51, 51, 1);
}



.top .search .sear-inp::-webkit-input-placeholder {
    color: rgba(51, 51, 51, 0.3);
}

.top .search .sear-inp::-moz-placeholder {
    color: rgba(51, 51, 51, 0.3);
}

.top .search .sear-inp::-ms-input-placeholder {
    color: rgba(51, 51, 51, 0.3);
}

.top .search .sear-inp::placeholder {
    color: rgba(51, 51, 51, 0.3);
}



.searchform {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 10;
    width: 220px;
    height: 36px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
}

.searchform #search {
    float: left;
    width: 150px;
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
    background: none;
    border: 0 none;
    color: #FFFFFF;
}

.searchform .subsearch {
    float: right;
    width: 40px;
    height: 36px;
    background: url(../image/search-icon.png) no-repeat transparent center / 20px auto;
    border: 0 none;
}



/* nav */

.nav {}

.nav ul li {
    position: relative;
    z-index: 1;
    float: left;
}

.nav ul li>a {
    display: block;
    padding: 0 34px;
    min-width: 60px;
    line-height: 80px;
    text-align: center;
    color: #000000;
}

.nav ul li.active::after {
    content: '';
    position: absolute;
    top: 59px;
    left: 0;
    right: 0;
    z-index: -1;
    width: 30px;
    margin: 0 auto;
    height: 2px;
    background-color: #29338a;
}

.nav ul li.active>a {
    font-weight: 600;
    color: #29338a;
}

.nav ul li .submenu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    width: 100%;
    background-color: rgba(41, 51, 138, 0.9);
    display: none;
    text-align: center;
}

.nav ul li .submenu span {
    display: block;
    padding: 20px;
}

.nav ul li .submenu a {
    display: block;
    padding: 5px 0;
    line-height: 25px;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.7);
}

.nav ul li .submenu a:hover {
    color: rgba(255, 255, 255, 1);
}

.nav ul li .submenu a:last-of-type {
    border-width: 0;
}



.banner {
    position: relative;
    z-index: 1;
}

.banner .swiper-button-next {
    right: 7%;
    background: url(../image/ban-right.png) no-repeat center;
}

.banner .swiper-button-prev {
    left: 7%;
    background: url(../image/ban-left.png) no-repeat center;
}

.banner .swiper-button-next::after,

.banner .swiper-button-prev::after {
    display: none;
}

.banner .swiper-button-next,

.banner .swiper-button-prev {
    width: 65px;
    height: 129px;
}





.kjmenu {
    position: relative;
    z-index: 1;
    height: 120px;
}

.kjmenu::after,

.kjmenu::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: #3767bb;
    z-index: -1;
}

.kjmenu::before {
    background: #29338a;
    right: 0;
    left: auto;
}

.kjmenu ul {}

.kjmenu li {
    float: left;
    width: 25%;
    height: 120px;
    box-sizing: border-box;
    padding-left: 10px;
    transition: 0.3s;
}

.kjmenu li a {
    color: #fff;
}

.kjmenu li i {
    display: inline-block;
    width: 100px;
    vertical-align: top;
    margin-top: 20px;
    text-align: center;
}

.kjmenu li i img {
    width: 32px;
    transition: 0.2s;
}

.kjmenu li .title {
    display: inline-block;
    margin-top: 40px;
    font-size: 20px;
    vertical-align: top;
    width: 170px;
    transition: 0.2s;
}

.kjmenu li .title div {
    font-size: 24px;
    color: rgba(255, 255, 255, 0.4);
    font-family: 'dincondregular';
    font-size: 500;
}



.kjmenu li.s1 {
    background: #3767bb;
}

.kjmenu li.s2 {
    background: #0f3f94;
}

.kjmenu li.s3 {
    background: #2dadb5;
}

.kjmenu li.s4 {
    background: #29338a;
}



.kjmenu li:hover {
    margin-top: -60px;
    height: 180px;
}

.kjmenu li:hover img {
    width: 45px;
}

.kjmenu li:hover .title {
    margin-top: 90px;
}









.about {
    padding: 70px 0;
    background: #f6f6f6;
}

.aboutl {
    width: 550px;
}

.aboutl .title {
    font-size: 60px;
    color: #000000;
    font-family: 'dincondmedium';
    text-transform: uppercase;
    letter-spacing: -2px;
    line-height: 1;
}

.aboutl .title i {
    color: #29338a;
}

.aboutl .title div {
    position: relative;
    font-size: 30px;
    color: #000000;
    padding-left: 75px;
    margin-top: 5px;
}

.aboutl .title div::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 70px;
    height: 1px;
    background: #000;
}

.aboutl .txt {
    line-height: 24px;
    color: #444;
    font-size: 14px;
    margin-top: 45px;
    margin-bottom: 72px;
    /*height: 144px; */
    overflow: hidden;
}

.aboutl .more {
    display: block;
    font-size: 14px;
    color: #29338a;
    text-align: center;
    background: url(../image/amo.png) no-repeat center;
    line-height: 40px;
    width: 150px;
    padding-right: 30px;
}



.about .img {
    width: 600px;
}







.pro {
    padding: 62px 0;
}

.ititle {
    text-align: center;
    font-size: 30px;
    color: #000000;
}

.ititle .title-sm {
    font-size: 14px;
    color: #888888;
}

.ititle.white {
    color: #fff
}

.ititle.white .title-sm {
    color: rgba(255, 255, 255, 0.6)
}





.prolist {}

.prolist ul {}

.prolist li {
    float: left;
    width: 20%;
    text-align: center;
    height: 275px;
}

.prolist li .icon {
    width: 120px;
    height: 120px;
    box-sizing: border-box;
    border: 5px solid #f1f2ff;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;

    margin: 50px auto 15px;
    transition: 0.5s;
}

.prolist li .icon em {
    display: none;
}

.prolist li dt {
    font-size: 20px;
    color: #010101;
}

.prolist li dt p {
    width: 25px;
    background: #ccc;
    height: 1px;
    margin: 10px auto;
}

.prolist li dd {
    font-size: 14px;
    color: #666666;
}



.prolist li:hover .icon {
    background: #29338a;
    border-color: #bec1ed;
}

.prolist li:hover .icon em {
    display: inline-block;
}

.prolist li:hover .icon i {
    display: none;
}

.prolist li:hover dt {
    color: #29338A;
    font-weight: 500;
}

.prolist li:hover dt p {
    background: #29338A;
}







.chanye {
    padding: 76px 0 110px;
    background: url(../image/bg.jpg) no-repeat center;
}

.hylist {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 95px;
}

.hylist img:active {
    outline: none;
}

.hxcy-bord {
    margin-top: -30px;
}

.hxcy-r {
    margin-left: -30px;
}

.hxcy-l {
    position: relative;
    z-index: 1;
}

.hxcy-l a {
    position: absolute;
}

.hxcy-l .s1 {
    left: 22px;
    top: 0px;
    width: 141px;
    height: 121px;
}

.hxcy-l .s2 {
    left: 174px;
    top: 0px;
    width: 150px;
    height: 95px;
}

.hxcy-l .s3 {
    left: 297px;
    top: 79px;
    width: 75px;
    height: 164px;
}

.hxcy-l .s4 {
    left: 216px;
    top: 240px;
    width: 138px;
    height: 125px;
}

.hxcy-l .s5 {
    left: 39px;
    top: 267px;
    width: 169px;
    height: 103px;
}

.hxcy-l .s6 {
    left: 0px;
    top: 117px;
    width: 70px;
    height: 163px;
}





.news {
    padding: 70px 0;
}

.inewlist {
    margin-top: 55px;
}

.inewlist .newleft .swiper-container {
    width: 580px;
    height: 380px;
}

.inewlist .newleft li p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 50px;
    color: #fff;
    padding: 0 150px 0 17px;
    background: rgba(0, 0, 0, 0.6);
}

.inewlist .newleft li span {
    display: inline-block;
    width: 320px;
    vertical-align: middle;
}

.inewlist .newleft li i {
    display: inline-block;
    width: 15px;
    height: 3px;
    background: #95a0ff;
    vertical-align: middle;
    margin-right: 6px;
}



.newleft .swiper-container .newpage {
    position: absolute;
    right: 10px;
    left: auto;
    bottom: 15px;
    text-align: right;
    width: 150px;
}

.newleft .swiper-container .newpage span {
    background: #fff;
}





.newright {
    position: relative;
    width: 580px;
    height: 380px;
}

.newright .swiper-container {
    height: 310px;
}

.newright ul li {
    padding-left: 10px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px dashed #CCCCCC;
    box-sizing: border-box;
    transition: 0.3s;

    background-position: right 10px center;
}

.newright ul li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 4px;
    background: #cccccc;
    border-radius: 50%;
    top: 49%;
}

.newright ul li dl {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    transition: 0.3s;
    width: 50px;
    height: 50px;
    background: #29338a;
    text-align: center;
    line-height: 1;
    z-index: 2;
    opacity: 0;
}

.newright ul li dt {
    font-size: 24px;
    font-family: 'dinbold';
    margin: 3px 0;
}

.newright ul li dd {
    font-size: 12px;
    font-family: 'dinlight';
}

.newright li p {
    width: 500px;
}

.newright li i {
    font-size: 12px;
    color: #888;
}



.newright li:hover {
    padding-left: 70px;
    background: #f5f5f5 url(../image/rr1.png) no-repeat right 10px center;
    border-color: #fff;
}

.newright li:hover dl {
    opacity: 1;
}

.newright li:hover p {
    font-weight: bold;
    color: #29338A;
}

.newright li:hover i {
    display: none;
}



.newright .newprev,

.newright .newnext {
    bottom: 0;
    top: auto;
    margin: 0;
    width: 44px;
    height: 44px;
    left: auto;
    right: 0;
    border-radius: 50%;
    background: url(../image/arrow-down.png) no-repeat center;
    opacity: 1 !important;
    border: 1px solid #fff;
}

.newright .newprev {
    right: 55px;
    background-image: url(../image/arrow-up.png);
}

.newright .newprev:hover,

.newright .newnext:hover {
    border-color: #29338a;
}

.newright .newprev::after,

.newright .newnext::after {
    display: none;
}









/* footer */

.footer {
    background: #3a3d46;
    padding: 60px 0 0;
}

.navleft {}

.navleft li {
    float: left;
    width: 60px;
    margin: 0 90px 0 0;
}

.navleft li:first-child {
    margin-right: 75px;
}

.navleft li>a {
    white-space: nowrap;
    font-weight: bold;
    color: #fff;
    display: block;
    margin-bottom: 22px;
}

.navleft li .two a {
    display: block;
    white-space: nowrap;
    color: #aaa;
    margin-bottom: 13px;
}

.navleft li .two a:hover {
    color: #fff;
}



.erweil {
    background: url(../image/tel-icon.png)no-repeat left center;
    height: 50px;
    padding-left: 55px;
    color: #888888;
}

.erweil div {
    font-size: 30px;
    color: #fff;
    font-family: 'dincondmedium';
    font-style: italic;
    line-height: 1;
}

.ggh {
    text-align: center;
    color: #fff;
    margin-top: 50px;
}

.ggh p {
    margin-top: 5px;
    font-size: 12px;
}





.fotbtna {
    line-height: 86px;
    border-top: 1px solid #494c55;
    margin-top: 40px;
}

.link {
    background: url(../image/link.png) no-repeat left center;
    padding-left: 30px;
    color: #fff;
    font-size: 12px;
}

.link select {
    background-color: transparent;
    height: 30px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #8189c8;
    font-size: 12px;
    padding: 0 12px;
    width: 220px;
}



.bq {
    font-size: 12px;
    color: #666666;
    margin-left: 66px;
}

.bq a {
    color: #666;
    margin-left: 30px;
}



#share {
    text-align: right;
    line-height: 38px;
    margin-top: 20px;
}

#share a {
    display: block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    padding: 0;
    margin: 0 5px 0;
    background: none;
    text-align: center;
    line-height: 38px;
    opacity: 0.3;
}

#share a img {
    pointer-events: none;
}

#share a:hover {
    opacity: 1;
}



.bd_weixin_popup .bd_weixin_popup_main {
    padding: 10px 0 !important;
}

.bd_weixin_popup .bd_weixin_popup_foot {
    line-height: 18px !important;
    text-align: center !important;
}









/* ncont */

.subNav {
    text-align: center;
    padding: 0 30px;
    border-bottom: 1px solid #ddd;
    width: 1200px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;

    background: #fff;
    height: 80px;
    box-sizing: border-box;
}

.subNav ul {
    display: inline-block;
}

.subNav li {
    float: left;
    height: 79px;
    line-height: 80px;
    border-bottom: 2px solid transparent;
    margin: 0 35px;
}

.subNav li a {
    font-size: 16px;
    color: #000;
}

.subNav li.active a,

.subNav li:hover a {
    color: #29338a;
}

.subNav li.active {
    border-color: #29338a;
}



.nwshart .aboutl .txt {
    text-align: justify;
}

.aboutl.noht {
    width: 100%;
    text-align: center;
    margin-top: 56px;
}

.aboutl.noht div {
    padding: 0;
}

.aboutl.noht div::after {
    display: none;
}

.nwshart .about {
    background: #f6f6f6 url(../image/ggg.jpg) no-repeat center bottom;
}







.dszzc {
    padding: 55px 0;
}

.dszzc .wrapper {
    position: relative;
    z-index: 1;
}

.dszzc .wrapper::after {
    width: 693px;
    height: 100%;
    background: #f8f8f8;
    z-index: -1;
}

.dszzc .img {
    width: 460px;
    height: 640px;
}

.dszzc .text {
    width: 675px;
}

.dszzc .enc {
    text-transform: uppercase;
    font-size: 60px;
    color: #000;
    line-height: 1;
    font-family: 'dincondmedium';
    margin-top: 50px;
}

.dszzc .enc i {
    color: #29338a;
}



.zcstr {
    font-size: 30px;
    color: #000;
    margin: 28px 0 40px 40px;
}

.zcstr p {
    width: 2px;
    background: #ccc;
    height: 40px;
    margin-bottom: 4px;
}

.dszzc dl {
    margin-left: 40px;
}

.dszzc dt {
    font-weight: bold;
    color: #29338a;
    font-size: 18px;
    margin-bottom: 15px;
}

.dszzc dd p {
    line-height: 26px;
    color: #888888;
    text-indent: 2em;
    margin-bottom: 25px;
}







.zzja {
    padding: 55px 0 70px;
    background: url(../image/zzjg-bg.jpg) no-repeat center top;
}

.zzja .wrapper p {
    text-indent: 2em;
    font-size: 16px;
    line-height: 2em;
}

.zzja .wrapper h3 {
    font-size: 18px !important;
}

.zzja p img {
    position: relative;
    left: -2em;
    margin: 1em 0;
}






/* fzlclist */

.fzlclist {
    padding: ;
    min-height: 1000px;
    background: #fff url(../image/fzlc-bg.jpg) no-repeat bottom center;
    padding: 35px 0 55px;
    box-sizing: border-box;
}



.fzlclist ul {
    position: relative;
    padding-top: 53px;
    padding-bottom: 65px;
    background: url(../image/oo.png) no-repeat center top;
    z-index: 1;
}

.fzlclist ul::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 11px;
    width: 1px;
    height: 100%;
    background: #29338a;
    transform: translateX(-1px);
    z-index: -1;
}



.fzlclist li {
    background: url(../image/lio.png) no-repeat center;
    margin-bottom: 20px;
}

.fzlclist li:nth-child(4) {
    margin-bottom: 60px;
}

.fzlclist li:nth-child(1) .tall {
    background-position: right 25px top 25px;
}

.fzlclist li .talea {
    position: relative;
    width: 560px;
}

.fzlclist li .talea .tall {
    display: table;
    box-sizing: border-box;
    min-height: 100px;
    border: 2px solid #eee;
    width: 480px;
    padding: 33px 88px 33px 30px;

    background: #fff url(../image/yinhao.png) no-repeat right 25px top 35px;
}

.fzlclist li .talea .tall i {
    display: inline-block;
    width: 20px;
    height: 2px;
    background: #29338a;
    margin-right: 10px;
    margin-top: 12px;
}

.fzlclist li .tall .boxa {
    width: 315px;
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    color: #000;
    line-height: 26px;
    text-align: justify;
}

.fzlclist li .year {
    position: absolute;
    right: 0;
    width: auto;
    height: auto;
    font-size: 30px;
    color: #000000;
    font-family: 'dincondbold';
    top: 50%;
    margin-top: -16px;
}

.fzlclist li:nth-child(even) .talea,

.fzlclist li:nth-child(even) .tall {
    float: right;
}

.fzlclist li:nth-child(even) .year {
    left: 0;
}

.fzlclist li:hover {
    background-image: url(../image/lio1.png);
}

.fzlclist li:hover .talea .tall {
    background: #edf0ff url(../image/yinhao-active.png) no-repeat top 35px right 25px;
    border-color: #29338a;
}



.gd {
    text-align: center;
}

.gd img {
    cursor: pointer;
}























/*  */

.hzhblist {
    margin-top: 50px;
    min-height: 350px;
    padding-bottom: 25px;
}

.hzhblist ul {
    width: 1230px;
}

.hzhblist li {
    float: left;
    width: 280px;
    margin: 0 25px 30px 0;
}

.hzhblist li .imga {
    position: relative;
    height: 150px;
    border: 2px solid #eee;
    box-sizing: border-box;
    transition: 0.3s;
    text-align: center;
    line-height: 140px;
}

.hzhblist li .imga img {
    object-fit: contain;
    max-height: 100%;
}

.hzhblist li .txt {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../image/hzhb-item-bg.png) no-repeat center;

    width: 95%;
    height: 95%;
    opacity: 0;
    transition: 0.3s;
    padding: 30px 20px;
    line-height: 22px;
    margin: auto;
    box-sizing: border-box;
}

.hzhblist li p {
    font-size: 16px;
    color: #000;
    margin: 0 25px;
    text-align: center;
    margin-top: 15px;
}



.hzhblist li .txt p {
    color: #fff;
    font-size: 12px;
}

.hzhblist li:hover .imga {
    border-color: rgba(41, 51, 138, 0.6);
}

.hzhblist li:hover .txt {
    width: 100%;
    height: 100%;
    opacity: 1;
}







/*  */

.rongyu {}

.rytop {
    background: #f6f6f6;
    margin: 44px 0;
}

.rytop .ryImg {
    width: 400px;
    height: 240px;
}

.ritext {
    width: 720px;
    text-align: justify;
    margin-right: 40px;
    height: 240px;
    display: table;
    color: #666;
}

.cass {
    display: table-cell;
    vertical-align: middle;
}



.rongyu ul {
    width: 1250px;
}

.rongyu li {
    float: left;
    border: 370px;
    height: 260px;
    border: 1px solid #eee;
    padding: 20px;
    box-sizing: border-box;
    margin: 0 44px 40px 0;
}

.rongyu li .img {
    width: 329px;
    height: 219px;
}







/* mapp */

.contusa {
    margin-top: 60px;
}

.wlcome {
    width: 385px;
}

.wlcome .huay {
    text-transform: uppercase;
    font-size: 50px;
    color: #000;
    line-height: 1;
    font-family: 'dincondmedium';
}

.wlcome .huay i {
    color: #29338A;
}

.wlcome .hhtx {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    text-transform: uppercase;
}

.wlcome p {
    line-height: 24px;
    color: #000;
    margin-top: 10px;
}



.contrght {}

.contrght li {
    float: left;
    width: 380px;
    height: 150px;
    box-sizing: border-box;
    border: 2px solid #e5e5e5;
    padding-left: 100px;
    background: url(../image/lxfs-icon2.png) no-repeat center left 28px;
    font-size: 22px;
    color: #000;
    margin-left: 20px;
    padding-top: 32px;
}

.contrght li div {
    color: #888;
    font-size: 14px;
    margin-top: 10px;
}

.contrght li.s1 div {
    font-size: 34px;
    color: #29338a;
    font-family: 'dincondmedium';
    line-height: 1;
}

.contrght li.s1 {
    background-image: url(../image/lxfs-icon1.png);
}





.mapp img {
    width: 100%;
    border-top: 2px solid #29338A;
    margin-top: 45px;
}









/* 2new */

.nnews {
    margin-top: 50px;
    min-height: 350px;
}

.nnews li {
    position: relative;
    margin-bottom: 40px;
}

.nnews li .img {
    width: 250px;
    height: 166px;
}

.nnews li .txt {
    width: 920px;
    padding-right: 160px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    height: 166px;
    box-sizing: border-box;
}

.nnews li .tName {
    font-size: 18px;
    color: #222222;
    font-weight: 500;
    margin: 35px 0 20px;
}

.nnews li .txt p {
    font-size: 14px;
    line-height: 26px;
    color: #888888;
}

.nnews li dl {
    position: absolute;
    text-align: center;
    right: 0;
    top: 35px;
    line-height: 1;
}

.nnews li dt {
    font-size: 50px;
    color: #444444;
    font-family: 'dincondmedium';
}

.nnews li dd {
    font-size: 12px;
    color: #aaaaaa;
    font-family: 'dinmedium';
}

.nnews li dd p {
    width: 20px;
    background: #Ccc;
    height: 1px;
    margin: 36px auto 0;
}

.nnews li:hover .tName {
    color: #29338A;
    font-weight: bold;
}

.nnews li:hover dt {
    color: #29338A;
}



.m-page {
    line-height: 40px;
    color: #999;
    font-family: arial;
    text-align: center;
    margin-bottom: 50px;
}

.m-page a {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 5px;
    box-sizing: border-box;
    vertical-align: middle;
    color: #666;
    text-align: center;
    background: #eee;
    font-size: 14px;
}

.m-page a.z-crt {
    background: #29338A;
    color: #fff;
}

.m-page a.pagenxt,

.m-page a.pageprv {
    width: 100px;
}

.m-page a.pageprv {
    margin-left: 0;
}





/* 3 */

.ywjz {
    margin-top: 40px;
    min-height: 350px;
}

.ywjz ul {
    width: 1231px;
}

.ywjz li {
    float: left;
    margin: 0 30px 30px 0;
    width: 380px;
    text-align: center;
}

.ywjz li .img {
    height: 250px;
    position: relative;
    margin-bottom: 20px;
}

.ywjz li .jzxq {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    text-align: center;
    transition: 0.3s;
    color: #Fff;
    opacity: 0;
}

.ywjz li .jzxq img {
    display: block;
    width: 48px;
    height: 48px;
    margin: 75px auto 15px;
}

.ywjz li span {
    display: inline-block;
    color: #222;
    font-size: 16px;
    line-height: 32px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #eee;
}

.ywjz li:hover span {
    font-weight: bold;
    color: #29338A;
}

.ywjz li:hover .jzxq {
    opacity: 1;
}







/* qiyelinian */

.qiyelinian {
    position: relative;
    z-index: 1;
    background: url(../image/qyln-bg1.jpg) no-repeat center / cover;
    height: 850px;
    box-sizing: border-box;
}

.qiyelinian::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    width: 100%;
    height: 580px;
}

.qiyelinian .wrapper {
    padding-top: 85px;
    background-image: linear-gradient(to bottom, #ffffff 50%, transparent);
}

.linle {
    margin-left: 107px;
}

.linhr {
    margin-left: 107px;
    width: 740px;
}

.linhr p {
    /* position: relative; */
    padding-left: 15px;
    /*margin-bottom: 40px;*/
    font-size: 16px;
    color: #000;
}

/*.linhr p::after{ content: ''; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; background: #ccc; border-radius: 50%; }

*/





/* rencailin */

.rencailin {
    height: 600px;
    background: url(../image/rcln-bg.jpg) no-repeat center;
}

.rencailin .wrapper {
    position: relative;
    height: 600px;
}

.rencailin li {
    position: absolute;
    text-align: center;
}

.rencailin li img {
    width: 110px;
    height: 110px;
}

.rencailin li div {
    font-weight: bold;
    color: #000;
    font-size: 22px;
    margin: 7px 0;
}

.rencailin li p {
    line-height: 20px;
    color: #888;
}



.rencailin li.s1 {
    width: 170px;
    left: 10px;
    top: 62px;
}

.rencailin li.s2 {
    width: 220px;
    left: 290px;
    top: 125px;
}

.rencailin li.s3 {
    width: 220px;
    left: 590px;
    top: 305px;
}

.rencailin li.s4 {
    width: 200px;
    right: 0;
    top: 172px;
}





/* zplist */

.zplist {
    min-height: 405px;
    margin-top: 38px;
}

.zplist li {
    position: relative;
    margin-bottom: 20px;
    background: #f6f6f6;
    padding: 25px 200px 15px 35px;
    box-sizing: border-box;
}

.zplist li p {
    position: relative;
    font-size: 22px;
    line-height: 35px;
    color: #000000;
    display: inline-block;
    padding-right: 30px;
}

.zplist li i {
    position: absolute;
    right: 0px;
    top: 0;
    background: #eb5250;
    font-size: 12px;
    color: #fff;
    border-radius: 4px;
    width: 20px;
    height: 20px;
    display: block;
    text-align: center;
    line-height: 20px;
}

.aal span {
    display: inline-block;
    color: #666;
    margin-right: 50px;
    margin-top: 5px;
}

.zplist li .t {
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -10px;
    font-size: 14px;
    color: #444444;
}

.zplist li:hover {
    background-color: #29338a;
}

.zplist li:hover a {
    color: #FFFFFF;
}

.zplist li:hover .t {
    color: #FFFFFF;
}

.zplist li:hover p {
    color: #FFFFFF;
}

.zplist li:hover span {
    color: #FFFFFF;
}



.momomo {
    margin: 55px 0;
    text-align: center;
    color: #666666;
    cursor: pointer;
}

.momomo img {
    margin-right: 10px;
}





.vfix {
    width: 52px;
    height: 58px;
    position: fixed;
    right: 10px;
    bottom: 100px;
    z-index: 888;
}

.vbtn {
    position: relative;
    z-index: 999;
    display: none;
}

.vbox {
    width: 400px;
    height: 225px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 777;
}

.vbinfo {
    position: relative;
    width: 100%;
    height: inherit;
}

.vclose {
    position: absolute;
    right: 0;
    top: -48px;
    width: 36px;
    height: 36px;
    z-index: 1000;
    background: url(../image/fclose.png) no-repeat center/ cover;
}

.vclose a {
    display: block;
    width: 100%;
    height: 100%;
}





/* 

新增栏目-服贸平台

关于我们

*/

.fmptabout {
    margin-top: 10px;
    min-height: 560px;
    padding: 50px 0;
    background: url(../image/fmpt-about01.jpg) no-repeat center top / cover;
    box-sizing: border-box;
}

.fmptabout .title {
    padding: 30px 0;
    line-height: 1;
    font-size: 36px;
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);
}

.fmptabout .txt {
    overflow: hidden;
    height: 168px;
    line-height: 28px;
    padding-top: 20px;
    color: #FFFFFF;
    font-size: 18px;
}

.fmptabout .tel {
    margin-top: 40px;
    display: inline-block;
    padding: 15px 25px;
    line-height: 1;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    background-color: #FFFFFF;
}



/* 服贸平台-服务项目列表 */

.fmptprolist .name {
    padding-top: 20px;
    line-height: 1;
    color: #C5C5C5;
}

.fmptprolist .name a {
    color: #1D2482;
}

.fmptprolist .fwprolist {}

.fmptprolist .fwprolist li a {
    display: block;
    padding: 20px 0;
    border-bottom: 1px solid #EEEEEE;
}

.fmptprolist .fwprolist li img {
    float: left;
    width: 86px;
    height: 86px;
    border-radius: 10px;
    object-fit: cover;
}

.fmptprolist .fwprolist li dl {
    float: left;
    width: 700px;
    margin-left: 10px;
}

.fmptprolist .fwprolist li dl dt {
    color: #242424;
    font-weight: bold;
}

.fmptprolist .fwprolist li dl dd {
    margin-top: 15px;
    height: 48px;
    line-height: 24px;
    font-size: 12px;
    color: #C5C5C5;
    overflow: hidden;
}

.fmptprolist .fwprolist li .fr {
    margin-top: 25px;
    width: 92px;
    height: 36px;
    line-height: 36px;
    border-radius: 36px;
    font-size: 12px;
    color: #C5C5C5;
    border: 1px solid #C5C5C5;
    text-align: center;
}

.fmptprolist .fwprolist li:hover .fr {
    background-color: #1D2482;
    border-color: #1D2482;
    color: #FFFFFF;
}



/* 服贸平台-服务项目分类 */

.fmptpro {
    margin-top: 10px;
    height: 773px;
    padding: 1px 0;
    background: url(../image/bj.png) no-repeat center / cover;
    box-sizing: border-box;
}

.list {
    position: relative;
    z-index: 1;
    width: 430px;
    height: 430px;
    margin: 162px auto 0;
    background: url(../image/fwxmtypebg.png) no-repeat center / contain;
}

.list .item {
    position: absolute;
    z-index: 10;
    width: 96px;
    height: 96px;
    padding: 0 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 50%;
    background: url(../image/yxicon01.png) no-repeat center / contain;
    object-fit: contain;
    font-size: 18px;
    color: #242424;
    box-sizing: border-box;
}

.list .item:hover {
    width: 112px;
    height: 112px;
    margin: -8px 0 0 -8px;
    padding: 0 20px;
    background-image: url(../image/yxicon02.png);
    color: #FFFFFF;
    font-weight: bold;
}

.list .item:nth-child(1) {
    top: -64px;
    left: 169px;
}

.list .item:nth-child(2) {
    top: -8px;
    left: 303px;
}

.list .item:nth-child(3) {
    top: 100px;
    left: 371px;
}

.list .item:nth-child(4) {
    top: 228px;
    left: 371px;
}

.list .item:nth-child(5) {
    top: 332px;
    left: 303px;
}

.list .item:nth-child(6) {
    top: 377px;
    left: 169px;
}

.list .item:nth-child(7) {
    top: 332px;
    left: 35px;
}

.list .item:nth-child(8) {
    top: 228px;
    left: -41px;
}

.list .item:nth-child(9) {
    top: 100px;
    left: -41px;
}

.list .item:nth-child(10) {
    top: -8px;
    left: 35px;
}







.gxdj {
    padding: 10px 0 60px;
}

.gxdj .wrapper {
    background-color: #FFFFFF;
}

.gxdjform {
    width: 660px;
    margin: 0 auto;
}

.gxdjform .name {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 562px;
    margin: 0 auto;
    padding: 20px 0;
    font-weight: bold;
    white-space: nowrap;
    line-height: 1;
    font-size: 20px;
    color: #242424;
}

.gxdjform .name span {
    padding: 0 20px;
}

.gxdjform .name::before {
    content: '';
    width: 50%;
    border-bottom: 1px solid #EEEEEE;
}

.gxdjform .name::after {
    content: '';
    width: 50%;
    border-bottom: 1px solid #EEEEEE;
}

.gxdjform .type {
    position: relative;
    z-index: 10;
    width: 500px;
    height: 43px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.gxdjform .type .item {
    position: absolute;
    top: 0;
    z-index: 10;
    width: 257px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    font-size: 16px;
    color: #C5C5C5;
    border-radius: 10px;
    overflow: hidden;
    background-color: #EEEEEE;
    cursor: pointer;
}

.gxdjform .type .item.s1 {
    left: 0;
    clip-path: polygon(0 0, 0 100%, 100% 100%, 90% 0);
}

.gxdjform .type .item.s2 {
    right: 0;
    clip-path: polygon(0 0, 10% 100%, 100% 100%, 100% 0);
}

.gxdjform .type .item.active {
    background-color: #1D2482;
    color: #FFFFFF;
}



.gxdjform .forminp {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10px;
    padding-right: 60px;
}

.gxdjform .forminp .inpname {
    min-width: 60px;
    line-height: 40px;
    color: #242424;
    text-align: right;
    white-space: nowrap;
}

.gxdjform .forminp .inp {
    width: 506px;
    line-height: 40px;
    padding: 0 18px;
    color: #242424;
    border-radius: 10px;
    background-color: #F5F5F5;
    border: 0 none;
    box-sizing: border-box;
}

.gxdjform .forminp .inp::-webkit-input-placeholder {
    color: #C5C5C5;
}

.gxdjform .forminp .inp:-ms-input-placeholder {
    color: #C5C5C5;
}

.gxdjform .forminp .inp::-moz-placeholder {
    color: #C5C5C5;
}

.gxdjform .forminp .inp::-ms-input-placeholder {
    color: #C5C5C5;
}

.gxdjform .forminp .inp::placeholder {
    color: #C5C5C5;
}

.gxdjform .forminp textarea.inp {
    padding: 10px 18px;
    resize: none;
    line-height: 20px;
}

.gxdjform .forminp .inp.bgnone {
    width: 100%;
    background-color: #FFFFFF;
}

.gxdjform .forminp .inp .sm {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gxdjform .forminp .inp .sm .file {
    position: relative;
    z-index: 1;
    width: 93px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #C5C5C5;
    border-radius: 5px;
    color: #3A3D46;
}

.gxdjform .forminp .inp .sm input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.gxdjform .forminp .inp .smname {
    margin-bottom: 15px;
    font-size: 12px;
    color: #3A3D46;
    padding-bottom: 10px;
    border-bottom: 1px solid #E2E2E2;
}



.gxdjform .formbtn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 50px;
}

.gxdjform .formbtn input {
    width: 150px;
    height: 40px;
    border: 0 none;
    border-radius: 5px;
    font-size: 16px;
    background-color: #1D2482;
    color: #FFFFFF;
}

.gxdjform .formbtn input[type=reset] {
    margin-left: 10px;
    color: #3A3D46;
    background-color: #FFFFFF;
    border: 1px solid #C5C5C5;
}



.gxdjform .formbtn input[type=button] {
    margin-left: 10px;
}