@charset "utf-8";



body {

    overflow-x: hidden;

}



img {

    max-width: 100%;

}



/* 页码索引 */

#menu {

    position: fixed;

    right: 0px;

    right: 30px;

    top: 50%;

    width: 13px;

    margin-top: -66px;

    padding: 0;

    list-style-type: none;

    z-index: 70;

}



#menu li {

    width: 13px;

    height: 13px;

    margin-top: 4px;

    background: url('../images/icon_01.png') center center no-repeat;

    text-align: center;

}

#menu li:first-child{

    margin-top: 0;

}

#menu li a {

    display: block;

    width: 100%;

    height: 13px;

    line-height: 14px;

    position: relative;

    font-size: 14px;

    color: #1860e7;

}

#menu li a span{

    position: absolute;

    right: 0;

    top: 0;

    min-width: 80px;

    padding-right: 22px;

    text-align: right;

    display: none;

}



#menu li.active{

    background: url('../images/icon_02.png') center center no-repeat;

}

#menu li.active a span{

    display: block;

}



/*------------------------ public ------------------------*/



/* 头部 */

.navbar{

    margin-bottom: 0;

}

.navbar-default{

    background: #fff;

    border-color: #f0f0f0;

    -webkit-box-shadow:10px 0 10px rgba(0, 0, 0, .1);  

    -moz-box-shadow:10px 0 10px rgba(0, 0, 0, .1);  

    box-shadow:10px 0 10px rgba(0, 0, 0, .1); 

}

.navbar-brand{

    height: auto;

    padding-top: 10px;

    padding-bottom: 10px;

}

.navbar-brand img{

    display: inline-block;

    height: 66px;

}

.nav>li>a{

    padding: 0;

}

.navbar-nav>li>a{

    padding-top: 0;

    padding-bottom: 0;

    line-height: normal;

}

.navbar-default .navbar-nav>li>a{

    font-size: 14px;

    color: #333;

}

.navbar-nav{

    margin-top: 32px;

}

.navbar-nav>li{

    margin-left: 50px;

}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{

    background: none;

    color: #1862ec;

}



/* 底部 */

.footer{

    background: #e6e6e6;

    font-size: 13px;

    color: #333;    

    line-height: 24px;

    padding-top: 8px;

    padding-bottom: 8px;

}

.footer-copy{

    text-align: right;

}

.footer-copy .span-01{

    float: left;

}



/* 分页 */

.pages{

    padding: 40px 0;

    text-align: center;

    font-size: 0;

}

.pages a{

    display: inline-block;

    width: 36px;

    height: 36px;

    line-height: 36px;

    font-size: 14px;

    color: #666;

    border-radius: 36px;

    margin: 0 10px;

}

.pages a:first-child,.pages a:last-child{

    background: #e6e6e6;

    width: 120px;

}

.pages a.on{

    background: #1862ec;

    color: #fff;

}



/*------------------------  index ------------------------*/



/* banner */

.banner .banner-img{

    background-position: center center;

}

.banner .owl-dots {

    position: absolute;

    left: 0;

    right: 0;

    bottom: 20px;

    text-align: center;

}



.banner .owl-dots .owl-dot {

    width: 10px;

    height: 10px;

    background: #fff;

    border-radius: 50%;

    margin: 0 5px;

}

.banner .owl-dots .owl-dot.active{

    background: #e0c15d;

}



.section-bg{

    -webkit-background-size: cover;

    background-size: cover;

    background-position: center center;

}



.index-warper{

    padding-top: 90px;

}



/* 第二屏 */

.index-about-img,.index-about-word{

    float: left;

    width: 50%;

    padding-right: 15px;

}

.index-about-img{

    margin-top: 38px;

}

.index-about-img .div-warper{

    padding: 22px;

    background: url('../images/bg-07.png') center center no-repeat;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: center center;

}

.index-about-img .div-warper .mg1{

    width: 100%;

}

.index-about-word{

    padding-right: 0;

    padding-left: 15px;

    font-size: 18px;

    color: #333;

    line-height: 30px;

}

.index-about-word .title{

    text-align: right;

    margin-bottom: 40px;

}

.index-about-word .title .a1{

    font-size: 24px;

    color: #333;

    min-width: 180px;

    padding: 0 20px;

    height: 60px;

    line-height: 60px;

    background: #e8d79e;

    text-align: center;

    position: relative;

}

