body {
    background:#f9f9f9;
    font-family: -apple-system, "PingFang SC", "Microsoft YaHei", Arial,sans-serif !important;
}
.row {
    margin: 0;
}
/* @media (max-width: 1440px ) and (min-width: 990px) {
    body {
        min-width: 1440px;
    }
} */
.content{
    padding-left:0;
    padding-right:0;
    min-width: 1024px;
    max-width:1440px;
    margin:0 auto;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
    background: #fff;
    position: relative;
    
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    padding: 0;
}
ul,li,ol{
    list-style:none;
    padding: 0;
    margin: 0;
}
.clear {
    clear: both;
    overflow: hidden;
    height: 0;
    font-size: 0px;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0px;
    content: " ";
    clear: both;
    height: 0px;
}
::selection {
    color:#FFF;
    background: #2855EA;
}
::-moz-selection {
    color:#fff;
    background: #2855EA;
}
.home > .container{
    padding-left:0;
    padding-right:0;
    position:relative;
}
a:hover {
    color: #e8470b;
}
h2 a, h2 a:hover {
	color: #333;
}

.navbar {
    position: absolute;
    left: 50px;
    right: 50px;
    z-index: 10;
    margin-top: 50px;
    padding: 1rem 1.8rem;
    color: #939eab
}
.navbar-light .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
    color:rgba(255,255,255,0.5);
    border-radius:3px;
}

.dropdown-menu {
    border: none;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
}
.navbar-light .navbar-nav .nav-link {
    position: relative;
    color:#fff;
    text-shadow:  1px 1px 2px rgba(0,0,0,0.65);
}
 .navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #4a4a4a;
    background-color:#fff;
    transform: scale(1);
    transition: all 0.3s;
    text-shadow: none;
}
.dropdown-item.active, .dropdown-item:active{
    background:#fff;
    color:#99a3b0;
}
.nav-item .nav-more li ul li a{
    position: relative;
    text-decoration: none;
}
.nav-item .nav-more li ul li a:hover{
    color:#212529;
}
.nav-item .nav-more li ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 1px;
    width: 100%;
    background: #4a4a4a;
    transform: scale(0);
    transition: all 0.1s;
}
.nav-item .nav-more li ul li a:hover::before {
        transform: scale(1);
}





.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    background-color:#fff;
    color: #e8470b;
}

.dropdown-item:hover, 
.dropdown-item:focus{
    color:#e8470b;
}

.dropdown-item {
    padding: 0.5rem 1.5rem;
    color: #939eab;
}
dropdown-item:active,
dropdown-item:hover {
    color: #e8470b;
}

.home .top{
    position: relative;
}