.index-about-word .title .a1::before,.index-about-word .title .a1::after{

    content: " ";

    position: absolute;

    border: 1px solid #e0c15d;

}

.index-about-word .title .a1::before{

    left: -10px;

    bottom: -10px;

    right: 0;

    top: 0;

}

.index-about-word .title .a1::after{

    right: -10px;

    top: -10px;

    bottom: 0;

    left: 0;

}

/* .index-about-word .details{

    height: 300px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 10;

    overflow: hidden;

} */



/* 第三屏 */

.index-culture .row{

    margin-left: -30px;

    margin-right: -30px;

}

.index-culture-box{

    text-align: center;

    margin: 0 30px;

}

.index-culture-box .title{

    width: 150px;

    height: 130px;

    line-height: 130px;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: center center;

    font-size: 36px;

    color: #fff;

    position: relative;

    z-index: 1;

}

.index-culture-box .details{

    height: 330px;

    padding: 101px 28px 0;

    background: rgba(255, 255, 255, .6);

    margin-top: -34px;

    font-size: 18px;

    color: #333;

    line-height: 32px;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}



/* 第四屏 */

.index-direction{

    margin-top: 87px;

}

.index-direction .span-mc{

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: url('../images/bg-mc.png') repeat;

}

.index-direction .span-word{

    position: absolute;

    left: 95px;

    right: 95px;

    bottom: 0;

    height: 70px;

    line-height: 70px;

    background: rgba(24, 98, 236, .6);

    font-size: 24px;

    color: #fff;

    text-align: center;

    padding-left: 20px;

    padding-right: 20px;

}

.index-direction-left{

    float: left;

    width: 15.625%;

    background-position: center center;

    cursor: pointer;

}

.index-direction-left .span-title{

    position: absolute;

    left: 10%;

    right: 10%;

    top: 50%;

    text-align: center;

    margin-top: -35px;

    height: 70px;

    line-height: 70px;

    background: rgba(255, 255, 255, .8);

    font-size: 36px;

    color: #333;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}

.index-direction-right{

    float: left;

    width: 0;

    background: blue;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}

.index-direction-left.on .span-title{

    background: #1862ec;

    color: #fff;

}

.index-direction-left.on + .index-direction-right{

    width: 53.125%;

}



.index-direction-box1{

    float: left;

    width: 50%;

}

.index-direction-box2{

    float: left;

    width: 100%;

    -webkit-background-size: cover;

    background-size: cover;

    background-position: no-repeat;

}





/* 第五屏 */

.index-team-owl{

    margin-top: 33px;

    position: relative;

    padding-left: 50px;

    padding-right: 50px;

}

.index-arrow-owl .owl-nav button.owl-prev,.index-arrow-owl .owl-nav button.owl-next{

    width: 40px;

    height: 40px;

    position: absolute;

    top: 50%;

    margin-top: -25px;

}

.index-arrow-owl .owl-nav button.owl-prev span,.index-arrow-owl .owl-nav button.owl-next span{

    font-size: 0;

}

.index-arrow-owl .owl-nav button.owl-prev{

    left: 0;

    background: url('../images/arrow-left.png') center center no-repeat;

}

.index-arrow-owl.index-news-owl .owl-nav button.owl-prev{

    left: 0;

    background: url('../images/arrow-left2.png') center center no-repeat;

}

.index-arrow-owl .owl-nav button.owl-next{

    right: 0;

    background: url('../images/arrow-right.png') center center no-repeat;

}

.index-arrow-owl.index-news-owl .owl-nav button.owl-next{

    right: 0;

    background: url('../images/arrow-right2.png') center center no-repeat;

}

.index-team-box{

    padding-bottom: 80px;

}

.index-team-box .mg1{

    border: 1px solid #f3f1f4;

    border-bottom: none;

    position: relative;

    z-index: 1;

}

.index-team-box .title{

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    background: rgba(255, 255, 255, .2);

    height: 80px;

    line-height: 18px;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    z-index: 1;

}

.index-team-box .title .span1{

    font-size: 18px;

    color: #e5e5e5;

    padding-top: 20px;

}

.index-team-box .title .span2{

    font-size: 14px;

    color: #999;

    margin-top: 6px;

}

.index-team-mc{

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    filter:alpha(opacity=0); 

    -moz-opacity:0;  

    -khtml-opacity: 0;  

    opacity: 0;

    background: #1862ec;

    z-index: 2;

}

.index-team-mc.xz{

    top: 100%;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}

.index-team-mc .title{

    position: static;

    background: none;

}

.index-team-mc .title .span1{

    color: #fff;

}

.index-team-mc .title .span2{

    color: #fff;

}

.index-team-mc .details{

    background: #fff;

    position: absolute;

    left: 5px;

    bottom: 5px;

    right: 5px;

    top: 80px;

    padding: 20px;

    font-size: 14px;

    color: #666;

    line-height: 24px;

    overflow: auto;

}

.index-team-mc .details .span1{

    font-size: 14px;

    color: #1862ec;

}

.public-scroll .mCSB_scrollTools .mCSB_draggerRail{

    width: 2px;

    background: #e5e5e5;

}

.public-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{

    width: 6px;

    background: #e0c15d;

    border-radius: 0;

}



.index-team-box:hover .index-team-mc{

    top: 0;

    filter:alpha(opacity=100);  

    -moz-opacity:1;  

    -khtml-opacity: 1;  

    opacity: 1;

}



/* 第六屏 */

.index-case-owl{

    padding-left: 50px;

    padding-right: 50px;

}



.index-case-box{

    margin-top: 20px;

}

.index-case-box:first-child{

    margin-top: 0;

}

.index-case-box .span-img{

    border: 5px solid #1f4caa;

}

.index-case-box .span-img img{

    width: 100%;

}

.index-case-box .span-txt{

    font-size: 18px;

    color: #fff;

    text-align: center;

    height: 45px;

    line-height: 45px;

    background: rgba(0, 0, 0, .2);

}



.index-case-word{

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: #fff;

    border: 5px solid #1f4caa;

    filter:alpha(opacity=0); 

    -moz-opacity:0;  

    -khtml-opacity: 0;  

    opacity: 0;

    z-index: -1;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}

.index-case-word.xz{

    top: 100%;

}

.index-case-box:first-child .index-case-word.xz{

    top: 0;

    bottom: 100%;

}

.index-case-word .title{

    text-align: center;

    font-size: 18px;

    color: #333;

    font-weight: bold;

    line-height: 76px;

}

.index-case-word .details{

    position: absolute;

    top: 76px;

    left: 20px;

    right: 20px;

    bottom: 20px;

    font-size: 14px;

    color: #666;

    line-height: 26px;

    overflow: auto;

}

.index-case-box:hover .index-case-word,.index-case-box:hover .index-case-word.xz{

    top: 0;

    bottom: 0;

    z-index: 1;

    filter:alpha(opacity=100);

    -moz-opacity:1;  

    -khtml-opacity: 1;  

    opacity: 1;

}



/* 第七屏 */

.index-news-warper{

    position: relative;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}

.index-news-owl{

    padding-left: 50px;

    padding-right: 50px;

}

.index-news-box{

    line-height: 24px;

}

.index-news-box .a-img img{

    display: block;

    width: 100%;

}

.index-news-box .title{

    font-size: 16px;

    padding-bottom: 21px;

    background: url('../images/line-02.png') left bottom no-repeat;

    color: #666;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}

.index-news-box .title a{

    color: #666;

    display: inline-block;

    height: 18px;

    line-height: 18px;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

}

.index-news-box .details{

    font-size: 14px;

    color: #666;

    height: 72px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}

.index-news-box .date{

    padding: 15px 0 17px;

}









/* 第八屏 */

.index-contact-title{

    float: left;

    width: 52%;

    margin-top: 103px;

    padding-left: 17px;

    font-size: 0;

}

.index-contact-title a{

    display: block;

    width: 230px;

    height: 62px;

    line-height: 62px;

    text-align: center;

    border-radius: 3px;

    font-size: 30px;

    margin-top: 50px;

    background: #fff;

    color: #333;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}

.index-contact-title a:first-child{

    margin-top: 0;

}



.index-contact-content{

    float: right;

    width: 48%;

    font-size: 18px;

    color: #f5f5f5;

    line-height: 42px;

}



.index-contact-content .details{

    margin-bottom: 46px;

}

.index-contact-ewm,.index-contact-map{

    float: left;

    margin-left: 39px;

}

.index-contact-map{

    width: 210px;

    height: 210px;

    background: url('../images/bg-08.png') center center no-repeat;

    -webkit-background-size: cover;

    background-size: cover;

    padding: 12px;

    margin-top: -12px;

    margin-left: 104px;

}

.index-contact-map .mg1{

    width: 186px;

    height: 186px;

}

.section .footer{

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    background: none;

    color: #fff;

}





/*------------------------ 新闻观点 ------------------------*/

.news-main{

    padding-top: 125px;

}

.public-bream{

    font-size: 14px;

    color: #333;

    height: 32px;

    line-height: 32px;

}

.public-bream>a{

    color: #333;

}

.public-bream a.on{

    color: #e0c15d;

}

.public-bream span{

    color: #e0c15d;

    margin: 0 7px;

}



.news-filter{

    position: absolute;

    right: 0;

    top: 0;

    font-size: 0;

}

.news-filter a{

    display: inline-block;

    font-size: 14px;

    color: #666;

    min-width: 72px;

    padding: 0 15px;

    text-align: center;

    border-radius: 3px;

    margin-left: 10px;

}

.news-filter a.on{

    background: #1862ec;

    color: #fff;

}



.news-list{

    margin-top: 40px;

	min-height: 580px;

}

.news-list li{

    padding: 20px 20px 20px 348px;

    font-size: 14px;

    color: #666;

    line-height: 24px;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}

.news-list li .a-img{

    float: left;

    margin-left: -328px;

}

.news-list li .a-img img{

    width: 308px;

    height: 200px;

}

.news-list li .div-title{

    font-size: 16px;

    color: #333;

    padding-top: 8px;

    padding-bottom: 16px;

    background: url('../images/line-01.jpg') left bottom no-repeat;

}

.news-list li .div-title a{

    display: inline-block;

    font-size: 16px;

    color: #333;

    height: 24px;

    line-height: 24px;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}

.news-list li .div-date{

    font-size: 16px;

    padding-top: 15px;

    padding-bottom: 7px;

}

.news-list li .div-details{

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.news-list li .more{

    font-size: 14px;

    color: #666;

    width: 112px;

    height: 32px;

    line-height: 30px;

    color: #666;

    border: 1px solid #ccc;

    text-align: center;

    border-radius: 3px;

    margin-top: 12px;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}



/*------------------------ 新闻观点详情 ------------------------*/

.news-art{

    -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);  

    -moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);  

    box-shadow:0 0 10px rgba(0, 0, 0, .1); 

    padding: 33px 20px 34px;

    margin-top: 30px;

	min-height: 550px;

}

.news-art-title{

    font-size: 24px;

    line-height: 40px;

    color: #333;

}

.news-art-info{

    color: #666;

    line-height: 24px;

    font-size: 0;

    margin-top: 6px;

}

.news-art-info .span-01{

    display: inline-block;

    font-size: 14px;

    margin: 0 35px;

}

.news-share{

    text-align: center;

    margin-top: 10px;

}

.news-share .bdshare-button-style0-16{

    font-size: 0;

    line-height: 16px;

}

.news-share .bdshare-button-style0-16 .span-01{

    font-size: 14px;

    color: #666;

}

.news-share .bdshare-button-style0-16 a{

    float: none;

    display: inline-block;

    margin: 0 10px;

    position: relative;

    top: 2px;

}

#bdshare_weixin_qrcode_dialog{

    width: 250px !important;

    height: 310px !important;

}



.news-details{

    font-size: 14px;

    line-height: 24px;

    color: #333;

    margin-top: 25px;

}



.news-page{

    padding-top: 58px;

    padding-bottom: 58px;

}

.news-page-01{

    float: left;

    width: 50%;

    text-align: right;

    font-size: 14px;

    color: #666;

    line-height: 24px;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

    padding-left: 100px;

}

.news-page-01:first-child{

    text-align: left;

    padding-left: 0;

    padding-right: 100px;

}

.news-page-01 a{

    color: #666;

}

.news-page-01 a.on{

    color: #1862ec;

}



.public-return{

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -30px;

    margin-top: -30px;

    width: 60px;

    height: 60px;

    background: #e0c15d;

    color: #fff;

    border-radius: 50%;

    text-align: center;

    padding-top: 10px;

    z-index: 2;

}

.public-return:hover{

    color: #fff;

}



.index-news .news-filter{

    min-width: 164px;

    top: 147px;

    left: 100%;

    height: 32px;

    line-height: 32px;

}