.banner{
    font-size:0;
    position: relative;
    z-index: 1;
    /* background:url(../img/bannerbg.png) no-repeat;
    background-size:100%; */
}
.banner img {
    mix-blend-mode: multiply;
}
.slider-img_item {
    width: 1440px;
}
.banner li {
    position: relative;
} 
.banner .bga{
    position:absolute;
    z-index: 1;
    opacity: 0.39;
    background: linear-gradient(to bottom, #000000 0%,#ffffff 100%);
    bottom:0;
    top:0;
    left:0;
    right:0;
}
.slider-text .des{
    font-size: 21px;
    color: rgb(255, 255, 255);
    line-height: 1.618;      
}

.banner .introduction{
    z-index: 20;
    margin: auto;
    position: absolute;
    top: 44%;
    left: 9.4%;
}
.banner .ayy {
    z-index: 20;
    margin: auto;
    position: absolute;
    top: 52%;
    left: 9.4%;
}
.banner .introduction video{
    border:0;
    margin:0 -2px;
    width:100%;
    padding:0;

}
.banner .introduction p {
    font-size: 34px;
    letter-spacing: 1.64px;
    margin-bottom:0;
    color:#fff;
}
.banner .introduction small{
    width: 810px;
    color:#fff;
    display: block;
    font-weight: 100;
    margin-top:18px;
    font-size: 18px;
    letter-spacing: 0.94px;
    line-height: 1.5;
}
.container-fluid {
    padding-left:0;
    padding-right:0;
}
.main-business-list {
    text-align: center;
    padding:40px 0 66px;
}
.main-business-list li{
    display: inline-block;
    width:216px;
    height:374px;
    vertical-align: top;
    border-radius:10px;
    box-shadow: 0px 5px 12px rgba(0,0,0,0.08);
    margin:0 10px;
    position: relative;
}
.main-business-list li::before{
    content:" ";
    width: 100%;
    height: 100%;
    border-radius: 10px;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: #000;
    opacity: 0.2;
}
.main-business-list .one{
    background: url(../img/one.png) no-repeat center top;
}
.main-business-list .two{
    background: url(../img/two.png) no-repeat center top;
}
.main-business-list .three{
    background: url(../img/three.png) no-repeat center top;
}
.main-business-list .four{
    background: url(../img/four.png) no-repeat center top;
}
.main-business-list .five{
    background: url(../img/five.png) no-repeat center top;
}
.main-business-list div{
    position: absolute;
    bottom:-20px;
    min-height: 80px;
    vertical-align: top;
    left:14px;
    right:14px;
    padding:8px 8px 9px;
    box-shadow: 0px 5px 12px rgba(0,0,0,0.08);
    border-radius:10px;
    background:#fff;
}
.main-business-list b{
    display:block;
    font-size:18px;
    font-weight: normal;
    color:#515253;
	padding-top:18px;
}

.main-business-list p{
    color:#7B7C7D;
    font-size:12px;
    line-height: 1.5;
    margin-bottom:0;
    margin-top:0px;
}
.main-business-list li:hover{
    cursor: pointer;
}
.main-business-list li:hover::before{
    opacity: 0.1;
}
.main-business-list li:hover div{
    /*background: url(../img/tab.png) no-repeat;*/
	background: linear-gradient(270deg, #466eb4, #40569f);
    cursor: pointer;
    color:#fff;
}
.main-business-list li:hover b,
.main-business-list li:hover p{
    color:#fff;
}
.main-business-tit{
    font-size: 20px;
    color: #272a2c;
    text-align: center;
    padding-top: 86px;
    margin-bottom: 5px;
}

.main-business-title{
    height: 99px;
    line-height: 99px;
    text-align: center;
    color:#fff;
    background:url(../img/tbg.png) repeat-x center center;
}
.main-business-title h2{
    display: inline-block;
    margin-bottom:0;
    font-size:38px;
    color:#fff;
    vertical-align: middle;
}
.main-business-title p{
    font-size:21px;
    color:#939393;
    font-weight: normal;
    margin-bottom:0;
    letter-spacing: 1.2px;
}
.main-business b{
    font-size:350px;
    line-height: 1.3;
    margin-left:104px;
    color:#eaeaea;
}
.main-business h3{
    margin-top:94px;
    font-size:48px;
    margin-bottom:18px;
}
.main-business small{
    font-size:23px;
    color:rgba(74,74,74,.6);
    line-height: 35px;
}
.business-list a{
    color:#fff;
    text-decoration: none;
}
.business-list .col{
    color:#fff;
    height:175px;
    background:#B8B8B8;
    padding-top:33px;
    padding-left:48px;
}

.business-list .col:nth-of-type(2),
.business-list .col:nth-of-type(4){
    background:#A7A7A7;
}
.business-list .col:nth-of-type(2):hover,
.business-list .col:nth-of-type(4):hover,
.business-list .active.col:nth-of-type(2),
.business-list .active.col:nth-of-type(4){
    background:#FB432A;
}
.business-list .col:hover,
.business-list .active{
    background:#FB432A;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
}
.business-list strong,
.business-list span{
    display:block;
}
.business-list strong{
    font-size:40px;
    position: relative;
    font-weight: normal;
    line-height: 1.2;
    /* text-decoration: underline; */

}
.business-list strong:after{
    content:" ";
    position: absolute;
    width:25px;
    height:4px;
    background:#fff;
    bottom:-7px;
    left:1px;
}
.business-list span{
    font-size:27px;
    margin-top:20px;
}
.business-item-list{

    background:#f4f4f4;
}
.business-item{
    display:none;

}
.business-item .row{
    height:100%;
}
.business-item-list .show{
    display: block;
    height:100%;
}
.business-item p{
    padding-left:78px;
    padding-top:78px;
    padding-right:78px;
    font-size:23px;
    color: rgba(74,74,74,.6);
    text-align: justify;
    position: relative;
    min-height:286px;
    line-height: 1.5;
    margin-bottom:0;
}
.business-item .see{
    margin-bottom:40px;
}
.business-1 {
    height: 100%;
    background:url(../img/001.jpg) no-repeat center right;
}
.business-2 {
    height: 100%;
    background:url(../img/002.jpg) no-repeat center right;
}
.business-3 {
    height: 100%;
    background:url(../img/003.jpg) no-repeat left bottom;
}
.business-4 {
    height: 100%;
    background:url(../img/004.jpg) no-repeat center center;
}
.business-5 {
    height: 100%;
    background:url(../img/005.jpg) no-repeat center center;
}
.see{
    padding:0 78px;
}
.business-item p small{
    display: block;
    margin-top:50px;
    font-size:19px;
    color:#202020;
}
.business-item .bu-img{
    position: relative;
    top:50%;
    transform: translateY(-50%);
}
.business-item .bu-img img{

    position: relative;
    left:0;
    right:0;
    top:0;
    bottom:0;
    max-width: 100%;
}
.strength{
    background:#f8f8f8;
    padding-top:40px;
}
.strength-ll,
.strength-rr{
    height:750px;
    width: 50%;
}
.strength-ll{
      background-size:100%;
}
.strength-ll-bg{
       background:url(../img/user.png) no-repeat center center;
    margin:-38px 40px 0;
    background-size:100%;
    height:100%;
}

.strength h3{
    font-size:20px;
    color:#272a2c;
    text-align: center;
    padding-top:58px;
    margin-bottom:46px;
}
.strength-rr{ 
    padding-bottom:78px;
    padding-right:78px;
}
.strength-rr p{
    font-size:20px;
    line-height: 1.8;
    color: rgba(74,74,74,.6);
}
.strength-rr li{
    margin-bottom:48px;
}
.strength-rr li:hover h4,
.strength-rr .active h4{
    display: inline-block;
    font-size: 40px;
    color: transparent;
    background-image: linear-gradient(to right, #466eb4,#40569c);
    -webkit-background-clip: text;
}
.strength-rr li .number{
    font-weight: bolder;
    font-size:30px;
    color:rgb(33, 37, 41);
}
.strength-rr li:hover .number,
.strength-rr .active .number{
    font-size:56px;
    color: transparent;
    background-image: linear-gradient(to right, #466eb4,#40569c);
    -webkit-background-clip: text;
    display:block;
    margin-left:-8px;
    line-height: 1;
} 

.digital-industrial-park{
    background:url(../img/park.png) no-repeat center -40px ;
    height: 500px;
    color:#fff;
    text-align: center;
    padding-top:70px;
}
.digital-industrial-park h3{
    font-size: 30px;
    margin-bottom:30px;
}
.digital-industrial-park b{
    font-size:20px;
    margin-bottom:30px;
    display: block;
    font-weight: normal;
}
.digital-industrial-park p{
    width:860px;
    margin:0 auto;
    font-size:14px;
    line-height:1.5;
    margin-bottom:20px;
}
.digital-industrial-park .btn-primary{
    width: 120px;
    border:none;
    font-size:12px;
    padding: .575rem 1.2rem;
    background: linear-gradient(270deg, #466eb4, #40569f);
}
.digital-industrial-park .btn-primary:hover{
    background: linear-gradient(270deg, #40569f, #466eb4 );
}
.news{
    padding-top:40px;
}
.news h3{
    margin-bottom:40px;
    font-size:30px;
    text-align: center;
}
.news .news-more{
    text-align:center;
    margin:0 auto;
    margin-bottom:30px;
}
.news .news-list{
    width:1200px;
    margin:0 auto;
}
.news-list li{
    display:inline-block;
}
.news-list li:first-child{
    margin-left:0;
}
.news-list li:last-child{
    margin-right:0;
}
.news-list li a {
    position: relative;
    display: block;
    padding: 15px;
    border-radius: 8px;
    height:450px;
}
.news-list li:hover a {
    box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
    text-decoration: none;
}
.news-list li a img{
    display: block;
    width:100%;
    height:100%;
    border-radius:10px
}
.news-list li a .more-btn {
    text-align:center;
    display:none
}
.news-list li:hover .more-btn {
    display:block
}
.news-list li a .more-btn .btn-primary {
    width: 120px;
    border: none;
    font-size: 12px;
    padding: .575rem 1.2rem;
    background: linear-gradient(270deg, #466eb4, #40569d);
}
.news-list li a .more-btn .btn-primary:hover {
    background: linear-gradient(270deg, #40569d, #466eb4 );
}
.news-list li .title {
    font-size: 16px;
    color: #666;
    line-height: 1.8;
    padding-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.contact-us{
    padding-top:58px;
    margin-bottom:58px;
    padding-bottom:30px;
}
.contact-us .fc{
    color:#6d6d6d;
    margin-bottom:56px;
    font-size:30px;
}
.contact-us h3{
    margin-bottom:27px;
    font-size:30px;
    text-align: center;
}
.contact-us p{
    text-align: center;
    font-size:18px;
    color: rgba(74,74,74,.6);
    margin-bottom:27px;
}
.contact-us .nav-tabs{
    border-bottom:0;
    text-align: center;
    margin:0 auto;
    width:240px;
    margin-bottom:20px;
}
.contact-us .nav-tabs a{
    display: inline-block;
    color:#40569e;
    width:120px;
    text-align: center;
    font-size:18px;
    position: relative;
    font-weight: 400;
    line-height: 2;
}
.contact-us .nav-tabs a:hover{
    text-decoration: none;
}
.contact-us .nav-tabs a.active:after{
    position: absolute;
    content:" ";
    display:block;
    width:86px;
    bottom:0;
    left:17px;
    height:2px;
    background:#40569e;
}
.contact-us .btn-lg{
    min-width: 140px;
    text-align: center;
    margin-top:14px;
   
}
.contact-us  .box{
    width:774px;
    margin:0 auto;
}
.contact-us  .box .form-control{
    border-radius:50px;
    background:#eff0f4;
    margin:0 auto;
}
.contact-us  .box textarea.form-control{
    border-radius:10px;
}
.contact-us label{
    color:#A8ACB9;
    font-size:12px;
}
.cooperative-partner {
    padding:10px 0 80px;
    position: relative;
}

.cooperative-partner h3{
    margin-bottom:0;
    padding:0 0 40px;
    text-align: center;
    font-size:30px;
}
.cooperative-partner .slides li{
    text-align: center;
}

.links{
    height:175px;
    background:url(../img/links.png) no-repeat;
    padding:62px 80px;
    font-size:32px;
    color:#fff;

}
.links h3{
    display:inline-block;
    font-weight: normal;
}
.links button{
    border:1px solid #fff;
    padding:6px 12px;
}
.links button:active,
.links button:hover{
    background: linear-gradient(45deg, #4157a1, #466eb4);
    border:0;
    padding:7px 13px;
    color:#fff;
    cursor: pointer;
}
.links .btn-outline-light:not(:disabled):not(.disabled):active{
    color:#fff;    
}
.links  ul{
    display: inline-block;
}
.links ul li{
    display: inline-block;
}

.footer{
    background: linear-gradient(45deg, #4157a1, #466eb4); no-repeat center center;
    padding:56px 78px;
}
.footer .logo{
    margin-bottom:50px;
}

.foot-nav a{
    color:#fff;
}
.foot-nav > li{
    vertical-align: top;
    display: inline-block;
    text-align: left;
    margin:0 0 0 26px
}
.foot-nav > li > a{
    display: inline-block;
    min-width: 66px;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    margin-bottom:20px;
}
.foot-nav > li  ul li a{
    font-size:14px;
    display: inline-block;
    margin-bottom:10px;
}
.footer-bd{
    background:#4F4644;
    color:#fff;
    text-align: center;
    padding:16px;
    font-size:14px;
}
.footer-bd a{
	color:#fff;
}

.major-plates {
    position: absolute;
    width: 100%;
    z-index: 20;
    top:590px;
    left:50%;
    transform: translateX(-50%); 
    text-align: center;
}
.major-plates li{
    display:inline-block;
    min-width:164px;
    background:#fff;
    border-radius:5px;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.1);
    margin:0 14px 14px;
    vertical-align: middle;
    width:17%;
}
.major-plates li:hover i,
.major-plates li.active i{
    display:block;
    margin:0 auto 10px;
    width:32px;
    height:34px;
}
.major-plates li a{
    display:block;
    text-decoration: none;
    padding:20px 0 20px;
    color:#263238;
    text-align:center;
}
.digital-publish{
    padding:90px 135px;
}
.digital-box > div{
    padding:90px 135px;
}
.digital-publish small{
    color:#e94609;
	font-size: 26px;
	font-weight: bold;
    letter-spacing: 0px;
}
.digital-publish .title > div{
    font-size: 50px;
    text-transform: uppercase;
	font-weight: normal;
	font-stretch: normal;
	line-height: 60px;
	letter-spacing: 0px;
}
.publish-content{
    margin-top:40px;
}
.publish-content .ll{
    padding-right:20px;
}
.publish-content .rr{
    padding-left:20px;
}
.publish-content p{
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #787878;
}
.publish-content > div:first-child{
    position: relative;
}
.publish-content > div:first-child::after{
    content: " ";
    height:2px;
    background:#b9b9b9;
    width:24px;
    position: absolute;
    bottom:0;
    left:0;
}

.digital-item,
.diibee-item,
.publish-item,
.operating-item{
    padding:42px 0px;
    border:1px solid #b3b3b3;
    margin:0 5px;
    text-align: center;
}
.digital-item{
    margin-left:0;
}
.operating-item{
    margin-right:0;
}
.digital-item i,
.diibee-item i,
.publish-item i,
.operating-item i{
    display:block;
    margin:0 auto 20px;
    width:32px;
    height:34px;
}
.digital-item i{
    background:url(../img/d1.png) no-repeat;
}
.diibee-item i{
    background:url(../img/d2.png) no-repeat;
}
.publish-item i{
    background:url(../img/d3.png) no-repeat;
}
.operating-item i{
    background:url(../img/d4.png) no-repeat;
}
.digital-item .tit,
.diibee-item .tit,
.publish-item .tit,
.operating-item .tit{
    font-size:30px;
}
.digital-item .notes,
.diibee-item .notes,
.publish-item .notes,
.operating-item .notes{
    font-size:10px;
    color: #2d2f3a;
	opacity: 0.5;
}
.digital-item:hover .notes, .active .notes,
.diibee-item:hover .notes,
.publish-item:hover .notes,
.operating-item:hover .notes{
    color: #fff;
	opacity: 0.5;
}
.digital-item:hover ,.digital-item.active,
.diibee-item:hover ,.diibee-item.active,
.publish-item:hover ,.publish-item.active,
.operating-item:hover ,.operating-item.active{
    background-color: #e94609;
    border-color:#e94609;
    color:#fff;
    cursor: pointer;
}
.digital-item:hover i,
.digital-item.active i{
    background:url(../img/d1-1.png) no-repeat;
}
.diibee-item:hover i,
.diibee-item.active i{
    background:url(../img/d2-2.png) no-repeat;
}
.publish-item:hover i,
.publish-item.active i{
    background:url(../img/d3-3.png) no-repeat;
}
.operating-item:hover i,
.operating-item.active i{
    background:url(../img/d4-4.png) no-repeat;
}

.title-1{
    margin-bottom:60px;
    position: relative;
    min-height: 78px;
    text-transform: uppercase;
}
.title-1::after{
    content: " ";
    position: absolute;
    width: 80px;
	height: 4px;
    background-color: #e8470b;
    bottom:0;
}
.title-1 .t{
    font-size:28px;
}
.title-1 .m{
    font-size: 14px;
    line-height: 19px;
    color:#969696;
}
.digital-box .con .tit{
    font-size:18px;
    font-weight: bold;
}
.digital-box .con p{
    color:#4a4a4a;
    font-size:14px;
    line-height: 24px;
    text-align: justify;
}
.digital-box .con  .col{
    text-align: center;
}
.digital-box .con .container-fluid {
    margin:54px 0 80px 0;
}
.img1-bg{
    background:url(../img/d-bg2_02.jpg) no-repeat;
    height:816px;
}

.title-2{
    margin-bottom:60px;
    position: relative;
    min-height: 78px;
    color:#fff;
    text-transform: uppercase;
}
.title-2::after{
    content: " ";
    position: absolute;
    width: 80px;
	height: 4px;
    background-color: #fff;
    bottom:0;
}
.title-2 .t{
    font-size:28px;
}
.title-2 .m{
    font-size: 14px;
    line-height: 19px;
    color:#fff;
}
.img1-bg .con p{
    color:#fff;
}
.img1-bg .con strong{
    color:#c1270a;
}
.img2-bg{
    background:url(../img/d-bg1.jpg) no-repeat;
    height:966px;
    color:#fff;
}
.img2-bg .mt-3{
    color:#79797d;
} 

.digital-box .tit2{
    color:#e94609;
}

.img3-bg{
    background:url(../img/diibeebg.jpg) no-repeat;
    height:921px;
}
.img3-bg .con p,
.img4-bg .con p,
.img5-bg .con p{
    color:#fff;
}
.white-bg small{
    color:#313137;
}
.gray5-bg .con1 img,
.gray2-bg .con1 img,
.gray3-bg .con1 img,
.gray-bg .con1 img,
.digital-box .con .col img,
.zhiye .col-3 img{
     max-width: 100%;     
}
/* .cy01 .col img,
.gray-bg .col img,
.gray4-bg .vm img,
.gray3-bg img,
.cy03 img,
.fw3 .vm img,
.fw3 .vm .pp {
    position: relative;
     top:50%;
    transform: translateY(-50%);
    -webkit-transform:translateY(-50%);
} */
.img4-bg{
    background:url(../img/10-bg1.jpg) no-repeat;
    height:889px;
}

.img5-bg{
    background:url(../img/9-bg1_02.jpg) no-repeat;
    height:868px;
}
.img6-bg{
    background:url(../img/9-bg1_02.jpg) no-repeat;
    height:868px;
}
.flexslider .slides li{
    overflow:hidden;
}
.flexslider .slides li .slider-text{
    position: relative;
    bottom:0;
    opacity: 1;
}
.flexslider .slides li.animate .slider-text {
    animation-name: flowin;
    animation-duration: 4s;
    animation-timing-function: cubic-bezier(0.19,1,0.22,1);
    animation-fill-mode: forwards;
    
}

@keyframes flowin {
    0% {
        opacity: 0;
        bottom: -60px
    }

    10% {
        opacity: 0;
        bottom: -30px
    }

    100% {
        opacity: 1;
        bottom: 0
    }
}
/* 
.flexslider .slides li:nth-child(odd) img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.flexslider .slides li:nth-child(even) img {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    transform: scale(1.15)
}

.flexslider .slides li:nth-child(odd).animate img {
    animation-name: zoomout;
    animation-duration: 6s;
    animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
    animation-fill-mode: forwards
}

.flexslider .slides li:nth-child(even).animate img {
    animation-name: zoomin;
    animation-duration: 6s;
    animation-timing-function: cubic-bezier(0.215,0.61,0.355,1);
    animation-fill-mode: forwards
} */

@-webkit-keyframes zoomout {
    0% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes zoomout {
    0% {
        -moz-transform: scale(1.15);
        transform: scale(1.15)
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes zoomin {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }
}

@-moz-keyframes zoomin {
    0% {
        -moz-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -moz-transform: scale(1.15);
        transform: scale(1.15)
    }
}


.digital-i i{
    background:url(../img/d11.png) no-repeat center center;
}
.diibee-i i{
    background:url(../img/d22.png) no-repeat center center;
}
.publish-i i{
    background:url(../img/d33.png) no-repeat center center;
}
.operating-i i{
    background:url(../img/d44.png) no-repeat center center; 
}
.resource-i i{
    background:url(../img/gongzuotai.png) no-repeat center center;
    background-size:100%;
}
.school-i i{
    background:url(../img/zixuntousu.png) no-repeat center center;
    background-size:100%;
}
.train-i i{
    background:url(../img/fuwu0.png) no-repeat center center;
    background-size:100%;
}

.gray-bg{
    background:#fafafa;
    padding:111px 200px 56px;
}

.gray-bg .title-4 .t{
    font-size:28px;
    color:#58627c;
    margin-bottom:46px;
}
.gray-bg .title-4 .t .sf{
    font-size:20px;
}
.gray-bg .con1 .tit1{
    font-size:18px;
    color:#e94609;
    margin-bottom:14px;
}

.gray-bg .con1 p{
    margin-bottom:38px;
    line-height: 1.875;
    color:#58646a;
    text-align: ju
}

.gray-bg .con1 ul li p{
    margin-bottom:28px;
    line-height: 1.875;
}

.gray2-bg{
    background:#333237;
    padding:60px 200px 0;
}

.gray2-bg .title-4 .t{
    font-size:28px;
    color:#fff;
    margin-bottom:46px;
}
.gray2-bg .con1 .tit1{
    font-size:18px;
    color:#fff;
    margin-bottom:14px;
}

.gray2-bg .con1 p{
    margin-bottom:38px;
    color:#fff;
    line-height: 1.875;
}
.gray3-bg{
    background:#fafafa;
    padding:60px 200px 0 200px;
}

.gray3-bg .title-4 .t{
    font-size:28px;
    color:#58627c;
    margin-bottom:46px;
}
.gray3-bg .con1 p{
    margin-bottom:38px;
    line-height: 1.875;
    color:#58646a;
    text-align: justify;
}
.gray2-bg  .con1 .mb-4 img,
.gray2-bg  .con1 .pb-5 img{
    width: 264px;
}
.gray2-bg .con1 .container  {
    text-align:center;
    color:#fff;
}

.gray2-bg .con1 .tit2{
    color:#e94709;
    margin-bottom:4px;
}
.gray-bg .more,
.readmore a{
    display: inline-block;
    position: relative;
    margin-bottom:50px;
    text-decoration: none;
    font-size: 20px;
}
.readmore a:after,
.gray-bg .more:after{
    position:absolute;
    bottom:-5px;
    left:0;
    content:" ";
    height:1.5px;
    background:#e94709;
    width:81px;
}
.diibee .con1 .des{
    font-size:14px;
    padding:0 34px;
    color:#324148;
}
.diibee .con1 .tit1{
    padding-left:34px;
    margin-bottom:30px;
    letter-spacing: 1.2;
    font-size:20px;
} 
.diibee .title-4{
    padding:0 34px;
}   
.diibee .tit2{
    font-weight: bold;
    color:#324148;
    font-size:16px;
}
.sznr hr{
    margin-left:-43px;
    margin-right:-43px;
    color:#c9c9c9;
}
.sznr .con1 .tit4{
    font-weight: 600 !important;
}
.diibee .gray2-bg .con1 p{
    font-size:15px;
}
.diibee .gray-bg .con1 ul li p{
    font-size:16px;
     color:#324148;
     margin-bottom:32px;
}
.diibee-gif{
    position: relative;
    background:url(../img/22.png) no-repeat;
    width: 620px;
    height: 340px;
    margin:0 auto;
}
.diibee-gif img{
    position: absolute;
    top: 39px; 
    left: 73px; 
    width: 452px;
    height: 300px;
}
.diibee .gray-bg .title-4 .t{
    font-weight: 500;
}
.gray4-bg{
    background:#eaeaeb;
    padding:60px 100px 0;
}

.gray4-bg img{
    max-width: 100%;
}

.gray4-bg .title-4 .t{
    font-size:28px;
    color:#58627c;
    margin-bottom:46px;
}
.gray3-bg .tit1,
.gray4-bg .tit1{
    font-size: 18px;
    color: #e94609;
    margin-bottom: 14px;
}
.gray4-bg .con1 p{
    margin-bottom:38px;
    line-height: 1.875;
    color:#324148;
    text-align: justify;
}

.gray4-bg .con1 .tit2,
.gray-bg .tit4,
.gray4-bg .con1 .tit4,
.gray3-bg .con1 .tit2,
.gray3-bg .con1 .tit4
{
    font-size:18px;
    font-weight: 400;
    margin-bottom:20px;
}
.no-pd{
    padding:0;
}
.gray5-bg{
    background:#313137;
    color:#fff;
    padding:60px 200px 0;
}

.gray5-bg .title-4 .t{
    font-size:28px;
    color:#fff;
    margin-bottom:46px;
}
.gray5-bg .con1 p{
    color:#fff;
    line-height: 1.875;
}
/* 
.mc .col img{
    position: relative;
    top:50%;
    transform: translateY(-50%);
} */


.language-list {
    /* position: relative;
    z-index: 20;
    width: 100%;
    margin: -50px auto 0;
    text-align: center;*/
}
.language-list li{
    display:inline-block;
    width:250px;
    background:#fff;
    border-radius:5px;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.1);
    margin:0 14px;
    vertical-align: middle;
}
.language-list li:hover i,
.language-list li.active i{
    display:block;
    margin:0 auto 10px;
    width:32px;
    height:34px;
}
.language-list li a{
    display:block;
    text-decoration: none;
    padding:20px 0 20px;
    color:#263238;
}

.language-list li i{
    display:none;
}
.language-list li:hover i,
.language-list li.active i{
    display:inline-block;
    width:34px;
    height:34px;
}
.english-i i{
    background:url(../img/aie.png) no-repeat center center;
    background-size:100%;
}
.chinese-i i{
    background:url(../img/aie.png) no-repeat center center;
    background-size:100%;

}
.yte{
    text-align: center;
}
.yte li{
    display:inline-block;
    width:30%;
    text-align: center;
    color:#4a4a4a;
    letter-spacing: 0.58px;
}
.yte li p{
    margin-top:8px;
    color: #58627c;
}
.yte li img{
    margin-bottom:34px;
}
.ai-box .btnlist{
    text-align: center;
}
.ai-box .pp{
    width: 900px;
    margin:0 auto 24px;
    text-align: left
}
.ai-box .btnlist .btn-ii{
    border-radius:4px;
    margin-right: 0;
}
.ai-box b{
    display: inline-block;
    min-width: 75px;
}
.ai-box .btnlist .btn-ii span{
    padding: 8px 84px;
    left:5px;
    border-radius: 4px;
}
.ai-img {
    text-align: center;
}
.ai-img li{
    display:inline-block;
    margin:0 15px 40px;
}
.ai-img img{
    border:2px solid #fff;
    border-radius: 5px;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.1);
    width: 324px;
    height:222px;
    max-width: 100%;
}
.ai-img  h6{
    color:#4a4a4a;
    font-size:16px;
}


.ai-img2 {
    text-align: center;
}
.ai-img li{
    display:inline-block;
    margin:0 25px;
    margin:0 15px 40px;
}
.ai-img2 img{
    border:2px solid #fff;
    border-radius: 5px;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.1);
    width: 230px;
    height:150px;
}
.ai-img2  h6{
    color:#4a4a4a;
    font-size:16px;
}
.readmore{
    text-align: center;
    padding:50px 0 100px;
}
.lang-list{
    text-align: center;

}
.lang-list li{
    display:inline-block;
    min-width: 340px;
    margin-bottom:80px;
}

.digital-box .gray4-bg .con .container {
    margin:54px  0 0px;
}

.white-bg .title-4 .t{
    font-size:28px;
    color: #58627c;
    margin-bottom:30px;
}
.box-shadow1 img{
    display: inline-block;
    box-shadow: 3px 8px 16px 6px rgba(233,233,233,0.5);
    padding:20px 10px;
}

.z-tit{
    font-size: 21px;
    color:#58627c;
    margin-bottom:20px;
}
/* .mi{
    position: relative;
    top:50%;
    transform: translateY(-50%);
} */
    /* news */
    .top-news{
    max-width:1120px;
    padding:68px 0 38px;
    margin:0 auto;
    border-bottom:1px solid #eee;
}
.top-news img{
    max-width: 100%;
}
.top-news .left,
.top-news .right{
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}
.top-news .left .title,
.top-news .right .title,
.top-news .left p,
.top-news .right p{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.top-news .title{
    min-height:64px;
}
.top-news .left{
    width:47%;
    margin-right:5.5%
}
.top-news .left:nth-child(2n){
    margin-right: 0;
}
.top-news .right{
    width:47%;
}
.news-bd .tit,
.top-news .title{
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    color:#58627c;
    cursor: pointer;
    margin-bottom:18px;
    min-height: auto;
}
.news-bd .tit:hover,
.top-news .title:hover{
    color:#485064;
    text-decoration: underline;
}
.news-bd .tit{
    margin-bottom:15px;
}
.top-news img{
    margin-bottom:22px;
    width: 100%;
    height: 469px;
}
.news-bd .des,
.top-news p{
    color: #767676;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    margin-bottom:7px;
     overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.news-time,
.news-bd .time,
.top-news .time{
    color: rgba(0,0,0,0.6);
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
}
.breadcrumb-item+.breadcrumb-item::before{
    content:">";
}
.news-details,
.news-bd {
    padding:24px 160px 78px;
}
.news-bd{
    padding-top:0;
}
.top-news .left:hover .title,
.top-news .right:hover .title{
    color:#485064;
    cursor: pointer;
}
.news-bd .more,
.top-news .more{
    font-size:12px;
}
.news-bd ul li img{
    margin-right:32px;
}
.news-bd ul li{
    padding-bottom:20px;
    padding-top:20px;
    border-bottom:1px solid #eee;
}
.news-bd  ul li .tit{
    padding-right: 40px;
    overflow: hidden;
    cursor: pointer;
}
.news-tit{
    color: #58627c;
    font-size: 28px;
    font-weight: 400;
    line-height: 47px;
    text-align: justify;
    margin-bottom:20px;
}
.news-tools .con{
    width:1120px;
    margin:0 auto;
}
.news-tools{
    height:60px;
    background:#D8D8D8;
}
.news-tools .nav-tabs{
    min-width: 700px;
    float: left;
    border-bottom:0;
    font-size:24px;
   
}
.news-tools .nav-tabs a{
    color:#767676;
    display:inline-block;
    padding:12px 0;
    text-decoration: none;
    margin-right:42px;
}
.news-tools .nav-tabs li a:hover,
.news-tools .nav-tabs li.active a{
    color:#FF4000;
    border-bottom:4px solid #ff4000;
    padding:12px 0 8px;
}
.news-tools input.form-control{
    width:200px;
    padding-right:36px;
}
.news-tools .search-input{
    width:200px;
    float:right;
    margin-top:12px;
    position: relative;
}
.news-tools .search-input .btn{
    position: absolute;
    right:0;
    top:0;
    cursor: pointer;
    display:inline-block;
    right:0;
    width:36px;
    height:38px;
    background:url(../img/search-icon.png) no-repeat center center;
}
.news-tools select.form-control{
    float:right;
    width:127px;
    margin-top:12px;
    margin-left:12px;
    display:inline-block;
}
.news-time{
    color: rgba(0,0,0,0.6);
    font-size: 16px;
    font-weight: 400;
    line-height: 15px;
    margin-bottom:64px;
}
.news-time span{
    display:inline-block;
    margin-right:20px;
}
.news-db{
    line-height: 2rem;
    padding-bottom:80px;
    color:#767676;
}
.news-db img{
    max-width: 100%;
}
.tools{
    position: fixed;
    right:34px;
    z-index: 9000;
    bottom:94px;
    width: 98px;

}
.more-phone{
    display: none;
    position: absolute;
    left:-198px;
    background:#fff;
    border-radius: 10px;
    box-shadow: 0px 3px 14px rgba(0,0,0,0.2);
    top:50%;
    width:188px;
    padding:12px 14px;
    font-size:16px;
    line-height: 1.618rem;
    text-align: center;
    margin-top:-41px;
    color:#58627C;
}
.more-phone .fa{
    display:inline-block;
    margin-right:8px;
    font-size:18px;
    vertical-align: middle;
}
.more-phone span{
    font-size:16px;
    font-weight: bold;
}
.tools a#btn-400:hover .more-phone{
    display: block;
}
.tools a{
    position: relative;
    cursor: pointer;
}
#btn-top{
    display: none;
}
.tools img{
    display:inline-block;
    margin-bottom:-10px;
    opacity: 0.7;
}
.nb-icon-inner-wrap:hover,
.tools img:hover{
    opacity: 1;
}

.nb-icon-inner-wrap{
     opacity: 0.7;
}
.contact {
background:url(../img/us-bg.png) no-repeat center bottom;
}
.contact  hr{
    margin:0 100px;
}
.contact .title2{
    font-size:21px;
    font-weight: 500;
    margin-bottom:20px;
    text-align: center;
    color:#58627e;
}
.contact .title{
    font-size:28px;
    padding:106px 0 106px;
    text-align: center;
    color:#58627e;
}
.contact ul{
    text-align: center;
    padding:0 84px;
    
}
.contact li{
    text-align: center;
    display:inline-block;
    width: 23%;
    min-height:326px;
    position: relative;
    vertical-align: top;
    color:#58627e;
}
.contact li .address{
    min-height:62px;
    padding:0 30px;
}
.mt200{
    margin-bottom:120px;
}
.contact li > i{
    display:inline-block;
    width:120px;
    height:120px;
}
.contact li.xian:after{
    position: absolute;
    content:" ";
    right:0;
    top:50%;
    margin-top:-62px;
    height:124px;
    width:1px;
    background:#dfdfdf;
}
.contact li .sh{
    background:url(../img/lvyou-shanghaidongfa.png) no-repeat center center;
} 
.contact li .bj{
    background:url(../img/lvyou-beijingtiantan.png) no-repeat center center;
}
.contact li .hk{
    background: url(../img/lvyou-lundunyan.png) no-repeat center center;
}
.contact li .zj{
    background: url(../img/lvyou-luomajiao.png) no-repeat center center;
}
.contact li .wx{
    background:url(../img/lvyou-ribenfushishan.png) no-repeat center center;
}  
.contact li .meb{
    background:url(../img/lvyou-yindumen.png) no-repeat center center;
}
.contact .i4{
    margin-top:68px;
}
.contact .i4 li{
    width: 24%;
}
.contact .i2 li{
    width:49%;
}
.contact .phone,
.contact .email,
.contact .address{
    font-size: 14px;
    font-weight: 400;
    color:#58627e;
    line-height: 31px;
}
.contact .tit{
    font-weight:bold;
    margin-bottom:16px;
}
.contact .address{
    margin-bottom:30px;
    color:#58627e;
}
.viewmap{
    border-radius: 20px;
   background: linear-gradient(180deg, #FD9266, #F95936);
    padding:9px 18px;
    color:#fff;
    font-size:12px;

}
.viewmap:hover{
    text-decoration: none;
    color:#fff;
}
.viewmap i{
    display:inline-block;
    vertical-align: top;
    width:20px;
    height:21px;
    margin-right:4px;
    background:url(../img/dticon.png) no-repeat center center;
}

/* 集团概况 */
.about .introduction{
    padding:60px 118px 50px;
    background:#f4f5f7 url(../img/jtgk01-bg.png) right bottom no-repeat;

}
.about .tit{
    color: #58627c;
    font-size: 38px;
    text-align: center;
    font-weight: 400;
    line-height: 50px;
}
.about .introduction .tit{
    padding-bottom:60px;
    margin-bottom:27px;
    border-bottom:1px solid #d0d1d3;
}
.about .introduction  .left,
.about .introduction  .right{
    display:inline-block;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    display:inline-block;
    width:45%;
    vertical-align: top;
    line-height: 26px;
}
.about .introduction  .left{
    margin-right:64px;
}
.about .vision{
    padding:86px 0;
    background:#fff;
    text-align: center;
}
.about .vision .tit{
    margin-bottom:35px;
    text-align:center;
}
.about .vision  .left,
.about .vision .right{
    width:350px;
    display:inline-block;
    vertical-align: top;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
}
.about .vision img{
    /*padding-bottom:20px;
    border-bottom:1px solid #ededef;
    margin-bottom:27px;*/
}
.about .positioning {
    background:url(../img/jtgk-02bg.png) no-repeat;
    text-align: center;
    color:#fff;
    padding:120px 0 110px;
}
.about .positioning .tit{
    color:#fff;
    margin-bottom:48px;
}
.about .positioning  .m{
    color: #ffffff;
     font-size: 38px;
    font-weight: 400;
    line-height: 50px;
    text-align: center;
}

.about .process .tit{
    padding:86px 0 64px;
    text-align: center;
}

.organizational{
    padding:42px 0 20px;
    background:#f4f5f7;
    text-align: center;
}
.organizational .tit{
    margin-bottom:60px;
}
.organizational >ul >li{
    display:inline-block;
    min-width: 380px;
    margin:0%;
    border:1px solid #eee;
    vertical-align: top;
    text-align: center;
    background:#fff;
    box-shadow: 0px 30px 30px rgba(140,153,191,0.2);
    padding:20px;
    border-radius: 10px;
    min-height:485px;
    color:#58627c;
    line-height: 1.5;
}
.organizational >ul >li.mt22{
    margin-top:50px;
}
.organizational .ff{
    margin:-15px;
    position: relative;
    z-index: 100;
}
.organizational >ul ul{
    margin-bottom:28px;
}
.organizational >ul >li h3{
    margin-bottom:40px;
    font-size:23px;
    font-weight: 500;
    color:#5a687d;
}
.organizational >ul >li h4{
    font-size:20px;
      font-weight: 500;
      color:#5a687d;
}
.company-history .tit{
    margin:42px 0 80px;
    text-align: center;
}

.features-info{
    background: #f9f9f9;
   box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
}

.about .honor{
    background:#f4f5f7;
    padding:42px 0 60px;
    overflow: hidden;
}
.honor-list {
    width: 946px;
    margin:34px auto;
}
.honor-list li{
    cursor: pointer;
    vertical-align: top;
    display: inline-block;
    width: 178px;
    height: 126px;
    position: relative;
    padding: 40px 12px;
    text-align: center;
    margin: 0 3px 18px;
    background: url(../img/rybg.png) no-repeat;
}
.honor-list li span{
    display: inline-block;
    vertical-align: middle;
    color: #58627c;
    font-size: 15px;
    text-align: center;
    font-weight: 400;
}
.honor-list li img{
    display: none;
}
.honor-list li:hover img{
    position: absolute;
    display: block;
    z-index: 10;
    width: 210px;
    height: auto;
    padding: 6px;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
    background: #fff;
    top: 65%;
    left: 65%;
    margin-left: -134px;
    margin-top: -98px;
}

.honor-list li.big:hover img{
    position: absolute;
    display: block;
    z-index: 10;
    width: 210px;
    height: auto;
    padding: 6px;
    background:#fff;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
    top: 50%;
    left: 50%;
    margin-left: -98px;
    margin-top: -134px;
}

.about .honor .tit{
    text-align: center;
}

.about .partner {
    padding:80px 180px 140px;
    text-align: center;
    position:relative;
}

.about .partner img{
    max-width: 100%;
}
.about .partner .tit{
    margin-bottom:28px;
}
.e-i1{
    background: url(../img/zixuntousu.png) no-repeat;
    background-size: 100%;
}
.e-i3{
    background:url(../img/gongzuotai.png) no-repeat;
    background-size:100%;
}
.e-i4{
    background:url(../img/xinwen.png) no-repeat;
    background-size:100%;
}
.e-i5{
    background:url(../img/caidan.png) no-repeat;
    background-size:100%;
}
.e-i6{
    background:url(../img/fuwu0.png) no-repeat;
    background-size:100%;
}
.zxbg{
    padding:174px 194px 90px;

}
.zxbg2{
      background: #f4f5f7;
      padding:72px 120px;
}
.example img,
.teacher img,
.zxbg img,
.zxbg2 img{
    max-width: 100%;
}
.zxbg2 .tit,
.zxbg .tit{
    color: #58627c;
    font-size: 28px;
    text-align: center;
    font-weight: 400;
    line-height: 32px;
    margin-bottom:32px;
}
.zxbg2 .tit {
    margin-bottom:60px;
}
.example img,
.zxbg  img{
    display:block;
    margin: 0 auto 100px;
}

.zxbg2 img,
.teacher  img{
    display:block;
    margin: 0 auto 0px;
}

.zxbg p{
    color: #4a4a4a;
    font-size: 16px;
    font-weight: 400;
    line-height: 29px;
    text-align: justify;
    margin-bottom: 104px;
}
.teacher ,
.example {
    text-align: center;
    margin-bottom:55px;
}
.teacher .tit,
.example .tit{
    display: inline-block;
    background:#f2f2f2;
    margin-left:-34px;
    border-radius: 13.52px;
    height:42px;
    margin-bottom:32px;
}
.example .tit span,
.teacher .tit span{
    color: #58627c;
    font-size: 28px;
    margin-bottom:32px;
    text-align: center;
    display: inline-block;
    border-radius: 13.52px;
    border: solid 1px #3f3d56;
    position: relative;
    z-index: 5;
    padding:0px 34px;
    left: 15px;
    top:-4px;
}

.teacher  img{
    margin-bottom:100px;
}


.kjzz2{
    background:#f4f5f7;
    padding:0 226px 40px;
    text-align: center;
}
.kjzz2 img{
    max-width: 100%;
}
.kjzz2 .tit{
    padding:97px 0 48px;
    color: #58627c;
    font-size: 28px;
}
.kjzz2 .tit2{
    color: #f45125;
    font-size: 20px;
    font-weight: 600;
    padding-bottom:20px;
    border-bottom:1px solid #c8c8c8;
    margin-bottom:19px;
}
.kjzz2 .des{
    margin-bottom:35px;
    color: #324148;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
}
.kjzz2 img{
    margin-bottom:84px;
}

.kj-list{
    width: 1000px;
    position: relative;
    margin:0 auto;
    text-align: center;
}
.kj-list li:first-child{
    margin-left:0;
}
.kj-list li:last-child{
    margin-right:0;
}
.kj-list:after{
    content:" ";
    position: absolute;
    width:920px;
    height:1px;
    background:#d9d9d9;
    bottom:50%;
    left:45px;
    z-index: 0;
}
.kj-list li{
    position: relative;
    display:inline-block;
    text-align: center;
    vertical-align: top;
    width:85px;
    height:85px;
    border:2px solid #f94c34;
    border-radius:100%;
    margin:35px 46px;
    color:#58627c;
    z-index: 2;
    background:#fff;
}
.kj-list li:hover,
.kj-list li.active{
    background: #f94c34;
    color:#fff;
    cursor: pointer;
}
.kj-list li span{
    position: relative;
    display: block;
    top:50%;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    transform: translateY(-50%);
}

.kjzz .tit{
    margin-top:174px;
    text-align: center;
    color: #58627c;
    font-size: 28px;
    font-weight: 400;
}

.play-item{
    display:none;
    padding:66px 220px 116px;
}
.play-item.show{
    display: block;
}
.play-item .left{
    width:50%;
    padding-right:40px;
    display:inline-block;
    padding-top:40px;
    vertical-align: top;
}
.play-item .left p{
    color: #324148;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom:100px;
}
.play-item .left .b{
     border: solid 1px #cccccc;
    background: #f4f4f4;
    color: #666666;
    text-decoration: none;
    border-radius: 4px;
    font-size:14px;
    padding:12px 15px;
}
.play-item .right{
    width:40%;
    display: inline-block;
    text-align: right;
    vertical-align: top;
}
.play-item .right img{
    max-width: 100%;
}
.el-box{
    padding:144px 138px 88px;

}
.el-box .tit{
    color: #58627c;
    font-size: 28px;
    margin-bottom:23px;
}
.el-box .left{
    width:49%;
    padding-right:120px;
}
.el-box .right {
    width:49%;
}
.el-box img{
    max-width: 100%;
}
.el-box .left,
.el-box .right{
    display:inline-block;
    vertical-align: top;
}
.el-box-2 p,
.el-box p{
    color: #4a4a4a;
    margin-bottom:54px;
    font-size: 16px;
    font-weight: 400;
    line-height: 29px;
    text-align: justify;
}
.el-box-2{
    padding:90px 100px;
    background: #f3f5fc;
    position: relative;
}

.el-box-2 .tit{
    color: #58627c;
    font-size: 28px;
    margin-bottom:23px;
}
.el-box-2 .left{
    display: inline-block;
    width:40%;
}
.el-box-2 .right{
    display:inline-block;
    vertical-align: top;
    width:40%;
}
.el-box-2 .right{
    position: absolute;
    right:118px;
    top:118px;
}
.el-box {
    position: relative;
}
.el-box .img1{
    position: absolute;
    right:0;
    bottom:0;
}   

.el-box-2 img{
    max-width: 100%;
}
.el4{
    padding:144px 130px 90px;
}
.el4 .tit{
    color: #58627c;
    font-size: 28px;
    margin-bottom:23px;
    margin-bottom:40px; 
    text-align: center;
}
.kt-list{
    text-align: center;
}
.kt-list li{
    display: inline-block;
    text-align: center;
    min-width: 20%;
    margin:0 15px;
    vertical-align: top;    
}
.kt-list li img{
    margin-bottom:20px;
}
.kt-list li .tit2{
    margin-bottom:20px;
     color: #58627c;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
}
.kt-list li  .p{
      color: #4a4a4a;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
}

.el42{
    background:#f4f5f7;
}
.el42{
    padding:114px 140px;
}
.el42 .tit{
  color: #58627c;
    font-size: 28px;
    margin-bottom:23px;
    margin-bottom:40px; 
}
.el42 p{
      color: #4a4a4a;
  font-size: 16px;
  font-weight: 400;
  line-height: 29px;
  text-align: justify;
}
.el42 .left{
    display:inline-block;
    width:40%;
    margin-right:50px;
}
.el42 .right{
    position: relative;
    top:50%;
    height:400px;
    right:-10%;
    width:50%;
    vertical-align: top;
    display: inline-block;
    background:url(../img/el5.png) no-repeat right center;
    background-size: 100%;
}
.el42{
    position: relative;
}
.el42 .right img{
    max-width: 100%;
    margin-top:-50px;

    margin-right:-100px;
}
.el42 img{
    max-width: 100%;
}
.el-33 {
    position: relative;
    min-height:652px;
}
.el-33 .right
.el-33 .left{
    width:40%;
}
.el-33 img{
    position: absolute;
    right:0;
    top:100px;
}
.el-33{
    padding:112px 140px;

}
.el-33 .left,
.el-33 .right{
    width:50%;
}
.el-33 .tit{
    color: #58627c;
    font-size: 28px;
    margin-bottom:23px;
    margin-bottom:40px; 
}
.el-33 .tit3{
     color: #58627c;
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;

}
.el-33 li{
 
    display: inline-block;
    margin-right:40px;
    vertical-align: top;
    margin-bottom:40px;
}
.el-33 li .tit3
{
    padding-bottom:23px;
      border-bottom: solid 1px #dfdfdf;
      margin-bottom:23px;
      font-size:16px;
}

.el-33 li .p{
    color: #4a4a4a;
    font-size: 16px;
    font-weight: 400;
    line-height: 29px;
}
.operation{
    padding:  150px 120px;
}
.operation .tit{
    color: #58627c;
    font-size: 28px;
    padding-bottom:40px;
    border-bottom:1px solid #f2f2f2;
    margin-bottom:50px;
    text-align: left;
}
.operation ul {
    text-align: center;
}
.operation ul li{
    display:inline-block;
    width:16%;
    margin:0 2.1%;
    vertical-align: top;
    margin-bottom:40px;

}
.operation ul li:first-child{
    margin-left:0;
}
.operation ul li:last-child{
    margin-right:0;
}
.operation ul .tit2{
    color: #58627c;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
}
.operation ul p{
    color: #666666;
    text-align: justify;
    margin-top:21px;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
}
.operation2{
    padding:90px 0;
    text-align: center;
    background:#f4f5f7;
}
.operation2 .tit{
    color: #58627c;
    font-size: 28px;
    padding-bottom:65px;
}
.operation2 li{
    display: inline-block;
    vertical-align: top;
    width:300px;
    margin:0 40px;
}
.operation2 li .tit2{
      color: #58627c;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
}
.operation2 li  img{
    margin-bottom:28px;
}
.operation2 li p{
    color: #666666;
    margin-top:24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    text-align: justify;
}
.operation3{
    padding:58px 0 120px; 
}
.operation3 .tit{
    color: #58627c;
    font-size: 28px;
    padding-bottom:65px;
    text-align: center;
}
.operation3  ul{
    font-size:0;
    text-align: center;
}
.operation3  ul li{
    font-size:16px;
    margin-left:-1px;
    min-height:245px;
    vertical-align: top;
    width:296px;
    display:inline-block;
    border: solid 1px #dddddd;
    padding:21px 40px 10px;
}
.operation3  ul img{
    margin-bottom:20px;
}
.operation3  ul  .tit2{
    color: #58627c;
    margin-bottom:16px;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
}
.operation3  ul  p{
    font-size:14px;
    margin-bottom:0;
    color:#666;
    line-height:26px;
}
.operation4{
     padding:58px 0 110px; 
     background:#f4f5f7;
}
.operation4 .tit{
    color: #58627c;
    font-size: 28px;
    padding-bottom:65px;
    text-align: center;
}
.operation4  ul{
    font-size:0;
    text-align: center;
    width:942px;
    margin:0 auto;
}
.operation4  ul li{
    font-size:16px;
    background:#fff;
    margin-left:-1px;
    margin-top:-1px;
    min-height:272px;
    vertical-align: top;
    max-width:314px;
    display:inline-block;
    border: solid 1px #dddddd;
    padding: 41px 30px 47px;
}
.operation4  ul img{
    margin-bottom:20px;
}
.operation4  ul  .tit2{
    color: #58627c;
    margin-bottom:16px;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
}
.operation4  ul  p{
    font-size:14px;
    margin-bottom:0;
    color:#666;
    line-height:26px;
}

.esg{
    padding:115px 140px;
}
.esg .video-play{
    width: 692px;
    height:500px;
    background:url(../img/esg11.png) no-repeat;
    position: relative;
}
.esg .video-play video{
    position: absolute;
    width:642px;
    height:452px;
    top:25px;
    left:25px;
}
.esg .col img{
    max-width: 100%;
}
.esg  p{
    color: #4a4a4a;
    font-size: 16px;
    font-weight: 400;
    line-height: 29px;
    text-align: justify;
    padding-right:40px;
    position: relative;
    top:50%;
    transform: translateY(-50%);
}
.esg1{
    background:#f4f5f7;
    text-align: center;
     padding:115px 140px;
}
.esg1 img{
    max-width: 100%;
}
.esg1 .tit{
    color: #58627c;
    font-size: 28px;
    padding-bottom:39px;
    text-align: center;
}
.esg1  .left{
    margin-right:128px;
}
.esg1 p{
    margin-bottom:85px;
}
.esg1  .left,
.esg1 .right{
    display:inline-block;
}
.esg2{
    padding:122px 130px;
}
.esg2 .pp{
    width: 376px;
    text-align: left;
}
.esg2 .tit{
    color: #58627c;
    font-size: 28px;
    padding-bottom:58px;
}
.esg2 img{
    max-width: 100%;
}
.esg2 p{
    margin-bottom:85px;
      color: #4a4a4a;
      line-height: 29px;
     
}

.esg2 ul{
    margin-top:80px;
    text-align: center;
}
.esg2 ul li{
    display: inline-block;
    width: 17%;
    margin: 0 8%;
    vertical-align: top;
}
.esg2 ul li img{
    margin-bottom:11px;
}
.esg2 ul li .tit2{
    color: #58627c;
      font-size: 16px;
  font-weight: 400;
  margin-bottom:21px;
}
.esg2 ul li p{
      color: #4a4a4a;
      line-height: 29px;
      text-align: justify;
}
.esg3{
    padding:115px 110px;
}
.esg3 .tit{
    color: #58627c;
    font-size: 28px;
    padding-bottom:42px;
    text-align: center;
}
.esg3  .des{
    width: 770px;
    margin:0 auto 110px;
    text-align: center;
    color: #4a4a4a;
    line-height: 29px;
}
.esg3  ul {
        text-align: center;
}
.esg3  ul li{
    display:inline-block;
    width:380px;
    text-align: center;
    color: #58627c;
  font-size: 16px;
  font-weight: 400;
    margin-bottom:64px;
}
.esg3  ul li img{
    margin-bottom:34px;
}
.yq-i1{
    background: url(../img/yq0.png) no-repeat;
    background-size: 100%;
}
.yq-i2{
    background:url(../img/eeq1.png) no-repeat;
    background-size:100%;
}
.yq-i3{
    background:url(../img/f0i.png ) no-repeat;
    background-size:100%;
}
.yq-i4{
    background:url(../img/fw.png) no-repeat;
    background-size:100%;
}
.yq-i5{
    background:url(../img/hi.png) no-repeat;
    background-size:100%;
}

.chy1{
     padding:110px 60px;
}
.chy1 .m1 .btn-ii{
    margin:24px 32px 34px;
}
.chy1 .m2 .btn-ii{
     margin:24px 30px 34px;
}
.chy1 .m3 .btn-ii{
     margin:24px 12px 34px;
}
.chy1 .btn-ii{   
    min-width: 140px;
} 
.chy1 .btnlist .btn-ii span{
     min-width: 140px;
     margin-left:-8px;
}
.chy2 .tit,.chy1 .tit{
    color: #58627c;
    font-size: 38px;
    padding-bottom:94px;
    text-align: center;
}
.chy2 p{
    margin-bottom:80px;
}
.chy1 img{
    /*margin-bottom:102px;*/
}
.chy1 .tit2{
    text-align: center;
    color: #ea5923;
    font-size:18px;
    font-weight: bolder;
}

.btnlist .btn-ii{
    display: inline-block;
    background:#f2f2f2;
    border-radius: 13.52px;
    height:38px;
    margin-bottom:32px;
    margin-right:40px;
}
.btnlist .btn-ii span{
    color: #58627c;
    font-size: 15px;
    margin-bottom: 32px;
    text-align: center;
    display: inline-block;
    border-radius: 13.52px;
    border: solid 1px #3f3d56;
    position: relative;
    z-index: 5;
    padding: 6px 24px;
    left: 8px;
    top: -3px;
}
.chy1 .tit2{
    margin-bottom:22px;
}
.chy2{
    background:#f4f5f7;
    padding:112px 0;
    text-align: center;
}
.chy2 .tit{
    margin-bottom:58px;
    padding-bottom:0;
}
.pp,
.chy2 p{
    text-align: center;
    color: #4a4a4a;
    line-height: 29px;
}
.ti{
    color: #58627c;
    font-size: 38px;
    text-align: center;
}

.cy01{
    padding:150px 136px;

}




.cy02{
    text-align: center;
    padding:114px 260px;
}
.cy02 img,
.cy03 img,
.cy04 img,
.cy01 img{
    max-width: 100%;
}

.cy02 p,
.cy03 p,
.cy04 p,
.cy01 p{
    color: #4a4a4a;
  font-size: 16px;
  font-weight: 400;
  line-height: 29px;
}
.cy01 .con .col{

}
.cy01 .pp{
    text-align: justify;
}
.cy02 p{
    margin-bottom:99px;
    text-align: center;
}
.cy01 .ti{
    margin-bottom:85px;
    text-align: center;
}
.cy02,
.cy04{
    background:#f4f5f7;
}
.cy02 .ti{
    margin-bottom:60px;
}
.cy03{
    padding:115px 144px;

}
.cy03 .ti{
    margin-bottom:66px;
    text-align: left;
}
.cy03  .left,
.cy03 .right{

    display:inline-block;
    vertical-align: top;
}
.cy03 .left{
    width:40%;
}
.cy03 .right{
    width:40%;
}
.cy03  .pp{
    margin-right:20px;
    text-align: left;
}
.cy04{
    padding:80px 0 150px;
    text-align: center;
}
.cy04 .ti{
    margin-bottom:112px;
} 

.yun{
    padding:140px 0;
}
.yun .ti{
    margin-bottom:88px;
}
.yun .pp{
    width: 928px;
    margin:0 auto;
    text-align: left;
}
.yun2 {
    background: #f4f5f7;
    padding: 103px 0;
}
.yun2 .ti{
    margin-bottom:115px;
}
.yun-list {
    text-align: center;
}
.yun2 .pp{
    text-align: justify;
    
}

.yun-list li{
    display:inline-block;
    width: 178px;
    margin:0 36px;
    vertical-align: top;
}
.yun-list li img{
    margin-bottom:17px;

}
.yun-list li .ti2{
    margin-bottom:24px;
}

.yun-list2{
    text-align: center;
}
.yun-list2 li{
    display:inline-block;
    width: 196px;
    margin:0 64px;
    vertical-align: top;
}
.yun-list2 li img{
    margin-bottom:17px;

}
.yun-list2 li .ti2{
    margin-bottom:24px;
}

.yun3{
    padding:112px 0;
}
.yun3 .btnlist{
    width:860px;
    margin:110px auto 80px;
}
.yun3 .pp{
    text-align: justify;
}
.yun4{
    background:#f4f5f7;
    padding:115px 0;
    text-align: center;
}
.yun4 .ti{
    margin-bottom:111px;
}
.yun4 img{
    max-width: 100%;
}
.fw{
    padding:148px 0 0;
}
.fw .ti{
    margin-bottom:30px;
}
.fw .pp{
    margin-bottom:115px;

}

.fw-list{
    text-align: center;
    width: 1000px;
    margin:0 auto;
}
.fw-list li:first-child{
    margin-left:0;
}
.fw-list li:last-child{
    margin-right:0;
}
.fw-list li{
    display:inline-block;
    width: 128px;
    margin:0 40px;
    vertical-align: top;
}
.fw-list li img{
    margin-bottom:17px;

}
.fw-list li .pp{
    text-align:justify;
}
.fw-list li .ti2{
    margin-bottom:24px;
}

.fw2{
    background: #f4f5f7;
    padding:114px 0 105px;
    text-align: center;
}
.fw2 .ti{
    margin-bottom:88px;

}
.fw3{
    padding:80px 140px;
}
.ti01,
.ti02{
      color: #58627c;
  font-size: 21.6px;
  font-weight: 400;
  line-height: 32px;
  margin-bottom:78px;
}
.ti02{
    margin-bottom:44px;
}
.ti03{
    color:#4d4d4d;
}
.fw3 .box{
    margin-bottom:64px;
}
.fw3 .pp{
    text-align: justify;
    color:#707070;
}
.fw3 img{
    max-width: 100%;
}
.fw3{
    background: url(../img/f03.png) no-repeat right 300px;
}
.fw3 .ti02{
    margin-bottom:72px;
}

.fw-list01{
    margin-left:-6.4%;
}

.fw-list01 li{
    text-align: center;
    display:inline-block;
    width: 226px;
    margin:0 0 40px 7.2%;
    vertical-align: top;
}
.fw-list01 li img{
    margin-bottom:17px;

}
.fw-list01 p{
    text-align: justify;
}
.fw-list01 li .ti2{
    margin-bottom:24px;
}

.fw-list02{
    margin-left:-13.4%;
}

.fw-list02 li{
    text-align: center;
    display:inline-block;
    margin:0 0 40px 13.2%;
    vertical-align: top;
}
.fw-list02 li img{
    margin-bottom:17px;

}
.fw-list02 p{
    text-align: justify;
}
.fw-list02 li .ti2{
    margin-bottom:24px;
}
.fw-list02.btnlist .btn-ii{
    margin-right: 0;
    margin-left:-8px;
}

.fw-list03{
    margin-left:-11.9%;
}

.fw-list03 li{
    text-align: center;
    display:inline-block;
    margin:0 0 0px 11.9%;
    vertical-align: top;
}
.fw-list03  img{
    margin-bottom:17px;

}

.fw-list03 .ti2{
    margin-bottom:24px;
}


.fw3 .lr{
    margin-bottom:50px;
}
.fw3  .lr .left,
.fw3  .lr .right{
    display:inline-block;
    vertical-align: middle;
}
.fw3  .lr .left{
    width:680px;
    margin-right:160px;
}

.h-list{
    padding:156px 0;
    text-align: center;
}
.h-list li{
    display:inline-block;
    margin:32px;
}
.h-list li img{
    width:350px;
}
.h-list li:nth-child(7) img,.h-list li:nth-child(8) img,.h-list li:nth-child(9) img,.h-list li:nth-child(10) img{
    width:240px;
}
.nav-item{
    position: relative;
}
.nav-item .nav-more{
    display:none;
    width: 858px;
     border-radius: 4px;
}
.nav-item .nav-more::before{
    position: absolute;
    left:50%;
    top:-4px;
    margin-left:-4px;
    content:" ";
    width:10px;
    height:10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 5px 6px;
    border-color: transparent transparent #fff transparent;
}
.nav-item:hover .nav-more{
    display: block;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 40px;
    padding: 20px 0 28px 20px;
    margin-left: -429px;
    transition: all 0.1s;
}
.nav-item .nav-more>li{
    display:inline-block;
    width: 185px;
    margin-right:20px;
    vertical-align: top;
}
.nav-item .nav-more h2{
    font-size:16px;
    color:#333;
}
.nav-item .nav-more  li ul li{
    font-size:14px;
    color:#666;
    line-height:1.68;
}
.nav-item .nav-more  li ul li a{
    color:#4a4a4a;
}
.nav-item .nav-more .esg-a,
.nav-item .nav-more h2{
    display: block;
    padding-bottom:10px;
    font-weight: bold;
    color:#333;
    border-bottom:1px solid #ededef;
}

.one:hover .nav-more{
    width: 120px;
    margin-left: -60px;
    padding-left: 0;
    line-height: 24px;
    border-radius: 4px;
    padding: 14px 0;
}
.two:hover .nav-more{
    width: 150px;
    margin-left: -60px;
    padding-left: 0;
    line-height: 24px;
    border-radius: 4px;
    padding: 14px 0;
}
.one .nav-more>li{
    text-align: center;
    margin-right: 0;
    width: 100%;
}
.one .nav-more>li a{
    font-size:14px;
    color:#4a4a4a;
    text-decoration: none;
    position: relative;
}
.one .nav-more>li a:hover{
    color:#212529;
}
.one .nav-more>li a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 1px;
    width: 100%;
    background: #4a4a4a;
    transform: scale(0);
    transition: all 0.1s;
}
.one .nav-more>li a:hover::before {
    transform: scale(1);
}


.dropdown-menu{
    min-width: 6rem;
}

#newBridge .icon-right-bottom{
    right:34px !important;
    bottom:0px !important;
}
.yeartest{
    width:1024px;
    overflow: hidden;
    margin:0 auto;
 
   
}
.year-list{ 
    background:url(../img/timeline.png) no-repeat;
    margin:10px auto 30px;
}

.year-list li{
    display:inline-block;
    width:80px;
    height:60px;
    cursor: pointer;
    
}
.year-item{
    text-align: center;
}
.year-list li .dian{
    display:inline-block;
    width:16px;
    border-radius: 100%;
    height:16px;
    background:#fff;
    border:4px solid #fc5236;
    text-align: center;
    position: relative;
    top:-9px;
}
.year-list li:hover .dian,
.year-list li.flex-active-slide .dian{
    width:20px;
    height:20px;
    cursor: pointer;
    position: relative;
    top:-8px;
    transform: scale(1);
    transition: all 0.2s;
}
.year-list .year{
    font-weight: 500;
    color:#737c92;
}
.events{
    height:352px;
    width:1240px;
    margin:0 auto;
    padding:0 40px;
}
.events-item{
    position: relative;
    width:267px;
    height:175px;
    border-radius:4.8px;
    background:f9f9f9;
    box-shadow:0 10px 31px 0 rgba(0,0,0,0.15);
    font-size:16.8px;
    color:#666;
    line-height: 25.2px;
    padding:0 0;
}
.events-item .des{
    padding:0 18px;
    position: relative;
    top:50%;
    transform: translateY(-50%);
}
.events-item{
    display:inline-block;
    vertical-align: top;
    margin:0 12px;
    font-size:14px;
}
.events-item .title{
    color:#e83215;
    font-weight: 500;
    font-size:34px;
    line-height:26px;
    position: absolute;
    left:0;
    top:-18px;
}

.events-list{

    margin:80px auto;
}
.events-list .active-slide .title{
    color:#e83215;
    font-weight: 500;
    font-size:40.8px;
    line-height: 31.2px;
     position: absolute;
    left:0;
    top:-18px;
}

/* .events-list .active-slide{
    width: 320px !important;
    height:210px !important;
   
    margin-top:-18px !important;
    margin-left:32px !important;
} */

.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.honorlist  {
    position: relative;
}
.honorlist .flex-viewport{
    overflow: visible !important;
}
.honnorlist .flex-direction-nav{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width:100%;
}
 .flex-nav-prev a{
    display: block;
    position: absolute;
    left: 80px;
    top: 50%;
    margin-top: -24px;
    font-size: 0;
    width: 28px;
    height: 48px;
    background:url(../img/jleft.png) no-repeat;
}
 .flex-nav-next a{
    display: block;
    position: absolute;
    right: 80px;
    top: 50%;
    margin-top: -24px;
    font-size: 0;
    width: 28px;
    height: 48px;
    background:url(../img/jright.png) no-repeat;
}

.cooperative-partner .flex-nav-prev a{
    display: block;
    position: absolute;
    left: 80px;
    top: 50%;
    margin-top: -24px;
    font-size: 0;
    width: 28px;
    height: 48px;
    background:url(../img/jleft.png) no-repeat;
}
.cooperative-partner  .flex-nav-next a{
    display: block;
    position: absolute;
    right: 80px;
    top: 50%;
    margin-top: -24px;
    font-size: 0;
    width: 28px;
    height: 48px;
    background:url(../img/jright.png) no-repeat;
}
.partner{
    position: relative;
}

.e404,
.e500{
    text-align: center;
    padding:120px;
}
.e404 img{
    margin-right:-100px;
}
.e500 .btn,
.e404 .btn{
    margin-top:20px;
    border-radius: 50px;
    background: #919191;
    font-size:14px;
    display:inline-block;
    cursor: pointer;
    padding:6px 24px;
    color:#fff !important;
}
.e500 .btn:hover,
.e404 .btn:hover{
    background:#616161;
}


.xin-list {
    text-align: center;
    margin-top: 120px;
}

    .xin-list li {
        display: inline-block;
        width: 30%;
        text-align: center;
        vertical-align: top;
        margin: 0 9% 90px;
        color: #4a4a4a;
    }

        .xin-list li img {
            margin-bottom: 20px;
        }

        .xin-list li div {
            text-align: justify;
            line-height: 2;
            color: #4a4a4a;
            font-size: 14px;
        }

        .xin-list li p {
            margin-bottom: 40px;
            color: #4a4a4a;
            font-weight: bold;
        }

.sun-bg {
    color: #4a4a4a;
    padding-bottom: 100px;
    padding-top: 100px;
    padding-left: 140px;
    padding-right: 140px;
    background: #fff;
}

  .sun-bg .title-4 .t {
        font-size: 28px;
        color: #58627c;
 }

.vic-img .left {
    width: 57%;
    margin-right: 5.5%;
}

.vic-img .left,
.vic-img .right {
    display: inline-block;
    vertical-align: top;
}

.vic-img .right {
    width: 36%;
}

.vic-img {
    margin-bottom: 80px;
}

.sun .left,
.sun .right {
    display: inline-block;
}

.sun .left {
    width: 33%;
    margin-right: 7%;
    text-align: left;
}

.sun .right {
    width: 57%;
    vertical-align: top;
}

.sun-item {
    margin-bottom: 30px;
}

    .sun-item .title {
        border-bottom: 1px solid #979797;
        padding-bottom: 19px;
    }

    .sun-item p {
        padding-top: 20px;
        padding-left: 55px;
        line-height: 1.8;
    }

.sun1,
.sun2,
.sun3 {
    display: inline-block;
    width: 34px;
    height: 38px;
    margin-right: 20px;
}

.sun1 {
    background: url(../img/sun1.png) no-repeat center center;
    vertical-align: middle
}

.sun2 {
    background: url(../img/sun2.png) no-repeat center center;
    vertical-align: middle
}

.sun3 {
    background: url(../img/sun3.png) no-repeat center center;
    vertical-align: middle
}
.jobs{
    background:#fff;
    border-radius:10px;
    margin:-65px 100px 100px;
    min-height:700px;
    z-index: 1000;
    position: relative;
    box-shadow: 0px 2px 6px rgba(0,0,0,0.2);
    padding:70px 90px;
}
.jobs .tit{
    font-size:20px;
    columns: #272a2c;;
    margin-bottom:30px;
}


.jobs .nav-tabs li a{
    display: inline-block;
    padding:20px 40px 20px 30px;
    font-size:20px;
    color:#202020;
    text-decoration: none;

}
.jobs .nav-tabs li i{
    margin-right:10px;
}
.jobs .nav-tabs a.active i{
    color:#e83215;

}
.jobs .nav-tabs a.active{
    border-bottom:2px solid #e83215;
}

.jobs .tab-pane{
    padding:0;
}

.jobs .panel-title a{
    display: block;
    color:#202020;
    font-size:16px;
    text-decoration: none;
}
.jobs .panel-title .address{
    color:#626262;
    margin-top:20px;
    font-size:12px;
}

.jobs .panel-heading {
    padding:22px 0 24px;
    border-bottom:1px solid #d4d4d4;
}
.jobs .panel-body{
    padding:20px 0;
}
.jobs .department{
    margin-right:60px;
}
.jobs .panel-body .title{
    font-size:16px;
    margin-bottom:10px;
    color:#202020;
}
.jobs .panel-body ul{
    margin-bottom:40px;
    font-size:14px;
    line-height: 2;
    color:#626262;
}
.jobs .panel-title .fa-angle-down{
    font-size:30px;
    color:#e83215;
    position: relative;
    bottom:-5px;
}
.jobs .panel-title button{
    margin-right:20px;
}
.jobs .panel-title a[aria-expanded="true"]  i.fa-angle-down{
    transform:rotate(180deg);
}

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom:24px;
  z-index: 100;
  font-size:0;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 3px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  display: inline-block;
  width: 11px;
  height: 11px;
  margin: 0 0px;
  background: rgba(255,255,255,0.5);
  overflow: hidden;
  cursor: pointer;
  text-indent: -9999px;
  
}
.flex-control-paging li a:hover {
  background: #fff;
}
.flex-control-paging li a.flex-active {
  background: #fff;
  width: 21px;
  cursor: default;
  transition: width .3s;
}
.home-module-a {
    padding: 96px 0 75px; 
    height: 580px;
}
.home-module-a .title {
    margin-bottom: 100px;
    text-align: center;
}
.home-module-a .title .h3-box{
    margin-bottom: 25px;
}
.font-title {
    margin-bottom: 100px;
    text-align: center;
}
.title h3 {
    color: #212529
}
.title-h3 {
    margin-bottom: 25px;
}
.home-module-a .content-width ul{
    display: flex;
    justify-content: center;
}
.home-module-a .content-width ul li{
    flex: 1;
    text-align: center;
}
.home-module-a .content-width ul li:hover h2{
    color: #30A439;
    font-size: 60px;
}
.home-module-a .content-width ul li:hover h5 {
    color: #30A439;
    font-size: 22px;
    font-weight: bold;
}
.home-module-a .content-width .ul-img{
    margin-bottom: 50px;
}
.home-module-b .title {
    margin-bottom: 100px;
    text-align: center;
}
.ai-en .title-h4 {
    margin: 20px 0;
}
.ai-en .title-div {
    margin-bottom: 5px;
}
.home-module-b .content-width ul {
    display: flex;
    justify-content: center;
}
.home-module-b .content-width ul li {
    padding: 60px 0 20px;
    text-align: center;
    color: #fff;
    border-radius: 6px;
    height: 360px;
    width: 254px;
    display: inline-block;
    vertical-align: middle;
    background-color: #f2bc00;
    box-shadow: 0px 0px 15px 2px rgba(94,94,94,0.4);
    margin: 0 10px;
}
.home-module-b ul li:nth-child(even) {
    background-color: #30a439;
}
.home-module-b ul li .title-div {
    color: #30a439;
}
.home-module-b ul li:nth-child(even) .title-div {
    color: #f2bc00;
}
.home-module-e .title {
    margin: 50px 0;
    text-align: center;
}
.home-module-e {
    position: relative;
}
.home-module-e .img-box {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    border: 1px solid #30A439;
    border-radius: 50%
}
.home-module-e .img-video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.home-module-e video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.home-module-e .info {
    display: flex;
    justify-content: space-around;
    height: 320px;
    width: 100%;
    background-color: #f2bc00;
    margin-top: -8px;
}
.home-module-e .info .info-div {
    flex: 1;
    text-align: center;
    padding-top: 80px;
    font-size: 16px;
    color: #fff;
}

.home-module-e .info .info-div_item {
    background-color: #30a439;
}
.home-module-f .title {
    padding: 50px;
    text-align: center;
}
.home-module-f .info {
    display: flex;
    justify-content: space-around;
    text-align: center;
    width: 100%;
    margin-top: -8px;
}
.home-module-g .title {
    padding: 50px;
    text-align: center;
}
.home-module-g .content-width ul {
    display: flex;
    justify-content:  center;
}
.home-module-g .content-width ul li {
    width: 360px;
    height: 410px;
    background-color: #30a439;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0px 0px 15px 2px rgba(94,94,94,0.4);
}
.home-module-g .content-width ul li video{
    width:100%;
    height:100%;
    object-fit:fill;
}
.home-module-g ul li:nth-child(2) {
    background-color: #f2bc00;
    margin: 0 24px;
}
.home-module-g .content-width ul li .xjjs-img-box{
    position: relative;
    width: 100%;
    height: 245px;
    overflow: hidden;
}
.home-module-g ul li .xjjs-img-box img{
    transition: all 0.2s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home-module-g ul li .teacher {
    text-align: left;
    padding: 15px;
    color: #fff;
    margin: 0;
}
.home-module-g ul li .teacher div {
    font-size: 14px;
}
.home-module-g .content-width ul li .xjjs-img-box img:hover{
    transform: scale(1.2, 1.2);
}
.home-module-h .title {
    padding: 50px;
    text-align: center;
}

.home-module-h .content-width ul {
    display: flex;
    justify-content: center;
}

.home-module-h .content-width ul li {
    width: 360px;
    height: 410px;
    background-color: #f2bc00;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    box-shadow: 0px 0px 15px 2px rgba(94,94,94,0.4);
}

.home-module-h ul li:nth-child(2) {
    background-color: #30a439;
    margin: 0 24px;
}

.home-module-h .content-width ul li .xjjs-img-box {
    position: relative;
    width: 100%;
    height: 246px;
    margin-bottom: 30px;
    overflow: hidden;
}

.home-module-h ul li .xjjs-img-box img {
    transition: all 0.2s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home-module-h ul li p {
    font-size: 15px;
    color: #fff;
    line-height: 2;
}

.home-module-h .content-width ul li .xjjs-img-box img:hover {
    transform: scale(1.2, 1.2);
}
.home-module-i .content-width  {
    text-align: center;
}
.home-module-i .title {
    padding: 50px;
    text-align: center;
}
.home-module-j .title {
    padding: 50px;
    text-align: center;
}
.home-module-j .item-list {
    display: flex;
    justify-content: center;
}
.home-module-j .item-list .div-box {
    width: 25%;
}
.home-module-j .img-box {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
}
.home-module-j .item-list .left-box {
    margin-right: 10px;
}
.home-module-j .item-list .right-box {
    margin-left: 10px;
}
.home-module-j .root-video-container {
    position: relative;
}
.home-module-j .box-img video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.home-module-j .root-video-container .toggle-pause-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    transform: translate(-50%, -50%);
}
.ai-en-bg1 {
    color: #58627c;
    background: #fff;
    padding: 40px 0 60px;
}
.ai-en-bg{
    color:#58627c;
    background:#fff;
    padding:94px 0 56px;
}
.ai-en-bg1 .tit1,
.ai-en-bg .tit1{
    font-size:22px;
    color:#58627c;
    margin-bottom:30px;
    text-align: center;
}
.ai-en-bg p{
    width:960px;
    margin:0 auto;
    line-height: 1.8rem;
}
.ai-en-bg3 .img,
.ai-en-bg2 .img{
    text-align: center;
} 
.ai-en-bg .img{
    text-align: center;
    margin-top:50px;
}
.ai-en-bg2{
     color:#58627c;
    background:#f8f8f8;
    padding:43px 0 54px;

}
.ai-en-bg3 .tit1,
.ai-en-bg2 .tit1{
    font-size:22px;
    color:#58627c;
    margin-bottom:30px;
    text-align: center;
}
.ai-en-bg3 .tit1{
    color:#fff;
     margin-bottom:45px;
}
.ai-en-bg3 {
     color:#58627c;
    padding:43px 0 54px;
    background:url(../img/ai3bg.png) no-repeat;
}
.kytd {
    width: 1000px;
    margin:0 auto;
}
.kytd .left{
    float:left;
    width:347px;
    height:319px;
    background:#fff url(../img/kytd-bg.png) top left no-repeat;
    border-radius: 5px;
    box-shadow: 6px 12px 26px rgba(16,28,57,0.18);
    position: relative;
    padding:130px 30px 0 30px;
}
.kytd .left img{
    position: absolute;
    right:42px;
    top:-16px;
}
.kytd .left {
    font-size:12px;
    line-height: 25px;
}
.kytd .left .tit{
    font-size:14px;
}
.kytd .left .name{
    font-size:24px;
    margin-bottom:30px;
}
.kytd .right{
    float:left;
    width:650px;
    padding-left:30px;
    display: inline-block;
}
.kytd  .right li{
    display: inline-block;
    vertical-align: top;
    width:270px;
    font-size:14px;
    min-height:180px;
    margin-left:30px;
}
.kytd  .right li img{
    margin-bottom:10px;
}
.kytd .right .tit{
    font-size:16px;
    margin-bottom:14px;
}
.mywj{
    text-align: center;
}

.mywj li{
    display: inline-block;
    vertical-align: top;
    margin:0 30px;
}
.mywj li img{
    margin-bottom:14px;
}
.mywj li .tit{
    font-size:16px;
    margin-bottom:18px;
}
.mywj li {
    font-size:14px;
}
.ai-t {
    width: 884px;
    font-size:0;
    margin:0 auto 54px;
}
.ai-t .one{
    display:inline-block;
    background:url(../img/js1.png) no-repeat;
    padding:26px 18px;
    color:#fff;
    font-size:14px;
    width:444px;
    height:290px;
    vertical-align: top;
}
.ai-t .two{
     display:inline-block;
    background:url(../img/js2.png) no-repeat;
    padding:26px 18px;
    color:#fff;
    width:220px;
    font-size:12px;
    height:290px;
    vertical-align: top;
}
.ai-t .three{
     display:inline-block;
    background:url(../img/js3.png) no-repeat;
    padding:26px 18px;
    color:#fff;
    width:220px;
    font-size:12px;
    height:290px;
    vertical-align: top;
}
.ai-jd,
.ai-w {
   text-align: center;
}
.ai-w li{
    display: inline-block;
    width:370px;
    font-size:14px;
}
.ai-w li img{
    margin-left:20px;
}
.ai-jd li{
    vertical-align: top;
    margin:25px;
    display: inline-block;
    position: relative;
    text-align: left;
    font-size:14px;
}
.ai-jd li div{
    position: relative;
    color: #fff;
    margin-bottom:8px;
}
.ai-jd li hr{
    margin-top: 6px;
    margin-bottom: 6px;
    border-top-color: #fff;
}
.ai-jd li span{
    font-size: 18px;
    position: absolute;
    left: 50%;
    height: 68px;
    margin-top: -34px;
    text-align: center;
    top: 50%;
    min-width: 128px;
    margin-left: -64px;
}
.ai-jd li div{
background:#000;
}
.ai-jd li img{
    opacity: 0.3;
    
}
.ai-jd li:hover img{
    opacity: 0.6;
}

/*2020/12/22 Ai Chinese 爱中文 调整*/

.content-width {
    width: 926px;
    margin: auto;
}

.red-bg {
    background-color: #CB333A;
    padding:140px 0;
}

.red-bg .con1 {
    width:388px;
    display:inline-block;
    margin-left:60px;
    color:#fff;
    vertical-align:middle;
}
    
.red-bg .con1 h3 {
    margin-bottom: 30px;
    font-size:30px
}
.red-bg .con1 p {
    font-size:15px;
    line-height:27px;
}

.red-bg .img-video {
    width:450px;
    height:270px;
    display:inline-block;
    vertical-align:middle;
}


.sun-bg .content-width h3.text-center {
    font-size: 30px;
    color: #070707;
    margin-bottom: 60px;
}

.sun-bg .content-width h3.text-center small {
    display: block;
    font-size: 20px;
    margin-top: 30px;
}

.video-box .video-list {
    width: 294px;
    height: 490px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    background-color: #C7BC9C;
    color:#fff;
}

.video-box .video-list:nth-child(2) {
    background-color: #CB333A;
    margin:0 15px;
}

.video-box .video-list video {
    width: 100%;
    height: 204px;
    object-fit: fill;
}

.video-box .video-list h3 {
    font-size: 25px;
    margin-top:30px;
    margin-bottom:20px;
}

.video-box .video-list h3 small{
  display:block;
  font-size:18px;
  margin-top:6px;
}

.video-box .video-list>small{
    line-height:2.2
}
.video-box .video-list>p{
    font-size:14px;
}

.gray-img-bg {
    background: url(../img/cn-bg01.png) no-repeat;
    background-size:100% 100%;
    min-height:800px;
}

.right-content {
    width: 483px;
    float: right;
    margin-top: 118px;
}

.right-content h3 {
    color: #333;
    font-size: 25px;
    border: 2px solid #666666;
    padding: 10px 15px;
    margin-bottom: 30px;
}

.right-content h3:nth-child(3) {
    color: #D8303D;
    border: 2px solid;
}

.right-content p {
    margin-bottom: 45px;
    color: #999;
    font-size: 15px;
    line-height: 1.6;
}


.camel-bg {
    background-color: #C7BC9C;
    color:#fff;
    padding:160px 0;
}
.content-list {
    margin-left: 120px;
    padding-bottom: 30px;
    position:relative;
}

.content-list h3 {
    font-size: 24px;
    margin-bottom: 20px;
    padding-top:10px;
}

.content-list p {
    font-size: 14px;
    line-height: 2;
}
.content-list:after {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background-color: #fff;
    left: -109px;
    top: 20px;
}

.content-list:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background-color: #fff;
    left: -100px;
}
.content-list:hover h3 {
    color: #CB333A;
    font-size: 35px;
    font-weight: bold;
}

.content-list:hover:after {
    width: 30px;
    height: 30px;
    background-color: #CB333A;
    left: -115px;
}

.lightGray-bg {
    background-color:#f2f2f2;
    padding:80px 0 60px
}

.lightGray-bg h2{
    margin-bottom:50px;
}

.lightGray-bg video{
    width:100%;
    object-fit:cover;
}

.lightGray-bg .szbz{
   margin-top:5px;
   clear:both;
   overflow:hidden;
}

.lightGray-bg .szbz li {
    width: 174px;
    height: 214px;
    display: inline-block;
    vertical-align: middle;
    background-color: #C7BC9C;
    text-align: center;
    color: #fff;
    padding-top: 30px;
    float:left;
}

.lightGray-bg .szbz li:nth-child(2n) {
    background-color: #CB333A;
    margin: 0 14px;
}

.lightGray-bg .szbz li h3{
    font-size:22px;
    margin-bottom:40px
}
.lightGray-bg .szbz li p{
    font-size:14px;
    line-height:30px;
}

.box-item {
    clear: both;
    overflow: hidden;
}

.box-item .box-list {
    float: left;
    width: 304px;
    background-color: #C7BC9C;
    height: 315px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.box-item .box-list:first-child {
    background-color: #CB333A;
}

.box-item .box-list:last-child {
    background-color: #EDEFF0;
    color: #333;
}
.box-item .box-list:last-child small{
    padding-top:30px;
}
.box-item .box-list small{
    padding-top:25px;
    display:inline-block;
    font-size: 14px;
    line-height: 1.8;
}